:root{color-scheme:dark;--bg:#0b0f12;--ink:#edf2ef;--muted:#8b979c;--teal:#00b9b0;--green:#39ca8c}
*{box-sizing:border-box}
html{min-width:280px;background:var(--bg)}
body{margin:0;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse at 50% 37%,#122a292e,transparent 48%),var(--bg)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' opacity='.22' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.page{width:min(1440px,100%);min-height:100svh;margin:auto;padding:0 60px;display:flex;flex-direction:column;position:relative}
.masthead{min-height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0b}
.brand-small{font-size:18px;font-weight:650;letter-spacing:-.8px}.brand-small span{font-weight:350;color:var(--muted);margin-left:4px}
.status{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#9ca8ac}.status i{height:5px;width:5px;border-radius:50%;background:var(--green);box-shadow:0 0 10px #39ca8c50}
main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:60px 0 66px}
.identity{display:flex;flex-direction:column;align-items:center}.mark{width:220px;height:165px;display:block;filter:drop-shadow(0 0 20px #00b9b013)}
.wordmark{margin-top:14px;font-size:36px;line-height:1.2;font-weight:650;letter-spacing:-1.6px}.wordmark span{font-weight:300;color:#b9c5c6;margin-left:7px}
.signal{display:flex;align-items:center;justify-content:center;gap:9px;margin:39px 0 28px}.signal span{height:1px;width:35px;background:#2b4142}.signal b{width:4px;height:4px;background:var(--teal);transform:rotate(45deg)}
h1{font-size:clamp(48px,6.6vw,88px);font-weight:500;letter-spacing:-.065em;line-height:1.06;margin:0}h1 span{color:var(--green)}
p{font-size:16px;line-height:1.7;color:var(--muted);font-weight:400;margin:24px 0 0;letter-spacing:.1px}
footer{min-height:88px;border-top:1px solid #ffffff0b;display:flex;align-items:center;justify-content:space-between;gap:20px;font:11px/1.5 "Segoe UI",Arial,sans-serif;letter-spacing:.7px;color:#718084}
.meter{display:flex;gap:4px;align-items:center;height:18px}.meter i{display:block;width:2px;height:8px;background:#294244}.meter i:nth-child(4n){height:14px}.meter i:nth-child(-n+10){background:#00b9b06b}.meter i:nth-child(n+11):nth-child(-n+17){background:#39ca8c70}
@media(min-height:950px){main{padding-bottom:110px}.mark{width:260px;height:195px}}
@media(max-width:600px){.page{padding:0 25px}.masthead{min-height:80px}.brand-small{font-size:16px}.status{font-size:9px;letter-spacing:1px}main{padding:54px 0 60px}.mark{width:190px;height:143px}.wordmark{font-size:30px}.signal{margin:32px 0 25px}h1{font-size:clamp(43px,11.7vw,68px)}p{font-size:15px;margin-top:22px}footer{min-height:85px;font-size:9px;letter-spacing:.2px}.meter{display:none}}
@media(prefers-reduced-motion:no-preference){main{animation:arrive .8s ease-out both}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}