:root { color-scheme: dark; --bg:#030914; --panel:#071422; --line:#183348; --ink:#edf8fa; --muted:#92a9b7; --aqua:#36e6ce; --blue:#69b7ff; }
* { box-sizing:border-box; }
html { background:var(--bg); }
body { margin:0; color:var(--ink); background:radial-gradient(circle at 72% 0%,#0b2934 0,transparent 34rem),var(--bg); font:15px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { color:var(--aqua); text-decoration-thickness:1px; text-underline-offset:4px; }
.masthead,main,footer { width:min(1120px,calc(100% - 40px)); margin-inline:auto; }
.masthead { display:flex; justify-content:space-between; align-items:center; min-height:74px; border-bottom:1px solid var(--line); }
.back { color:var(--ink); font-weight:750; text-decoration:none; }
.status,.eyebrow { color:var(--aqua); font:700 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.12em; text-transform:uppercase; }
.hero { padding:110px 0 100px; max-width:900px; }
h1 { margin:.15em 0; font-size:clamp(70px,13vw,160px); line-height:.88; letter-spacing:-.075em; }
h1 span { color:var(--aqua); font-weight:400; }
.lede { max-width:760px; color:#c7d9df; font-size:clamp(20px,3vw,31px); line-height:1.35; letter-spacing:-.02em; }
.actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.actions a { padding:11px 16px; border:1px solid var(--line); border-radius:8px; text-decoration:none; }
.actions .primary { color:#001a19; background:var(--aqua); border-color:var(--aqua); font-weight:800; }
.contract,.polar { display:grid; grid-template-columns:.9fr 1.1fr; gap:56px; align-items:start; padding:46px; border:1px solid #227b73; border-radius:18px; background:linear-gradient(135deg,rgba(54,230,206,.1),rgba(7,20,34,.76)); }
h2 { margin:.2em 0 .5em; font-size:clamp(29px,4vw,48px); line-height:1.08; letter-spacing:-.045em; }
.contract>p,.polar>p { margin:0; color:#c8dade; font-size:19px; }
.grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin:38px 0 110px; background:var(--line); border:1px solid var(--line); }
.grid article { padding:30px 24px 36px; background:var(--panel); }
.grid b { color:var(--blue); font:600 12px ui-monospace,SFMono-Regular,Consolas,monospace; }
.grid h3 { margin:28px 0 8px; font-size:23px; }
.grid p,.columns p,.notice p { color:var(--muted); }
.section { padding:88px 0; border-top:1px solid var(--line); }
.section>h2 { max-width:850px; }
.columns { display:grid; grid-template-columns:1fr 1fr; gap:50px; font-size:17px; }
.polar { padding:46px; border-top:1px solid #227b73; }
.artifacts ul { list-style:none; padding:0; margin:35px 0 0; border-top:1px solid var(--line); }
.artifacts li { display:grid; grid-template-columns:1fr 1fr; gap:30px; padding:18px 4px; border-bottom:1px solid var(--line); }
.artifacts span { color:var(--muted); }
.notice { padding:42px; margin:30px 0 100px; border:1px solid var(--line); background:var(--panel); }
.notice h2 { font-size:24px; letter-spacing:-.02em; }
footer { display:flex; gap:24px; justify-content:space-between; padding:28px 0 44px; border-top:1px solid var(--line); color:var(--muted); font-size:13px; }
@media (max-width:760px) { .status { display:none; } .hero { padding:72px 0; } .contract,.polar,.columns { grid-template-columns:1fr; gap:22px; } .contract,.polar { padding:28px; } .grid { grid-template-columns:1fr 1fr; } .artifacts li { grid-template-columns:1fr; gap:3px; } footer { flex-direction:column; } }
@media (max-width:430px) { .masthead,main,footer { width:min(100% - 24px,1120px); } .grid { grid-template-columns:1fr; } h1 { font-size:66px; } }