:root { color-scheme: dark; --ink:#f4f7fa; --muted:#b7c7d5; --line:#31506a; --blue:#16324f; --deep:#0d2238; --accent:#d6a5b4; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
* { box-sizing:border-box; }
body { margin:0; min-width:320px; background:#0a1928; color:var(--ink); line-height:1.6; }
a { color:inherit; text-decoration:none; } button { font:inherit; }
.skip-link { position:fixed; top:-80px; left:16px; z-index:10; padding:10px 16px; background:white; color:#0d2238; }.skip-link:focus{top:16px}
:focus-visible { outline:3px solid #d6a5b4; outline-offset:4px; }
header,main,footer { width:min(100% - 48px,1180px); margin:auto; }
header { display:flex; align-items:center; justify-content:space-between; min-height:72px; border-bottom:1px solid var(--line); }
.brand { font-weight:780; font-size:1.1rem; }.brand span,.eyebrow,em{color:var(--accent)}
nav { display:flex; gap:24px; font-size:.82rem; } nav a{min-height:44px;display:flex;align-items:center}
.intro { display:grid; grid-template-columns:1fr auto; gap:40px; align-items:end; padding:70px 0 45px; }
.eyebrow { margin:0; font-size:.72rem; font-weight:750; letter-spacing:.1em; text-transform:uppercase; }
h1,h2,p { margin:0; } h1 { margin:12px 0 18px; font-size:clamp(3.2rem,7vw,6.8rem); line-height:.92; letter-spacing:-.065em; } h1 em{font-family:Georgia,serif;font-weight:400}
.lede { max-width:700px; color:var(--muted); font-size:1.04rem; }
.status { display:flex; gap:11px; align-items:center; min-width:260px; padding:14px; border:1px solid var(--line); border-radius:8px; background:#102b44; }
.status>span { width:9px;height:9px;border-radius:50%;background:#e4bd79;box-shadow:0 0 0 5px #e4bd7921}.status strong,.status small{display:block}.status small{color:var(--muted)}
.workspace { display:grid; grid-template-columns:.75fr 1.25fr; gap:clamp(35px,7vw,90px); align-items:center; padding:45px; border:1px solid var(--line); background:#10283e; }
.workspace-copy h2 { margin:9px 0 14px; font-size:clamp(2rem,3.4vw,3.3rem); line-height:1.05; letter-spacing:-.045em; }.workspace-copy>p:not(.eyebrow){color:var(--muted)}
.guardrail { display:grid; gap:2px; margin-top:23px; padding:14px 0; border-block:1px solid var(--line); font-size:.76rem; }.guardrail span{color:var(--muted)}
.terminal { overflow:hidden; border:1px solid #4d708d; border-radius:12px; background:var(--deep); box-shadow:0 24px 60px #0004; }
.bar { display:flex; align-items:center; gap:7px; min-height:40px; padding:10px 14px; background:var(--blue); border-bottom:1px solid #ffffff24; }.bar i{width:8px;height:8px;border-radius:50%;background:#89a5bb}.bar span{margin-left:auto;color:#ccdbe7;font-size:.68rem}
.price { display:flex;justify-content:space-between;align-items:center;padding:24px 24px 7px}.price small{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.67rem}.price strong{font-size:3rem;line-height:1}.price>b{padding:6px 10px;border:1px solid #8aa5bb;border-radius:100px;font-size:.7rem}
.chart{position:relative;display:grid;grid-template-columns:repeat(3,1fr);height:110px;margin:0 24px;padding-top:84px;border-bottom:1px solid #8099ad}.chart:before{content:"";position:absolute;left:4%;right:4%;top:50px;height:2px;background:#66869f}.chart i{position:absolute;left:22%;right:22%;top:42px;height:18px;border:1px solid #dbe8f2;border-radius:100px;background:#315d7d;transition:.35s}.chart>b{position:absolute;left:56%;top:38px;width:26px;height:26px;border:5px solid white;border-radius:50%;background:#7b3048;transform:translateX(-50%);transition:.35s}.chart span{color:#9fb4c5;font-size:.65rem}.chart span:nth-of-type(2){text-align:center}.chart span:last-child{text-align:right}
.controls{display:flex;gap:8px;padding:17px 24px 10px}.controls button{min-height:42px;padding:7px 15px;border:1px solid #6f8ba1;border-radius:6px;background:transparent;color:white;cursor:pointer}.controls button:hover,.controls button[aria-pressed=true]{background:#315d7d;border-color:white}
.note{min-height:34px;padding:0 24px 16px;color:var(--muted);font-size:.72rem}.proof{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff24}.proof span{padding:13px;color:#aebfce;font-size:.66rem;text-align:center}.proof span+span{border-left:1px solid #ffffff24}.proof b{display:block;color:white;font-size:.78rem}
.system { padding:45px 0 70px }.system>div{display:flex;align-items:center;gap:10px;margin-top:15px}.system span{flex:1;padding:14px;border:1px solid var(--line);text-align:center;font-size:.76rem}.system small{display:block;color:var(--muted)}.system>div>b{color:var(--accent)}
footer{display:flex;justify-content:space-between;gap:20px;padding:18px 0 28px;border-top:1px solid var(--line);color:var(--muted);font-size:.75rem}footer a{color:white}
@media(max-width:780px){.intro,.workspace{grid-template-columns:1fr}.intro{padding-top:40px}.workspace{padding:22px}.system>div{display:grid;grid-template-columns:1fr}.system>div>b{text-align:center;transform:rotate(90deg)}}
@media(max-width:520px){header,main,footer{width:min(100% - 30px,1180px)}nav{gap:12px}.status{min-width:0}.intro{gap:20px}.proof{grid-template-columns:1fr}.proof span+span{border-left:0;border-top:1px solid #ffffff24}footer{display:grid}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;scroll-behavior:auto!important}}