:root{--red:#d10b1b;--deep:#07080c;--gold:#f4c95d;--gold2:#d99a23;--white:#fff;--muted:#b7bdc9}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif}.intro-page{min-height:100vh;overflow:hidden;color:#fff;background:#030407}
#worldCanvas{position:fixed;inset:0;width:100%;height:100%;z-index:0}.intro-vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 48%,transparent 0 25%,rgba(0,0,0,.12) 48%,rgba(0,0,0,.78) 100%),linear-gradient(90deg,rgba(3,4,7,.86),rgba(3,4,7,.14) 35%,rgba(3,4,7,.12) 65%,rgba(3,4,7,.82))}.intro-grid{position:fixed;inset:0;z-index:1;opacity:.17;pointer-events:none;background-image:linear-gradient(rgba(244,201,93,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(209,11,27,.12) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent,#000 24%,#000 78%,transparent)}
.intro-header{position:relative;z-index:5;display:flex;align-items:center;gap:34px;height:88px;padding:0 clamp(24px,4vw,72px);border-bottom:1px solid rgba(244,201,93,.16);background:linear-gradient(180deg,rgba(4,5,8,.84),rgba(4,5,8,.24));backdrop-filter:blur(15px)}.intro-brand{display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none;min-width:260px}.intro-brand strong{display:block;font-family:Georgia,serif;color:var(--gold);font-size:24px;letter-spacing:.08em}.intro-brand small{display:block;font-size:10px;letter-spacing:.18em;color:#e6e8ed}.intro-logo-mark,.emblem-mark{position:relative;display:grid;place-items:center;width:45px;height:45px;transform:rotate(45deg);border:4px solid var(--gold);border-radius:5px;filter:drop-shadow(0 0 12px rgba(244,201,93,.35))}.intro-logo-mark:before,.emblem-mark:before{content:"";width:19px;height:7px;border:3px solid var(--gold);border-left:0;border-right:0;transform:rotate(-45deg)}.intro-logo-mark i,.emblem-mark i{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 14px var(--gold)}.intro-header nav{display:flex;gap:26px;flex:1;justify-content:center}.intro-header nav a{color:#d8dce4;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.04em}.intro-header nav a:hover{color:var(--gold)}.intro-actions{display:flex;align-items:center;gap:10px}.language-pill,.ghost-btn,.solid-btn{padding:11px 16px;border-radius:8px;font-size:13px;font-weight:700;text-decoration:none}.language-pill{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05)}.ghost-btn{color:#fff;border:1px solid rgba(209,11,27,.7);background:rgba(10,10,14,.55)}.solid-btn{color:#fff;background:linear-gradient(135deg,#e31729,#a90011);box-shadow:0 12px 30px rgba(209,11,27,.28)}
.intro-stage{position:relative;z-index:3;display:grid;grid-template-columns:minmax(280px,.86fr) minmax(450px,1.45fr) minmax(300px,.9fr);align-items:center;gap:20px;min-height:calc(100vh - 136px);padding:20px clamp(28px,5.8vw,92px) 58px}.intro-copy{align-self:center;max-width:530px}.intro-kicker{display:flex;align-items:center;gap:10px;margin-bottom:18px;color:#c7cbd4;font-size:11px;font-weight:800;letter-spacing:.17em}.intro-kicker span{display:block;width:42px;height:2px;background:linear-gradient(90deg,var(--gold),var(--red))}.intro-copy h1{margin:0;font-size:clamp(40px,4.3vw,74px);line-height:1.03;letter-spacing:-.045em;text-transform:uppercase;text-shadow:0 12px 32px rgba(0,0,0,.5)}.rotating-word{display:inline-block;color:var(--gold);min-width:230px;transition:opacity .22s ease,transform .22s ease;text-shadow:0 0 28px rgba(244,201,93,.24)}.rotating-word.swap{opacity:0;transform:translateY(10px)}.intro-copy p{margin:23px 0 22px;color:#d5d8df;line-height:1.75;font-size:15px;max-width:520px}.intro-proof{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:11px;color:#eceef2}.intro-proof span{display:inline-flex;align-items:center;gap:7px}.intro-proof span::first-letter{color:var(--gold)}
.globe-stage{position:relative;min-height:640px;display:flex;align-items:center;justify-content:center}.center-emblem{position:absolute;z-index:4;display:flex;flex-direction:column;align-items:center;text-align:center;top:48%;left:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 16px 28px rgba(0,0,0,.55))}.center-emblem .emblem-mark{width:83px;height:83px;border-width:7px;margin-bottom:28px}.center-emblem .emblem-mark:before{width:37px;height:14px;border-width:5px}.center-emblem .emblem-mark i{width:15px;height:15px}.center-emblem strong{font-family:Georgia,serif;font-size:clamp(50px,5.2vw,88px);letter-spacing:.05em;color:var(--gold);line-height:.85;text-shadow:0 5px 0 #5c2e00,0 0 30px rgba(244,201,93,.3)}.center-emblem small{margin-top:18px;font-size:13px;letter-spacing:.32em;color:#fff}.globe-halo{position:absolute;border-radius:50%;pointer-events:none}.halo-one{width:min(42vw,650px);aspect-ratio:1;border:1px solid rgba(244,201,93,.28);box-shadow:0 0 80px rgba(209,11,27,.28),inset 0 0 70px rgba(244,201,93,.12);animation:haloPulse 4s ease-in-out infinite}.halo-two{width:min(35vw,530px);aspect-ratio:1;border:1px dashed rgba(209,11,27,.44);animation:spin 20s linear infinite}.orbit{position:absolute;border-radius:50%;border:2px solid rgba(209,11,27,.62);filter:drop-shadow(0 0 6px rgba(209,11,27,.75))}.orbit-a{width:min(46vw,710px);height:min(18vw,280px);transform:rotate(10deg);animation:orbitTilt 9s ease-in-out infinite}.orbit-b{width:min(39vw,610px);height:min(13vw,205px);transform:rotate(-17deg);animation:orbitTiltB 12s ease-in-out infinite}.enter-orb{position:absolute;z-index:6;bottom:52px;left:50%;transform:translateX(-50%);width:72px;height:72px;border-radius:50%;border:2px solid var(--gold);background:radial-gradient(circle at 35% 30%,#ef3142,#b30011 55%,#4f0009);box-shadow:0 0 0 10px rgba(244,201,93,.08),0 0 35px rgba(209,11,27,.9);cursor:pointer;transition:.25s ease}.enter-orb:hover{transform:translateX(-50%) scale(1.1);box-shadow:0 0 0 16px rgba(244,201,93,.1),0 0 55px rgba(209,11,27,1)}.play-triangle{display:block;margin-left:5px;width:0;height:0;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:18px solid #fff}.enter-label{position:absolute;bottom:15px;font-size:10px;letter-spacing:.22em;color:#f7f7f8}.intro-capabilities{display:grid;gap:8px;max-width:390px;justify-self:end}.intro-capabilities a{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;padding:13px 15px;border:1px solid rgba(209,11,27,.26);border-radius:10px;color:#fff;text-decoration:none;background:linear-gradient(90deg,rgba(93,0,10,.38),rgba(9,10,14,.48));backdrop-filter:blur(12px);transition:.2s ease}.intro-capabilities a:hover{transform:translateX(-8px);border-color:rgba(244,201,93,.55);background:linear-gradient(90deg,rgba(138,0,15,.62),rgba(18,14,15,.68))}.intro-capabilities span{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;border:1px solid rgba(244,201,93,.35);color:var(--gold);font-weight:800;font-size:11px}.intro-capabilities b{display:block;font-size:12px;letter-spacing:.03em}.intro-capabilities small{display:block;margin-top:4px;color:#bfc4cf;font-size:10px}.intro-bottom-line{position:fixed;z-index:5;left:0;right:0;bottom:0;height:38px;display:flex;align-items:center;justify-content:center;gap:18px;border-top:1px solid rgba(244,201,93,.18);background:rgba(3,4,7,.72);backdrop-filter:blur(12px);font-size:9px;letter-spacing:.18em;color:#c6cad3}.intro-bottom-line i{width:4px;height:4px;border-radius:50%;background:var(--gold);box-shadow:0 0 7px var(--gold)}.noscript-note{position:fixed;z-index:20;bottom:45px;left:20px;padding:12px;background:#fff;color:#111}.intro-page.leaving{animation:pageLeave .65s ease forwards}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes haloPulse{0%,100%{transform:scale(.97);opacity:.7}50%{transform:scale(1.03);opacity:1}}@keyframes orbitTilt{0%,100%{transform:rotate(10deg) rotateX(58deg)}50%{transform:rotate(18deg) rotateX(48deg)}}@keyframes orbitTiltB{0%,100%{transform:rotate(-17deg) rotateX(68deg)}50%{transform:rotate(-7deg) rotateX(56deg)}}@keyframes pageLeave{to{opacity:0;transform:scale(1.025);filter:blur(4px)}}
@media(max-width:1150px){.intro-header nav{display:none}.intro-stage{grid-template-columns:1fr 1.25fr}.intro-capabilities{display:none}.globe-stage{min-height:600px}.center-emblem strong{font-size:62px}}@media(max-width:780px){.intro-page{overflow:auto}.intro-header{height:auto;min-height:72px;padding:12px 18px}.intro-brand{min-width:0}.intro-brand strong{font-size:20px}.intro-brand small{display:none}.language-pill{display:none}.intro-stage{display:flex;flex-direction:column;min-height:auto;padding:60px 22px 80px;text-align:center}.intro-copy{order:2}.intro-copy h1{font-size:39px}.intro-proof{justify-content:center}.globe-stage{order:1;min-height:430px;width:100%}.globe-halo.halo-one{width:370px}.globe-halo.halo-two{width:310px}.center-emblem strong{font-size:52px}.center-emblem .emblem-mark{width:62px;height:62px;margin-bottom:20px}.orbit-a{width:410px;height:170px}.orbit-b{width:350px;height:130px}.enter-orb{bottom:25px}.enter-label{bottom:-7px}.intro-bottom-line{overflow:hidden;justify-content:flex-start;padding-left:16px}.intro-actions .ghost-btn{display:none}}

/* V19.1 visual alignment refinement — palette intentionally unchanged */
.enter-orb{
  display:grid;
  place-items:center;
  padding:0;
  isolation:isolate;
}
.enter-orb::before{
  content:"";
  position:absolute;
  inset:7px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.28);
  pointer-events:none;
}
.play-triangle{
  margin:0;
  transform:translateX(2px);
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.28));
}
.enter-label{
  left:50%;
  width:max-content;
  max-width:90vw;
  transform:translateX(-50%);
  text-align:center;
}
@media(max-width:780px){
  .enter-orb{width:68px;height:68px}
  .play-triangle{border-top-width:10px;border-bottom-width:10px;border-left-width:17px}
}

