:root {
  --ivory:#FAF9F5; --white:#FFFFFF; --slate:#141413;
  --clay:#D97757; --olive:#788C5D; --rust:#B04A3F; --oat:#E3DACC;
  --gray-150:#F0EEE6; --gray-300:#D1CFC5; --gray-500:#87867F; --gray-700:#3D3D3A;
  --border:1.5px solid var(--gray-300); --radius-panel:14px; --radius-row:9px; --radius-pill:999px;
  --serif:ui-serif,Georgia,"Times New Roman",serif;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--ivory);color:var(--gray-700);font-family:var(--sans);line-height:1.62;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration-color:var(--clay);text-underline-offset:3px}
a:hover{color:var(--rust)}
.hero{background:var(--slate);color:var(--ivory);padding:64px 24px 70px;overflow:hidden}
.hero__inner{max-width:1080px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:50px}
.hero .eyebrow{color:#b9b7b0}
.hero h1{font-family:var(--serif);font-weight:500;letter-spacing:-.025em;line-height:1.03;font-size:clamp(44px,7vw,76px)}
.hero h1 span{color:var(--clay)}
.hero .lead{max-width:640px;margin-top:20px;color:#d8d5cc;font-size:18px}
.hero__mark{width:min(26vw,190px);min-width:120px;color:var(--clay);transform:rotate(-6deg)}
.page{max-width:1080px;margin:0 auto;padding:54px 24px 100px}
section{margin-bottom:68px}
.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--gray-500);margin-bottom:9px}
h2{font-family:var(--serif);font-weight:500;color:var(--slate);font-size:clamp(27px,4vw,38px);line-height:1.18;letter-spacing:-.015em}
p{margin-top:12px}.money{color:var(--olive)}
.summary{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px;align-items:center;background:var(--white);border:var(--border);border-left:5px solid var(--olive);border-radius:var(--radius-panel);padding:28px}
.summary__number{background:var(--gray-150);border-radius:var(--radius-row);padding:24px;text-align:center}
.summary__number span{display:block;font-family:var(--serif);font-size:36px;color:var(--slate)}
.summary__number small{font-family:var(--mono);font-size:11px;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}
.tariff-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.tariff{background:var(--white);border:var(--border);border-radius:var(--radius-panel);padding:26px;position:relative;overflow:hidden}
.tariff--winner{border-top:5px solid var(--olive)}.tariff--fan{border-top:5px solid var(--clay)}
.tariff__topline{display:flex;justify-content:space-between;align-items:center;color:var(--gray-500);font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:20px}
.pill{display:inline-block;border-radius:var(--radius-pill);padding:3px 10px;font-family:var(--mono);font-size:11px}.pill--good{background:rgba(120,140,93,.16);color:#52673a}.pill--fan{background:rgba(217,119,87,.15);color:#a14e36}
.tariff h2{font-size:34px}.tariff__subtitle{margin-top:2px;color:var(--gray-500)}
.price{display:flex;align-items:baseline;gap:8px;margin-top:24px}.price strong{font-family:var(--serif);font-size:34px;color:var(--slate);font-weight:500}.price span{font-size:13px;color:var(--gray-500)}
.monthly{font-family:var(--mono);font-size:16px;margin-top:2px}.monthly span{font-size:11px;color:var(--gray-500)}
.facts{margin-top:24px;border-top:1px solid var(--gray-150)}.facts div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--gray-150);font-size:14px}.facts dt{color:var(--gray-500)}.facts dd{text-align:right;color:var(--slate);font-weight:600}
.source-ref{font-size:12px;color:var(--gray-500);margin-top:18px}
.calculator{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;background:var(--slate);color:#eeeae0;border-radius:var(--radius-panel);padding:32px}
.calculator h2{color:var(--ivory)}.calculator__intro p:last-child{color:#bbb8b0}.calculator a{color:inherit}
.controls{background:#211f1c;border:1px solid #3a3833;border-radius:var(--radius-row);padding:22px}.controls label{display:flex;justify-content:space-between;gap:16px;align-items:baseline;font-size:14px;margin-bottom:7px}.controls output{font-family:var(--mono);color:var(--clay);white-space:nowrap}
.controls input[type=range]{width:100%;accent-color:var(--clay);margin-bottom:20px}.presets{display:flex;gap:8px;flex-wrap:wrap;margin-top:-8px}.presets button{border:1px solid #4b4842;background:transparent;color:#d7d4cb;border-radius:var(--radius-pill);font-family:var(--mono);padding:4px 11px;cursor:pointer}.presets button:hover,.presets button:focus-visible{background:var(--clay);color:var(--slate);border-color:var(--clay)}
.result{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:18px;border-top:1px solid #3a3833;padding-top:24px}.result__label{display:block;font-family:var(--mono);font-size:11px;color:#99968f;text-transform:uppercase;letter-spacing:.05em}.result strong{display:block;font-family:var(--serif);font-size:31px;font-weight:500;color:var(--ivory)}.result strong.is-more{color:#ef9b85}.result strong.is-less{color:#afc690}.result p{grid-column:1/-1;color:#c8c5bd;margin-top:0}
.break-even-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.card{background:var(--white);border:var(--border);border-radius:var(--radius-panel);padding:20px}.card--focus{border-color:var(--olive);box-shadow:inset 0 0 0 1px var(--olive)}.metric{font-family:var(--serif);font-size:28px;color:var(--slate)}.card p{font-size:14px}
.callout{margin-top:18px;background:rgba(217,119,87,.07);border-left:4px solid var(--clay);padding:16px 18px;border-radius:var(--radius-row)}
.table-wrap{overflow-x:auto;margin-top:20px;border:var(--border);border-radius:var(--radius-panel);background:var(--white)}table{width:100%;border-collapse:collapse;min-width:700px}thead{background:var(--gray-150)}th,td{text-align:left;padding:12px 15px;border-top:1px solid var(--gray-150);font-size:14px}thead th{border-top:none;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500)}tbody th{font-weight:500;color:var(--slate)}.fineprint{font-size:12px;color:var(--gray-500)}
.method{background:var(--white);border:var(--border);border-radius:var(--radius-panel);padding:26px}.formulae{display:grid;gap:9px;margin:20px 0}.formulae code{display:block;background:var(--gray-150);border-radius:var(--radius-row);padding:12px 14px;font-family:var(--mono);font-size:13px;overflow-x:auto}
.sources ol{margin:18px 0 0 22px}.sources li{margin-bottom:12px;padding-left:5px}.updated{font-family:var(--mono);font-size:12px;color:var(--gray-500);margin-top:22px}
footer{background:var(--slate);color:#aaa79f;text-align:center;padding:24px;font-family:var(--mono);font-size:11px}
@media(max-width:780px){.hero{padding-top:48px}.hero__mark{display:none}.summary{grid-template-columns:1fr}.tariff-grid,.calculator{grid-template-columns:1fr}.result{grid-template-columns:1fr}.result p{grid-column:1}.break-even-grid{grid-template-columns:1fr}.page{padding-top:36px}section{margin-bottom:54px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}