:root{--ink:#101827;--muted:#455268;--paper:#fff;--line:#d8dfe9;--green:#124edb;--accent:#124edb;--surface:#f1f5fa}body{background:var(--paper);color:var(--ink);font:17px/1.7 Arial,sans-serif}header{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--line)}.wrap{max-width:1320px;padding-left:42px;padding-right:42px}header nav{min-height:88px}.brand,.brand b{color:var(--ink)}.brand b{background:var(--accent);color:var(--paper)}.navlinks{font:600 14px/1.4 Arial,sans-serif;letter-spacing:0;gap:24px}.navlinks a:hover{text-decoration:underline}.nav-cta{font-size:14px}.hero{min-height:0;padding:72px 0;position:relative;background:none!important;gap:50px}.hero:before,.hero:after{display:none!important}h1{font-size:clamp(44px,5.4vw,80px);line-height:1.03;letter-spacing:-.055em;max-width:1000px}h2{font-size:clamp(28px,3vw,43px);letter-spacing:-.04em;line-height:1.15}h3{font-size:23px}.lead{font-size:19px;line-height:1.7;max-width:700px}.lead,.fine,footer,details p,.card p,.section p{color:var(--muted)}.fine,footer{font-size:14px;line-height:1.65}.eyebrow{font-size:13px;color:var(--accent);letter-spacing:.12em}.btn{background:var(--accent);border:1px solid var(--accent);color:white;border-radius:10px;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 22px #0002}.btn.light{background:transparent;color:var(--ink);border-color:var(--line)}.section{padding:76px 0;scroll-margin-top:108px}.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:32px}.cards{gap:24px}.featured{border:2px solid var(--accent)}.tag{background:var(--accent);color:white;font-size:13px}.code{background:var(--paper);color:var(--ink);border:1px dashed var(--accent);font-size:22px}.copy{color:var(--ink);font-size:14px}.offers{gap:28px}.terminal{background:var(--surface)!important;color:var(--ink);border:1px solid var(--line);box-shadow:0 24px 60px #00000012;border-radius:24px;padding:32px;position:relative}.terminal h3{color:var(--ink)}.terminal .eyebrow,.terminal .amount{color:var(--accent)}.terminal label{font-size:15px}.terminal input{background:var(--paper);color:var(--ink);border:1px solid var(--line);font-size:22px}.terminal .fine{color:var(--muted)}.terminal .amount{font-size:64px;font-weight:700}.strip{color:var(--muted);font-size:14px;padding:22px 0}.split{gap:70px}.sources a{color:var(--accent)}summary{font-size:17px;padding-right:20px}details{padding:22px 0}.consent{background:var(--paper);color:var(--ink);z-index:60;font-size:14px;border-color:var(--line)}.tool-grid{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:32px;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.tool-grid label{font-size:15px;color:var(--ink);font-weight:600}.tool-grid input,.tool-grid select{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:9px;font-size:22px;min-height:58px;padding:12px;width:100%}.tool-grid output{font-size:18px;color:var(--ink);line-height:1.8}.result-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;grid-column:1/-1}.result-panels div{border-radius:12px;padding:22px;background:var(--paper);border:1px solid var(--line)}.result-panels span{font-size:14px;display:block;color:var(--muted)}.result-panels strong{font-size:32px;color:var(--accent);display:block}.rebate-secondary{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:60px 0}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.related-grid a{position:relative;text-decoration:none;border-top:3px solid var(--accent);padding:24px 30px 24px 0;transition:transform .2s}.related-grid a:hover{transform:translateY(-5px)}.related-grid strong,.related-grid span{display:block}.related-grid span{color:var(--muted);font-size:15px;margin-top:10px}.related-grid b{position:absolute;right:0;top:20px}.footer-top{display:flex;justify-content:space-between;gap:40px;align-items:center;border-bottom:1px solid var(--line);padding:30px 0}.footer-wordmark{font-size:clamp(26px,4vw,52px);font-weight:800;letter-spacing:-.06em;margin:0;color:var(--ink)}.footer-top a{display:block;margin:8px 0}footer{padding-bottom:120px}.reading-progress{position:fixed;top:0;left:0;height:3px;background:var(--accent);width:0;z-index:80}.sticky-action{position:fixed;bottom:18px;left:50%;transform:translate(-50%,130px);transition:transform .3s;z-index:40;display:flex;align-items:center;gap:32px;border:1px solid var(--line);background:var(--paper);box-shadow:0 10px 40px #0002;padding:12px 16px 12px 24px;border-radius:16px;font-size:14px}.sticky-action.visible{transform:translate(-50%,0)}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:24px;padding:42px;max-width:550px;width:calc(100% - 32px)}dialog::backdrop{background:#071323b3;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:16px;top:10px;border:0;background:transparent;color:var(--ink);font-size:30px;cursor:pointer;width:40px;height:40px}.reveal{animation:arrive .6s both}@keyframes arrive{from{opacity:.3;transform:translateY(18px)}to{opacity:1;transform:none}}
/* Rebate: oversized cobalt offer, lime highlights and an offset floating calculator. */
.theme-rebate{--paper:#fafff8;--ink:#10251d;--muted:#3a5348;--accent:#164bce;--surface:#eef4e9;--line:#cad8cb}.theme-rebate .hero{grid-template-columns:1.2fr .85fr}.theme-rebate .hero h1{color:#164bce}.theme-rebate .hero .terminal{transform:rotate(2deg);border:2px solid #164bce;box-shadow:14px 14px 0 #d6fb72}.offer-stamp{display:flex;gap:18px;align-items:center;margin:24px 0}.offer-stamp strong{font-size:82px;line-height:1;letter-spacing:-.07em}.offer-stamp span{font-size:17px;line-height:1.4}.theme-rebate .cards .card{border:0;border-top:4px solid #164bce;border-radius:0;background:transparent}.theme-rebate .strip{background:#d6fb72;color:#10251d;border:0;padding:22px}.theme-rebate .offers .featured{background:#164bce;color:white}.theme-rebate .featured p,.theme-rebate .featured h3{color:white}.theme-rebate .featured .tag{background:#d6fb72;color:#10251d}.theme-rebate .featured .btn{background:#d6fb72;color:#10251d}.theme-rebate .featured .copy{color:#10251d}
/* Comparison: bright analytical workspace, centered framing and wide results. */
.theme-compare{--accent:#254dde;--surface:#f0f4ff;--paper:#fff;--ink:#101d3b;--muted:#445477;--line:#ccd7ee}.theme-compare .hero{display:block;padding:48px 0 22px;text-align:center}.theme-compare .hero h1{font-size:54px;margin:14px auto;max-width:850px}.theme-compare .hero .lead{margin:20px auto}.theme-compare .hero .actions,.theme-compare .hero .fine{display:none}.theme-compare #compare-calculator{padding-top:20px}.theme-compare #compare-calculator .sectionhead{max-width:100%}.theme-compare #compare-calculator h2{font-size:25px}.theme-compare .tool-grid{grid-template-columns:2fr 1fr 1fr;border-top:6px solid var(--accent)}.theme-compare .result-panels div:last-child{background:#254dde}.theme-compare .result-panels div:last-child strong,.theme-compare .result-panels div:last-child span{color:white}.theme-compare .strip{display:none}.theme-compare .cards{grid-template-columns:1fr}.theme-compare #guide{display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.theme-compare .cards .card{padding:22px 28px}.theme-compare .offers{grid-template-columns:1fr 1fr}
/* Lower fees: an editorial reading flow with a persistent savings desk. */
.theme-journal{--paper:#fffdf8;--ink:#292820;--muted:#57564d;--accent:#b6411e;--surface:#f4eee2;--line:#ded6c7}.theme-journal h1,.theme-journal h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em}.theme-journal .hero{display:block;padding:70px 0 40px;border-bottom:3px solid var(--ink)}.theme-journal .hero h1{max-width:850px;font-size:76px}.theme-journal .hero .lead{max-width:800px}.theme-journal .strip{display:none}.reading-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:80px;align-items:start;padding:70px 0}.reading-rail{position:sticky;top:120px}.reading-rail>.eyebrow{display:block;margin-bottom:20px}.theme-journal #guide{padding:0;border:0}.theme-journal .cards{display:block}.theme-journal .cards .card{border:0;border-top:1px solid var(--line);background:transparent;border-radius:0;padding:30px 0}.theme-journal .offers{grid-template-columns:1fr}.theme-journal .offers .card{display:block;max-width:900px}.theme-journal .split{grid-template-columns:.8fr 1.5fr}.theme-journal .btn{border-radius:3px}
/* Futures: dark instrument panel with dense controls and readable numerical hierarchy. */
.theme-terminal{--paper:#0b1821;--ink:#eef9fc;--muted:#b3cbd5;--accent:#63e1d3;--surface:#142b36;--line:#345362}.theme-terminal .btn{color:#082025}.theme-terminal .btn.light{color:var(--ink)}.theme-terminal .hero{display:block;padding:42px 0 18px}.theme-terminal .hero h1{font-size:52px;max-width:870px}.theme-terminal .hero .actions{display:none}.theme-terminal .hero .lead{max-width:980px}.theme-terminal .hero .fine{margin:18px 0}.theme-terminal #position-cost{padding-top:12px}.theme-terminal #position-cost .sectionhead{max-width:100%}.theme-terminal #position-cost h2{font-size:26px}.theme-terminal .tool-grid{border-radius:4px;border-left:4px solid var(--accent);grid-template-columns:repeat(4,minmax(0,1fr))}.theme-terminal .tool-grid input,.theme-terminal .tool-grid select{font-family:monospace}.theme-terminal .result-panels{grid-template-columns:repeat(4,1fr)}.theme-terminal .result-panels div{border-radius:4px}.theme-terminal .result-panels strong{font-family:monospace}.theme-terminal .strip{display:none}.theme-terminal .card{border-radius:5px}.theme-terminal .offers{grid-template-columns:1fr 1fr}.theme-terminal .tag{color:#082025}.theme-terminal .brand b{color:#082025}.theme-terminal .sources a{color:var(--accent)}
@media(max-width:900px){.nav-cta{display:none}.wrap{padding-left:24px;padding-right:24px}.hero,.theme-rebate .hero,.reading-layout,.theme-compare #guide,.rebate-secondary{grid-template-columns:1fr;gap:36px}.reading-rail{position:static}.theme-journal .hero h1{font-size:55px}.theme-compare .hero h1,.theme-terminal .hero h1{font-size:43px}.theme-terminal .tool-grid{grid-template-columns:repeat(2,1fr)}.theme-terminal .result-panels{grid-template-columns:repeat(2,1fr)}.theme-rebate .hero .terminal{transform:none}.related-grid{grid-template-columns:1fr}.reading-layout{padding:40px 0}.theme-compare .tool-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){header nav{min-height:78px;flex-wrap:wrap;gap:12px;padding-top:15px;padding-bottom:15px}.navlinks{font-size:13px;gap:16px}.navlinks a:first-child{display:block}.hero{padding:40px 0}h1,.theme-journal .hero h1{font-size:45px}.theme-compare .hero h1,.theme-terminal .hero h1{font-size:36px}.cards,.offers,.theme-compare .offers,.theme-terminal .offers,.split,.theme-journal .split{grid-template-columns:1fr}.tool-grid,.theme-compare .tool-grid{grid-template-columns:1fr;padding:20px}.theme-terminal .tool-grid{grid-template-columns:1fr;padding:20px}.result-panels,.theme-terminal .result-panels{grid-template-columns:1fr 1fr}.result-panels strong{font-size:26px}.result-panels div{padding:15px}.terminal{padding:24px}.section{padding:44px 0}.sticky-action{width:calc(100% - 24px);justify-content:space-between;gap:10px;padding:10px}.sticky-action span{font-size:12px;max-width:110px}.sticky-action .btn{font-size:13px}.footer-top{display:block}.offer-stamp strong{font-size:65px}.footer-wordmark{font-size:32px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.hero .lead{color:var(--muted)}.hero .fine{color:var(--muted)}.theme-rebate .hero .terminal .fine{color:var(--muted)}.terminal input:focus{outline:3px solid var(--accent);outline-offset:3px}.sectionhead p{font-size:18px;max-width:850px}