:root{--ink:#020304;--white:#e9edf0;--muted:#7b858c;--cyan:#8fd8e8}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--ink);color:var(--white)}body{font-family:Inter,Arial,sans-serif}.hero{position:relative;width:100%;height:100svh;isolation:isolate;background:#020304;overflow:hidden}.hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-4}.hero:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(0,0,0,.34) 0%,rgba(0,0,0,.05) 50%,rgba(0,0,0,.24) 100%),linear-gradient(0deg,rgba(0,0,0,.3),transparent 35%);pointer-events:none}#binaryRain{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.42;mix-blend-mode:screen;pointer-events:none}.noise{position:absolute;inset:-50%;z-index:4;opacity:.025;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");animation:grain .2s steps(2) infinite}.cursor-glow{position:absolute;width:300px;height:300px;border-radius:50%;pointer-events:none;z-index:0;opacity:.16;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(116,205,223,.16),transparent 65%);transition:opacity .3s}.header{position:absolute;z-index:5;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:34px 4vw}.brand{display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none}.brand__mark{font:700 18px Space Mono;border:1px solid rgba(255,255,255,.22);width:43px;height:43px;display:grid;place-items:center}.brand__mark span{color:var(--cyan)}.brand__name{font-size:11px;letter-spacing:.26em;font-weight:600}.status{font:400 9px Space Mono;letter-spacing:.16em;color:#879198;display:flex;align-items:center;gap:10px}.status i{display:block;width:5px;height:5px;border-radius:50%;background:#8fc7a8;box-shadow:0 0 10px #8fc7a8;animation:pulse 2s infinite}.statement{position:absolute;z-index:2;left:7.5vw;top:50%;transform:translateY(-47%);width:min(47vw,760px)}.eyebrow{font:400 clamp(8px,.63vw,11px) Space Mono;letter-spacing:.17em;color:#7f8990;margin-bottom:28px}.eyebrow span{color:var(--cyan);margin-right:14px}.phrase-stage{position:relative;height:clamp(210px,27vw,425px);perspective:900px}.phrase{position:absolute;inset:0;margin:0;font-size:clamp(37px,4.5vw,86px);line-height:.91;letter-spacing:-.066em;font-weight:500;color:#dfe4e7;text-wrap:balance;opacity:0;filter:blur(10px);transform:translateY(35px) rotateX(-4deg);transition:opacity .8s ease,filter .8s ease,transform .8s cubic-bezier(.22,.8,.2,1)}.phrase em{font-style:normal;font-weight:300;color:transparent;-webkit-text-stroke:1px rgba(204,227,233,.56);text-shadow:0 0 24px rgba(108,192,210,.09)}.phrase.is-active{opacity:1;filter:blur(0);transform:none}.phrase.is-leaving{opacity:0;filter:blur(13px);transform:translateY(-28px) rotateX(3deg)}.phrase-meta{display:flex;align-items:center;gap:17px;font:400 9px Space Mono;letter-spacing:.17em;color:#7b858c}.line{position:relative;width:120px;height:1px;background:rgba(255,255,255,.13);overflow:hidden}.line i{position:absolute;inset:0;transform-origin:left;background:var(--cyan);animation:timer 4.8s linear infinite}.coordinates{position:absolute;left:4vw;bottom:34px;font:400 8px Space Mono;letter-spacing:.16em;color:#596168;z-index:5}.scroll-cue{position:absolute;right:4vw;bottom:32px;display:flex;align-items:center;gap:13px;font:400 8px Space Mono;letter-spacing:.2em;color:#697178;z-index:5;transform:rotate(90deg);transform-origin:right center}.scroll-cue i{width:34px;height:1px;background:#64737a;position:relative}.scroll-cue i:after{content:"";position:absolute;width:9px;height:1px;background:inherit;right:0;transform:rotate(35deg);transform-origin:right}
@keyframes grain{0%{transform:translate(0)}25%{transform:translate(2%,-3%)}50%{transform:translate(-2%,2%)}75%{transform:translate(3%,3%)}100%{transform:translate(-3%,-2%)}}@keyframes pulse{50%{opacity:.35}}@keyframes timer{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:760px){.hero__image{object-position:61% center;opacity:.76}.hero:after{background:linear-gradient(0deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.05) 80%)}.header{padding:22px}.status{display:none}.statement{left:24px;right:24px;top:auto;bottom:80px;transform:none;width:auto}.eyebrow{margin-bottom:16px}.phrase-stage{height:190px}.phrase{font-size:clamp(35px,11vw,54px);line-height:.92}.coordinates{display:none}.scroll-cue{right:20px}.brand__name{font-size:9px}}
@media(prefers-reduced-motion:reduce){.noise,.status i,.line i{animation:none}.phrase{transition:none}}
.header{justify-content:flex-end}.lightning{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 68% 18%,rgba(220,242,255,.54),rgba(135,191,215,.14) 24%,transparent 58%),linear-gradient(105deg,transparent 15%,rgba(203,235,249,.08) 49%,transparent 72%);mix-blend-mode:screen}.lightning.is-flashing{animation:lightning-flash .72s steps(1,end)}
@keyframes lightning-flash{0%,100%{opacity:0}7%{opacity:.14}12%{opacity:.02}18%{opacity:.28}25%{opacity:.04}32%{opacity:.1}45%{opacity:0}}
img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none}