@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;600&display=swap');
:root{--bg:#050607;--fg:#e9edf0;--muted:#778087;--line:#252b2f;--blue:#9fb9c7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:'Space Grotesk',sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.07;background:linear-gradient(#273036 1px,transparent 1px),linear-gradient(90deg,#273036 1px,transparent 1px);background-size:80px 80px}
.boot{position:fixed;inset:0;background:#050607;z-index:100;display:grid;place-items:center;animation:boot 1.7s forwards}.boot div{text-align:center;font-family:'IBM Plex Mono'}.boot b{display:block;letter-spacing:.22em;font-size:22px}.boot span{display:block;margin-top:12px;color:#687279;font-size:9px;letter-spacing:.16em}@keyframes boot{0%,72%{opacity:1}100%{opacity:0;visibility:hidden}}
header{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;font:10px 'IBM Plex Mono';letter-spacing:.14em}header div:last-child{color:var(--muted)}
.hero{height:calc(100vh - 72px);min-height:650px;position:relative;overflow:hidden;padding:12vw 8vw 7vw;border-bottom:1px solid var(--line);background:radial-gradient(circle at 72% 48%,#172229 0,#090c0e 25%,#050607 64%)}
.orb{position:absolute;width:58vw;height:58vw;right:-14vw;top:4vw;border:1px solid #35434b;border-radius:50%;opacity:.7;box-shadow:0 0 100px #101b20,inset 0 0 100px #111a1e}.orb:before,.orb:after{content:"";position:absolute;background:#344149}.orb:before{width:1px;height:100%;left:50%}.orb:after{height:1px;width:100%;top:50%}.beam{position:absolute;right:21vw;top:12vw;width:1px;height:62vh;background:linear-gradient(transparent,var(--blue),transparent);opacity:.2}
.content{position:relative;z-index:2}.eyebrow{font:10px 'IBM Plex Mono';letter-spacing:.16em;color:var(--muted)}h1{font-size:clamp(90px,17vw,230px);line-height:.76;letter-spacing:-.08em;margin:30px 0 35px}h1 em{font-style:normal;color:#b9c8cf}.hairline{height:1px;max-width:650px;background:linear-gradient(90deg,var(--fg),transparent)}.big{font-size:clamp(28px,4vw,52px);line-height:1;letter-spacing:-.04em;margin:24px 0 12px}.muted{font:10px 'IBM Plex Mono';letter-spacing:.12em;color:var(--muted)}button{font:10px 'IBM Plex Mono';letter-spacing:.12em;color:var(--fg);background:transparent;border:1px solid #59636a;padding:15px 18px;cursor:pointer}button:hover{background:var(--fg);color:var(--bg)}.coordinates{position:absolute;right:5vw;bottom:5vw;color:var(--muted);font:9px 'IBM Plex Mono';letter-spacing:.12em;text-align:right}
.entry{padding:10vw 8vw;display:flex;justify-content:center;border-bottom:1px solid var(--line);background:#060809}.terminal{width:min(720px,100%);border:1px solid #30383d;background:#080b0d;padding:0 28px 30px;box-shadow:0 20px 80px #000}.terminal-head{height:42px;margin:0 -28px 55px;padding:0 28px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font:9px 'IBM Plex Mono';letter-spacing:.14em;color:var(--muted)}.prompt{font:11px 'IBM Plex Mono';letter-spacing:.15em;margin-bottom:18px}.handle{display:flex;align-items:center;border-bottom:1px solid #59636a;padding-bottom:10px;font:24px 'IBM Plex Mono'}.handle span{color:var(--muted)}input{flex:1;background:none;border:0;outline:0;color:var(--fg);font:24px 'IBM Plex Mono';padding-left:8px}input::placeholder{color:#3e474c}.terminal form button{margin-top:28px}.note{margin-top:28px;color:#59636b;font:9px 'IBM Plex Mono';letter-spacing:.04em}
.hidden{display:none}.welcome{padding:11vw 8vw;border-bottom:1px solid var(--line)}.welcome-card{max-width:760px;margin:45px auto 0;padding:45px;border:1px solid #30383d;background:#080b0d}.small{font:9px 'IBM Plex Mono';letter-spacing:.16em;color:var(--muted)}.id{font:clamp(46px,8vw,92px);letter-spacing:-.07em;margin:20px 0 45px}.welcome h2{font-size:clamp(46px,7vw,92px);line-height:.84;letter-spacing:-.06em;margin:0}.welcome h2 em{font-style:normal;color:#aebdc5}.youre{font:11px 'IBM Plex Mono';letter-spacing:.12em;margin-top:25px}.welcome-card .hairline{margin:35px 0}.welcome-card p{font:12px 'IBM Plex Mono';line-height:1.7;color:#89939a}.welcome-card p strong{color:#dce3e7}.welcome-card button{margin-top:15px;padding:10px 12px}
.lore{padding:11vw 8vw;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:5vw}.lore h2{font-size:clamp(45px,6vw,85px);line-height:.9;letter-spacing:-.06em;margin:0 0 25px}.lore p{max-width:580px;color:#899197;line-height:1.7}.numbers{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:5vw}.numbers div{aspect-ratio:1;border:1px solid var(--line);padding:22px;display:flex;flex-direction:column;justify-content:space-between;background:#080a0c}.numbers small,.numbers span{font:9px 'IBM Plex Mono';letter-spacing:.14em;color:var(--muted)}.numbers b{font-size:clamp(55px,8vw,110px);font-weight:400;letter-spacing:-.07em}
.closing{padding:12vw 8vw;display:grid;grid-template-columns:1fr 2fr}.closing h2{font-size:clamp(55px,9vw,140px);line-height:.84;letter-spacing:-.07em;margin:0}.closing h2 span{color:var(--blue)}footer{border-top:1px solid var(--line);padding:24px 5vw;display:flex;justify-content:space-between;color:#707980;font:9px 'IBM Plex Mono';letter-spacing:.1em}.sound{position:fixed;right:20px;bottom:20px;z-index:60;padding:9px 11px;font-size:8px;background:#080a0c}
@media(max-width:700px){header{padding:0 20px}header div:last-child{display:none}.hero{padding:90px 24px 50px;min-height:650px}.coordinates{display:none}.entry,.welcome,.lore,.closing{padding:80px 24px}.lore,.closing{display:block}.lore h2,.closing h2{margin-top:35px}.numbers{grid-template-columns:1fr;margin-top:50px}.welcome-card{padding:28px}}