:root{color-scheme:dark;--bg:#080e1b;--panel:#111a2c;--input:#0b1424;--text:#f4f7fc;--muted:#acb9ce;--mint:#77e0b5;--border:#293a54;--warning:#ffd38b}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}a{color:var(--mint);text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h2{font-size:1.5rem;line-height:1.25;letter-spacing:-.035em}h3{font-size:1rem}input,select{width:100%;min-width:0;min-height:46px;background:var(--input);color:var(--text);border:1px solid #3a4d68;border-radius:10px;padding:10px 12px}input::placeholder{color:#7e8da5;opacity:1}input:disabled,select:disabled{opacity:.65}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:3px}input[aria-invalid="true"],select[aria-invalid="true"]{border-color:#ffaaa4}.wrap{max-width:1120px;margin:auto;padding:22px 24px 34px}.skip-link{position:absolute;top:-100px;left:16px;padding:12px;background:var(--mint);color:var(--bg);z-index:10}.skip-link:focus{top:12px}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font-size:1.5rem;font-weight:900;letter-spacing:-.055em;text-decoration:none;color:var(--text)}.logo span{color:var(--mint)}.nav-links{display:flex;gap:28px;margin-left:auto}.nav-links a{color:var(--muted);font-size:.84rem;text-decoration:none}.nav-links a:hover{color:var(--mint)}.badge,.status-badge{border:1px solid #315648;border-radius:99px;color:var(--mint);padding:5px 10px;font-size:.72rem;font-weight:650;white-space:nowrap}.badge:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);margin-right:7px}.hero{text-align:center;padding:56px 0 48px}.eyebrow{color:var(--mint);font-size:.71rem;font-weight:800;letter-spacing:.14em;margin-bottom:12px}.hero h1{font-size:clamp(2.35rem,6vw,4.5rem);line-height:1.05;letter-spacing:-.06em;margin-bottom:22px}.hero h1 span{color:var(--mint)}.hero>p:not(.eyebrow){max-width:620px;margin:0 auto;color:var(--muted);font-size:1.05rem}.hero-facts{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 22px;margin-top:22px;font-size:.76rem;color:#bbc8d9}.hero-facts span:before{content:"✓";color:var(--mint);margin-right:7px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px}.section-heading .eyebrow{margin-bottom:7px}.section-heading h2{margin-bottom:0}.quiet{color:var(--muted);font-size:.8rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:24px}.setup{display:grid;grid-template-columns:1fr 1.1fr;gap:12px 36px;align-items:center}.mode-switch{display:flex;background:var(--input);border:1px solid var(--border);padding:5px;border-radius:12px;gap:5px}.tab{flex:1;border:1px solid transparent;border-radius:8px;color:var(--muted);background:transparent;padding:11px 9px;font-size:.87rem;font-weight:700}.tab.active{background:#1c3540;color:var(--mint);border-color:#3d665a}.usage-fields,.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:.79rem;font-weight:600;color:#c7d2e2;line-height:1.4}.field-hint{font-size:.76rem;color:var(--muted);line-height:1.55;margin-bottom:0}.setup>.field-hint{grid-column:2}.full{grid-column:1/-1}.car-heading{margin-top:30px}.car-heading .quiet{margin:7px 0 0}.compare-grid,.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compare-grid.single,.result-grid.single{grid-template-columns:1fr}.compare-grid.single .car-card{max-width:700px;width:100%;margin:auto}.car-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px}.car-top h3{font-size:1.25rem;margin:0;letter-spacing:-.03em}.car-letter{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#1e3e3d;color:var(--mint);margin-right:10px;font-size:.85rem;vertical-align:middle}.cost-progress{font-size:.72rem;color:var(--muted)}.form-group{border:0;padding:0;margin:0 0 24px;min-width:0}.form-group:last-child{margin-bottom:0}.form-group legend{display:block;width:100%;font-size:.74rem;letter-spacing:.04em;font-weight:700;color:var(--mint);padding:0 0 12px}.cost-note{margin:-5px 0 14px}.cost-help,.optional-data{border-top:1px solid var(--border);padding-top:14px;margin-top:16px}.cost-help summary,.optional-data summary,.faq summary{font-size:.81rem;font-weight:650;cursor:pointer;color:#d3ddeb}.cost-help dl{font-size:.76rem;color:var(--muted);margin:14px 0 0}.cost-help dt{font-weight:700;color:#d3ddeb;margin-top:12px}.cost-help dd{margin:3px 0 0}.optional-data .fields{margin-top:16px}.fuel-hint{margin-top:10px}.calculate-row{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:24px}.zero-hint{font-size:.82rem;color:var(--muted);margin-bottom:4px}.zero-hint strong{color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding:12px 19px;border:1px solid transparent;border-radius:11px;background:var(--mint);color:#081a13;font-weight:800;font-size:.92rem;text-decoration:none}.calculate-row .btn{flex-shrink:0;min-width:245px}.btn.secondary{background:#19283f;color:var(--text);border-color:#3a4d69}.notice{border:1px solid var(--border);border-radius:12px;padding:16px;font-size:.85rem;margin:16px 0}.notice p{margin-bottom:8px}.notice p:last-child{margin-bottom:0}.notice ul{margin:8px 0 0;padding-left:20px}.error{background:#2a1b27;border-color:#794746;color:#ffd1cd}.error a{color:#ffd1cd}.warning{background:#29251e;border-color:#6f5b3a;color:var(--warning)}.warning a{color:var(--warning)}.field.is-missing input{border-color:#8d7046}.results{margin-top:32px;scroll-margin-top:24px}.result-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.result-heading .eyebrow{margin:0}.result-heading .status-badge.incomplete{color:var(--warning);border-color:#705c3b}.results>h2{font-size:clamp(1.75rem,4vw,2.4rem);margin:16px 0 10px}.sub{color:var(--muted);font-size:.94rem;line-height:1.65}.result-grid{margin-top:22px}.result-box{background:var(--input);border:1px solid var(--border);border-radius:15px;padding:20px}.result-box h3{margin-bottom:16px;overflow-wrap:anywhere}.total-label{font-size:.72rem;color:var(--muted);margin:0 0 3px}.big{font-size:2rem;letter-spacing:-.04em;font-weight:850;line-height:1.2;margin-bottom:14px}.metrics{display:flex;gap:24px;padding-bottom:15px;border-bottom:1px solid var(--border);margin-bottom:4px}.metrics span{display:block;font-size:.7rem;color:var(--muted)}.metrics strong{font-size:1rem;font-weight:700}.breakdown{margin:0}.line{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #22314a;font-size:.8rem}.line:last-child{border-bottom:0}.line dt{color:var(--muted)}.line dd{margin:0;text-align:right;font-weight:700}.line dd.unknown{color:var(--warning);font-weight:500}.result-explanation{border-radius:11px;background:#10282a;color:#cdeedf;padding:14px 16px;font-size:.85rem;margin:20px 0 12px}.result-actions{display:flex;gap:10px;margin-top:22px}.result-actions .btn{font-size:.8rem;min-height:42px}.limits{font-size:.72rem;line-height:1.6;color:#9bacbf;margin:16px 0 0}.premium{display:grid;grid-template-columns:1.05fr 1fr;gap:38px;margin-top:40px;border-color:#375b52;padding:30px;background:linear-gradient(125deg,#121e2d,#111a2c)}.premium h2{font-size:clamp(1.6rem,3vw,2.1rem);margin-bottom:16px}.feature-list{list-style:none;padding:0;margin:18px 0;color:#d4deec;font-size:.85rem}.feature-list li{position:relative;padding:5px 0 5px 22px}.feature-list li:before{content:"✓";position:absolute;left:0;color:var(--mint)}.price-line{display:flex;align-items:center;gap:18px;margin:24px 0}.price-line strong{font-size:2rem;letter-spacing:-.04em}.price-line span{font-size:.75rem;color:var(--muted)}.premium-copy>.btn{width:100%;margin-top:14px}.consent-label{display:flex;align-items:flex-start;gap:10px;font-size:.77rem;line-height:1.6;margin-top:14px;color:var(--muted)}.consent-label input{width:19px;height:19px;min-height:0;flex-shrink:0;margin:3px 0 0;accent-color:var(--mint)}.report-preview{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0}.preview-pages{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;padding:20px 16px;border:1px solid #2b4155;border-radius:16px;background:#0a1423;width:100%;text-decoration:none}.preview-pages img{display:block;max-width:100%;height:auto;border-radius:3px;box-shadow:0 6px 20px #0005}.preview-pages img:first-child{transform:rotate(-3deg)}.preview-pages img:last-child{transform:rotate(3deg)}.preview-pages:hover{border-color:var(--mint)}.preview-caption{font-size:.7rem;color:var(--muted);text-align:center;margin:16px 0 10px;max-width:330px}.text-link{font-size:.81rem;font-weight:650}.how-section{padding:52px 0 20px}.how-section h2{font-size:1.75rem;margin-bottom:24px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:28px}.step-number{display:inline-grid;place-items:center;background:#1a2e35;color:var(--mint);border-radius:8px;width:29px;height:29px;font-size:.8rem;font-weight:750;margin-bottom:14px}.steps h3{font-size:.96rem;margin-bottom:8px}.steps p{font-size:.81rem;color:var(--muted);margin-bottom:0}.faq{padding:16px 0;border-top:1px solid var(--border)}.faq:last-child{border-bottom:1px solid var(--border)}.faq p{max-width:780px;font-size:.81rem;color:var(--muted);margin:14px 0 0}.footer{border-top:1px solid var(--border);margin-top:28px;padding-top:25px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px}.footer .logo{font-size:1.2rem}.footer p{font-size:.73rem;color:var(--muted);margin:5px 0 0}.footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px}.footer-links a{font-size:.76rem;color:var(--muted)}.footer .footer-note{width:100%;font-size:.69rem;color:#93a3b9}
@media(max-width:850px){.setup{gap:16px 22px}.card{padding:20px}.section-heading>.quiet{max-width:210px;text-align:right}.premium{gap:24px;padding:24px}.premium h2 br{display:none}}
@media(max-width:700px){.wrap{padding:18px 16px 28px}.nav-links{display:none}.hero{padding:42px 0 36px}.hero h1{font-size:2.65rem}.hero>p:not(.eyebrow){font-size:.95rem}.hero-facts{font-size:.7rem;gap:8px 14px}.section-heading>.quiet{display:none}.section-heading h2{font-size:1.3rem}.setup{grid-template-columns:1fr;gap:16px}.setup>.field-hint{grid-column:1}.compare-grid,.result-grid{grid-template-columns:1fr}.car-card{padding:20px 18px}.fields{gap:14px 12px}.calculate-row{flex-direction:column;align-items:stretch;gap:16px}.calculate-row .btn{width:100%}.zero-hint{font-size:.79rem}.result-box{padding:18px}.result-actions .btn{flex:1;padding:10px 9px;gap:0}.premium{grid-template-columns:1fr;padding:24px 20px;gap:26px}.report-preview{max-width:450px;margin:auto}.steps{grid-template-columns:1fr;gap:22px}.steps>div{position:relative;padding-left:44px}.step-number{position:absolute;left:0;top:0}.how-section{padding-top:40px}.footer{flex-direction:column;gap:20px}.footer-links{gap:12px 18px}.badge{font-size:.68rem}.result-heading .eyebrow{font-size:.65rem}.status-badge{font-size:.68rem}}
@media(max-width:360px){.fields,.usage-fields{grid-template-columns:1fr}.full{grid-column:1}.hero h1{font-size:2.3rem}.metrics{gap:16px}.result-actions{flex-direction:column}.tab{font-size:.77rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{color-scheme:light;body{background:white;color:#111}.wrap{max-width:none;padding:0}.nav,.hero,#calculator,.premium,.how-section,.footer,.result-actions,.skip-link{display:none!important}.results{margin:0;padding:0;border:0;background:white}.result-box,.notice,.result-explanation{background:white;border:1px solid #aaa;color:#111;break-inside:avoid}.result-grid{display:grid;grid-template-columns:1fr 1fr}.sub,.field-hint,.limits,.total-label,.line dt,.metrics span{color:#444}.status-badge,.eyebrow,.line dd.unknown,.warning a{color:#222}.results h2{font-size:24px}.result-box .big{font-size:24px}.line{font-size:11px;border-color:#bbb}.metrics strong{font-size:14px}.result-heading{margin-bottom:12px}}

.guide-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:36px;margin-top:20px}.guide-intro h2{font-size:1.55rem;margin:8px 0 12px}.guide-intro .sub{font-size:.86rem}.site-share{border-left:1px solid var(--border);padding-left:30px}.site-share h3{font-size:1rem;margin:0 0 12px}.site-share>p{color:var(--muted);font-size:.81rem}.site-share .btn{font-size:.8rem}.guide-article{max-width:800px;margin:24px auto 54px}.guide-article>h1{font-size:clamp(2rem,5vw,3.25rem);line-height:1.15;letter-spacing:-.04em;margin:14px 0 24px}.guide-article>p,.guide-article section>p,.guide-article li{color:var(--muted);font-size:.95rem;line-height:1.75}.guide-article h2{font-size:1.5rem;margin:34px 0 16px}.guide-article h3{font-size:1.06rem;margin:22px 0 10px}.guide-article a{color:var(--mint)}.guide-article .btn{color:#082117}.guide-formula{background:var(--panel);padding:22px;border:1px solid var(--border);border-radius:16px;line-height:1.8;font-weight:650}.example-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:14px}.example-table{width:100%;border-collapse:collapse;font-size:.86rem}.example-table th,.example-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}.example-table td:last-child{text-align:right;white-space:nowrap}.example-table th{font-size:.74rem;color:var(--muted)}.example-table tr:last-child td{border-bottom:0;font-weight:700;color:var(--mint)}.guide-cta{margin-top:32px}.guide-cta .btn{display:inline-flex;text-decoration:none;margin:10px 0}.guide-article .eyebrow{color:var(--mint);font-size:.7rem}.guide-article .field-hint{font-size:.78rem}.guide-article section{scroll-margin-top:24px}
@media(max-width:700px){.guide-intro{grid-template-columns:1fr;gap:24px}.site-share{border-left:0;border-top:1px solid var(--border);padding:22px 0 0}.guide-article{margin:20px auto 34px}.guide-article>h1{font-size:2.2rem}.guide-article>p,.guide-article section>p,.guide-article li{font-size:.9rem}.guide-formula{padding:18px;font-size:.91rem}.example-table th,.example-table td{padding:10px 12px}.guide-nav .badge{display:none}}
@media print{.guide-intro,.guide-nav,.guide-cta{display:none!important}.guide-article p,.guide-article li{color:#333}.guide-formula{background:#fff;border-color:#999}.example-table th,.example-table td{border-color:#aaa;color:#111!important}.example-scroll{border-color:#999}}