:root{color-scheme:light;--ink:#142422;--muted:#51615c;--line:#d6e1d9;--mint:#eaff73;--bg:#f7f9f4;--card:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}a{color:#195e55}a:hover{text-decoration-thickness:2px}header{background:#102223;color:white;padding:16px max(4vw,20px);display:flex;justify-content:space-between;align-items:center;gap:20px}header .brand{font-weight:800;color:white;text-decoration:none;font-size:1.18rem}header .brand span{color:var(--mint)}header nav{display:flex;gap:18px;flex-wrap:wrap}header nav a{color:white;text-decoration:none;font-size:.9rem}main,footer .inside{max-width:1160px;margin:auto;padding:0 22px}.hero{padding:68px 0 42px;max-width:850px}.kicker{font-size:.78rem;letter-spacing:.12em;font-weight:800;color:#277165;text-transform:uppercase}.hero h1{font-size:clamp(2.4rem,5vw,4.6rem);line-height:1.08;letter-spacing:-.045em;margin:13px 0 20px}.hero p{font-size:1.17rem;max-width:740px;color:var(--muted);margin:0 0 22px}.hero a.cta,button[type=submit]{display:inline-block;background:var(--ink);color:white;border:0;border-radius:12px;padding:14px 23px;text-decoration:none;font:700 1rem/1.3 inherit;cursor:pointer}.hero a.cta:hover,button[type=submit]:hover{background:#277165}.trust{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 0;padding:0;list-style:none}.trust li{background:#e8efdf;border-radius:40px;padding:6px 13px;font-size:.83rem;font-weight:650}.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:clamp(20px,3vw,36px);margin:24px 0 40px;box-shadow:0 12px 36px #122b2010}.panel h2,.content h2{font-size:clamp(1.65rem,3vw,2.2rem);line-height:1.15;letter-spacing:-.03em;margin:6px 0 10px}.lede{color:var(--muted);margin-top:0}.input-section{border:0;border-top:1px solid var(--line);padding:26px 0 4px;margin:12px 0 0;min-width:0}.input-section legend{font-size:1.18rem;font-weight:800;padding:0 8px 0 0}.input-section>p{color:var(--muted);margin:0 0 16px}.fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}label{display:block;font-size:.89rem;font-weight:680}label small{display:block;color:var(--muted);font-weight:400;margin-top:5px;line-height:1.4}input,select{display:block;width:100%;margin-top:7px;border:1px solid #a3b3a7;border-radius:9px;background:white;color:var(--ink);padding:11px 12px;font:inherit}input:focus,select:focus{outline:3px solid #9de1b4;outline-offset:1px}.input-section .hint{font-size:.85rem;color:var(--muted);margin:17px 0 0}.actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-top:24px}.actions span{font-size:.85rem;color:var(--muted)}#comparison{scroll-margin-top:24px}.result-head{margin-bottom:25px}.result-head p{color:var(--muted)}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.result-card{border:1px solid var(--line);border-radius:14px;padding:21px}.result-card.best{border:2px solid #2c785a;background:#f2f9e8}.result-card>span{font-size:.76rem;font-weight:800;letter-spacing:.07em;color:#306e58;text-transform:uppercase}.result-card h3{margin:8px 0 5px}.result-card>strong{display:block;font-size:2rem;letter-spacing:-.04em}.result-card dl{margin:20px 0}.result-card dl div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:8px 0}.result-card dt{color:var(--muted)}.result-card dd{margin:0;font-weight:700;text-align:right}.result-card p,.method{font-size:.86rem;color:var(--muted)}.notice{background:#fff2d9;padding:15px;border-radius:9px}.content{max-width:810px;margin:55px 0}.content h2{margin-top:34px}.content h3{margin:26px 0 4px}.content p,.content li{line-height:1.75}.content ul{padding-left:22px}.links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:36px 0 70px}.links a{background:white;border:1px solid var(--line);border-radius:14px;padding:20px;font-weight:750;text-decoration:none}.links a span{display:block;color:var(--muted);font-weight:400;font-size:.86rem;margin-top:6px}footer{background:#102223;color:#e4eae4;padding:26px 0;font-size:.86rem}footer a{color:#eaff73}footer .inside{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.article{max-width:820px;margin:60px auto 90px}.article h1{font-size:clamp(2.3rem,5vw,4rem);line-height:1.1;letter-spacing:-.04em}.article h2{margin-top:42px}.article p,.article li{line-height:1.8}.article .summary{font-size:1.15rem;color:var(--muted)}.article .callout{padding:24px;border-left:5px solid #277165;background:#e8f4dd;margin:30px 0}.article table{border-collapse:collapse;width:100%;margin:26px 0}.article td,.article th{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.article th{background:#eaf1e7}.article .table-scroll{overflow-x:auto}@media(max-width:750px){header{align-items:flex-start;flex-direction:column}header nav{gap:13px}.hero{padding:42px 0 20px}.fields{grid-template-columns:repeat(2,minmax(0,1fr))}.result-grid,.links{grid-template-columns:1fr}}@media(max-width:500px){.fields{grid-template-columns:1fr}.panel{padding:19px}header nav{font-size:.82rem}}
/* US preference flow and analysis */
[hidden]{display:none!important}.wizard-progress{display:grid;grid-template-columns:42px minmax(140px,1fr) 1fr;gap:16px;align-items:center;margin:25px 0 28px}.wizard-progress button{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:white;color:var(--ink);font-size:21px;cursor:pointer}.wizard-progress small,.wizard-progress strong{display:block}.wizard-progress small{font-size:.75rem;color:var(--muted)}.wizard-progress strong{font-size:.96rem}.wizard-track{height:8px;border-radius:8px;background:#e4ebe4;overflow:hidden}.wizard-track span{display:block;height:100%;background:#277165;transition:width .2s}.wizard-step{display:none}.wizard-step.active{display:block}.wizard-step h3{font-size:1.65rem;letter-spacing:-.035em;margin:14px 0 8px}.priorities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:23px 0 30px}.priority{cursor:pointer;border:1px solid var(--line);border-radius:14px;min-height:125px;background:#fff;padding:20px}.priority.selected{background:#f1f8e2;border-color:#26735f;box-shadow:0 5px 18px #123b2612}.priority:focus-within{outline:3px solid #72bc9a;outline-offset:2px}.priority input{width:auto;margin:0 0 8px;accent-color:#26735f}.priority b,.priority small{display:block}.priority small{font-size:.85rem;color:var(--muted);font-weight:400;margin-top:6px}.offer-tabs{display:flex;gap:8px;overflow:auto;margin:20px 0}.offer-tab{padding:11px 16px;border:1px solid var(--line);background:white;border-radius:10px;font-weight:700;white-space:nowrap;cursor:pointer}.offer-tab.active{background:var(--ink);color:white}.offer-panel{display:none}.offer-panel.active{display:block}.actions button{background:var(--ink);color:white;border:0;border-radius:12px;padding:14px 23px;font-size:1rem;font-weight:700;cursor:pointer}.actions button:hover{background:#277165}.form-error{padding:14px;background:#fff0de;color:#8b3025;border-radius:9px;margin-top:20px}.invalid{border-color:#b33429!important}.result-panel{margin-top:32px}.result-head{position:relative;margin-bottom:26px}.result-head h2{max-width:830px}.result-head p{max-width:760px}.outline-button{float:right;background:white;color:var(--ink);border:1px solid #b1c6b8;border-radius:9px;padding:10px 15px;cursor:pointer;font-weight:700}.winner{background:radial-gradient(ellipse at top right,#295c55,transparent 70%),var(--ink);color:white;border-radius:20px;padding:28px;margin-bottom:30px}.winner .kicker{color:var(--mint)}.winner h3{font-size:clamp(1.7rem,4vw,2.8rem);letter-spacing:-.04em;margin:11px 0}.winner p{color:#d8e7dd;max-width:800px}.winner-facts{display:flex;flex-wrap:wrap;gap:24px;margin-top:22px;border-top:1px solid #ffffff30;padding-top:18px}.winner-facts span{font-size:.77rem;color:#d4e2dc;letter-spacing:.06em}.winner-facts b{display:block;color:white;font-size:1.28rem;letter-spacing:0}.comparison-summary h3,.visual-analysis>h3,.payment-panel h3{font-size:clamp(1.45rem,3vw,2rem);letter-spacing:-.03em;margin:8px 0}.comparison-summary>p,.visual-analysis>p,.payment-panel>p{color:var(--muted)}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:white}.table-scroll table{width:100%;border-collapse:collapse;min-width:860px}.table-scroll th,.table-scroll td{padding:13px 12px;border-bottom:1px solid var(--line);text-align:right;font-size:.83rem}.table-scroll th:first-child,.table-scroll td:first-child{text-align:left}.table-scroll th{font-size:.73rem;color:var(--muted);text-transform:uppercase;background:#f0f4ec}.table-scroll td small{display:block;color:var(--muted)}.table-scroll td:last-child{color:#14745e}.method{line-height:1.6}.visual-analysis{margin:40px 0}.analysis-chart,.payment-panel,.detail-section{border:1px solid var(--line);border-radius:17px;padding:26px;background:#fff;margin:17px 0}.analysis-chart h4{font-size:1.35rem;letter-spacing:-.02em;margin:5px 0}.analysis-chart>p{color:var(--muted);margin:0 0 22px}.chart-number{font-size:.75rem;font-weight:800;letter-spacing:.12em;color:#287565}.bar-list{display:grid;gap:17px}.chart-row{display:grid;grid-template-columns:200px minmax(120px,1fr) 118px;gap:13px;align-items:center}.chart-row>b{font-size:.87rem}.chart-row>strong{text-align:right;font-size:.89rem}.chart-track{height:24px;background:#f0f4ef;border-radius:7px;overflow:hidden}.chart-track .cost-fill{display:block;height:100%;background:#749fa2;border-radius:7px}.chart-track .cost-fill.lowest{background:#277d67}.chart-track.stack{display:flex}.chart-track.stack i{height:100%;flex:none}.seg-up{background:#142422}.seg-monthly{background:#287c75}.seg-end{background:#d19b34}.chart-legend{display:flex;gap:17px;flex-wrap:wrap;margin:0 0 20px}.chart-legend span{display:flex;gap:6px;align-items:center;font-size:.83rem}.chart-legend i{width:10px;height:10px;border-radius:3px}.sensitivity-track{height:22px;background:#f0f4ef;border-radius:6px;position:relative}.sensitivity-range{position:absolute;top:9px;height:5px;background:#81aaa2;border-radius:10px}.sensitivity-range.fixed{height:12px;top:5px;background:#d19b34}.sensitivity-mid{position:absolute;top:3px;width:6px;height:17px;background:#175b4f;border-radius:4px;transform:translateX(-3px)}.line-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 15px}.line-legend span{display:grid;grid-template-columns:10px 1fr;gap:1px 7px;align-items:center;padding:9px;border-radius:8px;background:#f3f7f3}.line-legend i{grid-row:1/3;width:9px;height:9px;border-radius:50%}.line-legend b{font-size:.8rem}.line-legend small{font-size:.69rem;color:var(--muted)}.cumulative-chart{overflow-x:auto;padding:7px;border:1px solid var(--line);border-radius:12px}.cumulative-chart svg{display:block;width:100%;min-width:720px}.cumulative-chart text{font-family:system-ui,sans-serif;font-size:12px;fill:#66776d}.cumulative-grid{stroke:#dce7df;stroke-width:1;stroke-dasharray:4 5}.timeline-row{display:grid;grid-template-columns:170px 1fr;gap:18px;padding:17px 0;border-bottom:1px solid var(--line)}.timeline-name b,.timeline-name small{display:block}.timeline-name small{font-size:.76rem;color:var(--muted)}.timeline-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.timeline-track>div{padding:10px;background:#f2f6ef;border-radius:9px}.timeline-track span,.timeline-track b{display:block}.timeline-track span{font-size:.72rem;color:var(--muted)}.timeline-track b{font-size:.81rem;line-height:1.4;margin-top:4px}.detail-section summary{font-weight:800;cursor:pointer}.detail-section p{font-size:.9rem;line-height:1.65;color:var(--muted)}.calculation{border-top:1px solid var(--line);padding-top:14px}@media(max-width:850px){.chart-row{grid-template-columns:135px minmax(100px,1fr) 100px}.timeline-row{grid-template-columns:1fr}.line-legend{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.wizard-progress{grid-template-columns:42px 1fr}.wizard-track{grid-column:1/-1}.priorities{grid-template-columns:1fr}.priority{min-height:105px}.chart-row{grid-template-columns:85px minmax(85px,1fr) 84px;gap:6px}.chart-row>b,.chart-row>strong{font-size:.72rem}.analysis-chart,.payment-panel{padding:18px}.line-legend{grid-template-columns:1fr 1fr}.timeline-track{grid-template-columns:repeat(2,minmax(0,1fr))}.outline-button{float:none;display:block;margin-bottom:15px}}
/* Align the US decision and cost explanation with the UK experience. */
.priorities{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:28px 0 32px}.priority{position:relative;min-height:230px;padding:24px 19px;border-radius:18px;box-shadow:0 4px 20px #14242208}.priority.selected{border:2px solid var(--ink);padding:23px 18px;background:#fbfdee;box-shadow:0 10px 30px #14242212}.priority input{position:absolute;width:1px;height:1px;opacity:0;margin:0;pointer-events:none}.priority-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#eef4ef;font-size:1.42rem;font-weight:800;margin:0 0 23px}.priority b{font-size:1.08rem;line-height:1.35}.priority small{font-size:.87rem;line-height:1.55}.priority-check{display:none;position:absolute;right:16px;top:17px;border-radius:50%;width:30px;height:30px;background:var(--mint);color:var(--ink);font-size:1.24rem;line-height:30px;text-align:center}.priority.selected .priority-check{display:block}.cost-explainer{display:grid;grid-template-columns:1fr 1.3fr;gap:17px;margin:24px 0}.cost-explainer>div{border:1px solid var(--line);border-radius:14px;background:white;padding:22px}.cost-explainer>div:last-child{background:#eef5dd;border-color:#d9e5bd}.explainer-number{font-size:.75rem;font-weight:800;letter-spacing:.12em;color:#257165}.cost-explainer h4{font-size:1.25rem;letter-spacing:-.02em;margin:8px 0 7px}.cost-explainer p{font-size:.91rem;color:var(--muted);line-height:1.6;margin:0}.cost-explainer .example{margin-top:12px;padding-top:12px;border-top:1px solid #d7e2bc}.component-exception{font-size:.78rem;background:#f4f7f2;padding:8px;color:#354e45;border-radius:6px}.analysis-chart .chart-explanation{margin:20px 0 0;border-top:1px solid var(--line);padding-top:16px;color:#415b50;font-weight:600}@media(max-width:1000px){.priorities{grid-template-columns:repeat(2,minmax(0,1fr))}.priority{min-height:200px}}@media(max-width:580px){.priorities{grid-template-columns:1fr}.priority{min-height:170px;padding:20px}.priority.selected{padding:19px}.priority-icon{margin-bottom:12px}.cost-explainer{grid-template-columns:1fr}.component-exception{font-size:.68rem}}
.wizard-progress.first{grid-template-columns:minmax(140px,1fr) 1fr}
/* Early results, transparent comparisons and printable summary */
.advanced-inputs{border:1px solid var(--line);border-radius:14px;padding:15px 20px;margin:18px 0;background:#f9fcf8}.advanced-inputs summary{cursor:pointer;font-size:1rem;font-weight:800}.advanced-inputs .input-section{margin-top:20px}.result-actions{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0}.result-actions .outline-button{float:none;margin:0}.illustrative-warning{padding:13px 18px;border:1px solid #e2d6aa;border-radius:12px;background:#fff8e3;font-size:.92rem}.return-note{border:1px solid #d5e5d7;background:#eff7ec;padding:19px;border-radius:14px;margin:22px 0}.return-note label,.return-note small,.return-note strong{display:block}.return-note label{font-weight:700;margin-top:10px}.return-note input{width:130px}.return-note small,.return-note p{color:var(--muted);font-size:.88rem;margin:8px 0}.time-value-col[hidden]{display:none!important}.limit-prompts p{background:#fff8e7;border:1px solid #eadcb8;border-radius:11px;padding:14px;font-size:.9rem}.limit-prompts button{color:#14745e;background:none;border:0;text-decoration:underline;font-weight:800;cursor:pointer}.live-preview{background:#f8fbf7;border:1px solid var(--line);border-radius:14px;padding:18px;margin:22px 0}.live-preview>b{font-size:1rem}.live-preview>small{display:block;color:var(--muted);margin-top:10px}.mini-bars{display:grid;gap:8px;margin:14px 0}.mini-bars>div{display:grid;grid-template-columns:175px minmax(0,1fr) 100px;gap:10px;align-items:center;font-size:.83rem}.mini-bars i{height:9px;background:#277d67;border-radius:8px}.mini-bars strong{text-align:right}.table-scroll td:last-child:not([hidden]){color:#14745e}.result-panel{scroll-margin-top:20px}
@media(max-width:600px){.mini-bars>div{grid-template-columns:90px minmax(0,1fr) 75px;font-size:.72rem;gap:5px}.return-note input{width:100%}.result-actions .outline-button{display:inline-block;margin:0;font-size:.78rem;padding:9px}.advanced-inputs{padding:12px}.wizard-progress.first{grid-template-columns:minmax(120px,1fr) 1fr}}
@media print{header,footer,.hero,#compare,.result-actions,.limit-prompts,.return-note,.payment-panel,.visual-analysis,.detail-section,.illustrative-warning,.content,#guides{display:none!important}body{background:white;color:#111}main{display:block;max-width:100%;padding:0}.result-panel{display:block!important;border:0;box-shadow:none;margin:0;padding:0}.result-head:before{content:'How Should I Buy My Car? · US comparison';font-weight:800;font-size:13px}.result-head h2{font-size:20px}.winner{background:#f2f2f2!important;border:1px solid #bbb!important;color:#111!important;print-color-adjust:economy}.winner *{color:#111!important}.comparison-summary{margin:12px 0}.cost-explainer{margin:8px 0;gap:8px}.cost-explainer>div{padding:9px;background:white!important}.cost-explainer p{font-size:10px}.table-scroll{overflow:visible}.table-scroll table{min-width:0;width:100%;font-size:9px}.table-scroll th,.table-scroll td{font-size:9px!important;padding:5px 3px!important}.time-value-col[hidden]{display:none!important}*{break-inside:avoid}}
.score-rules{border:1px solid var(--line);border-radius:13px;background:#fff;padding:15px 18px;margin:18px 0}.score-rules summary{cursor:pointer;font-weight:800}.score-rules p{font-size:.87rem;color:var(--muted)}.score-rules .table-scroll{overflow-x:auto}.score-rules table{width:100%;min-width:580px;border-collapse:collapse}.score-rules td,.score-rules th{padding:9px;text-align:left;border-bottom:1px solid var(--line);font-size:.8rem}.review-date{border-top:1px solid var(--line);padding-top:14px;color:var(--muted);font-size:.85rem}
.print-details{display:none}@media print{.print-details{display:block;font-size:10px;line-height:1.35;border-top:1px solid #bbb;margin-top:12px}.print-details h3{font-size:12px!important;margin:8px 0 4px}.print-details p{margin:4px 0}}
@media print{@page{size:letter;margin:0.45in}*{break-inside:auto}.winner,.cost-explainer,.table-scroll,.print-details{break-inside:avoid}}
/* Put the comparison within the opening viewport. */
.hero{padding:27px 0 15px}.hero h1{font-size:clamp(2.25rem,4vw,3.4rem);max-width:790px;margin:9px 0 10px}.hero p{font-size:1rem;line-height:1.5;margin-bottom:13px}.trust{margin-top:14px}.panel#compare{margin-top:14px}
@media(max-width:600px){.hero{padding:20px 0 12px}.hero h1{font-size:2.18rem}.hero p{font-size:.94rem}.trust{gap:5px}.trust li{font-size:.72rem;padding:4px 8px}.panel#compare{margin-top:10px}}