:root{color-scheme:dark;--background:#071019;--panel:rgba(13,22,36,0.88);--panel-border:rgba(78,102,128,0.32);--foreground:#f5f7fb;--muted:#b0bfd2;--accent:#6ea8fe;--accent-2:#7ee1b9}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:radial-gradient(circle at top,#102138 0,#071019 55%,#040a11 100%);color:var(--foreground);font-family:Arial,Helvetica,sans-serif}body{min-height:100vh}a{color:inherit;text-decoration:none}.page{max-width:1160px;margin:0 auto;padding:28px 24px 72px}.nav{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:56px}.brand{font-size:20px;font-weight:700;letter-spacing:.02em}.brand span{color:var(--accent-2)}.navMeta{color:var(--muted);font-size:14px}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);grid-gap:28px;gap:28px;align-items:stretch}.featureCard,.heroPanel,.metaPanel{border:1px solid var(--panel-border);border-radius:20px;background:var(--panel);box-shadow:0 20px 60px rgba(0,0,0,.25)}.heroPanel{padding:32px}.eyebrow{display:inline-block;margin-bottom:18px;padding:6px 12px;border-radius:999px;background:rgba(110,168,254,.14);color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.title{margin:0 0 16px;font-size:clamp(42px,6vw,68px);line-height:1.02}.subtitle{margin:0 0 24px;max-width:720px;color:var(--muted);font-size:18px;line-height:1.7}.callouts{display:flex;flex-wrap:wrap;gap:12px}.pill{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--panel-border);color:var(--foreground);font-size:14px}.metaPanel{padding:28px}.metaPanel h2{margin:0 0 14px;font-size:20px}.featureCard p,.metaPanel li,.metaPanel p{color:var(--muted);line-height:1.65}.metaPanel ul{margin:0;padding-left:18px}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:20px;gap:20px;margin-top:28px}.featureCard{padding:22px}.featureCard h3{margin:0 0 10px;font-size:18px}.footer{margin-top:28px;padding:18px 20px;border:1px solid var(--panel-border);border-radius:16px;color:var(--muted);background:rgba(6,13,22,.72)}.footer code{color:var(--foreground)}@media (max-width:900px){.hero{grid-template-columns:1fr}}