:root{--ink:#182424;--muted:#60706e;--paper:#f5f2ea;--panel:#fffdf7;--line:#d9d5ca;--brand:#176b62;--brand2:#0d4f49;--accent:#e5a43b;--danger:#a33b2f;--shadow:0 14px 40px #18242417}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{max-width:1180px;margin:auto;padding:0 24px}.topbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#f5f2eaf0;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:24px;height:72px;display:flex}.brand{letter-spacing:-.04em;font-size:1.25rem;font-weight:900}.brand span{color:var(--brand)}.navlinks{color:var(--muted);align-items:center;gap:20px;font-size:.92rem;font-weight:700;display:flex}.button,.button-secondary{cursor:pointer;border:0;border-radius:10px;padding:11px 16px;font-weight:800;display:inline-flex}.button{background:var(--brand);color:#fff}.button:hover{background:var(--brand2)}.button-secondary{color:var(--brand2);background:#e5ebe8}.hero{grid-template-columns:1.3fr .7fr;align-items:center;gap:48px;padding:88px 0 64px;display:grid}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--brand);font-size:.78rem;font-weight:900}.hero h1{letter-spacing:-.065em;max-width:850px;margin:16px 0 24px;font-size:clamp(2.5rem,6vw,5.4rem);line-height:.95}.lead{color:var(--muted);max-width:720px;font-size:1.18rem;line-height:1.65}.notice{color:#695019;background:#fff4db;border:1px solid #eccd8d;border-radius:14px;padding:16px}.card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:22px}.grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.section{padding:48px 0}.section h2{letter-spacing:-.04em;font-size:2rem}.auth{max-width:480px;margin:64px auto}.stack{gap:16px;display:grid}.field{gap:7px;font-weight:700;display:grid}.field input,.field select,.field textarea{background:#fff;border:1px solid #b9c1be;border-radius:9px;padding:12px}.field textarea{min-height:130px}.app-layout{grid-template-columns:250px 1fr;min-height:calc(100vh - 72px);display:grid}.sidebar{border-right:1px solid var(--line);background:#eef0e9;padding:28px 18px}.sidebar a{color:#42514f;border-radius:8px;padding:10px 12px;font-weight:700;display:block}.sidebar a:hover{color:var(--brand);background:#fff}.main{min-width:0;padding:34px}.pagehead{justify-content:space-between;align-items:end;gap:18px;margin-bottom:24px;display:flex}.pagehead h1{letter-spacing:-.04em;margin:4px 0;font-size:2.1rem}.metric{color:var(--brand);font-size:2rem;font-weight:900}.badge{color:var(--brand2);background:#e2ece9;border-radius:999px;padding:4px 9px;font-size:.75rem;font-weight:900;display:inline-block}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:12px;font-size:.92rem}.mock{white-space:pre-wrap;border-left:4px solid var(--brand);background:#edf1ef;border-radius:8px;padding:16px;line-height:1.5}.footer{border-top:1px solid var(--line);color:var(--muted);padding:42px 0;font-size:.9rem}.danger{color:var(--danger)}@media (max-width:800px){.hero,.grid,.app-layout{grid-template-columns:1fr}.navlinks a:not(.button){display:none}.sidebar{border-right:0;border-bottom:1px solid var(--line);padding:10px;display:flex;overflow:auto}.sidebar a{white-space:nowrap}.main{padding:22px}.hero{padding-top:48px}.hero h1{font-size:3.2rem}}