/* Eight-second brand sequence. Geography first; identity follows convergence. */
.intro{background:radial-gradient(ellipse at 50% 43%,#fff 15%,#eef6ff 65%,#e5effa 100%)}
.intro::before{content:"";position:absolute;width:min(900px,150vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,transparent 43%,#73b5ff12 44%,transparent 45%,transparent 58%,#7aaee510 59%,transparent 60%);pointer-events:none;animation:atmosphere-reveal 8s both}
.intro-earth-stage{width:min(900px,96vw);height:min(530px,55vh);flex-shrink:1;min-height:200px}
.intro-earth-stage canvas{animation:connection-reveal 8s both}
.intro-brand{animation:identity-reveal 8s cubic-bezier(.22,.61,.36,1) both;z-index:2}
.intro-brand img{width:min(440px,80%);background:transparent;border-radius:0;padding:0;box-shadow:none;filter:drop-shadow(0 5px 15px #ffffff)}
.intro-copy{position:relative;z-index:2;max-width:820px;min-height:86px;padding:0 12px}
.intro-copy .intro-slogan{font-size:clamp(20px,2.6vw,29px)!important;line-height:1.45;font-weight:600!important}
.intro-copy .intro-line{font-size:13px!important;margin-top:10px!important}
.intro-loader{min-height:24px;margin-top:15px}.intro-note{position:relative;z-index:2}
.intro-skip{z-index:4;background:#ffffffdb;backdrop-filter:blur(12px)}
@keyframes connection-reveal{0%{opacity:.4;transform:translateY(12px) scale(.94)}12%,68%{opacity:1;transform:none}84%,100%{opacity:.12;transform:scale(1.025)}}
@keyframes identity-reveal{0%,70%{opacity:0;transform:translateY(16px) scale(.96)}83%,100%{opacity:1;transform:none}}
@keyframes atmosphere-reveal{0%{opacity:0;transform:scale(.92)}25%,70%{opacity:1;transform:scale(1)}100%{opacity:.25;transform:scale(1.06)}}
@media(max-width:700px){.intro-earth-stage{height:48vh;width:calc(100% + 20px)}.intro-brand img{width:82%;max-width:350px}.intro-copy{min-height:100px}.intro-copy .intro-slogan{font-size:21px!important}.intro-copy .intro-line{font-size:12px!important}.intro-loader{margin-top:6px}.intro-note{margin-top:8px}}
@media(max-height:580px){.intro{padding:55px 15px 18px}.intro-earth-stage{height:45vh;min-height:150px}.intro-copy{min-height:58px}.intro-copy .intro-slogan{font-size:19px!important}.intro-copy .intro-line{font-size:11px!important;margin-top:5px!important}.intro-note{margin-top:5px}}
@media(prefers-reduced-motion:reduce){.intro::before,.intro-earth-stage canvas,.intro-brand{animation:none}.intro-brand{opacity:1}}
.intro-loader.intro-loaded{visibility:hidden}