:root{color-scheme:dark;font-family:Manrope,sans-serif;color:#eef5f2;background:#070a0c;font-synthesis:none;--acid: #56fbd4;--muted: #81908c;--line: rgba(177, 223, 211, .16)}*{box-sizing:border-box}html{min-width:320px;background:#070a0c}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 77% 44%,rgba(21,116,100,.12),transparent 28%),linear-gradient(135deg,#090d0f,#060809 60%)}body:before{position:fixed;z-index:1;inset:0;pointer-events:none;content:"";background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:80px 80px;opacity:.18;-webkit-mask-image:radial-gradient(circle at 75% 45%,black,transparent 72%);mask-image:radial-gradient(circle at 75% 45%,black,transparent 72%)}.noise{position:fixed;z-index:10;inset:0;pointer-events:none;opacity:.025;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='.8'/%3E%3C/svg%3E")}#scene{position:fixed;z-index:0;inset:0}#scene:after{position:absolute;inset:0;pointer-events:none;content:"";background:linear-gradient(90deg,rgba(7,10,12,.9) 0%,transparent 58%)}.site-header,main,footer{position:relative;z-index:2}.site-header{display:flex;align-items:center;justify-content:space-between;height:98px;padding:0 5.5vw;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;color:#f1f7f5;font-size:13px;font-weight:700;letter-spacing:.18em;text-decoration:none}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(86,251,212,.55);color:var(--acid);font-family:DM Mono,monospace;font-size:11px}.system-state{display:flex;gap:10px;align-items:center;color:#aab6b2;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase}.pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 16px var(--acid);animation:pulse 1.8s ease-in-out infinite}main{min-height:calc(100vh - 168px)}.hero{display:flex;flex-direction:column;justify-content:center;width:min(780px,55vw);min-height:calc(100vh - 168px);padding:5vh 0 6vh 8.4vw}.eyebrow{display:flex;gap:13px;align-items:center;margin-bottom:28px;color:var(--acid);font-family:DM Mono,monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase}.eyebrow .line{width:42px;height:1px;background:#56fbd48c}h1{margin:0;color:#f1f5f3;font-size:clamp(3.5rem,6.4vw,7rem);font-weight:500;letter-spacing:-.065em;line-height:.88}h1 span{color:transparent;-webkit-text-stroke:1px rgba(191,255,239,.58)}.intro{max-width:460px;margin:32px 0 0;color:#9ba7a3;font-size:clamp(.92rem,1.1vw,1.05rem);line-height:1.7}.notify{width:min(100%,430px);margin-top:38px}.notify label{display:block;margin-bottom:11px;color:#7c8985;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.18em;text-transform:uppercase}.input-row{display:flex;border-bottom:1px solid rgba(176,218,207,.34)}input{width:100%;min-width:0;padding:14px 2px;border:0;outline:0;color:#e9f2ef;background:transparent;font:400 13px DM Mono,monospace}input::placeholder{color:#4f5c59}button{display:flex;gap:18px;align-items:center;padding:0 3px 0 20px;border:0;color:var(--acid);background:transparent;font:500 10px DM Mono,monospace;letter-spacing:.15em;text-transform:uppercase;cursor:pointer}button:hover span:last-child{transform:translate(3px,-3px)}button span:last-child{font-size:18px;transition:transform .18s ease}.form-message{min-height:17px;margin:10px 0 0;color:var(--acid);font:400 9px DM Mono,monospace;letter-spacing:.06em}.telemetry{position:absolute;right:5.5vw;bottom:6vh;width:250px;padding:17px 18px;border:1px solid rgba(132,177,166,.18);background:#050b0c7a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.telemetry-head{display:flex;justify-content:space-between;color:#9da8a5;font:400 9px DM Mono,monospace;letter-spacing:.16em;text-transform:uppercase}.telemetry-head span:last-child{color:var(--acid)}.progress{height:2px;margin:13px 0 17px;background:#ffffff14}.progress span{display:block;width:68%;height:100%;background:var(--acid);box-shadow:0 0 10px #56fbd48c}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 20px}.metric-grid div{display:flex;flex-direction:column;gap:4px}.metric-label{color:#52615d;font:400 8px DM Mono,monospace;letter-spacing:.14em;text-transform:uppercase}.metric-grid strong{color:#cbd5d2;font:400 9px DM Mono,monospace;letter-spacing:.05em;text-transform:uppercase}footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:70px;padding:0 5.5vw;border-top:1px solid var(--line);color:#56635f;font:400 9px DM Mono,monospace;letter-spacing:.12em;text-transform:uppercase}footer p{margin:0}footer a{justify-self:end;color:#7f8c88;text-decoration:none}footer a:hover{color:var(--acid)}.reveal{animation:reveal .8s cubic-bezier(.2,.75,.3,1) both}h1.reveal{animation-delay:.1s}.intro.reveal{animation-delay:.19s}.notify.reveal{animation-delay:.28s}@keyframes reveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{opacity:.35;transform:scale(.75)}}@media(max-width:900px){.hero{width:66vw;padding-left:6vw}.telemetry{right:4vw;width:220px}}@media(max-width:760px){body:before{background-size:54px 54px}#scene:after{background:linear-gradient(0deg,rgba(7,10,12,.96) 4%,transparent 68%)}.site-header{height:76px;padding:0 22px}main{min-height:auto}.hero{justify-content:flex-end;width:100%;min-height:770px;padding:310px 22px 36px}.eyebrow{margin-bottom:20px}h1{font-size:clamp(3.1rem,15vw,5rem)}.intro{margin-top:24px}.notify{margin-top:26px}.telemetry{position:relative;right:auto;bottom:auto;width:calc(100% - 44px);margin:0 22px 30px}footer{grid-template-columns:1fr 1fr;height:64px;padding:0 22px}.footer-center{display:none}}@media(max-width:430px){.eyebrow span:last-child{display:none}.input-row{align-items:stretch}button{gap:8px;padding-left:12px}footer{letter-spacing:.06em}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
