/* AutoKlar light theme. Shared by calculator, privacy, consent and administration. */
:root{
 --ink:#172842;--muted:#56667e;--paper:#f5f8ff;--line:#e0e7f2;
 --accent:#235de8;--accent-soft:#eaf1ff;--lime:#edf3ff;
 --base:#4777ef;--upfront:#92b4ff;--operations:#39b8b2;
 --energy:#ffd36e;--extra:#fa9d86;--balloon:#a599e9;
 --shadow:0 6px 24px rgba(35,65,115,.045);
}
body{font-family:Inter,"Segoe UI",Arial,sans-serif;background:linear-gradient(180deg,#fff 0,#f4f8ff 740px,#f8faff 100%);line-height:1.6;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #5482ec;outline-offset:3px}
.site-header{max-width:1280px;padding:22px 32px;border-bottom:1px solid var(--line);gap:44px;background:rgba(255,255,255,.82)}
.brand{font-size:26px;letter-spacing:-1.1px;color:var(--ink)}.brand>span:not(.brand-mark){font-weight:500;color:var(--accent)}
.brand-mark{background:var(--accent);color:white;border-radius:12px;width:38px;height:38px;box-shadow:0 5px 12px #235de81c;font-size:25px}
.brand small{background:#f0f4fc;color:#61728f;border:0;border-radius:5px;padding:3px 6px;font-size:10px}
nav{gap:9px;font-size:14px;font-weight:500}nav a{padding:7px 12px;border-radius:9px}nav a:hover{background:var(--accent-soft);color:var(--accent)}
.privacy{border:1px solid #e2e9f4;background:white;border-radius:30px;padding:6px 12px;font-size:12px}
main{max-width:1240px;padding:0 32px}.intro{padding:36px 0 28px;gap:30px}.eyebrow{color:var(--accent);font-size:12px;letter-spacing:1.5px;font-weight:700}
h1{font-size:clamp(38px,4vw,54px);font-weight:650;letter-spacing:-2.2px;line-height:1.12;margin-bottom:14px}.intro h1 span{color:var(--accent)}
.lead{font-size:16px;line-height:1.65}.intro-note{border:1px solid #dfe8fb;background:linear-gradient(140deg,#f0f6ff,#fff);border-radius:22px;padding:22px 27px;margin-right:0;gap:18px;box-shadow:var(--shadow)}
.intro-note>span{font-size:58px;font-weight:650;letter-spacing:-3px;color:var(--accent)}.intro-note p{font-size:14px;margin:0;color:var(--muted)}
.context-bar{background:white;border:1px solid var(--line);border-radius:18px;padding:20px 24px;box-shadow:var(--shadow);gap:28px}.context-bar label{font-size:14px;font-weight:600}.context-bar .input-wrap{background:#f8faff;border-color:#c6d6f1}.context-bar p{line-height:1.7}.context-bar p span{font-size:13px}
.secondary{background:white;border:1px solid #cbd8ee;border-radius:10px;padding:11px 17px;font-size:14px;font-weight:600;color:#284d91;transition:background .15s,border-color .15s}
.secondary:hover{background:#edf4ff;border-color:#8dacdf}.section-title{margin:28px 0 16px;align-items:center}.section-title>span{font-size:13px}h2{font-weight:650;font-size:23px;letter-spacing:-.65px}
.summary{background:#eaf2ff;border:1px solid #d6e5ff;border-radius:12px;font-size:14px;padding:13px 17px;color:#244a83;margin-bottom:18px}
.summary.warning{background:#fff7e8;border:1px solid #eed4a3;color:#7f4d0c}
.results,.forms{gap:20px}.result{border-radius:20px;padding:23px;background:white;border:1px solid var(--line);box-shadow:var(--shadow)}
.result.best{color:var(--ink);background:linear-gradient(145deg,#eaf2ff,#f7faff);border:2px solid #729cf4;padding:22px;box-shadow:0 7px 24px #4079ec12}
.result-head{flex-wrap:wrap;gap:6px;min-height:28px}.result h3{font-size:16px;font-weight:650}.badge{background:#235de8;color:white;border-radius:30px;padding:5px 9px;font-size:10px;letter-spacing:.3px}
.price{font-size:clamp(30px,3vw,42px);font-weight:650;letter-spacing:-1.8px;margin:18px 0 6px;line-height:1.2}.price span{font-size:15px;letter-spacing:0;color:var(--muted)}.best .price{color:#2058d6}
.price-label,.best .price-label{font-size:13px;color:var(--muted)}.metrics,.best .metrics{border-color:#dce5f5;padding-top:16px;margin-top:18px;gap:12px}.metrics dt,.best .metrics dt{font-size:12px;color:var(--muted)}.metrics dd{font-size:19px;font-weight:600;letter-spacing:-.3px}
.result-note{font-size:13px;line-height:1.65}.input-title{margin-top:34px}.form-card{border-radius:20px;box-shadow:var(--shadow);padding:24px;border-color:var(--line)}
.form-card h3{font-size:19px;font-weight:650;display:flex;align-items:center;gap:10px}.form-card h3:before{content:"";width:7px;height:20px;border-radius:3px;background:#a2bbff;flex-shrink:0}.form-card:nth-child(2) h3:before{background:#4abcb8}.form-card:nth-child(3) h3:before{background:#a498e2}
.form-subtitle{font-size:13px;line-height:1.6;min-height:42px;margin:7px 0 20px}.field{margin-bottom:17px}.field label{font-size:14px;color:#3c506b;font-weight:500}
.input-wrap{border:1px solid #d3deee;border-radius:10px;background:#f9fbff;transition:border-color .15s,box-shadow .15s}.input-wrap:focus-within{border-color:#5383ec;box-shadow:0 0 0 3px #235de814;background:white}
.input-wrap input{border-radius:10px;padding:11px 12px;font-size:16px;font-weight:500}.input-wrap>span{color:#60728b;font-size:13px}.field small{font-size:12px;color:#5f7188}.error{color:#af3429;font-size:13px}
.form-card details summary{font-size:14px;color:#2857a1;font-weight:600}.form-card details[open]{padding-bottom:5px}details{border-color:var(--line)}summary:hover{color:var(--accent)}
.breakdown{border-radius:22px;padding:28px;margin-top:32px;box-shadow:var(--shadow)}.bar-track{background:#f0f4fb;height:28px;border-radius:6px}.bar{border-radius:6px}.segment+.segment{border-left:2px solid #ffffffb3}.chart-label{font-size:14px;font-weight:600}.chart-value{font-size:14px}.chart-value small{font-size:12px}.legend{gap:18px}.legend span{font-size:13px}.legend i{width:11px;height:11px;border-radius:3px}
.breakdown details{margin-top:18px}.breakdown details summary{color:#2857a1}table{font-size:14px}thead{background:#f4f7fd}.method{margin-top:34px;padding:32px;background:#edf4ff;border:1px solid #dce7fa;border-radius:22px;gap:60px}.method h2{font-size:32px;letter-spacing:-1px}.method p{font-size:15px}.method a{color:#2857a1;font-size:14px}.formulas article{border-color:#d3e1f8}.formulas h3{font-size:16px}
.faq{max-width:900px;margin:48px auto}.faq h2{margin-bottom:24px}.faq details{background:white;border:1px solid var(--line);border-radius:13px;margin-bottom:10px;padding:0 20px}.faq summary{padding:19px 0;font-size:16px;font-weight:550}.faq p{line-height:1.7}.faq .eyebrow{text-align:center}.faq>h2{text-align:center}
footer{border-color:var(--line);padding:28px 32px 36px;gap:22px}footer .brand{color:var(--accent)}footer>span{font-size:12px}.notice{background:#fff5e7;border:1px solid #f0d7b1;border-radius:12px;padding:16px}
/* Consent choices deliberately have equal visual prominence. */
.consent-banner{border:1px solid #cfddf2;border-radius:20px;box-shadow:0 12px 60px #244c8f24;padding:26px;background:#fff}.consent-banner h2{font-size:22px}.consent-banner p{line-height:1.65}.consent-banner a{color:#2857a1}.consent-actions button{background:#f0f5ff;border:1px solid #a5bfea;color:#244f98;border-radius:11px;padding:12px 16px}.consent-actions button:hover{background:#e2ecff;border-color:#678ed3}
.admin-header{padding:35px 0 16px}.admin-header h1{font-size:40px;font-weight:650}.admin-controls select{border-color:#cbd8ee;border-radius:10px;background:white;color:var(--ink)}.admin-cards{gap:20px}.admin-cards article,.admin-panel{border-radius:20px;box-shadow:var(--shadow);padding:25px}.admin-cards article:first-child{background:#edf4ff;border-color:#c9dcff}.admin-cards strong{font-size:40px;letter-spacing:-1.5px;color:var(--accent);font-weight:650}.admin-panel h2{font-size:22px}.daily-bar{background:#edf2fb;border-radius:5px}.daily-bar span{background:#6894f3;border-radius:5px}.admin-split{gap:20px}.legal h1{color:var(--ink)}.legal h2{color:#284d91}
@media(min-width:1050px){.intro{display:grid;grid-template-columns:1fr auto}.intro h1 br{display:none}.intro h1 span:before{content:" "}.intro .lead br{display:none}.intro .lead br:after{content:" "}}
@media(max-width:1100px){.privacy{display:none}.result-head{min-height:52px;align-content:flex-start}.result .price{font-size:33px}.intro-note{padding:20px}.intro-note>span{font-size:50px}}
@media(max-width:900px){.intro{display:block}.site-header{padding:18px 24px}.intro-note{display:none}.context-bar{gap:16px}.result,.form-card{padding:19px}.result.best{padding:18px}.price span{font-size:14px}.metrics{grid-template-columns:1fr;gap:10px}.metrics dd{margin-top:0}.method{gap:32px;padding:28px}.form-subtitle{min-height:63px}}
@media(max-width:640px){.site-header{padding:16px 18px;gap:12px}.brand{font-size:23px}.brand-mark{width:33px;height:33px;border-radius:10px;font-size:23px;margin-right:8px}nav{gap:0;font-size:12px}nav a{padding:6px 7px}main{padding:0 18px}.intro{padding:27px 0 24px}.intro h1{font-size:41px;line-height:1.12;letter-spacing:-1.7px}.eyebrow{font-size:11px;letter-spacing:1.2px}.lead{font-size:15px}.context-bar{padding:19px;border-radius:16px}.section-title{align-items:flex-start;margin:26px 0 13px}.section-title>span{font-size:12px}.summary{font-size:14px;padding:14px 15px}.results,.forms{gap:14px}.result,.form-card{padding:22px;border-radius:18px}.result.best{padding:21px}.result-head{min-height:28px;flex-wrap:wrap}.result .price{font-size:39px;margin-top:16px}.price span{font-size:15px}.metrics{grid-template-columns:1fr 1fr;gap:14px}.metrics dd{font-size:18px;margin-top:4px}.form-subtitle{min-height:0}.input-title{margin-top:30px}.breakdown{padding:22px 18px;border-radius:18px}.chart-row{margin:22px 0;gap:9px}.bar-track{height:24px}.legend{gap:11px}.legend span{font-size:12px}.method{padding:24px 20px;border-radius:18px;gap:24px}.method h2{font-size:29px}.faq{margin:36px auto}.faq details{padding:0 16px}.faq summary{font-size:15px}.consent-banner{padding:21px 18px;border-radius:17px}.consent-banner h2{font-size:20px}.consent-actions{gap:10px}footer{padding:25px 0;gap:12px}.admin-header h1{font-size:32px}.admin-cards{gap:14px}.admin-cards article,.admin-panel{padding:20px}.admin-cards strong{font-size:36px}.admin-split{gap:0}}
@media(prefers-reduced-motion:reduce){button,.input-wrap{transition:none}}