:root{--navy:#12304a;--navy2:#1d5278;--bg:#f4f6f8;--card:#fff;--text:#18212b;--muted:#687583;--line:#dfe5ea;--accent:#0b6e99;--danger:#a63a3a;--good:#2f7252;--warn:#8b6817;--shadow:0 8px 28px rgba(18,48,74,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);padding-bottom:82px}.topbar{height:68px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px}.brandmark{width:38px;height:38px;border:2px solid #fff;border-radius:7px;display:grid;place-items:center;font-weight:800}.brand strong,.brand span{display:block}.brand span{font-size:10px;opacity:.7;margin-top:2px}.install{border:1px solid rgba(255,255,255,.5);background:transparent;color:#fff;border-radius:7px;padding:9px 13px;font-weight:700}.hidden{display:none!important}.demo-banner{background:#fff4d6;color:#624c10;border-bottom:1px solid #ead9a6;padding:9px 18px;text-align:center;font-size:12px}.demo-banner span{margin-left:8px}main{max-width:1180px;margin:auto;padding:28px 18px}.view{display:none}.view.active{display:block}.hero{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;border-radius:16px;padding:30px;display:flex;justify-content:space-between;gap:25px;box-shadow:var(--shadow)}h1{font-size:32px;line-height:1.1;margin:4px 0 10px}.muted{color:var(--muted);line-height:1.55}.hero .muted{color:#d6e2eb;max-width:670px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.13em;color:var(--accent);margin:0 0 6px}.hero .eyebrow{color:#b9d7e7}.hero-rate{min-width:205px;align-self:center;text-align:right}.hero-rate span,.hero-rate small{display:block;font-size:11px;opacity:.75}.hero-rate strong{display:block;font-size:45px;letter-spacing:-2px;margin:5px 0}.hero-actions{display:flex;gap:8px;margin-top:18px}.auto{width:auto}.dark{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}.cards{display:grid;gap:14px;margin:18px 0 30px}.four{grid-template-columns:repeat(4,1fr)}.card{background:var(--card);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.stat{padding:18px}.stat span,.stat small{display:block;color:var(--muted);font-size:12px}.stat strong{font-size:25px;display:block;margin:8px 0 3px}.section-head{display:flex;align-items:end;justify-content:space-between;margin:25px 0 12px}h2{margin:0;font-size:22px}.secondary,.primary,.danger{border-radius:8px;padding:10px 14px;font-weight:750;cursor:pointer}.secondary{border:1px solid var(--line);background:#fff;color:var(--navy)}.primary{border:0;background:var(--navy);color:#fff;width:100%;font-size:15px}.spread-card{padding:18px;display:grid;grid-template-columns:1fr 250px;gap:25px;align-items:center}.spread-card strong{font-size:23px}.spread-track{height:10px;background:#e7ebef;border-radius:10px;margin:13px 0 6px;overflow:hidden}.spread-track i{display:block;height:100%;background:var(--navy);width:38%;border-radius:10px}.spread-values{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.spread-card>p{font-size:13px;color:var(--muted);margin:0}.rate-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}.rate-row{background:#fff;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:15px}.rate-row .label{font-weight:650}.rate-row small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.rate{font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.badge{font-size:9px;padding:4px 6px;border-radius:999px;background:#edf2f5;color:#526270;margin-left:5px}.notice{margin-top:18px;padding:16px;background:#eaf2f7;border:1px solid #cbdde8;border-radius:12px;display:flex;gap:12px}.notice-icon{width:24px;height:24px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800;flex:none}.notice p{margin:4px 0 0;color:#536674;font-size:13px}.section-title{margin-bottom:22px}.calc-grid,.settings-grid,.permit-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-card,.result-card,.permit-card,.rule-card{padding:22px}label{display:block;font-size:12px;font-weight:750;margin-bottom:16px}input,select{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid var(--line);border-radius:8px;background:#fff;font:inherit;color:var(--text)}.result-card{background:var(--navy);color:#fff}.result-label{font-size:10px;letter-spacing:.12em;opacity:.7}.result-total{font-size:40px;font-weight:850;letter-spacing:-1.5px;margin:10px 0 4px}.result-meta{font-size:12px;color:#c9d8e3;margin-bottom:12px}.eligibility{font-size:11px;border:1px solid rgba(255,255,255,.18);padding:8px;border-radius:7px;margin-bottom:12px;color:#e5edf2}.breakdown{border-top:1px solid rgba(255,255,255,.18)}.breakdown div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:13px}.rule-card{margin-top:18px}.rule-card h3{margin-top:0}.rule-ok,.rule-no{padding:11px;border-radius:8px;font-size:13px}.rule-ok{background:#edf7f0;color:var(--good)}.rule-no{background:#fff1f1;color:var(--danger)}.filterbar{display:grid;grid-template-columns:1fr 220px;gap:10px;margin-bottom:12px}.rate-table{border:1px solid var(--line);border-radius:12px;overflow:hidden}.rate-table .rate-row{border-bottom:1px solid var(--line)}.rate-table .rate-row:last-child{border-bottom:0}.permit-card{display:grid;place-items:center;text-align:center;min-height:430px}.stamp{display:grid;place-items:center;width:70px;height:70px;border:2px solid var(--line);border-radius:50%;font-size:30px;color:var(--muted)}.permit-card h3{margin-bottom:5px}.permit-card p{color:var(--muted);font-size:13px}.permit-ok{text-align:left;width:100%}.permit-ok .approved{display:inline-block;padding:7px 9px;border-radius:6px;background:#e8f4ec;color:var(--good);font-weight:800;font-size:11px}.permit-code{font-family:ui-monospace,monospace;background:#f0f3f5;border:1px solid var(--line);padding:12px;border-radius:7px;margin:15px 0}.rule-setting{border-bottom:1px solid var(--line);padding:11px 0}.rule-setting span{font-size:13px;font-weight:700}.rule-setting input{margin:7px 0}.rule-setting small{color:var(--muted);font-size:10px}.danger{border:1px solid #e3bcbc;background:#fff5f5;color:var(--danger);margin-top:20px}.tiny{font-size:11px;color:var(--muted);line-height:1.5}.setting-row{display:grid;grid-template-columns:1fr 120px;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border-bottom:0}.setting-row span{font-size:13px;font-weight:650}.setting-row small{display:block;color:var(--muted);font-weight:400}.setting-row input{margin:0}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:72px;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-top:1px solid var(--line);display:flex;justify-content:center;gap:5px;z-index:20}.nav{border:0;background:transparent;color:#71808d;min-width:75px;font-size:10px;font-weight:700}.nav span{display:block;font-size:19px;line-height:24px}.nav.active{color:var(--navy)}.toast{position:fixed;left:50%;bottom:92px;transform:translate(-50%,15px);opacity:0;background:#18212b;color:#fff;padding:10px 15px;border-radius:8px;font-size:12px;pointer-events:none;transition:.2s;z-index:30}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:760px){main{padding:18px 13px}.hero{padding:21px;display:block}.hero-rate{text-align:left;margin-top:20px}.hero-rate strong{font-size:38px}.four{grid-template-columns:repeat(2,1fr)}.calc-grid,.settings-grid,.permit-grid,.spread-card{grid-template-columns:1fr}.rate-list{grid-template-columns:1fr}h1{font-size:27px}.demo-banner span{display:block;margin:4px 0 0}.bottom-nav{justify-content:space-around}.nav{min-width:0;flex:1}.result-total{font-size:34px}.filterbar{grid-template-columns:1fr}.hero-actions{flex-wrap:wrap}}