:root{color-scheme:light dark;--bg:#f4f7fc;--surface:#fff;--ink:#14274b;--muted:#465775;--border:#dce5f1;--blue:#204be4;--soft:#eaf0ff;--yellow:#ffe16a;--dark:#101e43;--green:#00836d;--shadow:0 12px 40px #14274b0d}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#111a2b;--surface:#17243a;--ink:#edf2ff;--muted:#bac7df;--border:#334461;--blue:#a5b8ff;--soft:#243660;--green:#61d6b7}}
:root[data-theme=dark]{color-scheme:dark;--bg:#111a2b;--surface:#17243a;--ink:#edf2ff;--muted:#bac7df;--border:#334461;--blue:#a5b8ff;--soft:#243660;--green:#61d6b7}
:root[data-theme=light]{color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 Figtree,system-ui,sans-serif}h1,h2,h3,h4{font-family:"Bricolage Grotesque",Figtree,system-ui,sans-serif;line-height:1.1;letter-spacing:-.035em;margin:0 0 .5em}h1{font-size:clamp(2.65rem,6.7vw,5.2rem)}h2{font-size:clamp(1.75rem,4vw,2.7rem)}h3{font-size:1.34rem}p{margin:.55em 0 1em}a{color:var(--blue);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.top{border-top:4px solid transparent;border-image:linear-gradient(90deg,#2056dd 33.33%,#ffcf3a 33.33% 66.66%,#ef4f52 66.66%) 1;background:var(--surface);border-bottom:1px solid var(--border)}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px;flex-wrap:wrap;padding-block:10px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:900;font-size:1.28rem;color:var(--ink);text-decoration:none;white-space:nowrap}.brand svg{width:37px;height:37px}.navlinks,.actions,.meta,.toolbar,.chips{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.navlinks a{font-weight:700;text-decoration:none;color:var(--muted)}.icon{background:var(--soft);color:var(--ink);border:0;border-radius:10px;padding:8px 12px}.hero{background:radial-gradient(ellipse at 86% 18%,#355ef3,transparent 57%),linear-gradient(122deg,#101e43,#153999);color:white;padding:68px 0 104px}.hero .wrap{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:50px}.hero em{color:var(--yellow);font-style:normal}.hero p{font-size:1.13rem;color:#e7eeff;max-width:550px}.eyebrow{font-weight:850;letter-spacing:.105em;text-transform:uppercase;font-size:.74rem;margin-bottom:14px;display:block}.hero .eyebrow{color:#d7e2ff}.hero-demo{border:1px solid #ffffff49;background:#182e786b;border-radius:24px;padding:27px;box-shadow:0 20px 48px #09144255}.hero-demo strong{display:block;font-size:2.65rem;line-height:1.2;color:var(--yellow)}.hero-demo p{font-size:.95rem;margin-bottom:0}.hero-demo .bar{background:#8aa6fc66}.hero-demo .bar span{background:var(--yellow)}.hero-demo .legend{color:#e2eaff}.panel,.card,.article,.mini{background:var(--surface);border:1px solid var(--border);border-radius:19px;box-shadow:var(--shadow)}.panel{padding:24px}.floating{position:relative;margin-top:-48px}.fields{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:14px;align-items:end}.fields label,label.stack{display:grid;gap:5px;font-weight:750}.check{display:flex;align-items:center;gap:8px;margin-top:14px;font-weight:700}.hint,.muted,.legend{color:var(--muted)}.hint,.legend{font-size:.88rem}input,select,textarea,button{font:inherit}input:not([type=checkbox]),select,textarea{width:100%;min-width:0;border:1px solid var(--border);background:var(--bg);color:var(--ink);border-radius:10px;padding:10px 12px}input[type=checkbox]{accent-color:#204be4;width:17px;height:17px}button,.btn{cursor:pointer}.btn{display:inline-flex;justify-content:center;align-items:center;border:1px solid transparent;padding:10px 16px;border-radius:10px;background:#204be4;color:white;font-weight:800;text-decoration:none;white-space:nowrap}.btn:hover{background:#1839b3}.btn.secondary{background:var(--soft);color:var(--blue)}.btn.yellow{background:var(--yellow);color:#182341}.btn:disabled{opacity:.45;cursor:default}.section{margin:45px auto}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:16px;flex-wrap:wrap}.sectionhead h2{margin:0}.results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.card{padding:19px;display:flex;flex-direction:column;gap:12px}.card h3,.card p{margin:0}.card .actions{margin-top:auto}.logo{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:11px;background:var(--logo);color:white;font-weight:900}.cardhead{display:flex;align-items:center;gap:10px}.tag{display:inline-block;font-size:.75rem;font-weight:800;padding:3px 8px;border-radius:50px;background:var(--soft);color:var(--blue)}.total{font-size:1.75rem;font-weight:900;letter-spacing:-.04em;line-height:1.15}.bar{height:9px;overflow:hidden;background:#7b9bff66;border-radius:8px;display:flex;justify-content:end;margin:6px 0}.bar span{min-width:0;background:var(--cost,#ffbc4a)}.legend{display:flex;justify-content:space-between;gap:8px}.calc{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.calc .fields{grid-template-columns:1fr 1fr}.output{background:var(--soft);padding:19px;border-radius:14px}.mini{padding:20px}.mini a{font-weight:850}.pagehead{padding:46px 0 18px}.pagehead h1{font-size:clamp(2.35rem,5.5vw,4.2rem);max-width:920px}.article{max-width:850px;padding:clamp(18px,4vw,40px);margin:15px 0 40px}.article h2{font-size:1.65rem;margin-top:1.4em}.article h3{margin-top:1em}.article li{margin:.4em 0}.article details{border-top:1px solid var(--border);padding:12px 0}.article summary{cursor:pointer;font-weight:750}.facts{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.facts div{border-bottom:1px solid var(--border);padding:10px 0}.facts dt{font-size:.83rem;font-weight:800;color:var(--muted)}.facts dd{margin:0}.foot{border-top:1px solid var(--border);background:var(--surface);padding:32px 0;color:var(--muted)}.foot p{max-width:740px}.notice{border-left:4px solid #edb72d;background:var(--soft);padding:12px 15px;border-radius:7px}.admin form{display:grid;gap:13px}.admin .links{display:grid;grid-template-columns:1fr 1fr;gap:13px}.admin textarea{min-height:210px}.admin .editor{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin .editor .panel{overflow-wrap:anywhere}.admin .row{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.admin [hidden]{display:none!important}[role=status]{min-height:1.5em}.breadcrumb{font-size:.87rem;color:var(--muted)}:focus-visible{outline:3px solid #e4a725;outline-offset:3px}
@media(max-width:850px){.results{grid-template-columns:repeat(2,minmax(0,1fr))}.hero .wrap{gap:22px}.fields{grid-template-columns:1fr 1fr}.hero-demo{padding:17px}.calc{grid-template-columns:1fr}.navlinks{gap:10px}}
@media(max-width:570px){.wrap{width:calc(100% - 28px)}.hero .wrap,.results,.facts,.admin .links,.admin .editor{grid-template-columns:1fr}.hero{padding:38px 0 76px}.hero .wrap{gap:18px}.hero-demo strong{font-size:2rem}.panel{padding:16px}.nav{gap:6px}.navlinks{font-size:.86rem}.navlinks .icon{padding:4px 8px}.section{margin-block:32px}.sectionhead{align-items:start}.toolbar select{width:auto}.foot{padding-block:24px}}
[hidden]{display:none!important}.calc form{display:grid;gap:8px}.calc form button{justify-self:start}.mini h3{margin:.45em 0}.card .hint{overflow-wrap:anywhere}

/* Homepage layout from the Calculator Credit reference. */
:root{--bg:#f1f3ff;--surface:#fff;--ink:#101d40;--muted:#47577b;--border:#d1d9f3;--blue:#2048df;--soft:#e5eafd;--shadow:none}
:root:not([data-theme=dark]){color-scheme:light;--bg:#f1f3ff;--surface:#fff;--ink:#101d40;--muted:#47577b;--border:#d1d9f3;--blue:#2048df;--soft:#e5eafd;--green:#00836d}
body{font-size:17px}.wrap{width:min(1160px,calc(100% - 42px))}
.top{border-image:none;border:0;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}
.top::before{content:"";display:block;height:5px;background:linear-gradient(90deg,#2048df 16%,#ffc741 16% 77%,#e32e49 77%)}
.nav{min-height:70px}.navlinks{gap:clamp(12px,3vw,36px)}.navlinks a{color:inherit}
.brand{font-size:1.35rem}.hero{padding:60px 0 72px;background:linear-gradient(116deg,#172d83,#214bd9)}
.hero .wrap{grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);align-items:start;gap:clamp(22px,4.5vw,54px)}
.hero h1{font-size:clamp(2.7rem,5vw,4.25rem);line-height:1.08;letter-spacing:-.042em;margin:0 0 22px;font-weight:800}
.hero-copy>p{font-size:clamp(1rem,1.55vw,1.27rem);line-height:1.62;color:#dbe4ff;margin-bottom:24px}
.hero-points{padding:0;list-style:none;margin:0;display:grid;gap:13px;font-weight:750}
.hero-points li{display:flex;gap:11px;align-items:flex-start}
.hero-points li::before{content:"✓";display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:50%;background:#ffc741;color:#231e10;font-weight:900}
.compare-form{min-width:0;color:var(--ink);background:var(--surface);border-radius:24px;padding:clamp(19px,3vw,30px)}
.compare-form h2{font-size:1.7rem;margin:0 0 22px}.compare-form label,.compare-form legend{font-weight:800}
.compare-form input[type=number]{border:2px solid var(--border);padding:12px 14px;font-size:1.35rem;font-weight:800}
.amount-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(86px,33%);align-items:center;gap:16px;margin-top:8px}
.amount-row input[type=range]{accent-color:#2048df;padding:0;border:none;width:100%;margin:0;background:transparent}
.compare-form fieldset{padding:0;border:0;margin:21px 0 0;min-width:0}
.presets{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}
.presets button{border:2px solid var(--border);background:var(--bg);color:var(--ink);border-radius:40px;font-weight:800;padding:10px 13px}
.presets button[aria-pressed=true]{background:#2048df;border-color:#2048df;color:white}
.compare-form .check{align-items:flex-start;gap:12px;margin-top:20px}.compare-form .check input{flex:none;width:22px;height:22px;margin:2px 0 0}.compare-form small{display:block;font-weight:500;color:var(--muted)}
.home-band{padding:clamp(32px,5vw,62px) 0;scroll-margin-top:85px;border-bottom:1px solid var(--border)}
.home-band h2{font-size:clamp(1.9rem,3.5vw,2.8rem);margin-bottom:16px}.band-intro{max-width:820px;color:var(--muted);margin:0 0 24px;font-size:1.05rem}
.compare-options{color:var(--muted);margin:0 0 18px}.compare-options summary{cursor:pointer;font-size:.88rem}.compare-options .fields{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px}
.summary-grid,.calc-metrics{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:25px}
.metric{border-radius:16px;padding:16px 20px;font-weight:650}.metric strong{display:block;font-size:clamp(1.13rem,2vw,1.55rem);font-weight:900;margin-top:3px;line-height:1.2;overflow-wrap:anywhere}
.green{background:#d2f2e4;color:#08764d}.red{background:#fbdade;color:#b61731}.blue{background:#dbe4ff;color:#183db8}.amber{background:#fff0c4;color:#805100}.orange{background:#ffddcc;color:#a5380c}
.offer-list{display:grid;gap:16px}.offer-row{position:relative;display:grid;grid-template-columns:44px minmax(0,1.35fr) minmax(0,.96fr) minmax(145px,.6fr);gap:clamp(12px,2.2vw,27px);align-items:center;padding:24px;border:2px solid var(--border);border-radius:23px;background:var(--surface)}
.offer-row.best{border-color:#0da467}.best-label{position:absolute;top:-14px;left:22px;padding:4px 13px;border-radius:30px;background:#087c50;color:#fff;font-size:.86rem;font-weight:850}
.rank{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--soft);font-weight:900}.best .rank{background:#0a8756;color:white}
.offer-row .logo,.provider-card .logo{width:49px;height:49px;border-radius:14px;font-size:1.15rem}
.cardhead{align-items:flex-start;gap:13px}.cardhead h3{margin:0;font-size:1.28rem}.cardhead p{margin:2px 0 5px;font-size:.91rem}.offer-details .chips{gap:5px}
.offer-terms{margin-top:12px}.pill{display:inline-block;padding:4px 10px;background:var(--soft);color:var(--ink);font-size:.85rem;line-height:1.45;font-weight:750;border-radius:30px}
.pill.green{background:#d2f2e4;color:#08764d}.pill.red{background:#fbdade;color:#b61731}.pill.blue{background:#dbe4ff;color:#183db8}.pill.amber{background:#fff0c4;color:#805100}.pill.orange{background:#ffddcc;color:#a5380c}.pill.promo{background:#ffc741;color:#392600}
.comparison-price{font-size:clamp(1.45rem,3vw,2.2rem);font-weight:900;line-height:1.2;margin:4px 0 9px}.cost-label,.cost-total,.card-cost .chips{font-size:.91rem}.cost-label{font-weight:700}.cost-total{margin-top:6px}
.meter{height:12px;background:var(--soft);border-radius:20px;margin-bottom:8px;overflow:hidden}.meter span{display:block;height:100%;background:#0ba465;border-radius:inherit}.meter.amber span{background:#eea400}.meter.orange span{background:#f4681b}.meter.red span{background:#dd2845}
.offer-actions{display:grid;gap:8px}.offer-actions .btn{padding:13px 8px;white-space:normal;text-align:center}.offer-actions .secondary{background:transparent;border:2px solid var(--border)}
.comparison-group{margin-top:30px}.mismatch{background:transparent;border-style:dashed;color:var(--muted)}.mismatch .offer-terms,.mismatch [data-offer]{display:none}
.cost-notice{border-radius:9px;background:#fff0c4;color:#805100;padding:10px 12px;margin:0;font-size:.92rem}
.data-note{margin:22px 0}.affiliate-note{padding:16px 20px;border:1px solid var(--border);border-radius:15px;background:var(--surface);color:var(--muted)}
.calculator-band{background:#fff3cc;color:#101d40}.calculator-band .band-intro,.calculator-band .calc-note,.calculator-band #calc-error{color:#47577b}
.installment-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr);gap:24px}.installment-layout form{display:grid;gap:16px}.calc-metrics{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px}.calc-metrics .metric strong{font-size:clamp(1.2rem,2.6vw,2rem)}.calc-note{margin:0}
.white-band{background:var(--surface)}.results{gap:17px}.provider-card,.mini{padding:19px;border:2px solid var(--border);border-radius:16px}.provider-card{background:var(--bg);display:block;color:var(--ink);text-decoration:none}.provider-card:hover,.mini:hover{border-color:var(--blue)}.provider-card>p,.mini>p{font-size:.96rem;margin:10px 0}.mini h3>a{color:var(--ink);text-decoration:none}.mini h3>a:hover{text-decoration:underline}
.band-link{display:inline-block;margin-top:20px;font-weight:850}.faq-list{max-width:850px;display:grid;gap:10px}.faq-list details{border:2px solid var(--border);border-radius:15px;padding:14px 17px}.faq-list summary{font-weight:800;cursor:pointer}.faq-list p{margin:.6em 0 0}
.foot{background:#101d40;color:#e0e7ff}.foot a{color:#fff}.foot .navlinks{gap:18px}
@media(max-width:870px){.offer-row{grid-template-columns:36px minmax(0,1fr) minmax(0,.9fr);gap:12px 16px;padding:19px}.offer-actions{grid-column:2 / -1;grid-template-columns:1fr 1fr}.rank{width:35px;height:35px}}
@media(max-width:650px){.wrap{width:calc(100% - 28px)}.hero{padding:30px 0 37px}.hero .wrap,.installment-layout{grid-template-columns:minmax(0,1fr)}.hero h1{font-size:clamp(2.25rem,9vw,3.1rem)}.hero-copy>p{margin-bottom:15px}.nav{padding:8px 0;gap:6px;min-height:0}.navlinks{gap:10px;font-size:.85rem}.brand svg{width:32px;height:32px}.summary-grid{gap:6px}.summary-grid .metric{padding:9px 7px;font-size:.73rem}.summary-grid .metric strong{font-size:.92rem}.compare-options .fields{grid-template-columns:1fr}.offer-row{grid-template-columns:30px minmax(0,1fr);padding:15px;gap:11px}.rank{width:29px;height:29px;align-self:start;margin-top:6px}.offer-row .card-cost,.offer-actions{grid-column:2}.offer-actions .btn{padding:9px 5px;font-size:.83rem}.provider-card,.mini{padding:16px}.calc-metrics .metric{padding:13px}.home-band{scroll-margin-top:110px}}
@media(min-width:960px){.hero h1 span{display:block}}