:root{--bg:#080b0a;--panel:#111513;--panel-2:#171c19;--line:#283129;--text:#f5f7f5;--muted:#9fa9a1;--green:#8cff43;--green-dark:#65d523;--danger:#ff8277;--radius:22px;--shadow:0 24px 70px rgba(0,0,0,.32)}
*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 12% 0%,rgba(140,255,67,.09),transparent 28rem),var(--bg);color:var(--text);font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar{height:82px;padding:0 max(20px,calc((100vw - 1260px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(8,11,10,.88);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border:2px solid var(--green);border-radius:50%;color:var(--green);font-weight:900;font-size:.86rem;letter-spacing:.04em}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.08em;font-size:.94rem}.brand small{color:var(--muted);font-size:.78rem}.app-shell{width:min(1260px,calc(100% - 40px));margin:34px auto 60px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(330px,.8fr);gap:22px;align-items:start}.calculator-card,.quote-card{background:rgba(17,21,19,.95);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.calculator-card{padding:30px}.quote-card{padding:26px;position:sticky;top:104px}.intro-row,.quote-heading,.settings-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.eyebrow{margin:0 0 5px;color:var(--green);font-size:.76rem;font-weight:800;letter-spacing:.16em}.intro-row h1{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.08;margin:0}.status-pill,.live-dot{border:1px solid rgba(140,255,67,.35);background:rgba(140,255,67,.08);color:var(--green);border-radius:999px;padding:7px 11px;font-size:.77rem;font-weight:700;white-space:nowrap}.live-dot::before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.step{padding:30px 0;border-top:1px solid var(--line);margin-top:30px}.step-title{display:flex;gap:13px;align-items:flex-start;margin-bottom:20px}.step-title>span{flex:0 0 34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--green);color:#081006;font-weight:900}.step-title h2,.quote-heading h2,.settings-head h2{margin:0;font-size:1.15rem}.step-title p{margin:2px 0 0;color:var(--muted);font-size:.9rem}.plate-row{display:flex;gap:12px}.plate-wrap{display:flex;min-width:0;flex:1;height:58px;border-radius:11px;overflow:hidden;border:2px solid #171717;background:#f4c900}.plate-eu{display:grid;place-items:center;width:44px;background:#164a9c;color:#fff;font-size:.72rem;font-weight:800}.plate-wrap input{width:100%;border:0;background:#f4c900;color:#101010;text-align:center;text-transform:uppercase;font-size:1.65rem;font-weight:900;letter-spacing:.12em;outline:none}.field-help,.settings-note{color:var(--muted);font-size:.82rem;margin:7px 0 0}.field-grid{display:grid;gap:14px;margin-top:18px}.field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}label>span{display:block;margin:0 0 7px;color:#c8cec9;font-size:.82rem;font-weight:700}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);color:var(--text);padding:13px 14px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(140,255,67,.1)}textarea{resize:vertical}.primary,.secondary,.icon-button{border-radius:10px;padding:13px 17px;font-weight:800;border:1px solid transparent}.primary{background:var(--green);color:#071005}.primary:hover{background:var(--green-dark)}.primary.compact{white-space:nowrap}.secondary,.icon-button{background:#181e1a;color:var(--text);border-color:var(--line)}.secondary:hover,.icon-button:hover{border-color:#526053}.vehicle-result{margin-top:14px;padding:15px;border:1px solid rgba(140,255,67,.3);border-radius:12px;background:rgba(140,255,67,.06)}.vehicle-result strong{display:block;color:var(--green);font-size:1.05rem}.vehicle-result span{color:var(--muted);font-size:.88rem}.error-message{margin-top:12px;color:var(--danger);font-size:.9rem}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.package-option{position:relative}.package-option input{position:absolute;opacity:0;pointer-events:none}.package-option label{display:block;height:100%;padding:17px;border:1px solid var(--line);background:var(--panel-2);border-radius:14px;cursor:pointer;transition:.18s}.package-option input:checked+label{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);background:rgba(140,255,67,.07)}.package-option h3{font-size:1rem;margin:0}.package-option .package-price{display:block;color:var(--green);font-size:1.35rem;font-weight:900;margin:8px 0}.package-option p{font-size:.78rem;color:var(--muted);margin:0}.extras-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.extra-option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-radius:11px;border:1px solid var(--line);background:var(--panel-2);cursor:pointer}.extra-option:has(input:checked){border-color:rgba(140,255,67,.8);background:rgba(140,255,67,.06)}.extra-option>span{margin:0;color:var(--text);font-size:.88rem}.extra-option input{width:19px;height:19px;accent-color:var(--green)}.extra-option b{display:block;color:var(--green);font-size:.77rem}.customer-step{padding-bottom:0}.quote-lines{min-height:126px;margin:24px 0 16px}.quote-line,.discount-row,.totals>div{display:flex;align-items:center;justify-content:space-between;gap:15px}.quote-line{padding:9px 0;color:#d8ddd9;font-size:.9rem}.quote-line span:first-child{min-width:0}.quote-line small{display:block;color:var(--muted)}.empty-quote{color:var(--muted);font-size:.9rem}.discount-row{padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.discount-row label{font-size:.87rem;font-weight:700}.discount-row>div{display:flex;align-items:center;gap:5px}.discount-row input{width:84px;padding:8px;text-align:right}.discount-row span{color:var(--muted)}.totals{padding:15px 0}.totals>div{padding:5px 0;font-size:.9rem}.totals span{color:var(--muted)}.grand-total{margin-top:9px;padding-top:15px!important;border-top:1px solid var(--line);align-items:end!important}.grand-total span{color:var(--text);font-weight:700}.grand-total strong{font-size:2rem;color:var(--green);line-height:1}.validity{font-size:.76rem;color:var(--muted);margin:0 0 18px}.action-stack{display:grid;gap:9px}.copy-status{min-height:1.2em;text-align:center;color:var(--green);font-size:.8rem;margin:9px 0 0}.settings-panel{position:fixed;inset:0;background:rgba(0,0,0,.74);z-index:40;display:grid;place-items:center;padding:20px;backdrop-filter:blur(8px)}.settings-inner{width:min(680px,100%);max-height:90vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:25px;box-shadow:var(--shadow)}.rate-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.rate-item{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:11px 13px;border:1px solid var(--line);border-radius:10px}.rate-item label{font-size:.84rem}.rate-item input{width:92px;padding:8px;text-align:right}.settings-actions{display:flex;gap:10px;justify-content:flex-end}footer{width:min(1260px,calc(100% - 40px));margin:0 auto 30px;text-align:center;color:#707a72;font-size:.78rem}.hidden{display:none!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.quote-card{position:static}.package-grid{grid-template-columns:1fr 1fr}.package-option:last-child{grid-column:1/-1}.topbar{padding-inline:20px}}
@media(max-width:600px){.topbar{height:70px}.brand strong{font-size:.82rem}.app-shell{width:min(100% - 24px,1260px);margin-top:14px}.calculator-card,.quote-card{padding:19px;border-radius:17px}.intro-row{display:block}.status-pill{display:inline-block;margin-top:12px}.step{padding:24px 0;margin-top:24px}.plate-row{display:grid}.plate-wrap{height:56px}.package-grid,.extras-grid,.field-grid.two,.rate-settings{grid-template-columns:1fr}.package-option:last-child{grid-column:auto}.settings-actions{display:grid}.primary.compact{width:100%}.grand-total strong{font-size:1.75rem}}
@media print{body{background:#fff;color:#111}.topbar,.calculator-card,.settings-panel,footer,.action-stack,.copy-status{display:none!important}.app-shell{display:block;width:100%;margin:0}.quote-card{position:static;box-shadow:none;border:0;background:#fff;color:#111;padding:20px}.quote-card::before{content:"FRESH CAR WORKS";display:block;font-size:1.5rem;font-weight:900;letter-spacing:.1em;margin-bottom:24px}.eyebrow,.quote-line,.quote-heading h2,.totals span,.discount-row label{color:#111}.live-dot{color:#34780e;border-color:#34780e}.grand-total strong{color:#34780e}.validity{color:#555}.discount-row input{border:0;color:#111;background:#fff}}
.header-contact{color:var(--green);text-decoration:none;font-weight:750;font-size:.88rem}.action-link{text-align:center;text-decoration:none}.booking-button{width:100%;margin-top:16px}.booking-status{min-height:1.3em;margin:8px 0 0;color:var(--danger);font-size:.84rem}.footer-admin{border:0;background:transparent;color:#707a72;padding:8px;font-size:1rem}
@media(max-width:600px){.header-contact{font-size:0}.header-contact::after{content:"Bellen";font-size:.84rem}}

.calculator-nav{display:flex;align-items:center;gap:18px;margin-left:auto}.calculator-nav a{color:#c8cec9;text-decoration:none;font-size:.88rem;font-weight:750}.calculator-nav a:hover,.calculator-nav a.active{color:var(--green)}@media(max-width:1050px){.calculator-nav{display:none}}