:root{color:#f0f0eb;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--muted:#a8aaa7;--accent:#d7e9a4;background:#101112;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{color:inherit}#app{height:100dvh;min-height:620px;position:relative;overflow:hidden}#garage{touch-action:none;width:100%;height:100%;display:block}.topbar{z-index:2;background:linear-gradient(#08090bd9,#0000);justify-content:space-between;align-items:center;padding:30px 42px;display:flex;position:absolute;inset:0 0 auto}.brand{letter-spacing:-3px;color:#fff;font-size:36px;font-weight:900;line-height:.8;text-decoration:none}.brand span{letter-spacing:2px;font-size:8px;font-weight:500;line-height:2.6;display:block}.session{letter-spacing:1.8px;color:#bec3c0;align-items:center;gap:12px;font-size:9px;display:flex}.session>span:first-child{background:var(--accent);border-radius:50%;width:5px;height:5px}.divider{color:#555}.quiet{background:#11151750;border:1px solid #ffffff27;border-radius:3px;padding:11px 14px;font-size:11px}.quiet span{color:var(--accent);margin-left:15px}.vehicle-title{pointer-events:none;text-shadow:0 2px 25px #0009;position:absolute;top:143px;left:44px}.eyebrow{letter-spacing:2px;color:var(--accent);font-size:9px}h1{letter-spacing:-1.7px;margin:16px 0;font-size:clamp(29px,3.1vw,48px);font-weight:400;line-height:1.08}h1 em{font-family:Georgia,Times New Roman,serif;font-weight:400}p{margin:0}.vehicle-title p{letter-spacing:.35px;color:#c0c2bf;font-size:11px}.config{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#111516df;border:1px solid #ffffff1a;border-radius:4px;width:302px;position:absolute;top:151px;right:32px;box-shadow:0 16px 70px #0003}.config-header{justify-content:space-between;align-items:center;padding:24px 24px 20px;display:flex}.config-header .eyebrow{font-size:8px}.step{color:#737b78;font-size:9px}.config section{border-top:1px solid #ffffff13;padding:21px 24px}.label-row{justify-content:space-between;align-items:center;gap:8px;display:flex}h2{letter-spacing:.2px;margin:0;font-size:12px;font-weight:400}output{color:#939d97;font-size:10px}.swatches{gap:12px;margin:20px 0;display:flex}.swatch{background:linear-gradient(140deg,#fff5,transparent 65%),var(--swatch);border:0;border-radius:50%;width:29px;height:29px;position:relative;box-shadow:inset 0 0 0 1px #ffffff24}.swatch.active:after{content:"";border:1px solid #d7e9a4;border-radius:50%;position:absolute;inset:-4px}.segmented{background:#080b0d;border:1px solid #ffffff13;border-radius:2px;gap:3px;padding:3px;display:flex}.segmented button{color:#7c8581;background:0 0;border:0;flex:1;padding:8px;font-size:10px}.segmented button.active{color:#e6eddf;background:#303733}.roof-section{justify-content:space-between;align-items:center;display:flex}.roof-section p{color:#7f8c85;margin-top:8px;font-size:10px}.toggle{background:#454b47;border:0;border-radius:20px;width:35px;height:19px;padding:0;position:relative}.toggle span{background:#fff;border-radius:50%;width:13px;height:13px;transition:transform .2s;display:block;position:absolute;top:3px;left:3px}.toggle.on{background:#a4bb7c}.toggle.on span{transform:translate(16px)}input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer;height:3px;margin:24px 0 14px}.range-labels{color:#707d75;justify-content:space-between;font-size:9px;display:flex}.config-footer{color:#7b8b80;border-top:1px solid #ffffff13;align-items:center;gap:8px;padding:15px 24px;font-size:9px;display:flex}.status-dot{background:var(--accent);border-radius:50%;width:4px;height:4px}.views{gap:7px;display:flex;position:absolute;bottom:79px;left:43px}.views button{color:#85938d;background:#111719ba;border:1px solid #ffffff20;border-radius:2px;padding:13px 15px;font-size:9px}.views button span{letter-spacing:1.2px;margin-left:10px;font-size:8px}.views button.active{color:var(--accent);border-color:#c0d59291}.bottomline{letter-spacing:1.4px;color:#7f8985;background:#090d10cc;border-top:1px solid #ffffff15;justify-content:space-between;align-items:center;padding:20px 43px;font-size:8px;display:flex;position:absolute;inset:auto 0 0}.bottomline b{padding:0 12px;font-weight:400}.bottomline>div{align-items:center;gap:20px;display:flex}.quality{letter-spacing:1.4px;color:#b2bdb5;background:0 0;border:0;padding:0;font-size:8px}.loading{z-index:10;background:#0b0e10;flex-direction:column;justify-content:center;align-items:center;gap:25px;transition:opacity .5s;display:flex;position:absolute;inset:0}.loading.done{opacity:0;pointer-events:none}.loading-logo{letter-spacing:-8px;font-size:80px;font-weight:900}.loading>span{letter-spacing:3px;color:#a9b4ac;font-size:10px}.loading-track{background:#26302c;width:210px;height:2px}.loading-track i{background:var(--accent);width:5%;height:100%;transition:width .3s;display:block}.loading small{color:#68776d;font-size:10px}.error{z-index:20;background:#231a1a;border:1px solid #b06666;padding:30px;font-size:14px;line-height:1.6;position:absolute;inset:40% 20% auto}@media (max-width:900px){.session{display:none}.config{width:270px;top:119px;right:20px}.config-header{padding:20px}.swatches{gap:10px}.views{left:25px}.views button{padding:11px}.bottomline{padding:20px 25px}.bottomline>span{letter-spacing:.5px;font-size:7px}#app{min-height:740px}.brand{font-size:31px}.topbar{padding:22px}.vehicle-title{top:98px;left:24px}.vehicle-title h1{margin:10px 0;font-size:27px}.vehicle-title p{font-size:9px}.vehicle-title .eyebrow{font-size:7px}.config{background:#101719ed;grid-template-columns:1fr 1fr;width:auto;display:grid;inset:auto 14px 91px}.config-header{display:none}.config section{padding:16px}.config section:first-of-type{border-top:0;grid-column:1/3}.swatches{gap:14px;margin:17px 0 0}.segmented{width:100px;position:absolute;top:42px;right:17px}.swatch{width:25px;height:25px}.segmented button{padding:6px;font-size:9px}.roof-section{border-right:1px solid #ffffff13}.roof-section p{max-width:90px;font-size:8px;line-height:1.5}.config section h2{font-size:10px}.config-footer{display:none}output{font-size:8px}input[type=range]{margin:19px 0 13px}.views{justify-content:center;gap:7px;bottom:52px;left:14px;right:14px}.views button{flex:1;padding:9px 10px}.views button span{letter-spacing:.4px;margin-left:5px;font-size:7px}.bottomline{padding:14px 17px;font-size:7px}.bottomline>span{display:none}.bottomline>div{justify-content:space-between;width:100%}.error{inset:25% 5% auto}}.phase4{--panel:#101617e8;--line:#ffffff17;--soft:#89938e}.phase4 #garage.station-hover{cursor:pointer}.phase4 .topbar{z-index:6}.phase4 .vehicle-title{max-width:285px}.phase4 .vehicle-title p{max-width:240px;line-height:1.65}.station-context{z-index:5;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:4px;width:330px;max-height:calc(100dvh - 450px);padding:22px;position:absolute;top:310px;left:42px;overflow:auto;box-shadow:0 20px 70px #0006}.station-context h2{letter-spacing:-.4px;margin:8px 32px 18px 0;font-size:21px}.context-kicker{display:block}.context-close{color:#909b95;background:0 0;border:0;font-size:23px;position:absolute;top:14px;right:14px}.context-note{color:#9ba59f;margin:0 0 15px;font-size:10px;line-height:1.65}.primary-action,.quote-button{background:var(--accent);color:#172015;letter-spacing:.5px;border:1px solid #d7e9a45e;border-radius:2px;padding:12px 15px;font-size:10px}.option-grid{gap:8px;display:grid}.option-grid button,.finish-row button{border:1px solid var(--line);color:#c6ceca;background:#0b1011;border-radius:2px}.wrap-options{grid-template-columns:repeat(3,1fr)}.wrap-options button{text-align:left;padding:10px 6px 8px}.wrap-options i{background:linear-gradient(145deg,#fff7,transparent 57%),var(--sample);border-radius:2px;height:35px;margin-bottom:7px;display:block}.wrap-options span{font-size:8px;line-height:1.3;display:block}.option-grid button.selected,.finish-row button.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px #d7e9a430}.finish-row{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.finish-row button{padding:10px;font-size:10px}.roof-control{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:15px;padding-top:15px;display:flex}.roof-control b,.roof-control small{display:block}.roof-control b{font-size:10px;font-weight:500}.roof-control small{color:var(--soft);margin-top:5px;font-size:8px}.roof-control input{accent-color:#a4bb7c;width:35px;height:19px}.tint-options{grid-template-columns:1fr 1fr}.tint-options button{text-align:left;align-items:center;padding:8px;display:flex}.tint-options i{background:rgba(3,10,11,var(--darkness));border:1px solid #9aa9aa4d;width:42px;height:48px;margin-right:10px}.tint-options span{font-size:9px}.tint-options small{color:#77827d;margin-top:5px;font-size:7px;display:block}.build-summary{z-index:5;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:4px;width:286px;position:absolute;top:136px;right:30px;box-shadow:0 18px 70px #0005}.summary-handle{display:none}.summary-content header{padding:22px}.summary-content header h2{margin-top:9px;font-size:14px}.summary-content dl{margin:0}.summary-content dl>div{border-top:1px solid var(--line);grid-template-columns:78px 1fr;gap:8px;padding:13px 22px;display:grid;position:relative}.summary-content dt{color:#7e8984;text-transform:uppercase;letter-spacing:1px;font-size:8px}.summary-content dd{color:#c6cdca;margin:0;font-size:9px;line-height:1.4}.summary-content dl button{color:var(--accent);text-align:left;background:0 0;border:0;grid-column:2;padding:4px 0 0;font-size:7px}.summary-content dl>div:not(.selected)#summary-ppf-row button{display:none}.price-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.price-row span{color:#7e8984;text-transform:uppercase;letter-spacing:1px;font-size:8px}.price-row b{font-size:10px;font-weight:500}.build-summary .quote-button{justify-content:space-between;width:calc(100% - 44px);margin:0 22px 22px;display:flex}.station-nav{z-index:5;gap:7px;display:flex;position:absolute;bottom:72px;left:42px}.station-nav button{color:#8b9691;text-align:left;background:#101617dd;border:1px solid #ffffff20;border-radius:2px;min-width:102px;padding:11px 13px}.station-nav i{color:#68736e;margin-bottom:5px;font-size:7px;font-style:normal;display:block}.station-nav span{letter-spacing:.3px;font-size:9px}.station-nav button.active{color:var(--accent);background:#17201bdd;border-color:#d7e9a48c}.phase4 .bottomline{z-index:5}.quote-review{color:#eef1ed;background:#111718;border:1px solid #ffffff25;border-radius:5px;width:min(480px,100% - 32px);padding:30px;box-shadow:0 30px 120px #000c}.quote-review::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050708b8}.quote-review>button:first-child{color:#aaa;background:0 0;border:0;font-size:24px;position:absolute;top:14px;right:18px}.quote-review h2{margin:10px 0;font-size:25px}.quote-review>p{color:#929c97;font-size:11px;line-height:1.6}.quote-selections{margin:22px 0;padding:0;list-style:none}.quote-selections li{border-top:1px solid var(--line);justify-content:space-between;gap:20px;padding:12px 0;font-size:9px;display:flex}.quote-selections span{color:#77827d}.quote-selections b{text-align:right;font-weight:500}.quote-review .quote-button{width:100%}.phase4 .ppf-controls{padding:0}.phase4 .ppf-controls .label-row{display:none}.phase4 .ppf-controls button{margin-top:0}.phase4 .ppf-controls p{margin-bottom:0}.phase4[data-station=wrap] .vehicle-title,.phase4[data-station=ppf] .vehicle-title,.phase4[data-station=tint] .vehicle-title{opacity:.2}.phase4 .vehicle-title{transition:opacity .3s}.phase4 .study-link{display:none}@media (max-width:1100px){.build-summary{width:255px;right:18px}.station-context{width:300px;left:22px}.station-nav{left:22px}.station-nav button{min-width:86px}.station-nav span{font-size:8px}}@media (max-width:900px){.phase4 #app{min-height:640px}.phase4 .topbar{padding:18px 18px 70px}.phase4 .brand{font-size:29px}.phase4 .vehicle-title{top:92px;left:18px}.phase4 .vehicle-title h1{font-size:25px}.phase4 .vehicle-title p{max-width:190px}.station-context{width:auto;max-height:39dvh;padding:17px;inset:auto 12px 143px}.station-context h2{margin-bottom:13px;font-size:17px}.wrap-options{grid-template-columns:repeat(6,1fr)}.wrap-options button{padding:5px}.wrap-options i{height:32px;margin:0}.wrap-options span{width:1px;height:1px;position:absolute;overflow:hidden}.finish-row{grid-template-columns:1fr 1fr}.build-summary{border-radius:8px 8px 0 0;width:auto;transition:transform .3s;inset:auto 10px 48px;transform:translateY(calc(100% - 54px))}.build-summary.open{transform:translateY(0)}.summary-handle{text-align:left;color:#dce1dd;background:#111718;border:0;border-radius:8px 8px 0 0;grid-template-columns:70px 1fr 16px;align-items:center;width:100%;height:52px;padding:0 16px;display:grid}.summary-handle span{color:var(--accent);text-transform:uppercase;letter-spacing:1px;font-size:8px}.summary-handle b{font-size:9px;font-weight:400}.summary-handle i{border-top:1px solid #aaa;border-left:1px solid #aaa;width:7px;height:7px;transform:rotate(45deg)}.build-summary.open .summary-handle i{transform:rotate(225deg)}.summary-content{max-height:65dvh;overflow:auto}.summary-content header{padding:15px 18px}.summary-content dl>div{padding:10px 18px}.price-row{padding:13px 18px}.build-summary .quote-button{width:calc(100% - 36px);margin:0 18px 18px}.station-nav{gap:5px;bottom:91px;left:10px;right:10px}.station-nav button{text-align:center;flex:1;min-width:0;padding:9px 7px}.station-nav i{margin-bottom:4px}.station-nav span{font-size:7px}.phase4 .bottomline{height:48px;padding:0 14px}.phase4 .quiet{padding:9px;font-size:9px}.phase4 .quiet span,.phase4[data-station=car] .station-context{display:none}.tint-options{grid-template-columns:repeat(4,1fr)}.tint-options button{text-align:center;display:block}.tint-options i{width:100%;height:35px;margin:0 0 6px;display:block}.tint-options small{font-size:6px}.phase4 .ppf-controls p{font-size:8px}.phase4 .ppf-controls button{padding:9px 12px}.phase4[data-station=wrap] .vehicle-title,.phase4[data-station=ppf] .vehicle-title,.phase4[data-station=tint] .vehicle-title{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.build-summary,.phase4 .vehicle-title{transition:none!important}}.phase4[data-station=car] .station-context{display:none}.station-apply{background:var(--accent);color:#172015;letter-spacing:.45px;border:1px solid #d7e9a470;border-radius:2px;justify-content:space-between;align-items:center;width:100%;margin-top:15px;padding:12px 14px;font-size:10px;display:flex}.station-apply span{font-size:13px}.phase4[data-station=wrap] .vehicle-title,.phase4[data-station=ppf] .vehicle-title,.phase4[data-station=tint] .vehicle-title{display:none}.study-link{letter-spacing:1.4px;color:#d7e9a4;border-bottom:1px solid #d7e9a44a;padding:8px 0;font-size:9px;text-decoration:none}@media (max-width:900px){.study-link{letter-spacing:.7px;font-size:8px}}.ppf-controls{grid-column:1/3}.ppf-controls button{color:#172015;background:#d7e9a4;border:1px solid #c1d7956b;border-radius:2px;margin-top:17px;padding:10px 14px;font-size:11px}.ppf-controls button:disabled{opacity:.55;cursor:wait}.ppf-controls .ppf-clear{color:#a8b3a9;background:0 0;border-color:#ffffff23;margin-left:10px}.ppf-controls p{color:#89978d;margin-top:12px;font-size:9px;line-height:1.6}.ppf-controls output{font-size:9px}@media (max-width:900px){.ppf-controls{padding:12px 16px!important}.ppf-controls button{margin-top:10px;padding:8px 13px}.ppf-controls p{margin-top:7px;font-size:8px}}.ppf-cinematic .vehicle-title{display:none}