/* CCC finish: pearl surfaces, graphite depth, one decisive vermilion accent. */
:root{--bg:#f5f5f3;--ink:#202124;--muted:#62656a;--red:#b82e24;--flow-ease:cubic-bezier(.19,1,.22,1)}
body{background:radial-gradient(ellipse at 82% 12%,#f1e4df60 0,transparent 42%),radial-gradient(ellipse at 5% 65%,#e5e9ed65 0,transparent 42%),var(--bg);background-attachment:fixed}
.preview-bar{background:#e9e9e580;color:#66676a}.preview-bar i{background:#b82e24}.header{position:relative}.brand{letter-spacing:-.035em}.account{background:#ffffffad;border-color:#fff;box-shadow:0 2px 10px #22222204;transition:background .3s,box-shadow .3s}.account:hover{background:#fff;box-shadow:0 4px 16px #272a2410}
h1{font-weight:750}.onboard-copy h1{font-size:clamp(38px,4.15vw,60px);letter-spacing:-.062em}.onboard-copy h1>span{color:#a9342b;background:linear-gradient(105deg,#252629 0%,#8b3b33 50%,#b62e25 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.eyebrow{letter-spacing:.14em}.lead{color:#62656a}
.primary{background:linear-gradient(150deg,#c83b2d,#ad261e);box-shadow:0 7px 18px #a9271b18,inset 0 1px 0 #ffffff33;position:relative;isolation:isolate;overflow:hidden;border:1px solid #9e281b22;transition:transform 260ms var(--flow-ease),box-shadow 350ms,filter 250ms}
.primary:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff25 47%,transparent 73%);translate:-120% 0;transition:translate 750ms var(--flow-ease)}
.primary:hover{background:linear-gradient(150deg,#cc4032,#ab251d);box-shadow:0 10px 24px #a9271b28;transform:translateY(-2px)}.primary:hover:before,.primary:focus-visible:before{translate:120% 0}.primary>span{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#ffffff20;font-size:15px}.primary:active{transform:scale(.98);box-shadow:0 2px 7px #a9271b20}.steps i.active{background:var(--red)}
.symbol-welcome{isolation:isolate}.welcome-halo{border-color:#d6d8d8;box-shadow:0 0 0 34px #e2e3e240,0 0 0 68px #e2e3e222;background:radial-gradient(ellipse at 70% 25%,#e7d9d244,transparent 65%)}
.symbol-core{background:radial-gradient(circle at 18% 2%,#666b6f,transparent 46%),linear-gradient(145deg,#373b40,#1c1e22 80%);color:#f0f1f1;border:1px solid #65666a;box-shadow:18px 35px 60px #15171b30,inset 0 1px 0 #ffffff38,inset 0 -1px 0 #0005;transform:rotate(-8deg);overflow:hidden}
.symbol-core:before{content:'';position:absolute;inset:0;background:linear-gradient(125deg,transparent 30%,#ffffff12 45%,transparent 60%);pointer-events:none}
.symbol-core:after{content:'';position:absolute;width:90px;height:2px;bottom:28px;background:linear-gradient(90deg,transparent,#fb705c,transparent);box-shadow:0 0 20px 7px #d23d2330;border-radius:50%}
.symbol-core>svg{stroke-width:1.35;filter:drop-shadow(0 4px 5px #0003)}.symbol-core>span{color:#d3d6dc;letter-spacing:.2em;font-weight:600;font-size:7px;margin-top:11px}
.orbit-icon{box-shadow:0 16px 34px #20232b14,inset 0 1px 0 #fff9;border-color:#fff}.orbit-gloss{background:linear-gradient(145deg,#ce5142,#b82d24);color:#fff;border-color:#dd8e82;box-shadow:0 12px 30px #b3312426,inset 0 1px 0 #ffffff55}.orbit-shield{background:linear-gradient(145deg,#fff,#e1e8ec);color:#577281}.orbit-film{background:linear-gradient(145deg,#fff,#eae0d7);color:#a27556}.welcome-signature{color:#6c7077;letter-spacing:.17em}
.tone-polish{--tile:#292d33;--accent:#b82e24;--aura:#dd6850}.tone-film{--tile:#efebe6;--accent:#8a6347;--aura:#ceb59e}.tone-underbody{--tile:#e8eef1;--accent:#446878;--aura:#abc8d5}.tone-interior{--tile:#f0ece7;--accent:#87664c}.tone-dryice{--tile:#e8eff3;--accent:#4a7183}.tone-wheels{--tile:#ececf0;--accent:#636974}
.symbol-card{background:linear-gradient(140deg,#ffffffb0,var(--tile));border:1px solid #fff;box-shadow:0 3px 4px #252d3b03,inset 0 1px 0 #fff;transition:transform 450ms var(--flow-ease),box-shadow 450ms,border-color 350ms}
.symbol-card.icon-feature:before{border-color:#ffffffd9;box-shadow:0 0 0 24px #fff3,0 0 0 49px #ffffff12}.service-symbol{background:linear-gradient(135deg,#fff 5%,color-mix(in srgb,var(--tile) 70%,white));border-color:#fff;box-shadow:0 10px 20px color-mix(in srgb,var(--accent) 12%,transparent),inset 0 1px 2px #fff;position:relative;overflow:hidden}
.service-symbol:after{content:'';position:absolute;inset:-45%;background:linear-gradient(120deg,transparent 35%,#ffffff80 49%,transparent 62%);translate:-80% 0;pointer-events:none;transition:translate 850ms var(--flow-ease)}
.symbol-card:hover .service-symbol:after,.symbol-card:focus-visible .service-symbol:after{translate:80% 0}.symbol-card:hover .service-symbol svg{transform:translateY(-2px) scale(1.035)}
.symbol-card .card-content small{font-size:9px;letter-spacing:.1em}.symbol-card .card-content strong{letter-spacing:-.045em;font-size:27px}.symbol-card .card-content>span{font-size:12px;color:#56616a;margin-top:18px}.symbol-card .card-content b{width:30px;height:30px;background:#fff9;transition:transform 350ms var(--flow-ease),background 350ms}.symbol-card:hover .card-content b{transform:translate(2px,-2px);background:#fff}
.symbol-card.tone-polish{background:radial-gradient(ellipse at 100% 5%,#69504b88,transparent 57%),linear-gradient(145deg,#353b42,#1d2026);border-color:#ffffff24;box-shadow:0 15px 30px #22263013,inset 0 1px 0 #ffffff26;color:#fff}
.symbol-card.tone-polish:before{border-color:#ffffff13;box-shadow:0 0 0 24px #ffffff05,0 0 0 49px #ffffff04}.tone-polish .service-symbol{color:#fff;background:linear-gradient(145deg,#d34b3a,#ac261e);border-color:#e2908180;box-shadow:0 12px 25px #05060925,inset 0 1px 1px #fff5}.tone-polish .card-content small{color:#efb8ad}.tone-polish .card-content>span{color:#d5d9df}.tone-polish .card-content b{background:#ffffff17;color:#fff}.tone-polish:hover .card-content b{background:#ffffff28}
.small-card{background:#ffffffab;border-color:#fff;min-height:106px}.small-card .service-symbol{box-shadow:0 3px 6px #20263006}.small-card strong{font-size:14px}.small-card small{font-size:11px;color:#686c72}.small-card>b{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#f1f2f1;font-size:13px}
.tabs{background:#e4e5e680;border:1px solid #ffffff80;box-shadow:inset 0 1px 3px #25252b04;backdrop-filter:blur(14px);padding:5px;view-transition-name:flowtabs}.tabs button{font-weight:650}.tab-indicator{top:5px;bottom:5px;border:1px solid #fff;box-shadow:0 3px 8px #20242b09;view-transition-name:flowindicator}.tabs button.selected{color:#ab3026}
.dashboard-heading .eyebrow{font-size:9px;font-weight:750}.person-chip{border-radius:40px;background:#ffffff60;padding:9px 13px 9px 9px;border:1px solid #fff9}.person-chip img{box-shadow:0 0 0 3px #fff}.person-chip strong{color:#50575e}.person-chip:hover{background:#fff}
.quiet-footer{padding-top:25px}.quiet-footer .text-button{font-weight:650;color:#484d52}.quiet-footer i{background:#969ca0}
.portrait-art{box-shadow:0 24px 50px #20232c14}.portrait-art:after{background:linear-gradient(transparent,#161c27da)}.portrait-location{background:#ffffffc9;backdrop-filter:blur(16px)}.expertise span{background:#ffffff85;border-color:#fff;color:#59606a}
dialog{border-color:#fff;background:linear-gradient(145deg,#fff,#f4f4f1);box-shadow:0 35px 110px #1216222e}dialog::backdrop{background:#18212c3d;backdrop-filter:blur(12px)}.detail-symbol{background:linear-gradient(135deg,#fff,var(--tile));box-shadow:0 7px 18px #1828300c}.detail-symbol.tone-polish{background:linear-gradient(145deg,#d34b3a,#ac261e);color:#fff;border-color:#e2908180}.option{background:#fff;border-color:#e0e2e4}.option[aria-pressed=true]{background:#fff5f2;border-color:#c84a3c;box-shadow:inset 0 0 0 1px #c84a3c;color:#7e241d}.selection-total strong{color:#a92f24;font-weight:750}.option:focus-visible{outline-offset:3px}.close{background:#eceeef;color:#555e65;transition:background .25s,transform .3s}.close:hover{background:#e0e2e4;transform:rotate(5deg)}
.winter-card{background:linear-gradient(145deg,#fff,#f7f7f4);border-color:#fff;box-shadow:0 4px 20px #20263005}.winter-card.featured{border-color:#d9aaa1;background:linear-gradient(140deg,#fff,#f5eae5);box-shadow:0 8px 30px #ad3e2510}.winter-card.featured .eyebrow{color:#ab3026}.winter-card.featured .winter-price{color:#a92f24}.contact-card{background:#ffffffa6;border:1px solid #fff;box-shadow:0 8px 30px #20263007}.toast{background:#292e35;border:1px solid #ffffff24;box-shadow:0 10px 40px #12192226}
::view-transition-group(*){animation-duration:540ms}::view-transition-new(appstage),::view-transition-new(flowview),::view-transition-new(flowtitle){animation-duration:540ms}
::view-transition-old(flowtabs),::view-transition-new(flowtabs){animation:none;mix-blend-mode:normal}
::view-transition-old(flowindicator){animation:none;opacity:0}::view-transition-new(flowindicator){animation:none;mix-blend-mode:normal}
@media(hover:hover) and (pointer:fine){.symbol-card:after{content:'';display:block;position:absolute;inset:0;background:radial-gradient(280px circle at var(--light-x,50%) var(--light-y,40%),#ffffff26,transparent 70%);opacity:0;transition:opacity 350ms;pointer-events:none;z-index:2}.symbol-card:hover:after{opacity:1}.symbol-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #20263012}.symbol-card.tone-polish:hover{box-shadow:0 18px 35px #22263023}.symbol-card:active{transform:translateY(-1px) scale(.985)}}
@media(max-width:759px){body{background-attachment:scroll}.onboard-copy h1{font-size:38px}.onboard-copy .lead{font-size:13px}.welcome-halo{width:212px;height:212px;box-shadow:0 0 0 24px #e2e3e240,0 0 0 46px #e2e3e222}.symbol-core:after{width:55px;bottom:17px}.symbol-core>span{font-size:5.5px;margin-top:8px}.symbol-core{box-shadow:12px 20px 35px #15171b24}.orbit-icon{box-shadow:0 9px 22px #20232b12}.orbit-gloss{box-shadow:0 9px 22px #b3312420}.dashboard h1{font-size:33px}.dashboard-heading .eyebrow{font-size:7px;letter-spacing:.09em}.dashboard-heading .person-chip{background:none;border:0}.tabs button{font-size:11px}.symbol-card .card-content small{font-size:8px;letter-spacing:.035em}.symbol-card .card-content strong{font-size:21px}.photo-card:first-child .card-content strong{font-size:28px}.symbol-card .card-content>span{font-size:11px;margin-top:11px}.symbol-card .card-content b{width:23px;height:23px;flex-shrink:0}.small-card{min-height:78px}.small-card strong{font-size:12px}.small-card small{font-size:10px}.small-card .service-symbol{width:40px;height:40px}.quiet-footer{padding-top:18px}.primary{font-size:12px}.onboard-copy>.primary{padding:14px 19px}.primary>span{width:22px;height:22px}.onboarding .steps{margin-top:19px}.selection-total strong{font-size:25px}::view-transition-group(*){animation-duration:470ms}::view-transition-new(appstage),::view-transition-new(flowview),::view-transition-new(flowtitle){animation-duration:470ms}}
@media(max-width:360px){.onboard-copy h1{font-size:35px}.dashboard h1{font-size:30px}.symbol-card .card-content strong{font-size:19px}.symbol-card .card-content small{font-size:7.5px}.symbol-card .card-content>span{font-size:10px}}
@media(max-width:759px){.icon-feature:not(:first-child){height:auto;min-height:230px;padding:16px;display:flex;flex-direction:column}.icon-feature:not(:first-child)>.service-symbol{position:relative;top:auto;left:auto;flex-shrink:0}.icon-feature:not(:first-child)>.card-content{position:relative;inset:auto;margin-top:18px;width:100%}.icon-feature:not(:first-child) .card-content small{display:block;min-height:22px;line-height:1.5}.icon-feature:not(:first-child) .card-content strong{margin-top:6px}}
@media(prefers-reduced-motion:reduce){.primary:before,.service-symbol:after{display:none}.symbol-card:hover,.primary:hover,.symbol-card:hover .card-content b,.close:hover{transform:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}