@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0c1211;--muted:#a1afa8;--accent:#d2f69a;--line:#ffffff18}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:#edf2ec;font-family:'DM Sans',system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1,h2,h3{font-family:Manrope,system-ui,sans-serif}p{color:var(--muted);line-height:1.7}.draft-bar{padding:9px 5%;display:flex;gap:24px;font-size:10px;letter-spacing:.1em;color:#bac5b9;border-bottom:1px solid var(--line)}.draft-bar span{letter-spacing:0}.draft-bar a{margin-left:auto}header{max-width:1380px;margin:auto;padding:27px 5%;display:flex;align-items:center;gap:40px}.brand{display:flex;align-items:center;gap:5px;font-size:23px;font-weight:800;letter-spacing:-1px}.brand img{margin-right:8px}.brand>span{font-weight:400;color:#b7c4b9}header nav{display:flex;gap:30px;margin-left:auto;font-size:13px;color:#bfccc1}.button{display:inline-flex;justify-content:center;align-items:center;gap:35px;padding:17px 24px;border:0;border-radius:8px;background:var(--accent);color:#182215;font-weight:700;font-size:14px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 35px #d2f69a26}.button.small{padding:12px 18px;font-size:12px}.hero{max-width:1380px;margin:auto;padding:65px 5% 95px;display:grid;grid-template-columns:1.15fr 1fr;gap:55px;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:600;color:#b2c6ac;display:flex;align-items:center;gap:10px}.eyebrow i,.pulse{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block;box-shadow:0 0 12px #d2f69a66}h1{font-size:clamp(45px,5.2vw,76px);letter-spacing:-.065em;line-height:1.1;margin:26px 0}.shine{background:linear-gradient(110deg,#b0d38b 20%,#efffe0 45%,#a4c983 70%);background-size:200% auto;background-clip:text;color:transparent;animation:shine 6s linear infinite}.hero-copy>p{max-width:470px;font-size:15px}.actions{display:flex;align-items:center;gap:25px;margin:28px 0}.quiet{font-size:12px}.hero-note{font-size:11px;color:#819282;letter-spacing:.03em}.orb{position:absolute;width:400px;height:400px;filter:blur(100px);border-radius:50%;opacity:.13;background:#9ac66a;pointer-events:none;animation:drift 10s ease-in-out infinite alternate}.orb-one{right:0;top:0}.orb-two{left:0;bottom:-300px}.hero-stage{position:relative;display:flex;justify-content:center;align-items:center;min-height:480px;perspective:1200px}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(#9ac66a0a 1px,transparent 1px),linear-gradient(90deg,#9ac66a0a 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}.estimate-card{color:#253029;background:#f5f5ee;width:325px;padding:27px;border-radius:12px;box-shadow:20px 30px 70px #0008;border:1px solid white;animation:card-float 6s ease-in-out infinite}.card-top{display:flex;align-items:center;gap:8px;font-size:8px;font-weight:800;letter-spacing:.06em}.shop-monogram{padding:8px;border-radius:50%;background:#223d30;color:#eaf2df;font-size:10px}.card-top small{display:block;font-size:8px;color:#889180;margin-top:4px;font-weight:400}.pill{margin-left:auto;background:#e5eadb;border-radius:4px;padding:5px;font-size:6px}.card-title{padding:27px 0 20px}.card-title>span{font-size:8px;letter-spacing:.12em;color:#7f8879}.card-title h2{font-size:28px;letter-spacing:-1px;line-height:1.15;margin:12px 0}.card-line{display:flex;justify-content:space-between;font-size:10px;padding:13px 0;border-top:1px solid #dce1d3}.card-total{margin:18px 0;display:flex;justify-content:space-between;align-items:center;font-size:10px}.card-total>b{font-size:30px;letter-spacing:-1px}.card-total>b span{font-size:16px}.fake-approve{padding:13px;background:#203e2e;color:#eff4e9;font-size:10px;display:flex;justify-content:space-between;border-radius:5px}.sample-note{display:block;text-align:center;font-size:8px;margin-top:14px;color:#87907f}.floating-tag{position:absolute;z-index:2;background:#1e2b24eF;backdrop-filter:blur(15px);border:1px solid #78936a40;box-shadow:0 10px 35px #0005;border-radius:9px;padding:15px;font-size:11px;display:flex;align-items:center;gap:13px;animation:tag-float 5s ease-in-out infinite}.tag-one{top:38px;right:-4px}.tag-one b{color:var(--accent)}.tag-two{bottom:18px;left:-10px;animation-delay:-2s}.tag-two small{display:block;color:#96ac96;font-size:9px;margin-top:5px}.mini-bars{display:flex;gap:3px;align-items:end;height:25px}.mini-bars i{display:block;background:#c6e99f;width:4px;height:14px;animation:bar 2s ease-in-out infinite alternate}.mini-bars i:nth-child(2){height:24px;animation-delay:-.7s}.mini-bars i:nth-child(3){height:18px;animation-delay:-1s}.mini-bars i:nth-child(4){height:30px;animation-delay:-.4s}.service-ribbon{overflow:hidden;border-block:1px solid var(--line);padding:22px 0;background:#ffffff02}.service-ribbon>div{white-space:nowrap;width:max-content;animation:ticker 35s linear infinite;font:700 18px Manrope,system-ui;letter-spacing:.08em;color:#778674}.service-ribbon span{color:var(--accent);margin:0 38px}.section{max-width:1240px;margin:auto;padding:100px 5%}.section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:40px}.section-head h2{font-size:clamp(32px,4vw,48px);letter-spacing:-.05em;line-height:1.15;margin:17px 0 0}.section-head p{font-size:13px;max-width:350px}.playground{display:grid;grid-template-columns:1fr 1fr;border:1px solid #65805a50;border-radius:18px;overflow:hidden;background:#141f18}.controls{padding:38px}.step-label{font-size:11px;color:#c2e09f;display:flex;gap:15px;align-items:center;margin:0 0 20px}.step-label span{color:#dce6da;font-size:13px}.step-label:not(:first-child){margin-top:35px}.service-tabs{display:flex;gap:8px}.service-tabs button{flex:1;min-height:46px;border:1px solid #ffffff20;border-radius:7px;background:none;color:#b5c3b1;font-size:12px;transition:.2s}.service-tabs button.selected{background:#d2f69a;color:#17200f;border-color:#d2f69a}.range-heading{display:flex;justify-content:space-between;font-size:12px}.range-heading output{color:var(--accent)}input[type=range]{width:100%;accent-color:var(--accent);margin:22px 0;height:22px}.range-ends{display:flex;justify-content:space-between;font-size:10px;color:#7a8f79}.addon{position:relative;display:flex;align-items:center;gap:12px;cursor:pointer}.addon strong{font-size:12px;font-weight:500}.addon small{display:block;font-size:10px;color:#8da08a;margin-top:7px}.addon input{position:absolute;right:0;opacity:0;width:45px;height:30px}.switch{margin-left:auto;width:40px;height:24px;background:#33432e;border-radius:30px;flex-shrink:0;transition:.2s}.switch:before{content:'';display:block;width:16px;height:16px;background:#a8b6a3;border-radius:50%;margin:4px;transition:.2s}.addon input:checked+.switch{background:var(--accent)}.addon input:checked+.switch:before{transform:translateX(16px);background:#19301a}.addon input:focus-visible+.switch{outline:3px solid var(--accent);outline-offset:4px}.reset{color:#9cb592;background:none;border:0;padding:0;margin-top:32px;font-size:11px}.results{padding:38px;background:linear-gradient(145deg,#243421,#19251c);border-left:1px solid #ffffff12}.results-top{display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:.08em;color:#a0b395}.live-dot{color:#c8e9a8;letter-spacing:0}.live-dot:before{content:'●';margin-right:5px;font-size:6px}.results h3{font-size:23px;letter-spacing:-.04em;margin:26px 0}.result-main>span{font-size:11px;color:#b1c0a5}.result-main>div{font-size:62px;letter-spacing:-.06em;font-family:Manrope,system-ui;font-weight:600;margin:8px 0 20px;color:var(--accent)}.result-main>div span{font-size:30px}.cost-track{height:7px;border-radius:7px;overflow:hidden;display:flex;background:#ffffff10}.cost-track i{transition:width .35s}.cost-track i:nth-child(1){background:#7c9881}.cost-track i:nth-child(2){background:#ede0b0}.cost-track i:nth-child(3){background:#cdeb99}.results dl>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #ffffff12;font-size:11px}.results dt{display:flex;align-items:center;gap:7px}.results dt small{color:#82967a}.results dd{margin:0;font-variant-numeric:tabular-nums}.key{width:5px;height:5px;border-radius:50%;background:#bcd899}.key.labor{background:#7c9881}.key.supplies{background:#ede0b0}.disclosure{font-size:10px;line-height:1.7;color:#8fa084}.preview-button{background:none;color:#d6edb5;border:1px solid #d6edb540;border-radius:6px;padding:13px;width:100%;font-size:11px;margin-top:14px;transition:.2s}.preview-button:hover{background:#d6edb510}.workflow{padding-top:15px}.workflow-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.workflow-cards article{border-top:1px solid #ffffff20;padding-top:24px}.visual{height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;margin-bottom:25px;background:radial-gradient(ellipse at bottom,#273922,#131b15);overflow:hidden}.number{font-size:10px;color:#8d9c85}.workflow h3{font-size:18px;letter-spacing:-.03em}.workflow article p{font-size:12px}.mini-document{width:135px;background:#e9ede0;transform:rotate(-5deg);padding:20px;border-radius:5px;animation:tag-float 5s ease-in-out infinite}.mini-document i{display:block;height:3px;background:#bfcbb1;margin-bottom:9px}.mini-document i:nth-child(2){width:70%}.mini-document span{display:block;background:#29452d;padding:8px;font-size:7px;color:#eaf1df;margin-top:20px;border-radius:3px}.timer{font:500 33px Manrope,system-ui;color:#d2f69a;letter-spacing:.05em}.timer span{animation:blink 1s steps(2) infinite;color:#8aa377}.timer-caption{font-size:9px;color:#8da281;margin-top:12px}.chart{display:flex;gap:10px;align-items:end;height:85px}.chart i{width:20px;background:#d2f69a;border-radius:4px 4px 0 0;height:30px;animation:bar 3s ease-in-out infinite alternate;transform-origin:bottom}.chart i:nth-child(2){height:45px;animation-delay:-.4s}.chart i:nth-child(3){height:55px;animation-delay:-.8s}.chart i:nth-child(4){height:65px;animation-delay:-1.2s}.chart i:nth-child(5){height:80px;animation-delay:-1.6s}.visual-three>span{font-size:8px;color:#8da281;margin-top:12px}.closing{text-align:center;border-top:1px solid var(--line);background:radial-gradient(ellipse at bottom,#23311b,transparent 70%)}.closing .eyebrow{justify-content:center}.closing h2{font-size:clamp(36px,5vw,64px);letter-spacing:-.05em;line-height:1.1}.closing p{font-size:13px}.closing .button{margin-top:18px}.closing small{display:block;font-size:10px;color:#8c9c83;margin-top:17px}footer{max-width:1240px;margin:auto;padding:45px 5%;border-top:1px solid var(--line)}footer p{font-size:11px}footer>div{display:flex;gap:25px;font-size:10px;color:#9ba894;margin-top:25px}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}.workflow-cards article:nth-child(2){transition-delay:.12s}.workflow-cards article:nth-child(3){transition-delay:.24s}dialog{max-width:460px;width:calc(100% - 32px);padding:36px;border:0;border-radius:16px;background:#f4f5ee;color:#233122;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#020704b8;backdrop-filter:blur(8px)}dialog h2{letter-spacing:-.05em}dialog p{font-size:12px;color:#6f7b68}dialog hr{border:0;border-top:1px solid #d9dfd3;margin:25px 0}.close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:25px;color:#46513f}.dialog-label{font-size:8px;letter-spacing:.12em;color:#77856c}.quote-total{display:flex;justify-content:space-between;gap:20px;font-size:13px;margin:25px 0}.quote-total b{font-size:24px}.quote-total span{max-width:150px}dialog .button{width:100%}#approval-status{min-height:34px}body.modal-open{overflow:hidden}@keyframes shine{to{background-position:200% center}}@keyframes drift{to{transform:translate(-60px,60px)}}@keyframes card-float{0%,100%{transform:rotateY(-8deg) rotateZ(3deg) translateY(0)}50%{transform:rotateY(3deg) rotateZ(1deg) translateY(-12px)}}@keyframes tag-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes bar{to{transform:scaleY(.65)}}@keyframes blink{50%{opacity:.25}}@keyframes ticker{to{transform:translateX(-50%)}}@media(max-width:800px){header nav{display:none}header .button{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:35px;gap:25px}.hero-copy{max-width:580px}.hero-stage{min-height:470px;max-width:440px;width:100%;margin:auto}.hero h1{font-size:clamp(43px,8.5vw,66px)}.section{padding:65px 6%}.section-head{display:block}.playground{grid-template-columns:1fr}.results{border-left:0;border-top:1px solid var(--line)}.workflow-cards{grid-template-columns:1fr}.workflow-cards article{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.visual{grid-row:1/5;margin:0}.workflow article h3{margin-bottom:0}.workflow article p{margin-top:8px}.draft-bar{font-size:8px}.draft-bar>span{display:none}}@media(max-width:440px){.brand{font-size:18px}.brand img{width:27px;height:27px;margin-right:3px}header{gap:10px;padding-block:20px}header .button.small{font-size:10px;padding:12px}.hero-stage{min-height:445px}.estimate-card{width:285px;padding:23px}.tag-one{right:0;top:20px;font-size:9px}.tag-two{bottom:0;left:0;font-size:10px}.actions{gap:17px}.quiet{font-size:10px}.controls,.results{padding:26px 22px}.workflow-cards article{display:block}.visual{margin-bottom:20px}.result-main>div{font-size:54px}.section-head h2{font-size:34px}.hero-copy>p{font-size:14px}footer>div{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Draft 3: graphite automotive direction */
:root{--bg:#0e1115;--muted:#a5adb6;--accent:#d4e6bc;--line:#ffffff17}body{background:#0e1115}.orb{opacity:.04}.hero{padding-bottom:75px}.hero h1{font-size:clamp(44px,5vw,70px)}.shine{background:none;color:#d4e6bc;animation:none}.estimate-card{animation:card-float 10s ease-in-out infinite}.button{border-radius:4px}.floating-tag{border-radius:5px;background:#20262deF;border-color:#78838d44}.tag-one{animation-duration:8s}.tag-two{animation-duration:9s}.service-ribbon{background:#13171c}.service-ribbon>div{color:#78818b;font-size:13px;animation-duration:50s}.playground{border-radius:8px;background:#161c22;border-color:#47515d}.results{background:linear-gradient(145deg,#25303a,#171d24)}.closing{background:radial-gradient(ellipse at bottom,#25303a,transparent 70%)}.visual{background:radial-gradient(ellipse at bottom,#2a3540,#141a20)}.automotive{height:1950px;position:relative;background:radial-gradient(ellipse at 50% 45%,#28313c 0,#12171e 45%,#0e1115 75%);border-block:1px solid var(--line)}.auto-stage{position:sticky;top:0;min-height:760px;height:100vh;max-height:1050px;max-width:1300px;margin:auto;padding:60px 5% 35px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.auto-heading{text-align:center;position:relative;z-index:2}.auto-heading .eyebrow{justify-content:center;color:#aeb7c1}.auto-heading h2{font-size:clamp(28px,3vw,43px);line-height:1.2;letter-spacing:-.04em;margin:17px 0}.auto-heading p{font-size:12px}.car-scene{position:relative;width:100%;max-width:1050px;margin:auto;flex:1;min-height:200px;display:flex;align-items:center;justify-content:center;--car-shift:0px}.car-art{display:block;width:100%;position:relative;z-index:2;transform:translateX(var(--car-shift));transition:filter .8s,transform .15s linear;filter:drop-shadow(0 0 20px #8ac1e00a)}.car-halo{position:absolute;width:60%;height:60%;background:radial-gradient(ellipse,#a2badb15,transparent 70%);filter:blur(20px)}.car-floor{position:absolute;left:5%;right:5%;height:1px;bottom:19%;background:linear-gradient(90deg,transparent,#8a9daf55,transparent)}.scan-line{position:absolute;z-index:3;width:2px;left:15%;top:22%;height:55%;background:linear-gradient(transparent,#d4e6bc90,transparent);box-shadow:0 0 25px #d4e6bc44;transition:left .4s}.car-callout{position:absolute;z-index:4;left:10%;top:16%;font-size:9px;letter-spacing:.12em;color:#c0cad5;border-left:1px solid #a3b1bf;padding-left:12px}.auto-bottom{position:relative;z-index:4}.auto-tabs{display:flex;justify-content:center;gap:12px}.auto-tabs button{border:1px solid #ffffff1a;background:#151b22;color:#8995a2;padding:14px 25px;border-radius:3px;font-size:11px;transition:.3s}.auto-tabs button.active{background:#d6e1e9;color:#1a222c;border-color:#d6e1e9}.auto-description{text-align:center;min-height:95px}.auto-description h3{font-size:18px;letter-spacing:-.02em;margin:23px 0 7px}.auto-description p{font-size:12px;max-width:520px;margin:auto}.auto-progress{height:2px;background:#ffffff13;max-width:500px;margin:20px auto}.auto-progress i{display:block;height:100%;width:0;background:#b4c6d7;transition:width .15s}.auto-caption{display:block;text-align:center;font-size:9px;color:#657382}.automotive[data-phase="1"] .car-art{filter:brightness(.79) contrast(1.2) drop-shadow(0 0 16px #a4cee815)}.automotive[data-phase="2"] .car-art{filter:sepia(.2) hue-rotate(135deg) saturate(1.5) brightness(1.13)}.automotive[data-phase="1"] .car-callout{left:42%;top:28%}.automotive[data-phase="2"] .car-callout{left:66%;top:38%}@media(max-width:800px){.automotive{height:1550px}.auto-stage{padding-top:40px;height:90vh;min-height:640px}.car-scene{min-height:190px;width:125%;margin-left:-12.5%}.auto-tabs{gap:7px}.auto-tabs button{padding:12px 14px;font-size:10px}.auto-heading h2{font-size:29px}.auto-description p{font-size:11px}.auto-caption{font-size:8px}}@media(prefers-reduced-motion:reduce){.automotive{height:auto}.auto-stage{position:relative;height:auto;min-height:650px}.car-art{transform:none}.scan-line{display:none}}

/* Draft 4: real photography, natural proportions */
.car-scene{overflow:hidden;border-radius:8px;isolation:isolate;max-height:420px;margin:20px auto;flex:auto;background:#10151a;min-height:0;aspect-ratio:16/8}.car-art{width:100%;height:100%;object-fit:cover;object-position:center 74%;transform:scale(1.02) translateX(calc(var(--car-shift) * .2));filter:saturate(.75) brightness(.9)!important;transition:transform .15s linear}.car-halo,.car-floor{display:none}.car-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0d131a22,transparent 40%,#0d131a66);z-index:2;pointer-events:none}.car-callout{top:auto!important;bottom:22px!important;left:25px!important;background:#101820b0;backdrop-filter:blur(10px);padding:10px 14px;border-left:2px solid #cbd9bd}.auto-stage{min-height:800px;padding-top:35px}.auto-heading h2{font-size:clamp(26px,2.8vw,39px)}.auto-heading p{margin:10px 0}.auto-description{min-height:78px}.auto-description h3{margin-top:16px}.auto-progress{margin-block:12px}.auto-caption{font-size:8px}.auto-tabs button{min-height:44px}@media(max-width:800px){.auto-stage{min-height:690px;justify-content:center;gap:15px}.car-scene{width:100%;margin:5px auto;min-height:0;aspect-ratio:4/3;max-height:320px;flex:none}.car-art{object-fit:cover;object-position:center 75%}.auto-heading h2{font-size:27px}.auto-description{min-height:100px}.auto-caption{line-height:1.6}.car-callout{font-size:8px;bottom:12px!important;left:12px!important}.auto-tabs button{padding:12px 10px}}@media(prefers-reduced-motion:reduce){.car-art{transform:none!important}}

/* Draft 5 — brighter contrast, studio lighting, real 3D geometry */
:root{--bg:#202934;--muted:#c1cbd5;--accent:#e1edc5;--line:#ffffff26}body{background:#202934;color:#f6f8fa}.draft-bar{background:#17212a;color:#d5dfe7}.hero{background:radial-gradient(ellipse at 80% 50%,#3a4857,transparent 70%)}.hero-copy>p{color:#cbd3dd}.eyebrow{color:#c7d6ba}.hero-note{color:#b2c1ce}.shine{color:#e1edc5}.hero-stage .floating-tag{background:#344452ef}.service-ribbon{background:#293541}.service-ribbon>div{color:#becbd4}.section-head p{color:#c3cfda}.playground{background:#303f4d;border-color:#71818f}.results{background:linear-gradient(140deg,#405360,#2c3c4b)}.step-label span{color:#f1f5ee}.range-ends,.addon small,.reset{color:#bdcbd4}.results dt small,.disclosure{color:#b7c6cf}.results-top{color:#d5e2df}.service-tabs button{color:#d2dce3;border-color:#879da766}.visual{background:radial-gradient(ellipse at bottom,#4a5e6e,#2b3846)}.number{color:#b9c9d3}.closing{background:radial-gradient(ellipse at bottom,#425563,transparent 80%)}footer>div{color:#c2ccd6}.automotive{height:1750px;background:linear-gradient(180deg,#24313d,#354451 50%,#25333e)}.auto-stage{min-height:790px;height:100svh;padding-top:35px}.auto-heading .eyebrow{color:#d2dde4}.auto-heading p{color:#c4d0d9}.car-scene{width:100%;max-height:440px;min-height:260px;aspect-ratio:2.2;background:radial-gradient(ellipse at 50% 65%,#f4f5f4,#c8d0d5 75%);border:1px solid #9fb1bd;border-radius:10px;box-shadow:0 25px 80px #0c151a33;margin:15px auto;isolation:isolate}.car-scene:after{display:none}model-viewer{display:block;position:absolute;inset:0;width:100%;height:100%;--progress-bar-color:#4b6866;touch-action:pan-y;pointer-events:none}.model-loading{position:absolute;top:45%;left:0;right:0;text-align:center;font-size:13px;color:#3e5664}.model-unavailable{position:absolute;inset:35% 15%;color:#3d5361;text-align:center;line-height:1.7;font-size:13px}.car-callout{color:#344c5b;background:#f8faf9c9;backdrop-filter:blur(8px);border-left:2px solid #708795;bottom:65px!important;top:auto!important;left:20px!important;pointer-events:none}.car-options{position:absolute;bottom:0;left:0;right:0;z-index:5;display:flex;align-items:center;gap:10px;background:#e9eef0e8;border-top:1px solid #b9c5cc;padding:10px 20px;color:#354b59;font-size:10px}.car-options>span{margin-right:8px}.swatch{width:25px;height:25px;border-radius:50%;border:3px solid #edf1f3;background:var(--swatch);box-shadow:0 0 0 1px #9aaab4;transition:.2s}.swatch.active{box-shadow:0 0 0 2px #314f60}.car-reset{margin-left:auto;border:0;background:none;color:#344f60;font-size:11px;padding:8px}.auto-tabs button{background:#354754;color:#c4d3dd;border-color:#8ca1af66}.auto-tabs button.active{background:#e2e9ee;color:#1f3442}.auto-description p{color:#c4d0d8}.auto-caption{color:#aabcc9;max-width:640px;margin:auto;line-height:1.6}.auto-progress{background:#6b808d}.auto-progress i{background:#e0edc6}.automotive[data-phase="1"] .car-callout,.automotive[data-phase="2"] .car-callout{top:auto!important;left:20px!important}.auto-description{min-height:85px}@media(max-width:800px){.auto-stage{min-height:720px;gap:10px;justify-content:space-between}.car-scene{width:100%;aspect-ratio:auto;flex:1;min-height:230px;max-height:360px;margin:5px auto}.car-options{gap:8px;padding:10px}.car-options>span{display:none}.car-reset{font-size:10px}.auto-caption{font-size:8px}.auto-heading h2{font-size:26px}.auto-description{min-height:90px}.automotive{height:1550px}.car-callout{font-size:8px;bottom:60px!important}}@media(prefers-reduced-motion:reduce){.automotive{height:auto}.auto-stage{height:auto;min-height:760px}.car-scene{height:300px;flex:none}}

/* Draft 6: editorial automotive studio */
:root{--bg:#f3f1ec;--muted:#58615e;--accent:#d7e5bd;--line:#28342d22}body{background:#f3f1ec;color:#202a24}.draft-bar{background:#25302a;color:#d9dfd4;padding-block:8px}header{border-bottom:1px solid #27352c20}.brand>span{color:#59665d}header nav{color:#455148}.hero{background:none;gap:65px;padding-top:80px;padding-bottom:100px}.hero h1{font-weight:500;letter-spacing:-.065em;font-size:clamp(48px,5.7vw,80px);line-height:1.06}.shine{color:#65745b}.hero-copy>p{color:#556157;font-size:15px;line-height:1.85;max-width:440px}.eyebrow{color:#647160;font-size:9px;letter-spacing:.18em}.hero-note{color:#697565}.button{background:#25392e;color:#f2f3eb;border-radius:2px;font-weight:500;padding:17px 25px}.button:hover{box-shadow:0 10px 25px #263c2d20}.quiet{color:#394b3c}.hero-stage .floating-tag{background:#fffefa;border:1px solid #dedfd4;color:#344936;box-shadow:0 9px 30px #2234280d;animation:none}.tag-two small{color:#73806e}.hero-stage .mini-bars i{background:#728b5f;animation:none}.estimate-card{background:#fffefa;border:1px solid #e5e5dc;box-shadow:0 35px 65px #25352b18;animation:none;transform:rotate(-3deg);border-radius:3px}.stage-grid{opacity:.5}.card-title h2{font-size:25px;font-weight:500;line-height:1.25}.fake-approve{border-radius:2px}.pill{border-radius:1px}.orb{display:none}.tag-one{top:50px;right:-10px}.tag-two{bottom:20px}.service-ribbon{background:#eaece2;border-color:#d7ddce}.service-ribbon>div{color:#77826d;font-size:11px;letter-spacing:.16em}.service-ribbon span{color:#789063}.automotive{background:#151d1c;height:1700px;color:#f1f2eb;border:0}.auto-stage{max-width:1440px;padding:55px 6% 30px;min-height:820px;height:100svh;justify-content:space-between;overflow:hidden;background:radial-gradient(ellipse at 57% 46%,#3f4b49 0,#263330 33%,#151d1c 70%)}.auto-heading{align-self:flex-start;text-align:left;max-width:660px;z-index:3;pointer-events:none}.auto-heading .eyebrow{justify-content:flex-start;color:#aab6a4;font-size:8px}.auto-heading h2{font-size:clamp(37px,4.7vw,66px);font-weight:400;line-height:1.08;letter-spacing:-.055em;margin:22px 0}.auto-heading p{font-size:11px;color:#b6c2b7;max-width:360px;line-height:1.75}.car-scene{position:absolute;inset:20% 0 16% 12%;width:88%;height:64%;min-height:0;max-height:none;aspect-ratio:auto;margin:0!important;border:0;border-radius:0;box-shadow:none;background:none;overflow:visible;z-index:1}.car-scene:after{display:block;content:'COSTBOOK';position:absolute;left:-8%;bottom:0;font:500 clamp(70px,14vw,200px)/1 Manrope,system-ui;letter-spacing:-.06em;color:#ffffff03;z-index:-1;background:none}.car-callout{display:none}.car-options{left:auto;right:7%;bottom:5%;width:auto;background:none;border:0;gap:12px;padding:0;color:#aabbb0;font-size:8px;letter-spacing:.15em;z-index:6}.swatch{width:20px;height:20px;border:3px solid #22302b;box-shadow:0 0 0 1px #85968a55}.swatch.active{box-shadow:0 0 0 1px #d2ddc8}.car-reset{font-size:9px;color:#cad5cb;margin-left:14px}.auto-bottom{margin-top:auto;z-index:3;pointer-events:none}.auto-tabs{justify-content:flex-start;gap:0;border-bottom:1px solid #a5b6ab33;max-width:560px;pointer-events:auto}.auto-tabs button{background:none!important;color:#a6b2a8;border:0;border-bottom:2px solid transparent;padding:15px 32px 15px 0;margin-right:28px;border-radius:0;font-size:11px}.auto-tabs button.active{color:#f3f5ec;border-bottom-color:#d4e4bd}.auto-description{text-align:left;max-width:500px;min-height:92px}.auto-description h3{font-size:17px;font-weight:500;margin-top:22px}.auto-description p{font-size:12px;color:#bac7bb;margin-left:0;line-height:1.7;max-width:400px}.auto-progress{display:none}.auto-caption{text-align:left;margin:15px 0 0;max-width:600px;font-size:7px;color:#7e9086}.section-head h2,.closing h2{font-weight:500}.section-head p{color:#637061}.playground{background:#fffefa;border:1px solid #d9ded2;border-radius:3px;box-shadow:0 20px 70px #32433208}.controls{padding:42px}.step-label{color:#7a8b69}.step-label span{color:#2c3b2e}.service-tabs button{color:#59674f;border-color:#d9decf;border-radius:2px}.service-tabs button.selected{background:#283e2e;color:#f3f5ed;border-color:#283e2e}.range-heading{color:#374a38}.range-heading output{color:#536e3c}.range-ends,.addon small,.reset{color:#737f6a}.addon strong{color:#344831}.results{background:#e7ebdf;color:#2b3d2b;border-left:1px solid #d1dbc6;padding:42px}.results-top{color:#5f7252}.live-dot{color:#55773c}.result-main>span{color:#5e7155}.result-main>div{color:#2c482d;font-weight:500}.results dl>div{border-color:#bdcbb455}.results dt small,.disclosure{color:#6c7e60}.preview-button{color:#3b5b35;border-color:#b8c8ab;border-radius:2px}.visual{background:#e6eade;border-radius:3px}.timer{color:#4b6840}.timer-caption,.visual-three>span{color:#6d8062}.chart i{background:#789666}.number{color:#788d6b}.workflow-cards article{border-color:#ccd4c2}.workflow article p{color:#64715e}.closing{background:linear-gradient(#f3f1ec,#e5e8dd)}.closing p{color:#63715a}.closing small{color:#748269}footer{border-color:#d1d7c9}footer>div{color:#607052}.model-loading,.model-unavailable{color:#c9d5c9}@media(max-width:800px){.hero{gap:35px;padding-top:45px;padding-bottom:65px}.hero-stage{min-height:460px}.auto-stage{min-height:800px;padding:40px 6% 25px;justify-content:space-between}.auto-heading{max-width:100%}.auto-heading h2{font-size:42px}.auto-heading p{font-size:11px;max-width:280px}.car-scene{inset:27% -8% 24% -8%;width:116%;height:49%;min-height:0;flex:none;max-height:none}.car-options{bottom:2%;right:12%;gap:10px}.car-options>span{display:none}.auto-bottom{width:100%}.auto-tabs button{font-size:10px;margin-right:15px;padding-right:15px}.auto-description{min-height:100px}.auto-caption{font-size:7px;line-height:1.6}.controls,.results{padding:27px}.results{border-left:0}.automotive{height:1550px}.hero h1{font-size:clamp(46px,8.5vw,65px)}}@media(prefers-reduced-motion:reduce){.automotive{height:auto}.auto-stage{min-height:850px}.car-scene{position:absolute}}
/* Draft 7 — interactive editorial estimate studio */
.showcase{--progress:0;position:relative;height:1650px;background:#172722;color:#f4f1e8}.showcase-sticky{position:sticky;top:0;min-height:920px;height:100svh;padding:45px 6% 24px;overflow:hidden;background:radial-gradient(ellipse at 75% 60%,#49615445,transparent 55%)}.showcase-intro{position:relative;z-index:2;max-width:800px}.showcase-intro .eyebrow{color:#bacbbb}.showcase-intro h2{font-size:clamp(34px,4.2vw,60px);font-weight:400;line-height:1.1;letter-spacing:-.05em;margin:18px 0}.showcase-intro em{font-family:Georgia,serif;font-weight:400;color:#bccdbb}.showcase-intro p{font-size:12px;line-height:1.7;color:#bac7be;max-width:440px}.studio{position:relative;margin:25px auto 0;max-width:1050px;border:1px solid #b6ccbc35;background:#23372b70;border-radius:8px;box-shadow:0 30px 80px #0002}.studio-controls,.studio-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 22px;border-bottom:1px solid #b6ccbc25;gap:12px}.studio-services{display:flex;gap:6px}.studio-services button{border:0;background:transparent;color:#b4c4b9;font:inherit;font-size:12px;padding:10px 18px;border-radius:4px;transition:background .25s,color .25s}.studio-services button.active{background:#eef0e7;color:#21372b}.studio-colors{display:flex;gap:12px}.studio-colors button{background:var(--color);width:23px;height:23px;border-radius:50%;border:3px solid #21372b;box-shadow:0 0 0 1px #94ad9b50}.studio-colors button[aria-pressed=true]{box-shadow:0 0 0 2px #e6eddf}.document-scene{position:relative;padding:28px 30px 32px;perspective:1400px;display:flex;justify-content:center;min-height:510px}.show-document{position:relative;z-index:2;background:#fcfbf5;color:#26372d;width:490px;padding:26px 32px;box-shadow:0 18px 60px #07180d60;border-radius:2px;transform-origin:50% 40%;transition:background .3s;will-change:transform}.doc-masthead{display:flex;gap:12px;align-items:center;font-size:9px;letter-spacing:.1em;border-bottom:1px solid #d7ddd0;padding-bottom:18px}.doc-logo{font-family:Georgia,serif;font-size:22px;color:var(--brand);letter-spacing:-.06em}.doc-logo span{font-size:16px;font-style:italic}.doc-masthead small{display:block;font-size:8px;color:#7c867a;letter-spacing:0;margin-top:5px}.doc-number{margin-left:auto;text-align:right;font-size:7px;line-height:1.6;color:#7c867a}.doc-number b{font-size:12px;font-weight:400;color:#445440}.doc-title{padding:22px 0 16px}.doc-title>span{font-size:7px;letter-spacing:.1em;color:#7b8577}.doc-title h3{font:400 33px/1.1 Georgia,serif;letter-spacing:-.03em;margin:12px 0 6px;color:var(--brand)}.doc-title p{font-size:10px;color:#7a8575;margin:0}.doc-vehicle{display:flex;align-items:center;gap:12px;background:#ecf0e5;padding:10px;font-size:8px}.doc-vehicle>span:first-child{font-size:6px;color:#74836b;letter-spacing:.1em}.doc-vehicle strong{font-weight:500}.doc-vehicle #doc-state{margin-left:auto;font-size:6px;color:var(--brand);letter-spacing:.06em}.doc-items{padding:15px 0}.doc-items>div{display:flex;justify-content:space-between;gap:15px;font-size:10px;padding:9px 0;border-bottom:1px solid #dde2d7}.doc-items b{font-weight:500}.doc-total{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0 14px;font-size:10px}.doc-total small{display:block;font-size:7px;color:#819078;margin-top:5px}.doc-total strong{font-weight:500;font-size:30px;color:var(--brand);letter-spacing:-.05em}.doc-note{font-size:8px;color:#798571;margin-bottom:16px}.show-document button{background:var(--brand);color:#fffdf4;border:0;width:100%;padding:12px 16px;font:inherit;font-size:10px;display:flex;justify-content:space-between;border-radius:2px;transition:background .3s,box-shadow .3s}.show-document button:hover{box-shadow:0 5px 15px #243b3325}.show-document.approved{box-shadow:0 0 0 2px #9db497,0 18px 60px #07180d60}.show-document button:disabled{opacity:.8;cursor:default}#show-status{font-size:7px;color:#74826d;margin:10px 0 0;min-height:18px;text-align:center}.studio-caption{position:absolute;left:30px;bottom:35px;writing-mode:vertical-rl;font-size:7px;letter-spacing:.2em;color:#a7baa9;display:flex;align-items:center;gap:15px}.caption-rule{display:inline-block;height:50px;width:1px;background:#9caf9360}.studio-footer{border-bottom:0;border-top:1px solid #b6ccbc25;font-size:9px;color:#a6b8a9;padding-block:10px}.studio-footer button{border:0;background:none;color:#d6dfd1;font:inherit;font-size:9px;padding:8px}.showcase-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#93ae9425}.showcase-progress i{display:block;height:100%;background:#c9dab7;transform-origin:left;transform:scaleX(0)}.motion-toggle{position:fixed;bottom:15px;right:18px;z-index:50;padding:10px 14px;background:#fcfbf4ee;backdrop-filter:blur(8px);border:1px solid #78846b55;border-radius:30px;color:#344633;font:inherit;font-size:10px;box-shadow:0 4px 20px #0001}.button{position:relative;overflow:hidden}.button:after{content:'';position:absolute;inset:0;transform:translateX(-120%) skewX(-20deg);background:linear-gradient(90deg,transparent,#ffffff20,transparent);transition:transform .6s;pointer-events:none}.button:hover:after{transform:translateX(120%) skewX(-20deg)}.hero-copy{animation:entrance .85s both}.hero-stage{animation:entrance 1s .15s both}.workflow-cards article{transition:transform .35s,border-color .35s,opacity .7s}.workflow-cards article:hover{transform:translateY(-6px);border-color:#607c50}.visual .chart i{animation:none}.visual .timer span{animation:none}.mini-document{animation:none}.workflow-cards article:hover .mini-document{transform:rotate(0deg) translateY(-6px);transition:transform .4s}.workflow-cards article:hover .chart i{transform:scaleY(1.1);transition:transform .4s}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-paused .reveal{opacity:1;transform:none}.motion-paused .workflow-cards article:hover{transform:none}@keyframes entrance{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}button:focus-visible,a:focus-visible{outline:3px solid #9baa73;outline-offset:5px}@media(max-width:800px){.showcase{height:1450px}.showcase-sticky{padding:32px 5% 20px;min-height:940px}.showcase-intro h2{font-size:36px}.showcase-intro p{font-size:12px}.studio{margin-top:20px}.document-scene{padding:20px 16px;min-height:0}.show-document{width:100%;padding:22px}.studio-caption{display:none}.studio-controls{padding:12px;flex-wrap:wrap}.studio-services button{padding:10px 12px}.studio-colors{gap:8px}.studio-footer{padding:10px 15px}.doc-title h3{font-size:29px}.doc-vehicle{gap:7px}.motion-toggle{bottom:10px;right:10px}.hero-stage{overflow:visible}}@media(max-width:430px){.showcase-intro h2{font-size:31px}.studio-colors button{width:19px;height:19px}.studio-services button{font-size:10px;padding:10px}.doc-vehicle{flex-wrap:wrap}.doc-vehicle #doc-state{font-size:6px}.show-document{padding:19px}.doc-items>div{font-size:9px}.doc-total strong{font-size:26px}.showcase-sticky{min-height:900px}}@media(prefers-reduced-motion:reduce){.showcase{height:auto}.showcase-sticky{position:relative;height:auto;min-height:0;padding-bottom:40px}.show-document{transform:none!important}.showcase-progress{display:none}}
/* Keep the entire demo reachable on phones and shorter screens. */
@media(max-width:800px),(max-height:760px){.showcase{height:auto}.showcase-sticky{position:relative;height:auto;min-height:0;padding-bottom:35px}.showcase-progress{display:none}.show-document{transform:none!important}.studio-colors button{min-width:28px;min-height:28px}.studio-controls{row-gap:14px}.studio-services button{min-height:44px}}
/* Draft 8 — porcelain, graphite and sapphire */
:root{--bg:#f6f5f1;--muted:#59616d;--accent:#2958a6;--line:#25304420}body{background:var(--bg);color:#202733}.draft-bar{background:#202733;color:#e0e4eb}header{border-color:#27334720}.brand>span{color:#6b727c}header nav{color:#4c5664}.hero{gap:55px;padding-block:85px 90px}.hero h1{font-weight:500;letter-spacing:-.06em}.shine{color:#395c87}.hero-copy>p{color:#596370;font-size:16px;line-height:1.8}.eyebrow{color:#626e7f}.hero-note{color:#606a77}.hero-assurance{display:flex;align-items:center;gap:12px;font-size:11px;color:#667080;margin-top:20px}.hero-assurance i{height:3px;width:3px;border-radius:100%;background:#7a8797}.button{background:#2958a6;color:#fff;box-shadow:0 2px 3px #172c5310;border-radius:5px}.button:hover{background:#214b91;box-shadow:0 9px 22px #244b8d22}.quiet{color:#35475f}.estimate-card{border:1px solid #dce0e5;background:#fff;box-shadow:0 35px 80px #23304714;transform:rotate(-2deg);border-radius:5px}.hero-stage .floating-tag{border-color:#dfe4eb;background:#fff;color:#43546a}.tag-two small{color:#707f90}.hero-stage .mini-bars i{background:#819abd}.fake-approve,.shop-monogram{background:#253b58;color:#fff}.card-title h2{color:#253347}.pulse{background:#5c7e71;box-shadow:none;animation:none}.showcase{background:#141b27;color:#f7f6f2}.showcase-sticky{background:radial-gradient(ellipse at 80% 15%,#36557c2b,transparent 65%);padding-top:48px}.showcase-intro{max-width:1040px;margin:0 auto}.showcase-intro .eyebrow{color:#a8b8cf;letter-spacing:.2em}.showcase-intro h2{font-size:clamp(36px,4.4vw,61px);font-weight:500;letter-spacing:-.045em;line-height:1.12}.showcase-intro em{font-family:Manrope,system-ui;font-style:normal;color:#9fb4d3;font-weight:400}.showcase-intro p{color:#b0bed0;font-size:13px;max-width:560px;line-height:1.7}.studio{background:#202b3b60;border-color:#94a7c329;box-shadow:0 30px 70px #070c1733;border-radius:9px;margin-top:26px}.studio-controls{border-color:#94a7c329;padding:13px 24px}.studio-services button{color:#b8c5d8;font-size:12px;min-height:44px}.studio-services button.active{background:#e5ebf4;color:#26364d}.studio-colors{align-items:center;gap:10px}.studio-colors>span{font-size:8px;letter-spacing:.14em;color:#9eadc2;margin-right:6px}.studio-colors button{width:28px;height:28px;border:4px solid #243044;box-shadow:0 0 0 1px #91a3bf50}.studio-colors button[aria-pressed=true]{box-shadow:0 0 0 2px #e2eafa}#accent-name{font-size:10px;color:#c4d0e0;min-width:100px;margin-left:7px}.document-scene{padding-top:30px;padding-bottom:32px}.show-document{width:520px;padding:27px 35px;background:#fdfcf9;color:#2c3440;border-radius:3px;box-shadow:0 24px 65px #080e1c65}.doc-masthead{border-color:#dce1e6;font-size:10px}.doc-masthead small{font-size:9px;color:#6e7782}.doc-logo{font-size:25px}.doc-number{font-size:8px;color:#687382}.doc-number b{color:#37465a;font-size:13px}.doc-title>span{font-size:8px;color:#6e7885}.doc-title h3{font-family:Manrope,system-ui;font-size:32px;font-weight:500;letter-spacing:-.04em}.doc-title p{font-size:11px;color:#697583}.doc-vehicle{background:#edf0f4;padding:12px;font-size:10px}.doc-vehicle>span:first-child{font-size:7px;color:#65738a}.doc-vehicle #doc-state{font-size:7px}.doc-items>div{font-size:12px;border-color:#e0e4e9;padding-block:10px}.doc-total{font-size:12px;padding-top:10px}.doc-total small{font-size:9px;color:#69798b}.doc-total strong{font-size:33px}.doc-note{font-size:9px;color:#5c6b7b;line-height:1.5}.show-document button{font-size:12px;min-height:44px;border-radius:3px}.show-document.approved{box-shadow:0 0 0 2px #8fa5bf,0 24px 65px #080e1c65}#show-status{font-size:9px;color:#647385;line-height:1.5;min-height:26px}.studio-caption{color:#899bb5}.caption-rule{background:#889db75c}.studio-footer{color:#a3b3ca;font-size:10px;border-color:#94a7c329}.studio-footer button{font-size:11px;color:#d9e3f1;min-height:40px}.showcase-progress{background:#829bc326}.showcase-progress i{background:#789bcf}.section-head p{color:#636f7f}.playground{border-color:#d7dde6;background:#fff;border-radius:6px}.results{background:#e9eef6;border-color:#d5dfed;color:#2a3d56}.results-top,.result-main>span,.results dt small,.disclosure{color:#5c6e86}.result-main>div{color:#2a4d7c}.live-dot{color:#46688c}.service-tabs button.selected{background:#2958a6;border-color:#2958a6;color:#fff}.service-tabs button{border-color:#d8dfe8;color:#54657a}.range-heading,.addon strong,.step-label span{color:#34445c}.range-heading output{color:#2958a6}.range-ends,.addon small,.reset{color:#64758a}.step-label,.number{color:#6c839f}.preview-button{color:#2958a6;border-color:#a9bcd8}.visual{background:#e8edf4}.mini-document{background:#fff}.mini-document span{background:#314e76}.timer{color:#47648a}.timer-caption,.visual-three>span{color:#647a97}.chart i{background:#7799c5}.workflow article p{color:#617083}.workflow-cards article{border-color:#d4dce7}.workflow-cards article:hover{border-color:#7799c5}.trust-section{display:grid;grid-template-columns:1fr 1fr;gap:85px;border-top:1px solid #d8dee6}.trust-heading h2{font-size:clamp(32px,3.8vw,49px);line-height:1.15;font-weight:500;letter-spacing:-.045em;margin:22px 0}.trust-heading p{font-size:14px;max-width:360px;color:#626e7d}.trust-heading>a{display:inline-flex;gap:45px;align-items:center;border-bottom:1px solid #aab9cb;padding-block:16px;font-size:13px;color:#2958a6}.trust-details article{display:flex;gap:20px;padding:24px 0;border-bottom:1px solid #d8dee6}.trust-details article:first-child{padding-top:0}.trust-index{font-size:10px;color:#758ba8;padding-top:6px;font-variant-numeric:tabular-nums}.trust-details h3{font-size:17px;letter-spacing:-.02em;font-weight:600;margin:0 0 9px}.trust-details p{font-size:13px;color:#626e7d;margin:0;line-height:1.8}.trust-details a{display:inline-block;color:#2958a6;font-size:12px;margin-top:13px;overflow-wrap:anywhere}.closing{background:linear-gradient(#f6f5f1,#e8edf4);border-color:#d8dee6}.closing p,.closing small{color:#627287}footer{border-color:#d8dee6}footer p,footer>div{color:#626f81}.motion-toggle{color:#43546d;border-color:#a8b7ca80;background:#fcfcf9f0}button:focus-visible,a:focus-visible{outline-color:#729ee0}.results .key.price{background:#2958a6}.results .key.labor,#labor-bar{background:#587aa8}.results .key.supplies,#supply-bar{background:#a2b8d6}#balance-bar{background:#304d78}input[type=range]{accent-color:#2958a6}
@media(max-width:800px){.hero{padding-block:45px 60px}.showcase-intro h2{font-size:36px}.showcase-sticky{padding-top:35px}.studio-controls{padding:12px 16px;gap:12px}.studio-colors{flex-wrap:wrap}#accent-name{font-size:10px;min-width:92px}.document-scene{padding:20px 12px}.show-document{padding:23px;width:100%}.doc-items>div{font-size:11px}.doc-vehicle{font-size:9px;gap:8px}.studio-footer{gap:14px;align-items:center}.studio-footer>span{max-width:210px;line-height:1.6}.trust-section{grid-template-columns:1fr;gap:35px}.trust-heading p{max-width:100%}.hero-assurance{font-size:10px;gap:8px}.trust-details article{padding-block:23px}}@media(max-width:430px){.showcase-intro h2{font-size:31px}.studio-colors>span{display:none}.show-document{padding:20px 17px}.doc-title h3{font-size:27px}.doc-masthead{font-size:8px;gap:9px}.doc-masthead small{font-size:8px}.doc-vehicle #doc-state{font-size:6px}.doc-total strong{font-size:29px}.doc-note,#show-status{font-size:9px}.studio-services{width:100%}.studio-colors{padding:4px 3px}.doc-items>div{font-size:10px}.studio-footer>span{max-width:170px}.trust-heading h2{font-size:35px}}
@media(min-width:801px) and (min-height:761px){.showcase-sticky{padding-top:32px}.showcase-intro h2{font-size:clamp(36px,3.7vw,52px);margin:14px 0}.showcase-intro p{margin-block:10px}.studio{margin-top:20px}.document-scene{padding-block:20px}.doc-title{padding:17px 0 12px}.doc-masthead{padding-bottom:14px}.doc-items{padding-block:10px}.show-document{padding-block:23px}.studio-footer{padding-block:6px}}

/* Draft 9: keep estimates still while customization stays interactive. */
.show-document{transform:none!important;will-change:auto}.estimate-card{transform:none!important;animation:none!important}
/* Draft 10: hands-on feature examples */
.feature-lab{border-top:1px solid #d8dee6}.feature-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0 0}.feature-tabs button{background:transparent;border:1px solid #cbd5e3;color:#4a5e79;padding:14px 20px;border-radius:5px;font-size:13px;min-height:44px}.feature-tabs button[aria-pressed=true]{background:#263b5b;color:#fff;border-color:#263b5b}.feature-panel{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;border:1px solid #d7dfe9;background:#fff;border-radius:7px;overflow:hidden}.feature-panel[hidden]{display:none}.feature-explain,.feature-summary,.sample-schedule{padding:35px}.feature-explain h3{font-size:27px;letter-spacing:-.04em;font-weight:500;line-height:1.3;margin:20px 0 16px}.feature-explain p,.feature-summary p,.sample-schedule p{font-size:13px;color:#64748a}.feature-explain label{display:block;font-size:12px;color:#526580;margin:24px 0 10px}.feature-explain select{display:block;width:100%;padding:13px;background:#f5f7fa;border:1px solid #bdcadd;border-radius:4px;color:#2d425f;min-height:44px}.feature-explain .button{margin-top:20px;min-height:44px;gap:10px;font-size:12px}.feature-summary,.sample-schedule{background:#edf1f7;border-left:1px solid #d7dfe9}.sample-heading{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.1em;color:#526986;line-height:1.7}.sample-heading span{font-size:10px;letter-spacing:0}.schedule-hours{position:relative;margin-top:28px;padding-left:48px}.schedule-hours>span{display:block;height:54px;border-top:1px solid #ccd6e3;font-size:10px;color:#7a8ba1;padding-top:5px}.schedule-hours>span:last-of-type{height:25px}#schedule-block{position:absolute;top:0;left:55px;right:0;background:#dce7f8;border-left:3px solid #426fb1;border-radius:4px;padding:16px;color:#2a4c7d;height:158px}#schedule-block b,#schedule-block span,#schedule-block small{display:block}#schedule-block b{font-size:13px}#schedule-block span{font-size:11px;margin-top:10px}#schedule-block small{font-size:9px;margin-top:12px}.feature-summary dl>div{display:flex;justify-content:space-between;gap:18px;padding:18px 0;border-bottom:1px solid #cbd6e5;font-size:13px}.feature-summary dd{margin:0;font-weight:500}.feature-summary dt{color:#556a85}.feature-summary .summary-total{font-size:18px}.feature-summary .button{width:100%;font-size:12px;min-height:44px}.feature-summary h3{font-size:24px;font-weight:500;letter-spacing:-.03em}.demo-extra{display:flex;gap:12px;align-items:center;padding:18px;background:#fff;border:1px solid #cbd7e8;border-radius:4px;font-size:12px;cursor:pointer}.demo-extra input{width:20px;height:20px;accent-color:#2958a6}.demo-extra small{display:block;color:#6c7e95;font-size:11px;margin-top:6px}.feature-panel .reset{min-height:44px}button:disabled{cursor:default;opacity:.7}.service-tabs{flex-wrap:wrap}.studio-services{flex-wrap:wrap}@media(max-width:800px){.feature-panel{grid-template-columns:1fr}.feature-summary,.sample-schedule{border-left:0;border-top:1px solid #d7dfe9}.feature-explain,.feature-summary,.sample-schedule{padding:25px}.feature-tabs{gap:6px}.feature-tabs button{font-size:11px;padding:12px}.feature-explain h3{font-size:25px}.sample-heading{flex-wrap:wrap}}

/* Draft 11: explicit yes/no states. */
.addon{gap:12px;position:relative}.addon input{right:0;top:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}.switch{background:#a53b3b;border:1px solid #8c2929;width:42px;height:26px;position:relative}.switch:before{background:#fff;width:16px;height:16px;margin:4px}.addon input:checked+.switch{background:#23734a;border-color:#1a5938}.addon input:checked+.switch:before{background:#fff;transform:translateX(16px)}.switch-label{font-size:12px;min-width:24px;font-weight:600;color:#9b3030}.addon:has(input:checked) .switch-label{color:#1d6741}.choice-badge{margin-left:auto;font-size:12px;font-weight:600;color:#9b3030;background:#faecec;border:1px solid #e5bbbb;padding:6px 10px;border-radius:4px;min-width:42px;text-align:center}.demo-extra:has(input:checked) .choice-badge{color:#1d6741;background:#e8f3ec;border-color:#a8cfb8}.demo-extra input{accent-color:#23734a}

/* Draft 12: natural page scrolling through the estimate sample. */
.showcase{height:auto}.showcase-sticky{position:relative;top:auto;height:auto;min-height:0;overflow:visible;padding-bottom:40px}.showcase-progress,.studio-caption{display:none}

/* Draft 13 — purposeful interaction without moving documents. */
.hero-flow{display:flex;align-items:center;gap:10px;margin-top:26px;flex-wrap:wrap}.hero-flow button{padding:10px 12px;min-height:44px;background:transparent;border:1px solid #c6d1df;color:#53647b;font-size:10px;border-radius:4px;transition:background .25s,color .25s}.hero-flow button[aria-pressed=true]{background:#e3eaf5;border-color:#7998c1;color:#234d85}.hero-flow>span{color:#9aa9bc;font-size:12px}.hero-copy .hero-flow-copy{font-size:12px;line-height:1.6;min-height:40px;margin:10px 0 0;color:#586b85}.hero-flow~.hero-note{margin-top:14px}.hero-stage[data-flow=approve] .fake-approve{background:#23734a}.hero-stage[data-flow=learn] .tag-two{border-color:#6786b3;background:#e9f0fa}.hero-stage .fake-approve,.hero-stage .tag-two{transition:background .35s,border-color .35s}.confirmed-feedback{background:#e7f1eb!important;color:#235f3d!important;border:1px solid #a9cdb8;border-radius:4px;padding:12px!important;font-size:11px!important;line-height:1.6!important;animation:confirm-reveal .35s ease-out}.show-document.approved{border-top:4px solid #23734a}.show-document.approved #doc-state{color:#23734a}.cost-track i{transition:width .35s ease-out}.feature-panel{animation:panel-reveal .3s ease-out}.studio-services button:hover,.feature-tabs button:hover{border-color:#7598c7;box-shadow:inset 0 0 0 1px #789ac144}.studio-colors button:hover{box-shadow:0 0 0 3px #9bb7dd80}.service-tabs button{transition:background .2s,color .2s}.show-document button:disabled{background:#23734a;opacity:1}.hero-stage .estimate-card{transition:border-color .3s}.hero-stage[data-flow=learn] .estimate-card{border-color:#7d9bc3}@keyframes confirm-reveal{from{opacity:.3}to{opacity:1}}@keyframes panel-reveal{from{opacity:.5}to{opacity:1}}@media(prefers-reduced-motion:reduce){.feature-panel,.confirmed-feedback{animation:none}}@media(max-width:430px){.hero-flow{gap:6px}.hero-flow button{padding:9px;font-size:9px}.hero-flow>span{font-size:10px}}

/* Draft 14 — typed signature required for sample approvals. */
.signature-fields{border-top:1px solid #d3dce7;margin:18px 0;padding-top:17px;text-align:left}.signature-fields>label{display:block;font-size:12px;font-weight:500;color:#34465e;margin-bottom:9px}.signature-fields>label>span{font-weight:400;color:#64758b}.signature-fields>input{display:block;width:100%;min-height:44px;padding:12px;border:1px solid #aab9cd;border-radius:4px;background:#fff;color:#263a54;font:inherit;font-size:14px}.signature-fields>small{display:block;font-size:10px;line-height:1.5;color:#65768a;margin:7px 0 13px}.signature-fields .signature-agreement{display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.6;cursor:pointer}.signature-agreement input{flex:0 0 20px;width:20px;height:20px;margin:2px 0 0;accent-color:#23734a}.signature-fields .signature-error{color:#9f2929;background:#f9eaea;border:1px solid #e5bbbb;padding:9px;font-size:11px;line-height:1.6;margin:10px 0}.signature-fields .signature-error[hidden]{display:none}.signature-fields input[aria-invalid=true]{border-color:#a32c2c}.show-document .signature-fields>label{font-size:11px}.show-document .signature-fields .signature-agreement{font-size:10px}.show-document .signature-fields{margin-top:10px}.show-document{height:auto}dialog{max-height:calc(100svh - 40px);overflow-y:auto}.show-document button{flex-shrink:0}

/* Draft 15 — drawn signatures. */
.signature-pad{margin:17px 0}.signature-pad>span{display:block;font-size:12px;font-weight:500;color:#34465e}.signature-pad>span>span{font-weight:400;color:#64758b}.signature-pad>small{display:block;font-size:10px;color:#65768a;margin:7px 0}.signature-pad canvas{display:block;width:100%;height:135px;border:1px solid #aab9cd;border-radius:5px;background:#fff;touch-action:none;cursor:crosshair}.signature-tools{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:7px}.signature-tools button,.show-document .signature-tools button{display:inline-flex;justify-content:center;background:#f0f3f7;color:#3c526f;border:1px solid #c7d2e1;border-radius:4px;min-height:38px;width:auto;padding:8px 12px;font-size:11px}.signature-tools button:disabled,.show-document .signature-tools button:disabled{background:#f0f3f7;color:#718096;opacity:.55}.signature-tools>span{font-size:10px;color:#65768a;margin-left:auto}.signature-pad canvas:focus-visible{outline:3px solid #729ee0;outline-offset:3px}@media(max-width:430px){.signature-pad canvas{height:150px}.signature-tools button,.show-document .signature-tools button{min-height:44px}.signature-tools>span{width:100%;margin-left:0}}

/* Consistent preview navigation. */
.preview-navigation{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.preview-navigation a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 13px;border:1px solid #758bab55;border-radius:4px;font-size:12px;letter-spacing:0;color:#dce6f5!important;margin:0!important;text-decoration:none}.preview-navigation a[aria-current=page]{background:#e6edf7;color:#253d60!important;border-color:#e6edf7}.preview-navigation a:hover{border-color:#a7bdda}.draft-bar,.workspace-draft-banner{align-items:center;gap:15px}.draft-bar>b,.workspace-draft-banner>b{font-size:9px;letter-spacing:.12em}.draft-bar>span,.workspace-draft-banner>span{font-size:10px;margin-left:auto}.draft-bar{background:#202733}@media(max-width:700px){.draft-bar,.workspace-draft-banner{padding:10px 16px;gap:8px}.draft-bar>span,.workspace-draft-banner>span{display:none}.preview-navigation{gap:4px}.preview-navigation a{padding:8px 10px;font-size:11px;min-height:44px}}

.public-resources{background:#f5f4f0;color:#243248}.public-resources nav,.legal-links{display:flex;gap:20px;flex-wrap:wrap}.public-resources a,.legal-links a{min-height:44px;display:inline-flex;align-items:center}.legal-links{grid-column:1/-1}.nav{flex-wrap:wrap}header nav{flex-wrap:wrap}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

.customer-reviews{background:#f6f5f1;color:#243248}.customer-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.customer-review{padding:24px;background:#fff;border:1px solid #d8e0eb;border-radius:7px}.customer-review blockquote{margin:15px 0;line-height:1.7}.customer-review .review-stars{color:#79572c}.customer-review small{display:block;line-height:1.6}@media(max-width:700px){.customer-review-grid{grid-template-columns:1fr}}

/* Shared, grouped footer and visible tester invitation. */
.site-footer{display:block;max-width:none;margin:0;background:#eef0f3;border-top:1px solid #d6dde6;padding:52px max(5%,calc((100% - 1240px)/2)) 0;color:#34445b}.site-footer .footer-main{display:grid;grid-template-columns:minmax(240px,1.8fr) repeat(3,minmax(130px,1fr));gap:38px;padding-bottom:36px}.site-footer .footer-brand p{max-width:300px;margin:18px 0 12px;font-size:13px;line-height:1.8;color:#59697e}.site-footer .brand{font-size:22px;letter-spacing:-.8px}.site-footer .brand img{margin-right:5px}.site-footer .footer-credit{font-size:12px;color:#4c617d;display:inline-flex;align-items:center;min-height:44px}.site-footer .footer-group{display:flex;flex-direction:column;align-items:flex-start;gap:0}.site-footer .footer-group h2{font-size:13px;font-weight:700;letter-spacing:0;margin:0 0 12px;color:#273b56}.site-footer .footer-group a{font-size:13px;line-height:1.5;min-height:40px;display:inline-flex;align-items:center;padding:7px 0;color:#4d607a}.site-footer a:hover{text-decoration:underline;text-underline-offset:4px;color:#2958a6}.site-footer .footer-bottom{border-top:1px solid #d3dbe5;padding:16px 0;display:flex;align-items:center;justify-content:space-between;gap:18px}.site-footer .footer-bottom small{font-size:12px;line-height:1.6;color:#65748a}.site-footer .footer-utility{display:flex;align-items:center;gap:24px;flex-wrap:wrap;font-size:12px}.site-footer .footer-utility a,.site-footer #analytics-settings{display:inline-flex;align-items:center;min-height:44px;padding:8px 0!important;font-size:12px;color:#4d607a;text-decoration:none!important}.site-footer #analytics-settings:hover{text-decoration:underline!important;text-underline-offset:4px}.tester-invitation{max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:36px;padding:48px 5%;border-top:1px solid #d8dee6}.tester-invitation h2{font-size:32px;font-weight:500;letter-spacing:-.04em;line-height:1.2;margin:14px 0}.tester-invitation p{font-size:14px;max-width:550px;margin:0}.tester-invitation .button{flex-shrink:0;min-height:48px;font-size:13px}@media(max-width:800px){.site-footer .footer-main{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}.site-footer .footer-brand{grid-column:1/-1}.site-footer .footer-brand p{max-width:450px}.tester-invitation{align-items:flex-start;flex-direction:column;gap:24px}.site-footer .footer-bottom{align-items:flex-start;flex-direction:column;gap:6px}.site-footer .footer-utility{gap:24px}}@media(max-width:430px){.site-footer{padding-top:32px}.site-footer .footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}.site-footer .footer-group a{min-height:44px}.tester-invitation h2{font-size:29px}}

@media(min-width:801px){.site-footer .footer-utility{padding-right:140px}}

/* Public header: brand, navigation and account actions form one deliberate row. */
.site-header{max-width:1380px;display:flex;flex-wrap:nowrap;align-items:center;gap:26px;padding:20px 5%;border-bottom:1px solid #d9dee5;position:relative}
.site-header>.brand{flex-shrink:0;white-space:nowrap;font-size:22px;letter-spacing:-.8px;margin:0}
.site-header .header-menu{display:flex;align-items:center;flex:1;gap:24px;min-width:0}
.site-header nav{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:4px;margin:0 auto;padding:0;border:0;flex-basis:auto;order:0;font-size:13px}
.site-header nav>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 12px;white-space:nowrap;border-radius:6px;color:#445269;transition:background .18s,color .18s}
.site-header nav>a:hover,.site-header nav>a[aria-current]{color:#254d85;background:#e8edf4}
.site-header .header-actions{display:flex;align-items:center;gap:20px;flex-shrink:0}
.site-header .header-actions>[data-account-link]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;white-space:nowrap;font-size:13px;font-weight:600;color:#34445c}
.site-header .header-actions>.button.small{min-height:44px;padding:12px 18px;border-radius:6px;white-space:nowrap;font-size:12px;box-shadow:0 3px 8px #243f7010}
.site-header .header-actions>[data-account-link].workspace-link{padding:11px 18px;background:#2958a6;color:white;border-radius:6px}
.site-header .site-menu-toggle{min-height:44px;padding:10px 14px;border:1px solid #ccd4df;border-radius:6px;background:#fff;color:#34445c;font-size:13px;font-weight:600;align-items:center;gap:12px}
@media(min-width:881px){.site-header .site-menu-toggle{display:none}}
@media(max-width:1100px) and (min-width:881px){.site-header{gap:18px;padding-inline:4%}.site-header>.brand{font-size:20px}.site-header>.brand img{width:30px;height:30px}.site-header .header-menu{gap:16px}.site-header nav>a{padding-inline:9px;font-size:12px}.site-header .header-actions{gap:14px}}
@media(max-width:880px){
 .site-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0;padding:16px 5%}
 .site-header>.brand{font-size:21px;grid-column:auto;margin:0}.site-header>.brand img{width:30px;height:30px}
 .site-header .site-menu-toggle:not([hidden]){display:inline-flex}
 .site-header .header-menu{flex:0 0 100%;display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:18px 0 4px;margin-top:16px;border-top:1px solid #d9dee5}
 .site-header.nav-ready:not(.menu-open) .header-menu{display:none}
 .site-header nav{display:flex!important;flex-direction:column;align-items:stretch;gap:4px;flex-basis:auto;width:100%;margin:0;padding:0;grid-column:auto}
 .site-header nav>a{justify-content:space-between;min-height:48px;padding:12px 14px;background:#eef1f5;font-size:14px;border:1px solid #e2e6ed;border-radius:6px}
 .site-header nav>a::after{content:'↗';font-size:14px;color:#77869a}
 .site-header nav>a[href*="#"]::after{content:'↓'}
 .site-header .header-actions{gap:20px;border-top:1px solid #d9dee5;padding-top:16px;justify-content:space-between}
 .site-header .header-actions>.button.small{flex:1;max-width:260px;font-size:13px}
 .site-header .header-actions>[data-account-link]{min-width:70px;font-size:14px}
 .site-header .header-actions>[data-account-link].workspace-link{width:100%}
}
@media(prefers-reduced-motion:no-preference){.site-header.menu-open .header-menu{animation:header-reveal .18s ease-out both}@keyframes header-reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}}

.development-note{padding:12px 5%;background:#eaf0f8;border-bottom:1px solid #cfdae8;color:#354a69;text-align:center;font-size:13px;line-height:1.55}.development-note strong{font-weight:650;margin-right:5px}

/* Materials and measured usage: quiet controls, clear cost/price separation. */
.materials-demo{margin-top:30px;border-top:1px solid #d5dde2;padding-top:24px}.materials-demo .demo-hint,.liquid-demo .demo-hint{font-size:13px;line-height:1.65;color:#53616c;margin:10px 0 18px;letter-spacing:normal}.materials-demo label,.liquid-demo label{display:block;font-size:12px;font-weight:650;line-height:1.5;color:#263c49;letter-spacing:normal}.materials-demo input,.materials-demo select,.liquid-demo input,.liquid-demo select{display:block;width:100%;min-height:44px;margin:6px 0 14px;padding:10px 12px;border:1px solid #b9c7ce;border-radius:8px;background:#fff;color:#142e3e;font:inherit;font-size:14px;box-sizing:border-box}.materials-demo input:focus,.materials-demo select:focus,.liquid-demo input:focus,.liquid-demo select:focus{outline:3px solid #9cc5db;outline-offset:2px}.material-row{min-width:0;margin:16px 0;padding:18px;border:1px solid #c8d4dc;border-radius:12px;background:#f7fafb}.material-row legend{font-size:12px;font-weight:700;color:#416072;padding:0 6px}.material-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.material-row-footer{display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:13px;color:#344d5b}.material-remove{border:0;background:transparent;text-decoration:underline;color:#813d36;min-height:44px;padding:8px;cursor:pointer}.material-add>div{display:flex;gap:10px;align-items:flex-start}.material-add select{flex:1;min-width:0}.material-add button{min-height:44px;margin-top:6px;border:1px solid #284f65;background:#173e53;color:white;border-radius:8px;padding:10px 15px;white-space:nowrap;cursor:pointer}.material-add button:disabled{opacity:.5;cursor:default}.liquid-demo{margin-top:24px}.liquid-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.liquid-grid label:first-child:last-child{grid-column:1/-1}#demo-exact-fields[hidden],#demo-fraction-field[hidden],#supply-charge-fields[hidden],#supply-charge-cap-field[hidden],#supply-charge-basis[hidden]{display:none}.quote-breakdown{font-size:14px;margin:24px 0}.quote-breakdown>div{display:flex;gap:20px;justify-content:space-between;padding:12px 0;border-bottom:1px solid #dbe1e5}.quote-breakdown dt{overflow-wrap:anywhere}.quote-breakdown dd{margin:0;white-space:nowrap;font-weight:650}.playground{align-items:start}.results{position:static}.materials-demo input[type=number],.liquid-demo input[type=number]{appearance:auto}.feature-explain .liquid-demo{max-width:100%}@media(max-width:600px){.material-row{padding:14px}.material-grid{gap:0 10px}.material-add>div{flex-wrap:wrap}.material-add select{flex-basis:180px}.quote-breakdown>div{gap:10px}.material-row-footer{flex-wrap:wrap}.liquid-grid{grid-template-columns:1fr 1fr}}
.materials-demo{grid-column:1/-1;margin:0;padding:32px 40px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;background:#fbfcfd}.material-fee-section{padding-top:0}.material-live-summary{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:20px 32px;padding:24px 40px;border-top:1px solid #d5dde2;background:#eef3f6;color:#395161;font-size:13px}.material-live-summary strong{display:block;font-size:24px;color:#163448;margin-top:6px}.material-live-summary button{margin-left:auto;min-height:44px;background:#173e53;color:#fff;border:0;border-radius:8px;padding:12px 18px;font-weight:650;cursor:pointer}@media(max-width:800px){.materials-demo{grid-template-columns:1fr;gap:16px;padding:24px}.material-live-summary{padding:24px}.material-live-summary button{margin-left:0;width:100%}}
.feature-explain .liquid-demo label{margin:0}.feature-explain .liquid-demo select{max-width:none}.liquid-demo .liquid-grid{align-items:start}
.material-catalog{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.material-catalog button{display:grid;grid-template-columns:1fr;text-align:left;padding:15px;border:1px solid #c6d2da;border-radius:12px;background:#fff;color:#1b3545;cursor:pointer;transition:border-color .18s,box-shadow .18s;min-width:0}.material-catalog button:hover{border-color:#547e99;box-shadow:0 4px 16px #18374912}.material-catalog button:focus-visible{outline:3px solid #9cc5db;outline-offset:3px}.material-catalog strong{font-size:14px;line-height:1.5;margin-top:12px}.material-catalog small{font-size:12px;line-height:1.55;color:#536877;margin:4px 0 12px}.catalog-action{font-size:12px;font-weight:700;color:#244e69}.material-swatch{display:block;height:44px;border-radius:6px;border:1px solid #ffffff55}.tint-swatch{background:linear-gradient(130deg,#1a2934,#536673 48%,#14232e 49%,#354a59)}.wrap-swatch{background:linear-gradient(120deg,#14191e,#363d43 50%,#1a2026)}.ppf-swatch{background:linear-gradient(135deg,#dfeaf0,#fafcfd 48%,#acbecb 49%,#e6eef2)}.coating-swatch{background:linear-gradient(120deg,#2b4054,#69859b 46%,#e2edf5 49%,#476681 52%,#253a4c)}.material-catalog button:disabled{opacity:.5;cursor:default}@media(prefers-reduced-motion:reduce){.material-catalog button{transition:none}}
.roll-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.materials-demo input[readonly]{background:#eaf0f4;color:#365468}.material-grid [data-item="sell-field"]{grid-column:1/-1}.material-live-summary button:disabled,.preview-button:disabled{opacity:.5;cursor:default}.materials-demo [hidden]{display:none!important}@media(max-width:550px){.roll-inputs{grid-template-columns:1fr 1fr}.roll-inputs label:last-child{grid-column:1/-1}}
.quote-package{margin:20px 0 28px}.quote-package label{display:block;font-size:12px;font-weight:650;line-height:1.5;color:#263c49;margin-top:14px}.quote-package input,.quote-package select{width:100%;min-height:44px;margin-top:6px;padding:10px 12px;border:1px solid #b9c7ce;border-radius:8px;background:#fff;color:#142e3e;font:inherit;font-size:14px;box-sizing:border-box}.quote-package .demo-hint{font-size:12px;line-height:1.65;color:#53616c;margin:12px 0}.quote-package [hidden]{display:none!important}
.remaining-fields{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-pricing-total{margin:16px 0 0;padding:12px 14px;border-radius:8px;background:#eaf1f5;color:#24485d;font-size:14px;font-weight:650;line-height:1.5}
.material-row[data-film="true"] .material-grid>label:has([data-item="unit"]){grid-column:1/-1;grid-row:1}.material-row[data-film="true"] .material-grid>label:has([data-item="quantity"]){grid-column:1/-1;grid-row:2}
.material-grid .usage-accuracy{grid-column:1/-1}@media(max-width:600px){.material-grid>label:has([data-item="chargeMode"]){grid-column:1/-1}}
.package-estimator{border:1px solid #cbd6de;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 16px 50px #19364a08}.estimate-vehicle,.estimate-route{padding:30px 36px;border-bottom:1px solid #dce3e8}.estimate-vehicle{display:grid;grid-template-columns:1fr 1.5fr;gap:32px;align-items:center;background:#f1f5f8}.package-estimator h3{font-size:26px;line-height:1.25;letter-spacing:-.04em;margin:12px 0}.estimate-vehicle-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.package-estimator label,#demo-package-manager label{display:block;font-size:12px;font-weight:650;line-height:1.5;color:#385164}.package-estimator input,.package-estimator select,#demo-package-manager input,#demo-package-manager select,#demo-package-manager textarea{width:100%;box-sizing:border-box;min-height:44px;border:1px solid #bccbd5;border-radius:8px;background:white;padding:10px 12px;color:#18364b;font:inherit;font-size:14px;margin-top:6px}.estimate-route{display:flex;align-items:center;justify-content:space-between;gap:24px}.estimate-route-actions{display:flex;gap:10px;flex-wrap:wrap}.package-estimator button,#demo-package-manager button,.cost-route-heading button,.demo-price-helper button{min-height:44px;border:1px solid #b7c9d5;border-radius:8px;background:#fff;color:#234c67;padding:11px 16px;font:inherit;font-size:13px;font-weight:650;cursor:pointer}.estimate-route-actions button[aria-pressed=true],.demo-package-card button,#demo-package-manager .primary{background:#23465d;color:white;border-color:#23465d}#package-demo-library{padding:28px 36px}.package-library-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.package-estimator h4{font-size:20px;line-height:1.3;letter-spacing:-.025em;margin:0 0 8px}.package-library-heading p,.package-estimator p{font-size:13px;color:#536b7b;line-height:1.7;margin:0}.package-demo-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.demo-package-card{border:1px solid #c8d6e0;border-radius:12px;padding:24px;background:linear-gradient(135deg,#fff,#f7fafc)}.package-rule{display:inline-block;font-size:11px;color:#365e77;background:#e8f0f5;padding:5px 8px;border-radius:5px;margin-bottom:18px}.demo-package-card>div{display:flex;gap:12px;align-items:baseline;margin:24px 0 18px}.demo-package-card strong{font-size:28px;color:#23465d}.demo-package-card small{font-size:12px;color:#596e7c}.demo-package-card button{width:100%}#package-demo-note{margin-top:18px}.package-selection{display:flex;justify-content:space-between;gap:24px;background:#edf4f8;border-top:1px solid #c8d8e4;padding:28px 36px}.package-selection-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.package-selection-actions strong{font-size:28px;color:#23465d}.package-demo-disclosure{padding:18px 36px;border-top:1px solid #e2e8ed;background:#fafcfd}.cost-route-heading{padding:32px 0}.cost-route-heading h3{font-size:28px;margin:0 0 12px}.cost-route-heading p{font-size:14px;color:#597080}.cost-route-heading button{margin-top:16px}.demo-price-helper{border:1px solid #c9d6e0;border-radius:10px;padding:14px;margin:20px 0}.demo-price-helper summary{cursor:pointer;font-weight:650;font-size:14px}.demo-price-helper label{display:block;font-size:12px;margin-top:16px}.demo-price-helper input{display:block;width:100%;min-height:44px;border:1px solid #c0ccd5;border-radius:8px;padding:10px;box-sizing:border-box;margin-top:6px}.demo-price-helper p{font-size:12px;line-height:1.7;color:#536b7b}#demo-package-manager{max-width:760px;background:#f7fafc;color:#18364b}#demo-package-manager header{display:flex;gap:16px;align-items:center;justify-content:space-between}#demo-package-manager form{display:grid;gap:16px}#demo-package-manager textarea{min-height:90px}#demo-package-manager .estimate-vehicle-fields{grid-template-columns:1fr 1fr}.demo-managed-packages{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.demo-managed-packages small{display:block;margin-top:6px;font-weight:400}.package-estimator [hidden],#demo-package-manager [hidden],#demo-cost-route[hidden]{display:none!important}@media(max-width:800px){.estimate-vehicle{grid-template-columns:1fr}.estimate-route,.package-selection{flex-direction:column;align-items:stretch}}@media(max-width:600px){.estimate-vehicle,.estimate-route,#package-demo-library,.package-selection{padding:24px}.estimate-vehicle-fields{grid-template-columns:1fr 1fr}.estimate-vehicle-fields label:first-child{grid-column:1/-1}.package-demo-list{grid-template-columns:1fr}.package-library-heading{align-items:start}.package-estimator h3{font-size:24px}.package-demo-disclosure{padding:18px 24px}.estimate-route-actions button{flex:1}.package-selection-actions button{width:100%}}
.demo-extra-policy{display:block;font-size:12px;font-weight:650;color:#365268;margin:18px 0}.demo-extra-policy select{display:block;width:100%;min-height:44px;margin-top:8px;padding:10px;border:1px solid #bdcbd7;border-radius:8px;background:white;color:#23465d;font:inherit}#demo-customer-extra[hidden]{display:none!important}.preview-document #demo-customer-extra{font-size:13px;gap:12px;line-height:1.5}
.demo-design-controls{margin:0 30px 24px;padding:22px;border:1px solid #ffffff24;border-radius:12px;background:#ffffff08;color:#ecf2f7}.demo-design-controls summary{font-size:17px;font-weight:650;cursor:pointer}.demo-design-controls>p{font-size:13px;line-height:1.65;color:#c2d0db}.demo-design-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.demo-design-fields label{font-size:12px;line-height:1.5}.demo-design-fields .wide{grid-column:1/-1}.demo-design-fields input,.demo-design-fields select{display:block;width:100%;min-height:44px;margin-top:7px;border:1px solid #aebfcd;border-radius:8px;padding:10px;background:#f8fbfd;color:#1b3b51;font:inherit;font-size:14px;box-sizing:border-box}.demo-design-fields input[type=color]{padding:5px}.demo-design-controls button{min-height:44px;background:#edf3f8;border:1px solid #afc2d1;color:#294c67;border-radius:8px;padding:10px 16px;font:inherit;font-size:13px;cursor:pointer}.show-document[data-demo-font=serif]{font-family:Georgia,'Times New Roman',serif}.show-document[data-demo-layout=compact]{padding:20px!important}.show-document[data-demo-layout=compact] .doc-title{padding:14px 0}.show-document[data-demo-layout=compact] .doc-masthead{padding-bottom:12px}.show-document[data-demo-layout=compact] .quote-breakdown>div{padding:8px 0}.show-document[data-demo-logo=small] .doc-logo{font-size:16px}.show-document[data-demo-logo=medium] .doc-logo{font-size:24px}.show-document[data-demo-logo=large] .doc-logo{font-size:34px}.show-document [data-demo-logo-image]{object-fit:contain;width:auto;height:auto;max-width:150px;max-height:65px}.show-document[data-demo-logo=small] [data-demo-logo-image]{max-width:95px;max-height:42px}.show-document[data-demo-logo=large] [data-demo-logo-image]{max-width:210px;max-height:90px}.show-document [hidden]{display:none!important}@media(max-width:650px){.demo-design-controls{margin:0 16px 18px;padding:18px}.demo-design-fields{grid-template-columns:1fr 1fr}.demo-design-fields label:first-child{grid-column:1/-1}}
.demo-timer{margin:22px 0;padding:20px;border:1px solid #c7d5df;border-radius:12px;background:#f2f6f9}.demo-timer>span{font-size:10px;letter-spacing:.1em;color:#526c7e}.demo-timer output{display:block;font-size:38px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.03em;margin:10px 0 18px;color:#23465d}.demo-timer>div{display:flex;gap:8px;flex-wrap:wrap}.demo-timer button,#demo-time-next-estimate{min-height:44px;border:1px solid #aec2d0;border-radius:8px;padding:10px 13px;background:white;color:#23465d;font:inherit;font-size:12px;cursor:pointer}.demo-timer p{font-size:12px!important;line-height:1.6}.demo-timer button:disabled{opacity:.5;cursor:default}#demo-time-next-estimate{margin:12px 0;background:#23465d;color:white}
.inspection-demo-options{display:grid;gap:12px;margin:22px 0}.inspection-demo-options label{display:flex!important;align-items:start;gap:10px;margin:0!important;font-size:13px!important;line-height:1.6}.inspection-demo-options input{width:18px;height:18px;flex-shrink:0}#feature-inspection textarea{width:100%;box-sizing:border-box;margin-top:8px;border:1px solid #b8c7d3;border-radius:8px;padding:12px;font:inherit;color:#23465d}#inspection-demo-checklist{display:grid;grid-template-columns:1fr 1fr;gap:12px}#inspection-demo-checklist fieldset{min-width:0;border:1px solid #bdccd8;border-radius:8px;padding:12px;margin:0;background:#f8fbfd}#inspection-demo-checklist legend{font-size:13px;font-weight:650;color:#25485e}#inspection-demo-checklist label{display:block;font-size:12px;line-height:1.6;margin-bottom:10px;color:#405d70}#inspection-demo-checklist select{width:100%;min-height:44px;padding:8px;border:1px solid #b5c7d5;border-radius:6px;background:white;color:#23465d;font:inherit}#inspection-demo-status{margin:20px 0;padding:16px;border:1px solid #b8cdda;background:#e2ecf3;color:#264e68;font-size:14px;line-height:1.65;border-radius:8px}#inspection-demo-approve{min-height:44px;padding:12px 16px;background:#23465d;color:#fff;border:0;border-radius:8px;font:inherit;font-size:13px;cursor:pointer}#inspection-demo-approve:disabled{opacity:.5;cursor:default}@media(max-width:600px){#inspection-demo-checklist{grid-template-columns:1fr}.feature-tabs{flex-wrap:wrap}}
@media(max-width:600px){.package-estimator input,.package-estimator select,#demo-package-manager input,#demo-package-manager select,#demo-package-manager textarea,.demo-design-fields input,.demo-design-fields select,.materials-demo input,.materials-demo select,.liquid-demo input,.liquid-demo select,.quote-package input,.quote-package select,#feature-inspection textarea,#feature-inspection select{font-size:16px}}
#inspection-demo-checklist input[type=text]{display:block;width:100%;min-height:44px;box-sizing:border-box;margin-top:6px;padding:8px;border:1px solid #b5c7d5;border-radius:6px;font:inherit;font-size:14px}#inspection-demo-checklist [hidden]{display:none!important}
.demo-section input:invalid{border-color:#ad5148;box-shadow:0 0 0 1px #ad5148}.demo-price-helper button:disabled{opacity:.5;cursor:default}
/* Estimating proof: customer identity, matching evidence and an editable result. */
.estimate-vehicle-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.estimate-vehicle-fields label:first-child{grid-column:1/-1}.demo-vehicle-help{padding:18px 36px 0}.demo-comparison-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:18px 36px}.demo-comparison-fields label,.demo-estimate-proof label{display:block;font-size:13px;font-weight:600;color:#2e485b}.demo-estimate-proof{display:grid;grid-template-columns:1.1fr 1fr;border-top:1px solid #c8d8e4}.demo-estimate-proof>div,.demo-estimate-proof>aside{padding:32px 36px}.demo-estimate-proof>aside{background:#edf3f7;border-left:1px solid #d1dce4}.demo-estimate-proof h3{margin:18px 0}.demo-estimate-proof dl{margin:24px 0}.demo-estimate-proof dl>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #d5dfe5;font-size:13px}.demo-estimate-proof dd{margin:0;font-weight:650}.demo-estimate-proof .actions{display:flex;flex-wrap:wrap;gap:10px}.demo-estimate-proof details,.demo-unavailable{margin-top:22px;border-top:1px solid #ccd9e2;padding-top:16px}.demo-estimate-proof summary,.demo-unavailable summary{cursor:pointer;font-size:13px;font-weight:650;color:#284a61;line-height:1.5}.demo-estimate-proof details p,.demo-unavailable p{margin-top:12px}.demo-estimate-proof .demo-comparison-fields{padding:16px 0}.demo-estimate-proof #demo-save-status{margin-top:16px;font-size:12px}.demo-match-reason{margin-bottom:14px!important}.package-rules{padding:20px;border:1px solid #c6d3dc;border-radius:10px;min-width:0}.package-rules legend{font-weight:650;font-size:14px}.package-rules label{display:block;font-size:13px;line-height:1.6;margin:12px 0}.package-rules input,.package-rules select{width:100%;min-width:0;box-sizing:border-box}.package-rules input[type=checkbox],.demo-estimate-proof input[type=checkbox]{width:18px;min-height:18px;vertical-align:middle;margin-right:8px}.package-rules [data-package-row]{border:1px solid #cbd7df;border-radius:8px;padding:16px;margin:16px 0;min-width:0}.package-rules .fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.package-rules [hidden]{display:none!important}.demo-estimate-proof input,.demo-estimate-proof select{border:1px solid #bacbd6;background:white;color:#243e51;border-radius:8px;min-height:44px;padding:10px;max-width:100%;box-sizing:border-box}.demo-estimate-proof .demo-comparison-fields input{width:100%}.demo-estimate-proof #demo-use-history{margin:18px 0}button:disabled{cursor:not-allowed}
@media(max-width:900px){.demo-estimate-proof{grid-template-columns:1fr}.demo-estimate-proof>aside{border-left:0;border-top:1px solid #d1dce4}}
@media(max-width:600px){.estimate-vehicle-fields{grid-template-columns:1fr 1fr}.demo-vehicle-help{padding:18px 24px 0}.demo-comparison-fields{padding:18px 24px;grid-template-columns:1fr}.demo-estimate-proof>div,.demo-estimate-proof>aside{padding:24px}.demo-estimate-proof input,.demo-estimate-proof select,.package-rules input,.package-rules select{font-size:16px}.demo-estimate-proof .actions>button{width:100%}.package-rules .fields{grid-template-columns:1fr}.demo-estimate-proof dl>div{align-items:start}.demo-estimate-proof dd{text-align:right}}
#demo-package-manager header{position:sticky;top:0;z-index:5;background:#f7fafc;padding:12px 0}
/* A bounded product tour, with real work reserved for the account workspace. */
.demo-boundary-note{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:20px 36px;background:#213d50;color:#fff}.demo-boundary-note strong{font-size:14px}.demo-boundary-note span{font-size:12px;color:#dce7ee}.demo-boundary-note a{color:#fff;margin-left:auto;font-size:13px;text-underline-offset:4px}.demo-account-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 18px;border-radius:8px;background:#23465d;color:#fff!important;font-size:13px;font-weight:650;text-decoration:none;box-sizing:border-box}.demo-example-selector{grid-column:1/-1}.demo-document-mark{border:1px solid #b9c9d3;padding:9px 10px!important;margin:0 0 20px!important;font:600 9px/1.5 system-ui!important;letter-spacing:.09em;color:#36566c!important;background:#eaf0f3;text-align:center}.demo-print-notice{display:none}#try input[readonly],#try textarea[readonly],#demo-brand-name[readonly],#demo-document-heading[readonly]{background:#edf1f4;color:#425d70;cursor:default}#package-demo-type:disabled{opacity:1;color:#425d70;background:#edf1f4}.demo-estimate-proof .actions{align-items:stretch}.demo-estimate-proof .actions .demo-account-cta{width:100%}
@media(max-width:600px){.demo-boundary-note{padding:20px 24px;gap:10px}.demo-boundary-note a{margin-left:0;width:100%}}
@media print{body>*{display:none!important}body>.demo-print-notice{display:block!important;color:#172f40;padding:30px;font:16px/1.7 system-ui}dialog,.show-document{display:none!important}}
/* Consistent package cards: shared track sizes keep headings and actions aligned. */
.demo-package-card{display:flex;flex-direction:column;gap:0;min-width:0;background:#f9fbfc;border-color:#c9d6df;box-shadow:none}.demo-package-card .package-rule{align-self:flex-start;margin:0 0 18px;line-height:1.5;max-width:100%;box-sizing:border-box}.demo-package-card h4{margin:0;min-height:52px;font-size:20px;line-height:26px}.demo-package-card .demo-package-scope{margin:12px 0 0;line-height:1.7}.demo-package-card .demo-match-reason{margin:20px 0 0!important;padding-top:16px;border-top:1px solid #d9e2e8;font-size:12px;overflow-wrap:anywhere}.demo-match-reason>span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#6a7e8b;margin-bottom:6px}.demo-package-card .demo-package-price{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;margin:24px 0 18px;padding-top:0}.demo-package-card button{margin-top:auto;flex-shrink:0}.demo-package-card>button{min-height:46px}.demo-managed-packages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.demo-managed-packages>button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;justify-content:center;min-height:88px;width:100%;line-height:1.5}.demo-managed-packages small{line-height:1.5;font-weight:400}
@supports(grid-template-rows:subgrid){.demo-package-card{display:grid;grid-template-rows:subgrid;grid-row:span 6;row-gap:0}.demo-package-card h4{min-height:0}.demo-package-card .demo-package-scope{margin-top:12px}.demo-package-card .demo-match-reason{align-self:end}.demo-package-card button{align-self:end;margin-top:0}}
.demo-size-comparison{padding:28px 36px;border-top:1px solid #d4e0e8;border-bottom:1px solid #d4e0e8;background:#f4f8fa}.demo-size-comparison h4{margin:12px 0!important}.demo-size-choices{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0 16px}.demo-size-choices button{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px!important;line-height:1.5;text-align:left;background:#fff}.demo-size-choices strong{font-size:28px;line-height:1.2}.demo-size-choices small{font-weight:400}.demo-size-choices button[aria-pressed=true]{border-color:#23465d;background:#e5eef4;box-shadow:inset 0 0 0 1px #23465d}#demo-size-result{font-weight:600;color:#294a60}.demo-size-note{font-size:11px!important;margin-top:12px!important}
@media(max-width:600px){.demo-managed-packages{grid-template-columns:1fr}.demo-size-comparison{padding:24px}.demo-size-choices{gap:10px}.demo-size-choices button{padding:16px!important}.demo-package-card h4{min-height:0}.demo-package-card{padding:22px}.demo-package-card .demo-match-reason{margin-top:18px!important}}
.demo-size-choices button>span{min-height:1.5em}@media(max-width:600px){.demo-size-choices button>span{min-height:3em}}
.demo-package-category-bar{display:grid;grid-template-columns:minmax(180px,260px) 1fr;align-items:center;gap:24px;border-top:1px solid #d9e3e9;padding-top:20px;margin-bottom:24px}.demo-package-category-bar label{font-size:12px}.demo-package-category-bar p{font-size:12px;color:#526c7d;line-height:1.7}@media(max-width:600px){.demo-package-category-bar{grid-template-columns:1fr;gap:12px}}
.demo-work-help{grid-column:1/-1;font-size:12px!important;color:#597080}.demo-comparison-fields .demo-work-help{margin-top:0}#demo-package-manager>div>label{display:block;margin:20px 0}#demo-package-manager form>details{border-top:1px solid #d5dfe6;margin-top:20px;padding-top:16px}#demo-package-manager form>details summary{cursor:pointer;font-size:13px;font-weight:600}#demo-package-manager form>details p{font-size:13px;line-height:1.7;margin:12px 0}