/* Go Vista V19.4 logo */
.intro-logo-mark,.emblem-mark{display:none}.intro-logo-image{width:68px;height:54px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(244,201,93,.25))}.emblem-logo-image{width:150px;height:105px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(244,201,93,.32))}.center-emblem strong{margin-top:-4px}.intro-brand{min-width:285px}.intro-brand strong{font-size:22px}
@media(max-width:760px){.intro-logo-image{width:58px;height:47px}.emblem-logo-image{width:122px;height:86px}}

/* V25.1 homepage globe alignment — keeps the existing visual design */
.globe-stage{
  --gv-globe-x:50%;
  --gv-globe-y:50%;
  --gv-play-y:calc(50% + 220px);
  --gv-label-y:calc(50% + 275px);
}
.globe-stage .center-emblem{
  left:var(--gv-globe-x);
  top:var(--gv-globe-y);
  translate:-50% -50%;
  transform:none;
}
.globe-stage .globe-halo,
.globe-stage .orbit{
  left:var(--gv-globe-x);
  top:var(--gv-globe-y);
  translate:-50% -50%;
}
.globe-stage .enter-orb{
  left:var(--gv-globe-x);
  top:var(--gv-play-y);
  bottom:auto;
  translate:-50% -50%;
  transform:none;
}
.globe-stage .enter-orb:hover{
  translate:-50% -50%;
  transform:scale(1.1);
}
.globe-stage .enter-label{
  left:var(--gv-globe-x);
  top:var(--gv-label-y);
  bottom:auto;
  translate:-50% -50%;
  transform:none;
}
@media(max-width:780px){
  .globe-stage .enter-orb{bottom:auto}
  .globe-stage .enter-label{bottom:auto}
}