:root{color-scheme:dark;--text:#eaf6ff;--muted:#778e9d;--blue:#70d9f5;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{background:#000;scroll-behavior:smooth}body{margin:0;background:#000;color:var(--text);min-width:280px}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:6px}button{color:#8da6b4;background:transparent;border:0;min-width:44px;min-height:44px;padding:10px;font:inherit;font-size:10px;letter-spacing:1px;cursor:pointer;transition:color .2s}button:hover{color:#d7f6ff}[hidden]{display:none!important}#atmosphere,.vignette,.horizon,#shooting-stars{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}#atmosphere{z-index:0}.horizon{z-index:0;background:radial-gradient(ellipse 43% 31% at 50% 41%,#0b506d35,transparent 85%);opacity:.8}.vignette{z-index:1;background:radial-gradient(ellipse at 50% 38%,transparent 23%,#0005 60%,#000e 100%)}.site-shell{position:relative;z-index:2;max-width:1800px;margin:auto;padding:0 5.2%;min-height:100svh;display:flex;flex-direction:column}header{height:88px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;position:relative}.wordmark{position:relative;width:101px;height:48px;overflow:hidden;mix-blend-mode:screen;opacity:.85}.wordmark img{position:absolute;width:132px;height:132px;max-width:none;left:-13px;top:-41px}.launch-state{position:absolute;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:3px;color:#94b3c2;display:flex;align-items:center;gap:10px;white-space:nowrap}.launch-state>span{width:4px;height:4px;border-radius:50%;background:#66e0dc;box-shadow:0 0 12px #73dfdf}.ambient-controls{min-width:60px;text-align:right}main{flex:1;display:flex;flex-direction:column}.hero{position:relative;flex:1;min-height:590px;min-height:max(530px,calc(100svh - 168px));isolation:isolate}.visual{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);width:min(88vw,91svh,920px);mix-blend-mode:screen;pointer-events:none;animation:logo-arrive 2.5s ease-out both}.logo-stage{position:relative;aspect-ratio:1;transform:translate(var(--shift-x,0px),var(--shift-y,0px));transition:transform 1.5s ease-out;mask-image:radial-gradient(ellipse 54% 42% at 50% 46%,#000 54%,transparent 100%)}.logo-stage img,.logo-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.logo-stage video{opacity:0;transition:opacity .6s}.logo-stage video.ready{opacity:1}.logo-stage.has-video img{opacity:0}.intro{position:absolute;bottom:14px;left:0;right:0;text-align:center;animation:copy-arrive 2.5s .5s both;pointer-events:none}.eyebrow{font-size:8px;letter-spacing:4px;font-weight:400;color:#64bdcf;margin:0 0 15px}h1{font-size:clamp(40px,4.4vw,68px);font-weight:400;line-height:1.06;letter-spacing:-2.2px;margin:0;color:#e6f4fa;text-shadow:0 0 45px #90d6ff17}.lead{font-size:13px;letter-spacing:.25px;line-height:1.7;color:#8aa0ad;margin:18px 0 0}.reveal-line{position:relative;height:1px;width:100px;background:linear-gradient(90deg,transparent,#679db944,transparent);margin:27px auto 0}.reveal-line span{position:absolute;inset:0;background:linear-gradient(90deg,transparent,#8ef7ed,transparent);animation:line-breathe 7s ease-in-out infinite;opacity:.35}footer{height:80px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#4e6978;font-size:8px;letter-spacing:1px;position:relative}.closing{position:absolute;left:50%;transform:translateX(-50%);font-size:7px;letter-spacing:2.8px;white-space:nowrap;color:#587a88}.copyright{font-size:8px}#motion-toggle{font-size:8px;color:#597685}#shooting-stars{z-index:1;overflow:hidden}.shooting-star{position:absolute;width:var(--tail);height:1px;background:linear-gradient(90deg,transparent,#73caff77,#e4f8ff);opacity:0;animation:shooting-star-flight var(--flight) ease-out forwards;transform-origin:right center}.shooting-star:after{content:"";position:absolute;right:0;top:-1px;width:3px;height:3px;border-radius:50%;background:#e9faff;box-shadow:0 0 7px #b4e7ff}@keyframes shooting-star-flight{0%{opacity:0;transform:translate(0,0) rotate(var(--angle))}12%{opacity:.65}65%{opacity:.45}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--angle))}}@keyframes line-breathe{0%,100%{opacity:.1;scale:.4 1}50%{opacity:.6;scale:1 1}}@keyframes logo-arrive{from{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur(0)}}@keyframes copy-arrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}body.motion-paused *{animation-play-state:paused!important}.motion-paused .logo-stage{transition:none}@media(min-aspect-ratio:2/1){.visual{width:min(76vw,100svh,800px);top:37%}.hero{min-height:470px}}@media(max-width:600px){.site-shell{padding:0 6%}header{height:78px}.wordmark{width:82px;transform:scale(.8);transform-origin:left center}.launch-state{font-size:7px;letter-spacing:1.7px;gap:6px}.ambient-controls{min-width:40px}button{font-size:9px;padding:8px}.hero{min-height:max(500px,calc(100svh - 158px))}.visual{width:124%;max-width:600px;top:37%}.logo-stage{mask-image:radial-gradient(ellipse 52% 43% at 50% 47%,#000 56%,transparent 100%)}.intro{bottom:32px}.eyebrow{font-size:7px;letter-spacing:3px}h1{font-size:44px;letter-spacing:-1.8px}.lead{font-size:11px;max-width:260px;margin:16px auto 0}.closing{position:static;transform:none;font-size:6px;letter-spacing:1.8px;margin:0;order:-1;flex-basis:100%;text-align:center}.copyright{font-size:7px}footer{height:80px;flex-wrap:wrap;gap:2px;align-content:center}#motion-toggle{font-size:7px;min-height:34px}.reveal-line{margin-top:23px}.visual{width:112%;max-width:560px}body{overflow-x:clip}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.visual,.intro{opacity:1}#shooting-stars{display:none}}
.logo-stage{mask-image:radial-gradient(ellipse 54% 42% at 50% 46%,#000 54%,transparent 100%),linear-gradient(#000 68%,transparent 75%);mask-composite:intersect;-webkit-mask-composite:source-in}@media(max-width:600px){.visual{width:125%;top:40%}.logo-stage{mask-image:radial-gradient(ellipse 52% 43% at 50% 47%,#000 56%,transparent 100%),linear-gradient(#000 68%,transparent 75%);mask-composite:intersect;-webkit-mask-composite:source-in}}
.hero{overflow:hidden}.motion-paused .visual,.motion-paused .intro{animation:none!important;opacity:1}