:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#10212c;--muted:#5f7480;--line:#d9e5e8;--panel:#ffffffc7;--panel-strong:#fff;--cyan:#0b8ea3;--green:#1f9d68;--amber:#bc7a13;--red:#b64242;--navy:#15364a;--shadow:0 20px 60px #10212c1a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(circle at 0 0,#29b4c538,#0000 34rem),radial-gradient(circle at 90% 10%,#3aa6702e,#0000 28rem),linear-gradient(#f6fbfc 0%,#eef5f0 50%,#f7f5ed 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}main{min-height:100vh}.topbar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f6fbfcdb;border-bottom:1px solid #d9e5e8bf;justify-content:space-between;align-items:center;gap:24px;padding:18px clamp(18px,5vw,72px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;min-width:230px;display:flex}.brandMark{color:#fff;background:linear-gradient(135deg, var(--cyan), var(--green));border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.brand span,.brand small{display:block}.brand span{font-weight:800}.brand small{color:var(--muted)}nav{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}nav a{color:var(--muted);border:1px solid #0000;border-radius:8px;padding:8px 11px}nav a:hover{color:var(--ink);border-color:var(--line);background:#fff}.hero{grid-template-columns:minmax(0,1fr) minmax(320px,460px);align-items:center;gap:clamp(24px,5vw,64px);padding:clamp(48px,8vw,96px) clamp(18px,5vw,72px) 40px;display:grid}.heroCopy{max-width:760px}.eyebrow{color:var(--cyan);letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:0;max-width:720px;margin-bottom:18px;font-size:clamp(2.6rem,6vw,5.8rem);line-height:.96}h2{letter-spacing:0;margin-bottom:12px;font-size:clamp(1.5rem,3vw,2.6rem);line-height:1.05}p{color:var(--muted);line-height:1.7}.heroCopy>p:not(.eyebrow){max-width:660px;font-size:1.08rem}.heroActions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.primaryAction,.secondaryAction,.commandPanel a{border-radius:8px;align-items:center;gap:9px;min-height:44px;padding:0 16px;font-weight:800;display:inline-flex}.primaryAction{color:#fff;background:var(--navy)}.secondaryAction,.commandPanel a{color:var(--ink);border:1px solid var(--line);background:#fff}.statusPanel,.lookupPanel,.commandPanel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px}.statusPanel{padding:24px}.statusLine{align-items:center;gap:9px;margin-bottom:22px;font-weight:800;display:flex}.statusDot{background:var(--amber);border-radius:999px;width:11px;height:11px}.statusDot.ok{background:var(--green)}dl{gap:14px;margin:0;display:grid}dl div{border-top:1px solid var(--line);justify-content:space-between;gap:18px;padding:12px 0;display:flex}dt{color:var(--muted)}dd{text-align:right;margin:0;font-weight:900}.warning{color:var(--red);margin:14px 0 0;font-weight:700}.metricGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:0 clamp(18px,5vw,72px) 56px;display:grid}.metric{border:1px solid var(--line);background:var(--panel-strong);border-radius:8px;min-height:150px;padding:20px}.metric div{width:40px;height:40px;color:var(--cyan);background:#e6f7f8;border-radius:8px;place-items:center;margin-bottom:18px;display:grid}.metric span{color:var(--muted);display:block}.metric strong{overflow-wrap:anywhere;margin-top:8px;font-size:1.28rem;display:block}.splitSection,.sectionBlock,.feeBand{margin:0 clamp(18px,5vw,72px) 56px}.splitSection{grid-template-columns:minmax(0,.85fr) minmax(320px,1.15fr);align-items:start;gap:clamp(22px,4vw,56px);display:grid}.lookupPanel,.commandPanel{padding:22px}.lookupPanel label{color:var(--muted);margin-bottom:10px;font-weight:800;display:block}.lookupRow{grid-template-columns:minmax(0,1fr) 48px;gap:10px;display:grid}.lookupRow input{min-width:0;height:48px;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:8px;padding:0 14px}.lookupRow button,.command button{color:#fff;background:var(--navy);cursor:pointer;border:0;border-radius:8px;place-items:center;display:grid}.lookupResult{color:#0f6b48;background:#e8f7ee;border-radius:8px;align-items:center;gap:10px;margin-top:14px;padding:14px;font-weight:900;display:flex}.sectionBlock{border:1px solid var(--line);background:#ffffffb8;border-radius:8px;padding:26px}.sectionHeader{justify-content:space-between;align-items:start;gap:16px;margin-bottom:20px;display:flex}.tableWrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:840px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:13px 12px}th{color:var(--muted);text-transform:uppercase;font-size:.82rem}td{font-variant-numeric:tabular-nums}.pill{color:#835500;background:#fff3d9;border-radius:999px;justify-content:center;min-width:78px;padding:5px 9px;font-weight:800;display:inline-flex}.pill.paid{color:#0f6b48;background:#dff4e8}.emptyState{color:var(--muted);border:1px dashed var(--line);border-radius:8px;align-items:center;gap:10px;padding:26px;display:flex}.commandPanel{gap:12px;display:grid}.command{grid-template-columns:minmax(0,1fr) 42px;gap:10px;display:grid}.command code{color:#e9fbff;background:#112b38;border-radius:8px;min-height:44px;padding:13px 14px;overflow-x:auto}.feeBand{background:linear-gradient(135deg,#ffffffe0,#f6f7e0db);border:1px solid #d8e0c8;border-radius:8px;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:clamp(22px,4vw,56px);padding:28px;display:grid}.feeFacts{gap:12px;display:grid}.fact{border:1px solid var(--line);background:#fff;border-radius:8px;gap:6px;padding:14px;display:grid}.fact span{color:var(--muted);font-weight:700}.fact strong{overflow-wrap:anywhere}@media (max-width:980px){.hero,.splitSection,.feeBand{grid-template-columns:1fr}.metricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.topbar{flex-direction:column;align-items:flex-start;position:static}nav{justify-content:flex-start}h1{font-size:3rem}.metricGrid{grid-template-columns:1fr}.heroActions{flex-direction:column}.primaryAction,.secondaryAction{justify-content:center;width:100%}}
