/* A shared motion language: orbit, trace, pulse and sweep. */
.brand-symbol{display:block;width:50px;height:50px;transform:none;flex:none;filter:drop-shadow(0 0 10px #b7ff3e55)}
.brand-symbol svg{display:block;width:100%;height:100%;overflow:visible}
.brand-ring{stroke:#d8ff6129;stroke-width:.7}
.brand-orbit{transform-origin:32px 32px;animation:orbit-turn 9s linear infinite}
.brand-orbit path{stroke:var(--acid);stroke-width:1.4;stroke-linecap:round;stroke-dasharray:15 30}
.brand-orbit circle{fill:var(--acid)}
.brand-v{fill:var(--acid);animation:logo-breathe 3.8s ease-in-out infinite}
.brand-trace{stroke:#fff;stroke-width:1;stroke-dasharray:18 82;animation:logo-trace 3.8s linear infinite}
.brand-wordmark{background:linear-gradient(110deg,#eff4e8 20%,#eff4e8 35%,#d8ff61 44%,#fff 49%,#eff4e8 58%,#eff4e8 80%);background-size:280% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:wordmark-sheen 6s ease-in-out infinite}
.brand small{letter-spacing:3.5px}
.brand:hover .brand-orbit{animation-duration:3s}
.brand:hover .brand-symbol{filter:drop-shadow(0 0 12px #d8ff6199)}
.hero-watch{gap:16px;min-height:50px;padding:0 10px 0 4px}
.hero-watch .play-orbit{width:43px;height:43px;border-color:#d8ff6160;color:var(--acid);background:#d8ff6109}
.hero-watch .play-orbit:before{content:'';position:absolute;inset:-5px;border:1px solid transparent;border-top-color:var(--acid);border-right-color:#d8ff6140;border-radius:50%;animation:orbit-turn 4s linear infinite}
.hero-watch .play-orbit:after,.hero-watch:hover .play-orbit:after{animation:play-pulse 2.8s ease-out infinite}
.hero-watch>span:last-child{position:relative;font-size:12px;letter-spacing:.4px}
.hero-watch>span:last-child:after{content:'';position:absolute;bottom:-6px;left:0;right:0;height:1px;background:var(--acid);transform:scaleX(.35);transform-origin:left;animation:watch-line 2.8s ease-in-out infinite}
.hero-caption{--reel-progress:0;width:320px;min-width:0;padding:19px 21px;gap:15px;background:linear-gradient(120deg,#162211c2,#080e0ad9);border:1px solid #d8ff6138;border-radius:4px;box-shadow:0 18px 50px #0005,inset 0 1px #d8ff6110;animation:caption-hover 6s ease-in-out infinite;isolation:isolate;overflow:hidden}
.caption-scan{position:absolute;top:0;bottom:0;left:-30%;width:25%;pointer-events:none;background:linear-gradient(90deg,transparent,#ceff5a09,transparent);transform:skewX(-20deg);animation:caption-scan 5.5s ease-in-out infinite;z-index:-1}
.hero-caption:after{content:'';position:absolute;left:0;top:0;width:75px;height:1px;background:linear-gradient(90deg,transparent,var(--acid),transparent);animation:caption-edge 5.5s ease-in-out infinite}
.caption-top{display:flex;align-items:center;gap:8px}
.hero-caption .mono{font-size:7px;letter-spacing:1.4px;color:#c2cfb2}
.caption-quality{margin-left:auto;font-size:7px;letter-spacing:.7px;color:#9daa8c;white-space:nowrap}
.caption-signal{display:flex;align-items:center;gap:2px;height:10px;color:var(--acid)}
.caption-signal i{width:2px;height:8px;background:currentColor;animation:signal-level 1s ease-in-out infinite alternate}
.caption-signal i:nth-child(2){animation-delay:-.35s}.caption-signal i:nth-child(3){animation-delay:-.7s}
.caption-body{display:grid;grid-template-columns:51px 1fr;align-items:center;gap:14px}
.reel-dial{position:relative;display:grid;place-items:center;width:51px;height:51px}
.reel-dial svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}
.dial-base{fill:none;stroke:#bdcf9b22;stroke-width:1.3}
.dial-progress{fill:none;stroke:var(--acid);stroke-width:2;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--reel-progress));transition:stroke-dashoffset .25s linear;filter:drop-shadow(0 0 4px #d8ff6170)}
.dial-symbol{color:var(--acid);font-size:13px;margin-left:2px;text-shadow:0 0 12px #d8ff6180}
.caption-details{min-width:0}.hero-caption strong{display:block;font-family:var(--display);font-size:15px;font-weight:600;letter-spacing:.6px;line-height:1.1}
.hero-time{margin-top:12px;gap:9px;font-size:8px;color:#a6b297;font-variant-numeric:tabular-nums}
.time-rule{height:2px;overflow:hidden}.time-rule i{display:block;height:100%;width:calc(var(--reel-progress) * 1%);background:var(--acid);box-shadow:0 0 7px var(--acid);transition:width .25s linear}
.hero-caption.is-paused{--motion-state:paused}
.hero-caption.is-paused .caption-signal{opacity:.4}
.download{padding-top:75px;padding-bottom:75px}
.launch-panel{position:relative;display:grid;grid-template-columns:minmax(240px,390px) 1fr;align-items:center;gap:7%;max-width:1280px;margin:auto;padding:48px 7% 48px 5%;border:1px solid #b8dc6b30;border-radius:8px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 18% 50%,#79b3211a,transparent 52%),linear-gradient(120deg,#141c11,#0e130d 70%);box-shadow:0 26px 80px #0004,inset 0 1px #d8ff610c}
.launch-panel:before{content:'';position:absolute;width:380px;height:380px;left:-160px;top:-260px;border-radius:50%;background:#c4ff4933;filter:blur(80px);animation:ambient-drift 12s ease-in-out infinite alternate;z-index:-1}
.launch-grid{position:absolute;inset:0;background-image:linear-gradient(#cee79c06 1px,transparent 1px),linear-gradient(90deg,#cee79c06 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,#000,transparent 80%);z-index:-1}
.launch-edge{position:absolute;top:0;left:0;height:1px;width:25%;background:linear-gradient(90deg,transparent,#d8ff61,transparent);box-shadow:0 0 14px #d8ff6166;animation:launch-edge 8s ease-in-out infinite;pointer-events:none}
.launch-visual{position:relative;aspect-ratio:1;max-width:340px;width:100%;margin:auto;display:grid;place-items:center;isolation:isolate}
.launch-halo{position:absolute;inset:14%;border:1px solid #d8ff6135;border-radius:50%;box-shadow:0 0 75px #caff3b13,inset 0 0 50px #caff3b0a;animation:halo-breathe 4s ease-in-out infinite}
.launch-halo:before,.launch-halo:after{content:'';position:absolute;inset:0;border-radius:50%;border:1px solid #cfff6720;animation:halo-ripple 5s ease-out infinite}
.launch-halo:after{animation-delay:2.5s}
.launch-reticle{position:absolute;inset:0;width:100%;height:100%;stroke:#c1e28326;stroke-width:.7;animation:orbit-turn 60s linear infinite}
.launch-reticle .reticle-dashes{stroke:#d8ff6145;stroke-dasharray:1 7;stroke-width:2}
.launch-orbit{position:absolute;inset:6%;border:1px solid transparent;border-top-color:#d8ff6190;border-left-color:#d8ff6117;border-radius:50%;animation:orbit-turn 12s linear infinite}
.launch-orbit i{position:absolute;left:50%;top:-3px;width:5px;height:5px;background:var(--acid);border-radius:50%;box-shadow:0 0 13px var(--acid)}
.orbit-two{inset:20%;border-top-color:#d8ff6138;border-right-color:#d8ff6170;border-left:0;animation-direction:reverse;animation-duration:9s}
.orbit-two i{width:3px;height:3px;top:-2px;box-shadow:0 0 8px var(--acid)}
.launch-core{position:relative;width:47%;aspect-ratio:1;display:grid;place-items:center;animation:core-float 5s ease-in-out infinite}
.launch-core:before{content:'';position:absolute;inset:12%;border:1px solid #cfff6120;transform:rotate(45deg);background:linear-gradient(135deg,#cfff610e,transparent);box-shadow:0 0 30px #b8ff1409}
.launch-core svg{position:relative;width:86%;height:86%;fill:var(--acid);filter:drop-shadow(0 0 17px #caff3b66)}
.launch-chip{position:absolute;display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid #c9f98130;border-radius:3px;background:#0d170ee8;backdrop-filter:blur(10px);font-size:7px;letter-spacing:1.2px;color:#abbc98;box-shadow:0 8px 20px #0004;animation:chip-cycle 12s ease-in-out infinite}
.launch-chip svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}
.chip-vision{top:10%;left:0;animation-delay:0s}.chip-night{right:-4%;top:24%;animation-delay:-9s}.chip-maps{left:-3%;bottom:22%;animation-delay:-6s}.chip-raid{right:-1%;bottom:8%;animation-delay:-3s}
.launch-copy{position:relative;z-index:1}.launch-copy .eyebrow{font-size:8px;letter-spacing:2.3px;margin-bottom:23px}
.download .launch-copy h2{font-family:var(--display);font-size:clamp(48px,5.3vw,78px);font-weight:700;letter-spacing:-1.5px;line-height:.94}
.launch-copy h2 em{display:inline-block;background:linear-gradient(100deg,#d8ff61 25%,#f1ffc4 45%,#b6ec38 65%,#d8ff61 80%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:wordmark-sheen 7s ease-in-out infinite}
.launch-action{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:29px}
.launch-download{min-width:218px;min-height:56px;justify-content:space-between;gap:35px;border-radius:3px}
.button .download-button-label{font-size:12px;font-weight:700}.launch-button-arrow{animation:arrow-nudge 2.5s ease-in-out infinite}
.launch-download:before{animation:button-sheen 5s ease-in-out infinite}.launch-download:hover:before{animation:none;transform:translateX(120%)}
.launch-platform{display:grid;grid-template-columns:16px auto;align-items:center;column-gap:8px;row-gap:5px;font-size:9px;color:#c4cdb9;white-space:nowrap}
.launch-platform svg{width:14px;height:14px;fill:#b6c4a2;grid-row:span 2}
.launch-platform small{font-size:8px;color:#839274;grid-column:2}
[data-motion],[data-motion] *,[data-motion]:before,[data-motion]:after,[data-motion] *:before,[data-motion] *:after{animation-play-state:var(--motion-state,running)!important}
.motion-off{--motion-state:paused}.motion-suspended [data-motion]{--motion-state:paused}
@keyframes orbit-turn{to{transform:rotate(360deg)}}
@keyframes logo-trace{to{stroke-dashoffset:-100}}
@keyframes logo-breathe{0%,100%{opacity:.7}50%{opacity:1}}
@keyframes wordmark-sheen{0%,10%{background-position:100% 50%}65%,100%{background-position:0% 50%}}
@keyframes watch-line{0%,100%{transform:scaleX(.35);opacity:.35}50%{transform:scaleX(1);opacity:1}}
@keyframes caption-hover{0%,100%{transform:translateY(0) perspective(700px) rotateX(var(--caption-rotate-x,0deg)) rotateY(var(--caption-rotate-y,0deg))}50%{transform:translateY(-7px) perspective(700px) rotateX(var(--caption-rotate-x,0deg)) rotateY(var(--caption-rotate-y,0deg))}}
@keyframes caption-scan{0%,15%{left:-30%}75%,100%{left:130%}}
@keyframes caption-edge{0%,100%{transform:translateX(-75px);opacity:0}20%,80%{opacity:1}90%{transform:translateX(320px);opacity:0}}
@keyframes signal-level{from{transform:scaleY(.35)}to{transform:scaleY(1)}}
@keyframes halo-breathe{0%,100%{transform:scale(.97);opacity:.65}50%{transform:scale(1.04);opacity:1}}
@keyframes halo-ripple{0%{transform:scale(.9);opacity:0}20%{opacity:.7}100%{transform:scale(1.5);opacity:0}}
@keyframes core-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(3deg)}}
@keyframes chip-cycle{0%,23%,100%{transform:translateY(-4px);border-color:#d8ff6180;color:#d8ff61;box-shadow:0 0 24px #baff0015,0 8px 20px #0004}28%,95%{transform:translateY(3px);border-color:#c9f98125;color:#899d76;box-shadow:0 8px 20px #0004}}
@keyframes ambient-drift{to{transform:translate(600px,250px);opacity:.4}}
@keyframes launch-edge{0%{transform:translateX(-100%)}80%,100%{transform:translateX(500%)}}
@keyframes arrow-nudge{0%,65%,100%{transform:translate(0,0)}35%{transform:translate(3px,-3px)}}
@keyframes button-sheen{0%,65%{transform:translateX(-120%)}90%,100%{transform:translateX(120%)}}
@media(max-width:1100px){.hero-caption{right:4%;bottom:112px;width:280px;padding:15px 16px}.caption-body{grid-template-columns:44px 1fr;gap:11px}.reel-dial{width:44px;height:44px}.hero-caption strong{font-size:13px}.caption-quality{font-size:6px}.hero-caption .mono{font-size:6px}.launch-panel{padding:38px 5%;gap:6%;grid-template-columns:minmax(200px,300px) 1fr}.launch-action{gap:18px}.launch-download{min-width:200px}.launch-chip{font-size:6px;padding:8px}.launch-copy .eyebrow{margin-bottom:17px}.download .launch-copy h2{font-size:clamp(44px,5.6vw,65px)}}
@media(max-width:760px){.brand-symbol{width:43px;height:43px}.brand{gap:9px}.brand small{letter-spacing:3px}.hero-watch{min-height:42px;gap:14px}.hero-watch .play-orbit{width:34px;height:34px}.hero-watch>span:last-child{font-size:11px}.hero-caption{width:238px;bottom:101px;right:6%;padding:12px 14px;gap:11px}.hero-caption .mono{font-size:5px;letter-spacing:1px}.caption-quality{font-size:5px}.caption-body{grid-template-columns:34px 1fr;gap:11px}.reel-dial{width:34px;height:34px}.dial-symbol{font-size:9px}.hero-caption strong{font-size:11px;letter-spacing:.4px}.hero-time{margin-top:7px;font-size:6px}.caption-signal{height:8px}.caption-signal i{height:6px}.download{padding-top:45px;padding-bottom:45px}.launch-panel{grid-template-columns:1fr;gap:17px;padding:24px 25px 33px}.launch-visual{max-width:260px}.launch-copy{text-align:center}.launch-copy .eyebrow{font-size:7px;margin-bottom:15px}.download .launch-copy h2{font-size:clamp(40px,10.8vw,65px);letter-spacing:-1px}.launch-action{justify-content:center;gap:17px;margin-top:23px}.launch-download{min-width:218px}.launch-platform{text-align:left;font-size:8px;column-gap:6px}.launch-platform small{font-size:7px}.launch-grid{mask-image:linear-gradient(#000,transparent 75%)}.launch-chip{font-size:6px}.chip-night{right:-1%}.chip-maps{left:0}.launch-panel:before{width:280px;height:280px}.launch-core{width:46%}}
@media(prefers-reduced-motion:reduce){.brand-wordmark,.launch-copy h2 em{background:none;color:var(--acid)}.brand-v{opacity:1}.hero-watch .play-orbit:after,.caption-scan,.launch-halo:before,.launch-halo:after{display:none}.hero-caption{transform:none!important}.launch-chip{transform:none;color:#bdcba8}.dial-progress,.time-rule i{transition:none}.hero-watch>span:last-child:after{transform:scaleX(1)}}
