:root{--ease-out:cubic-bezier(.2,.8,.2,1);--motion-fast:180ms;--motion-normal:320ms}
body{background:radial-gradient(ellipse at 78% 0,#e8effa 0,transparent 45%),#f5f7fb}
button,.product,.radio-tile{position:relative;isolation:isolate;overflow:hidden}button{transition:background var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast) var(--ease-out)}
button:active:not(:disabled){transform:scale(.975)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #ba526b;outline-offset:4px}
.primary{background:linear-gradient(115deg,#0b2d54,#174d7b);box-shadow:0 5px 13px #092c541b}.primary:hover:not(:disabled){background:linear-gradient(115deg,#123e6b,#206496);box-shadow:0 8px 19px #092c542d;transform:translateY(-1px)}
.click-wave{position:absolute;width:18px;height:18px;border-radius:50%;background:currentColor;opacity:0;pointer-events:none;z-index:-1;animation:click-wave 520ms ease-out both}
@keyframes click-wave{0%{opacity:.18;transform:translate(-50%,-50%) scale(.5)}100%{opacity:0;transform:translate(-50%,-50%) scale(24)}}
.sidebar{background:radial-gradient(ellipse at 0 0,#224e78 0,transparent 55%),linear-gradient(175deg,#102e50,#081d35)}.nav button{border-radius:10px}.nav button:hover:not(.active){background:#ffffff0d;color:white;transform:translateX(3px)}.nav button.active{background:linear-gradient(90deg,#ffffff22,#ffffff0c);box-shadow:inset 0 0 0 1px #ffffff0e;border-left-color:#ec7790;font-weight:600}
.topbar{background:#fffffff2;backdrop-filter:blur(12px)}.intro h2{font-size:30px;letter-spacing:-1px}.intro .eyebrow{color:#8f3b56}.card{box-shadow:0 5px 22px #17334d06;border-color:#dce5ef;border-radius:16px}.card-head h3{font-size:18px}.step-dot{background:#eef2f8;box-shadow:inset 0 0 0 1px #e1e8f1}.summary{box-shadow:0 12px 34px #17334d0b;border-top:3px solid #b34660}.summary .total{font-size:34px;font-variant-numeric:tabular-nums}.total-label{font-size:10px;letter-spacing:1.25px}.updated{border-radius:20px;background:#eaf5ef;padding:5px 8px}
.page>.intro,.page>.stats,.page>.card,.quote-layout #quoteForm>.card{animation:enter-panel 350ms var(--ease-out) both}.quote-layout #quoteForm>.card:nth-child(2){animation-delay:35ms}.quote-layout #quoteForm>.card:nth-child(3){animation-delay:70ms}.quote-layout #quoteForm>.card:nth-child(n+4){animation-delay:100ms}
@keyframes enter-panel{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.quote-journey{display:flex;align-items:center;gap:18px;justify-content:space-between;padding:9px 11px;background:#ffffffb8;border:1px solid #dfe7f1;border-radius:13px;margin:-3px 0 22px}.journey-steps{display:flex;gap:7px;flex:1}.journey-steps button{display:flex;align-items:center;gap:9px;border:0;background:transparent;font-size:12px;font-weight:500;color:#6d7e92;padding:9px 12px;flex:1;justify-content:center;white-space:nowrap}.journey-number{width:25px;height:25px;border:1px solid #dce4ee;border-radius:50%;display:grid;place-items:center;font-size:11px;background:white}.journey-check{display:none;color:#187764}.journey-steps .done{color:#214a6c}.journey-steps .done .journey-number{background:#e9f4ef;color:#187764;border-color:#d3e9de}.journey-steps .done .journey-check{display:inline}.journey-steps .current{background:#edf2fa;color:#113d67}.journey-steps .current .journey-number{background:#153c64;border-color:#153c64;color:white}.compact-toggle{display:flex;gap:7px;align-items:center;border:0;background:#f0f3f8;font-size:11px;padding:10px 12px;white-space:nowrap}.compact-toggle svg,.motion-toggle svg{width:17px;height:17px}.compact-mode #valuationContext{display:none}.compact-mode .intro .tagline{opacity:.75}.compact-mode .quote-journey{border-color:#b6ccdf}
#vehicleStep,#coverageStep,#servicesStep,#quoteSummary{scroll-margin-top:18px}
.vehicle-showcase{margin:18px 0;display:flex;gap:18px;align-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 0 100%,#356a9566,transparent 65%),linear-gradient(120deg,#143f68,#102d4b);padding:18px 20px;border-radius:13px;color:white;min-height:145px;animation:enter-panel 350ms var(--ease-out) both}.vehicle-showcase:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,#ffffff05 30%,#ffffff05 55%,transparent 55%)}.vehicle-art{width:160px;flex-shrink:0}.vehicle-art svg{display:block;width:100%;height:auto;filter:drop-shadow(0 9px 10px #0002)}.vehicle-glass{fill:#426c94;stroke:#779abb}.vehicle-body{animation:vehicle-arrive 500ms var(--ease-out) both}.vehicle-showcase h4{font-size:23px;margin:5px 0 12px;font-weight:650;letter-spacing:-.5px}.vehicle-showcase .eyebrow{color:#b4c9de;font-size:9px;letter-spacing:1.6px}.vehicle-showcase small{font-size:9px;color:#9fb9d1;display:block;margin-top:11px}.vehicle-tags{display:flex;flex-wrap:wrap;gap:7px}.vehicle-tags span{background:#ffffff10;border:1px solid #ffffff16;border-radius:5px;padding:4px 7px;font-size:10px}.vehicle-ready{display:flex;align-items:center;gap:4px;font-size:9px;color:#b9dfcf;position:absolute;right:13px;top:12px}.vehicle-ready svg{width:12px;height:12px}
@keyframes vehicle-arrive{from{transform:translateX(-16px);opacity:.2}to{transform:translateX(0);opacity:1}}
.product,.radio-tile{transition:transform 180ms var(--ease-out),background 180ms,border-color 180ms,box-shadow 180ms}.product:hover,.radio-tile:hover{transform:translateY(-2px);border-color:#a9bfd6;box-shadow:0 4px 12px #193b600a}.product.selected{background:linear-gradient(130deg,#f5f8ff,#eaf1fa);box-shadow:0 0 0 2px #bed0e62a;border-color:#4e78a2}.product.selected b{color:#123f6a}.product.selected:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#174e7a,#ae4964);animation:select-line 250ms var(--ease-out)}
@keyframes select-line{from{transform:scaleX(.15);opacity:.2}to{transform:scaleX(1);opacity:1}}
.service{position:relative;border-radius:13px;transition:border-color 200ms,background 200ms,box-shadow 200ms,transform 200ms}.service:hover{border-color:#b4c8de;box-shadow:0 6px 15px #193b6009;transform:translateY(-2px)}.service.on{border-color:#84a6c8;background:linear-gradient(135deg,#f8fbff,#edf4fb);box-shadow:inset 0 0 0 1px #abc1d829}.service.on:after{content:'✓';position:absolute;right:10px;top:10px;display:grid;place-items:center;border-radius:50%;background:#204f79;color:white;width:17px;height:17px;font-size:10px;animation:check-in 200ms var(--ease-out)}.service-top{padding-right:16px;align-items:center;min-height:42px}.service-icon{width:30px;height:34px;display:grid;place-items:center;color:#305f88}.service-icon svg{width:26px;height:26px}.service-top b{font-size:12px;line-height:1.5}.service-count{border:1px solid #e2e8f1;border-radius:20px;font-size:10px;color:#5c6e85;padding:6px 9px;white-space:nowrap}.service select{background:#fff}.radio-tile.on{box-shadow:inset 0 0 0 1px #9bb7d34a}
@keyframes check-in{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}
.price-change{font-size:11px;padding:8px 10px;border-radius:7px;margin:-9px 0 19px;background:#f3f6fa;line-height:1.6;animation:enter-panel 240ms var(--ease-out)}.price-change.decrease{color:#176e5c;background:#eaf5ef}.price-change.increase{color:#815338;background:#fbf3e9}.summary-loading{min-height:325px;padding-top:14px}.loading-caption{font-size:11px;color:#67809a}.skeleton{height:11px;background:#e8eef5;border-radius:5px;position:relative;overflow:hidden}.skeleton-title{height:19px;width:70%;margin:20px 0 26px}.skeleton-lines{display:grid;gap:18px}.skeleton-lines .skeleton:nth-child(even){width:86%}.skeleton-total{height:36px;width:80%;margin-top:37px}.reference-loading{min-height:125px;padding:17px 0;display:grid;grid-template-columns:1fr 1fr;gap:15px}.reference-loading>span{grid-column:1/-1}.reference-loading .skeleton{height:55px}.skeleton:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#ffffff70,transparent);transform:translateX(-100%);animation:skeleton-light 1.8s ease-in-out 180ms infinite}
@keyframes skeleton-light{to{transform:translateX(100%)}}
.is-busy:after{content:'';width:13px;height:13px;border:2px solid #ffffff55;border-top-color:white;border-radius:50%;display:inline-block;vertical-align:middle;margin-left:9px;animation:working .8s linear infinite}
@keyframes working{to{transform:rotate(360deg)}}
dialog[open]{animation:dialog-enter 220ms var(--ease-out) both;box-shadow:0 25px 80px #071f4938}dialog::backdrop{backdrop-filter:blur(3px);animation:backdrop-enter 180ms ease-out}dialog button[data-close]{border-radius:50%;width:34px;height:34px;padding:0;display:grid;place-items:center}
@keyframes dialog-enter{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}@keyframes backdrop-enter{from{opacity:0}to{opacity:1}}
#toast{background:linear-gradient(110deg,#153a60,#0d2948);border:1px solid #ffffff1a;box-shadow:0 10px 28px #092c5433;padding:15px 23px;font-size:12px}.motion-toggle{display:flex;align-items:center;gap:5px;border:0;color:#6f7c8c;background:transparent;font-weight:400}.motion-toggle[aria-pressed=true]{background:#edf3fa;color:#244d73}.auth-form form{animation:enter-panel 450ms var(--ease-out)}.auth-brand{background:radial-gradient(ellipse at 0 100%,#26517a,#0d2b50 60%)}
@media(max-width:1100px){.quote-journey{gap:8px}.journey-steps{gap:2px}.journey-steps button{padding:8px 6px;gap:5px}.vehicle-showcase h4{font-size:22px}}
@media(max-width:640px){.intro h2{font-size:24px}.intro{margin-bottom:19px}.quote-journey{padding:8px;flex-wrap:wrap;gap:6px}.journey-steps{width:100%;flex-basis:100%;gap:0}.journey-steps button{font-size:10px;flex-direction:column;gap:5px;padding:6px 5px}.journey-check{display:none!important}.journey-number{width:22px;height:22px}.compact-toggle{font-size:10px;margin-left:auto;padding:7px 9px}.motion-toggle span{display:none}.motion-toggle{padding:7px}.account{gap:5px}.vehicle-showcase{padding:18px 13px;gap:11px;min-height:130px}.vehicle-art{width:105px}.vehicle-showcase h4{font-size:19px;margin-bottom:8px}.vehicle-showcase .eyebrow{font-size:8px}.vehicle-ready{font-size:8px;right:9px;top:8px}.vehicle-tags{gap:4px}.vehicle-tags span{font-size:9px;padding:3px 5px}.vehicle-showcase small{font-size:8px}.vehicle-tags span:nth-child(2){display:none}.summary .total{font-size:31px}.service-count{max-width:120px}.reference-loading{grid-template-columns:1fr}.service-grid .service{transform:none}.card{border-radius:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.click-wave{display:none!important}}
html[data-motion=reduced] *,html[data-motion=reduced] *:before,html[data-motion=reduced] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-motion=reduced] .click-wave{display:none!important}
.compare-option{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;border-style:dashed;color:#3c6081;background:#f7f9fc;padding:10px}.compare-option svg{width:17px;height:17px}.scenario-panel{border:1px solid #ccdce9;border-radius:16px;padding:22px;margin-bottom:22px;background:linear-gradient(140deg,#edf3fa,#f8f9fd);animation:enter-panel 280ms var(--ease-out)}.scenario-panel h3{font-size:23px;letter-spacing:-.6px;margin:5px 0 0}.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:17px}.scenario-option{background:#fff;border:1px solid #dce5ef;border-radius:12px;padding:17px;box-shadow:0 4px 13px #13355205;animation:enter-panel 240ms var(--ease-out)}.scenario-label{font-size:9px;letter-spacing:1.4px;color:#8e3e57;font-weight:700}.scenario-remove{border:0;background:#f4f6f9;font-size:16px;padding:2px 7px;color:#70849a}.scenario-price{display:block;color:#10385f;font-size:25px;letter-spacing:-.8px;margin:12px 0 2px}.scenario-facts{display:grid;gap:9px;border-top:1px solid var(--line);margin:15px 0;padding-top:13px;font-size:11px}.scenario-facts>div{display:flex;justify-content:space-between;gap:12px}.scenario-facts span{color:#718299}.scenario-facts b{text-align:right;font-weight:600}.scenario-option summary{font-size:11px}.scenario-option li{font-size:11px;line-height:1.7;color:#62778d}.scenario-placeholder{border:1px dashed #bfcedf;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;color:#698099;min-height:180px}.scenario-placeholder>span{font-size:27px;color:#a3b6ca;margin-bottom:10px}.scenario-placeholder b{font-size:12px}.scenario-placeholder p{font-size:11px;line-height:1.6;max-width:190px}#scenarioPanel{scroll-margin-top:20px}
@media(max-width:800px){.scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scenario-placeholder{grid-column:1/-1;min-height:120px}.scenario-panel .row-space{align-items:start}.scenario-panel h3{font-size:20px}}@media(max-width:480px){.scenario-grid{grid-template-columns:1fr}.scenario-panel{padding:16px}.scenario-price{font-size:27px}.scenario-panel>.row-space{flex-wrap:wrap;gap:12px}.scenario-facts{gap:8px}.scenario-placeholder{min-height:110px}}
.service-selected{display:inline-grid;place-items:center;flex-shrink:0;width:15px;height:15px;background:#176c59;border-radius:4px;color:white;font-size:10px}.protection-card:not(.on) .service-selected{background:#c4cfdb;color:transparent}.service-price-basis{display:block;font-size:9px;color:#75869a;margin-top:8px}.protection-card .service-top{min-height:32px}.protection-card .service-icon{color:#3e688c}.service-grid .service select{max-width:100%}