:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f8f6;--panel:#fff;--ink:#15211b;--muted:#5a675f;--line:#d9e1dc;--accent:#126b4f;--accent-strong:#0b4e39;--warn:#8a4b11}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.shell{min-height:100vh}.nav{border-bottom:1px solid var(--line);z-index:10;background:#ffffffe6;justify-content:space-between;align-items:center;padding:18px clamp(18px,5vw,64px);display:flex;position:sticky;top:0}.brand{letter-spacing:0;font-weight:800}.navlinks{color:var(--muted);gap:16px;font-size:14px;display:flex}.hero{grid-template-columns:minmax(0,1fr) minmax(320px,460px);align-items:center;gap:44px;padding:clamp(40px,8vw,88px) clamp(18px,5vw,64px) 32px;display:grid}.hero h1{letter-spacing:0;margin:0 0 20px;font-size:clamp(38px,7vw,72px);line-height:1}.hero p,.lead{color:var(--muted);max-width:720px;font-size:18px;line-height:1.55}.hero-visual{color:#fff;background:#10251d;border-radius:8px;flex-direction:column;justify-content:space-between;min-height:420px;padding:26px;display:flex;box-shadow:0 24px 80px #0f281e38}.metric-grid,.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.band{padding:36px clamp(18px,5vw,64px)}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px}.card h3,.card h2{margin-top:0}.btn{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;min-height:42px;padding:0 16px;font-weight:700;display:inline-flex}.btn.secondary{color:var(--accent);background:#fff}.table{border-collapse:collapse;border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;overflow:hidden}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:12px;font-size:14px}.form{gap:12px;max-width:520px;display:grid}.input{border:1px solid var(--line);min-height:42px;font:inherit;border-radius:6px;padding:0 12px}.muted{color:var(--muted)}.status{color:var(--accent-strong);background:#e6f4ef;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}@media (max-width:860px){.hero{grid-template-columns:1fr}.hero-visual{min-height:320px}.metric-grid,.cards{grid-template-columns:1fr}}