@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;600;700&display=swap');
:root{color-scheme:dark;--navy:#001a32;--deep:#001326;--blue:#078cff;--cyan:#00aaff;--line:#174b76}*{box-sizing:border-box}body{margin:0;background:#001020;color:white;font:16px/1.45 Inter,Arial,sans-serif}.funnel{width:min(100%,780px);margin:auto;background:radial-gradient(ellipse at 85% 14%,#063863 0,#001a32 39%,#001326 75%);min-height:100vh;box-shadow:0 0 80px #0004}header{background:white;color:#08213f;display:flex;justify-content:space-between;align-items:center;padding:21px 30px}.brand{text-decoration:none;color:#08213f;font:900 30px/.84 'Barlow Condensed',Impact,sans-serif}.brand b{color:#087ff0}.brand small{font-size:16px;margin-left:3px}.preview{font-size:11px;letter-spacing:1px;background:#e6f4ff;border:1px solid #bbdfff;border-radius:5px;padding:7px 9px}.body{padding:0 28px}.stage{display:flex;justify-content:space-between;padding:21px 0 8px;font:800 20px 'Barlow Condensed',sans-serif}.stage b{color:var(--blue)}.progress{height:7px;background:#1b3e61;border-radius:8px;overflow:hidden}.progress span{display:block;width:33.33%;height:100%;background:linear-gradient(90deg,#00b9ff,#0878f8);transition:width .2s}nav{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:13px 0;font:700 15px 'Barlow Condensed',sans-serif}nav span{text-align:center;border:1px solid #6784a0;border-radius:5px;padding:6px}nav [aria-current]{background:var(--blue);border-color:var(--blue)}.hero{position:relative;display:flex;align-items:center;min-height:255px;padding:15px 0 25px;isolation:isolate}.hero>div{position:relative;z-index:2;width:66%;pointer-events:none}h1{margin:0;font:400 67px/.9 'Bebas Neue',Impact,sans-serif;letter-spacing:-1px;text-shadow:0 2px 1px #001326}mark{background:none;color:#1a91ff}.hero p{font-size:16px;line-height:1.5;margin:17px 0 0;max-width:58%}.hero img{position:absolute;right:-23px;top:0;width:53%;height:100%;object-fit:contain;mix-blend-mode:screen;z-index:1}h2{font:800 28px/1.1 'Barlow Condensed',Impact,sans-serif;margin:5px 0 7px}.hint{color:#c2d8e9;margin:0 0 17px;font-size:15px}fieldset{margin:0;padding:0;border:0}.choices{display:grid;gap:12px}.choice{position:relative;background:#fff;color:#071d39;border:2px solid #168cff;box-shadow:0 4px 0 #056bc7;border-radius:11px;min-height:91px;padding:13px 19px;display:grid;grid-template-columns:65px 1fr 24px;gap:14px;align-items:center;cursor:pointer}.choice strong{display:block;font:800 25px/.95 'Barlow Condensed',Impact,sans-serif}.choice small{display:block;font-size:14px;margin-top:6px}.choice input{position:absolute;opacity:0;width:1px;height:1px}.choice i{display:block;width:24px;height:24px;border:2px solid #1178cf;border-radius:5px;align-self:center}.choice:has(input:checked){background:#e8f6ff;border-color:#60d2ff;box-shadow:0 4px 0 #067bd9,0 0 14px #078cff66}.choice:has(input:checked) i{background:var(--blue)}.choice:has(input:checked) i:after{content:'✓';color:#fff;font-style:normal;display:block;text-align:center;line-height:20px;font-weight:800}.choice:has(input:focus-visible){outline:3px solid #8ae9ff;outline-offset:4px}.car-art{display:flex;justify-content:center;align-items:center;gap:3px;flex-wrap:wrap;max-width:65px}.car-art svg{width:25px;height:40px;fill:#d1ecff;stroke:#076dcc;stroke-width:1.8}.car-art[data-cars='3'] svg,.car-art[data-cars='4'] svg{width:24px;height:27px}.car-art[data-cars='4']{width:59px}.actions{display:flex;gap:12px;margin-top:18px}.actions button,.primary{border:1px solid #6386a2;border-radius:9px;background:#04182d;color:white;min-height:57px;padding:10px 24px;font:800 26px 'Barlow Condensed',Impact,sans-serif;cursor:pointer}.actions .primary,.primary{flex:1;background:linear-gradient(90deg,#078cff,#0069e8);border:0;box-shadow:inset 0 1px #55c0ff;position:relative}.primary b{position:absolute;right:20px}.primary:hover{filter:brightness(1.13)}button:active{transform:translateY(2px)}button:focus-visible{outline:3px solid #8ae9ff;outline-offset:3px}.reassurance{text-align:center;color:#bbd5eb;font-size:13px;margin:12px 0 26px}.proof{border-top:1px solid #174b76;padding-top:23px}.proof h2{font-size:30px;margin-bottom:13px}.proof img{display:block;width:100%;height:auto;border:2px solid #168cff;border-radius:10px}.proof p{color:#bdd9ed;font-size:12px;text-align:center;margin:9px 0 21px}footer{text-align:center;border-top:1px solid #174b76;padding:19px 0 24px;font:600 15px 'Barlow Condensed',sans-serif;color:#c8e3f8}footer small{font:12px Inter,Arial,sans-serif;color:#9ab6ca}.texture{width:54px;height:48px;border:2px solid #076dcc;border-radius:5px}.plain{background:#d3d9df}.aggregate{background:radial-gradient(circle,#64778a 2px,transparent 3px) 0 0/9px 9px,#dce4eb}.pavers{background:linear-gradient(0deg,transparent 88%,#7691ab 88%) 0 0/24px 14px,linear-gradient(90deg,transparent 90%,#7691ab 90%) 0 0/24px 14px,#d2dce6}.sealed{background:linear-gradient(135deg,#809db8,#dce9f3)}.unknown{font:800 45px 'Barlow Condensed';text-align:center;color:#076dcc}.field-label{display:block;font:800 22px 'Barlow Condensed';margin-top:25px}.postcode{display:block;width:100%;margin:9px 0 19px;padding:17px;border:2px solid #168cff;background:white;color:#071d39;border-radius:8px;font:18px Inter,Arial,sans-serif}.note{padding:18px;border:1px solid #174b76;border-radius:9px;color:#bdd9ed;background:#002445;font-size:15px}#error{margin:12px 0 0;color:#ffd584;font-size:14px}#error:empty{display:none}#complete{padding:15px 0 30px}#complete p{color:#bdd9ed}#complete .primary{width:100%}dl{background:#002445;border:1px solid #174b76;border-radius:10px;padding:18px}dt{color:#19a7ff;font:700 20px 'Barlow Condensed'}dd{margin:3px 0 16px}dd:last-child{margin-bottom:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:520px){header{padding:17px 18px}.brand{font-size:26px}.brand small{font-size:14px}.body{padding:0 16px}.stage{font-size:17px;padding-top:17px}nav{font-size:14px;padding:10px 0}.hero{min-height:210px;padding:15px 0 20px}h1{font-size:clamp(38px,10.6vw,54px)}.hero>div{width:70%}.hero p{font-size:14px;max-width:72%;margin-top:14px}.hero img{right:-16px;width:54%;top:8px;height:190px}h2{font-size:24px}.hint{font-size:14px}.choice{min-height:79px;padding:11px 12px;grid-template-columns:52px 1fr 22px;gap:10px}.choice strong{font-size:22px}.choice small{font-size:13px}.choices{gap:11px}.car-art svg{width:21px;height:35px}.car-art[data-cars='4']{width:49px}.car-art[data-cars='3'] svg,.car-art[data-cars='4'] svg{width:20px;height:24px}.actions button{min-height:54px;font-size:24px}.proof h2{font-size:27px}.preview{font-size:10px}.hero p{background:linear-gradient(90deg,#001a3299,transparent)}.texture{width:47px;height:43px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
nav{grid-template-columns:repeat(7,1fr);gap:5px;font-size:13px}nav span{padding:7px 2px}.section-heading{margin-top:27px}.compact .choice{min-height:76px}.option-symbol{font:800 32px 'Barlow Condensed';color:#076dcc;text-align:center}.extras{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0 23px}.extras label{background:white;color:#071d39;border:2px solid #168cff;border-radius:9px;padding:15px;font-weight:700}.extras small{display:block;font-size:12px;margin:8px 0 0 24px;font-weight:400}.extras input,.test-consent input{accent-color:#078cff;width:18px;height:18px;vertical-align:middle}.text-field,textarea{display:block;width:100%;margin:9px 0 19px;padding:16px;border:2px solid #168cff;background:#fff;color:#071d39;border-radius:8px;font:16px Inter,Arial,sans-serif}textarea{min-height:100px;resize:vertical}.upload-box{display:flex;flex-direction:column;align-items:center;padding:25px 15px;border:2px dashed #078cff;background:#002445;border-radius:12px;cursor:pointer;text-align:center}.upload-box>span{background:#078cff;font-size:35px;width:52px;height:52px;border-radius:50%;line-height:52px}.upload-box strong{font:800 27px 'Barlow Condensed';margin-top:10px}.upload-box small{font-size:14px;color:#b8d5ec;margin-top:7px}#photos{display:block;max-width:100%;margin:14px 0;font-size:14px}#photos::file-selector-button{background:#078cff;color:white;border:0;padding:10px;border-radius:5px;margin-right:10px}#photo-message{color:#ffd584;font-size:14px}#photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}#photo-grid figure{margin:0;background:#002445;border:1px solid #174b76;border-radius:8px;overflow:hidden}#photo-grid img{width:100%;height:105px;object-fit:cover;display:block}#photo-grid figcaption{padding:7px;font-size:12px;overflow-wrap:anywhere}#photo-grid button{color:white;background:#073863;border:0;width:100%;padding:9px;cursor:pointer}.test-consent{display:flex;align-items:flex-start;gap:10px;font-size:14px;border:1px solid #174b76;border-radius:9px;padding:15px;margin:20px 0}.test-consent input{flex-shrink:0}.price-card{text-align:center;background:#fff;color:#071d39;border:3px solid #078cff;border-radius:13px;padding:24px 20px;margin-top:20px}.sample-label{font-size:12px;letter-spacing:1.4px;color:#076dcc;font-weight:700}#total-price{display:block;font:800 58px 'Barlow Condensed';margin:4px 0}#price-description{font-size:14px;color:#52687f}.price-row{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-top:1px solid #d8e4ef;font-size:15px;text-align:left}.edit-link{background:none;color:#49c7ff;border:0;padding:8px 0;font:700 15px Inter,sans-serif;text-decoration:underline;cursor:pointer}#review-summary{display:grid;grid-template-columns:105px 1fr;gap:9px}#review-summary dt{font-size:17px}#review-summary dd{margin:0;overflow-wrap:anywhere;font-size:14px}.complete-tick{width:65px;height:65px;border-radius:50%;background:#70e356;color:#001a32;display:grid;place-items:center;font-size:40px;margin:15px 0}.secondary{background:#002445;color:white;border:1px solid #174b76;width:100%;padding:15px;margin-top:12px;border-radius:8px;cursor:pointer;font:700 23px 'Barlow Condensed'}#complete .primary{margin-top:20px}.actions .primary{font-size:24px}#error{scroll-margin-bottom:80px}@media(max-width:520px){nav{gap:3px;font-size:11px}nav span{padding:7px 1px}.extras{grid-template-columns:1fr}#photo-grid{grid-template-columns:repeat(2,1fr)}#review-summary{grid-template-columns:80px 1fr}.compact .choice{min-height:74px}.actions .primary{font-size:21px;padding-left:9px;padding-right:28px}.primary b{right:10px}}
.comparison{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#fff;border:2px solid #168cff;border-radius:10px;overflow:hidden}.comparison figure{position:relative;margin:0;min-width:0}.photo-crop{position:relative;aspect-ratio:3/4;overflow:hidden;background:#002445}.proof .photo-crop img{position:absolute;display:block;width:120%;max-width:none;height:auto;left:-10%;border:0;border-radius:0}.photo-crop.before img{top:-11.71875%}.photo-crop.after img{top:0}.comparison figcaption{position:absolute;top:12px;left:12px;padding:6px 13px;background:#001a32;color:white;border-radius:4px;font:800 22px 'Barlow Condensed',Impact,sans-serif;box-shadow:0 2px 7px #0003}.comparison figure:last-child figcaption{background:#078cff}@media(max-width:520px){.comparison figcaption{font-size:18px;left:7px;top:7px;padding:4px 9px}}

/* CMD redesign: larger, lower individual mascots and fast mobile tap choices. */
.hero{min-height:310px;padding:20px 0 30px;align-items:center}
.hero>div{width:53%}.hero h1{font-size:clamp(45px,7.8vw,62px);line-height:.98;letter-spacing:-.5px;overflow-wrap:normal}
.hero p{font-size:16px;max-width:90%;background:none}.hero img{width:55%;height:290px;top:auto;bottom:-1px;right:-24px;object-fit:contain;mix-blend-mode:screen;object-position:center bottom}
.hero[data-pose="wash"]{min-height:335px}.hero[data-pose="wash"] img{width:57%;height:305px;bottom:0}
.hero[data-pose="clipboard"] img{height:280px}.hero[data-pose="map"] img{width:56%}.hero[data-pose="smartphone"] img{height:280px}.hero[data-pose="calendar"]{min-height:330px}
.ui-icon{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block}
.size-choice{grid-template-columns:82px minmax(0,1fr) auto 24px;gap:9px 16px;padding:18px 18px 13px;min-height:112px}
.size-choice .car-art{grid-row:1/3;max-width:82px;width:82px;gap:3px;align-content:center}
.car-art svg{width:33px;height:46px;flex-shrink:0}.car-art[data-cars="3"] svg,.car-art[data-cars="4"] svg,.car-art[data-cars="5"] svg{width:29px;height:36px}
.car-art[data-cars="4"]{width:82px}.size-choice .size-label strong{font-size:27px;line-height:1.05}
.size-choice .size-label small{font-size:14px}.size-price{text-align:right;align-self:center;line-height:.9;white-space:nowrap}.size-price b{display:block;font:800 48px/.95 'Barlow Condensed',Impact,sans-serif;color:#006acb}.size-price small{display:block;font-size:12px;font-weight:700;margin:0 0 3px}.size-price .total-label{margin:4px 0 0;color:#456078;letter-spacing:.8px}.size-price .price-prefix{color:#456078;letter-spacing:.6px}
.size-choice .size-total{grid-column:2/5;font-size:14px;margin:0;line-height:1.3;color:#3d5770}.size-footnote{margin-top:18px}
.path-extras,.interest-extras{display:grid;gap:12px;margin:16px 0}.check-card{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) 24px;gap:12px;align-items:center;min-height:82px;padding:16px;border:2px solid #078cff;border-radius:10px;background:white;color:#071d39;cursor:pointer}
.check-card input{position:absolute;opacity:0;width:1px;height:1px}.check-card strong{display:block;font:700 23px/1.15 'Barlow Condensed',sans-serif}.check-card small{display:block;font:14px/1.5 Inter,sans-serif;margin-top:6px;color:#35516b}.check-card i{width:23px;height:23px;border:2px solid #1178cf;border-radius:5px;display:grid;place-items:center;font-style:normal}
.check-card:has(input:checked){background:#e8f6ff;border-color:#60d2ff;box-shadow:0 0 0 1px #078cff}.check-card:has(input:checked) i{background:#078cff;color:#fff}.check-card:has(input:checked) i:after{content:'✓';font-weight:800}.check-card:has(input:focus-visible){outline:3px solid #8ae9ff;outline-offset:3px}
.check-icon{color:#0075d5}.addon-price{color:#006bce;font-size:30px;float:right;margin-left:10px}.issue-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.issue-grid .check-card{grid-template-columns:30px minmax(0,1fr) 23px;gap:9px;padding:13px;min-height:79px}.issue-grid .ui-icon{width:28px;height:28px}.issue-grid strong{font-size:21px}
.upload-box>.phone-upload{background:none;width:auto;height:auto;border-radius:0;line-height:1}.phone-upload .ui-icon{width:68px;height:68px;color:#22a9ff}.upload-box p{color:#bfd9ef;font-size:15px;margin:9px 0 18px}.upload-actions{display:flex;width:100%;gap:10px}.upload-actions button{width:50%;margin:0;padding:14px 8px;border-radius:8px;font:700 23px 'Barlow Condensed';min-height:54px}.upload-actions .primary{border:0;color:white}.upload-box{padding:25px 18px}.upload-box strong{font-size:29px}#photos{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip:rect(0,0,0,0)}#photo-count{margin-top:15px}#photo-progress{width:100%;height:16px;accent-color:#078cff}.photo-ready,.photo-error{display:block;padding:0 9px 9px;font-size:13px}.photo-ready{color:#8ce9bb}.photo-error{color:#ffcf80}#photo-grid button{min-height:44px;font-size:14px}button:disabled{opacity:.6;cursor:wait}
.coverage strong,.coverage small{display:block}.coverage strong{font:700 26px 'Barlow Condensed';margin-top:8px;color:white}.coverage small{font-size:12px;letter-spacing:1px;color:#54c6ff}.coverage p{margin-bottom:0}.window-card{border:1px solid #168cff;border-radius:10px;padding:20px;margin:18px 0;background:#002b50}.window-card>span{font:700 17px 'Barlow Condensed';color:#61c7ff}.window-card strong{display:block;font:700 30px/1.15 'Barlow Condensed';margin-top:7px}.window-card p{font-size:14px;color:#bed8ec;margin-bottom:0}
.price-card{margin:0 0 18px}#total-price{font-size:64px;line-height:1.2;margin:9px 0}.price-row{font-size:16px}.guarantee{display:grid;grid-template-columns:46px 1fr;gap:14px;padding:23px 20px;margin:20px 0;border:2px solid #12acff;border-radius:12px;background:linear-gradient(130deg,#003d64,#002040)}.guarantee>.ui-icon,.guarantee>span{color:#50ccff}.guarantee h2{margin-top:0;font-size:27px}.guarantee p{margin:10px 0;color:#d6eafa}.guarantee #review-window{display:block;color:#6ed8ff;font:700 27px/1.2 'Barlow Condensed'}.guarantee .guarantee-small{font-size:14px;margin-bottom:0}
.review-details{border:1px solid #174b76;border-radius:9px;margin:20px 0;padding:16px}.review-details summary{font:700 23px 'Barlow Condensed';cursor:pointer;list-style:none}.review-details summary span{float:right;color:#49c7ff}.review-details dl{padding:12px 0;border:0;background:none}.review-details[open] summary{margin-bottom:16px}.review-details summary:focus-visible{outline:2px solid #8ae9ff}
.checkout-summary{border:2px solid #078cff;border-radius:12px;padding:22px;background:white;color:#08213f;margin:22px 0}.checkout-summary>div{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:10px 0}.checkout-summary>div span{font:700 22px 'Barlow Condensed'}.checkout-summary>div strong{font:800 40px 'Barlow Condensed'}.checkout-summary p{font-size:15px}.checkout-summary p:last-child{color:#006bce;font-weight:700}.test-consent a,.inline-link{color:#62cfff}.inline-link{font:inherit;border:0;background:none;display:inline;padding:0;text-align:left;text-decoration:underline;cursor:pointer}.test-consent{line-height:1.6;font-size:14px}.test-consent input{margin-top:5px}
.reference-card{padding:22px;border:1px solid #078cff;border-radius:10px;background:#002445;margin:20px 0}.reference-card span,.reference-card small{display:block;color:#bfd9ef;font-size:14px}.reference-card .reference-customer{font-size:20px;font-weight:600;line-height:1.4;color:white;margin:8px 0 14px;overflow-wrap:anywhere}.reference-card strong{display:block;color:#4fc9ff;font:800 32px 'Barlow Condensed';margin:5px 0;overflow-wrap:anywhere}.completion-amounts p{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid #174b76;padding-bottom:12px}.completion-amounts p b{margin-left:auto;font-size:23px;color:white}.completion-amounts p small{width:100%;font-size:13px}.completion-preview{display:inline-block;color:#08213f}.complete-tick{margin-top:20px}
dialog{max-width:560px;width:calc(100% - 32px);max-height:85vh;overflow:auto;padding:30px 24px;border:2px solid #168cff;background:#001a32;color:white;border-radius:15px;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#000a}dialog h2{margin-top:18px}dialog p{font-size:16px;line-height:1.6;color:#c8e3f8}dialog .sample-label{color:#6dcfff}.close-dialog{float:right;border:1px solid #174b76;background:#002445;color:white;border-radius:7px;width:40px;height:40px;font-size:26px;cursor:pointer}
.proof p{font-size:14px}footer small{font-size:13px}.preview{font-size:12px}.reassurance{font-size:14px}.hint{line-height:1.5}.text-field:focus{outline:3px solid #69d7ff;outline-offset:2px}
@media(max-width:520px){
 .hero{min-height:235px;padding:16px 0 22px}.hero>div{width:53%}.hero h1{font-size:clamp(32px,8.8vw,45px);line-height:1.02;letter-spacing:0}.hero p{font-size:14px;max-width:95%;margin-top:14px}.hero img{width:54%;height:220px;right:-15px;bottom:-1px;top:auto}.hero[data-pose="wash"]{min-height:258px}.hero[data-pose="wash"] img{width:55%;height:235px;bottom:0}.hero[data-pose="clipboard"] img,.hero[data-pose="smartphone"] img{height:218px}.hero[data-pose="calendar"]{min-height:265px}.hero[data-pose="map"] img{width:55%}
 .size-choice{grid-template-columns:61px minmax(0,1fr) auto 20px;gap:7px 8px;padding:14px 10px 11px;min-height:105px}.size-choice .car-art,.car-art[data-cars="4"]{width:60px;max-width:60px;gap:2px}.car-art svg{width:27px;height:41px}.car-art[data-cars="3"] svg,.car-art[data-cars="4"] svg,.car-art[data-cars="5"] svg{width:26px;height:32px}.size-choice .size-label strong{font-size:21px;line-height:1.02}.size-choice .size-label small{font-size:13px;margin-top:5px}.size-price b{font-size:38px}.size-choice i{width:20px;height:20px}.size-choice .size-total{font-size:12px;grid-column:2/5}.size-price small{font-size:12px}.size-footnote{font-size:14px}
 .check-card{padding:14px 12px;grid-template-columns:32px minmax(0,1fr) 23px;gap:10px}.check-card .ui-icon{width:30px;height:30px}.check-card strong{font-size:22px}.addon-price{font-size:27px}.issue-grid{gap:8px}.issue-grid .check-card{grid-template-columns:26px minmax(0,1fr) 21px;gap:6px;padding:11px 8px}.issue-grid strong{font-size:19px}.issue-grid .ui-icon{width:24px;height:24px}.issue-grid i{width:21px;height:21px}.upload-actions button{font-size:21px}.guarantee{padding:18px 14px;grid-template-columns:32px 1fr;gap:10px}.guarantee .ui-icon{width:30px;height:30px}.guarantee h2{font-size:25px}.guarantee #review-window{font-size:25px}.price-row{font-size:14px}#total-price{font-size:52px}.actions .primary{font-size:22px;line-height:1.05;padding:14px 27px 14px 10px}.actions button{padding:10px 14px}.actions{gap:8px}.preview{font-size:11px;letter-spacing:.5px}nav{font-size:12px}.brand{font-size:25px}
}
@media(max-width:360px){.body{padding:0 12px}.size-choice{grid-template-columns:52px minmax(0,1fr) auto 18px;gap:6px}.size-choice .car-art{max-width:50px;width:50px}.car-art[data-cars="3"] svg,.car-art[data-cars="4"] svg,.car-art[data-cars="5"] svg{width:23px;height:29px}.size-price b{font-size:34px}.size-choice .size-label strong{font-size:19px}.size-choice .size-total{font-size:12px}.issue-grid{grid-template-columns:1fr}.hero{min-height:240px}.hero[data-pose="wash"]{min-height:265px}.actions .primary{font-size:20px}}

/* Tighter mascot framing: face, green CMD cap and useful props lead each step. */
.hero,.hero[data-pose="wash"],.hero[data-pose="calendar"]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:0;min-height:0;padding:16px 0 18px;align-items:center}
.hero>div{width:100%}
.hero img,.hero[data-pose] img{position:relative;inset:auto;width:100%;height:auto;max-height:300px;object-fit:contain;object-position:center;mix-blend-mode:normal;align-self:center}
@media(max-width:520px){
 .hero,.hero[data-pose="wash"],.hero[data-pose="calendar"]{min-height:0;padding:12px 0 16px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
 .hero img,.hero[data-pose] img{width:100%;height:auto;max-height:225px;inset:auto}
}

/* Step 1 only: open illustration silhouette, with crisp mascot and cleaner. */
.hero[data-pose="wash"] img{max-height:330px;width:108%;max-width:none;margin-left:-4%}
@media(max-width:520px){.hero[data-pose="wash"] img{max-height:243px}}

/* Approved first-page presentation; later steps keep their existing styling. */
.first-page header .preview,.first-page .other-page-footer{display:none}
.page-one-footer{display:none}.first-page .page-one-footer{display:inline;font:600 16px Inter,Arial,sans-serif;color:#fff}
.first-page .hero h1{font-family:Inter,Arial,sans-serif;font-weight:850;font-size:clamp(30px,5.8vw,46px);line-height:1.1;letter-spacing:-1.2px;text-wrap:balance}
.first-page .hero>div{z-index:2}.first-page .hero p{max-width:100%;margin-top:20px}
.lock-badge{display:inline-block;background:#e92c35;color:#fff;padding:12px 15px;border-radius:7px;border:2px solid #ff6970;box-shadow:0 4px 0 #9c1320;font:900 24px/1.08 'Barlow Condensed',Arial,sans-serif;letter-spacing:.4px;transform:rotate(-2deg)}
.first-page-promise{margin:4px 0 26px}.quick-promise{font-size:18px;font-weight:700;line-height:1.5;margin:0 0 16px;color:#fff}.day-guarantee{padding:16px 18px;border-left:4px solid #078cff;border-radius:0 9px 9px 0;background:#063352}.day-guarantee>strong{display:block;font-size:20px;line-height:1.35;color:#fff}.day-guarantee p{font-size:15px;margin:8px 0;color:#d7edff}.day-guarantee small{display:block;font-size:12px;line-height:1.5;color:#b8d3e8}
.first-page .size-choice{grid-template-columns:112px minmax(0,1fr) auto 22px;gap:7px 12px;padding:16px 14px;min-height:137px}
.first-page .car-art{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;justify-items:center;gap:3px;width:112px;max-width:112px;grid-row:1/3}
.first-page .car-art img{display:block;width:53px;height:47px;object-fit:contain}
.first-page .car-art[data-cars="1"]{grid-template-columns:1fr}.first-page .car-art[data-cars="1"] img{width:90px;height:79px}
.first-page .car-art[data-cars="3"] img:last-child,.first-page .car-art[data-cars="5"] img:last-child{grid-column:1/3}
.first-page .size-total{grid-column:2/5;display:block;margin:0;color:#08213f}.first-page .size-total strong{display:block;font:600 14px/1.4 Inter,Arial,sans-serif}.first-page .size-total strong b{color:#006acb;font-weight:800}.first-page .size-total small{display:block;font:400 13px/1.4 Inter,Arial,sans-serif;margin-top:3px;color:#456078}
.first-page .size-label strong{font-size:25px}.first-page .size-price b{font-size:44px}
.comparison{position:relative}.photo-badge{position:absolute;right:10px;top:10px;z-index:3;background:#e92c35;color:white;border:2px solid white;padding:9px 12px;transform:rotate(4deg);font:800 19px/1.06 'Barlow Condensed',Arial,sans-serif;text-align:center;border-radius:5px;box-shadow:0 3px 8px #0003}
@media(max-width:520px){
 .first-page .hero h1{font-size:clamp(26px,7.1vw,37px);letter-spacing:-.8px;line-height:1.12}
 .first-page .hero p{margin-top:16px}.lock-badge{font-size:20px;padding:10px 8px;letter-spacing:0}
 .quick-promise{font-size:16px}.day-guarantee{padding:14px}.day-guarantee>strong{font-size:18px}
 .first-page .size-choice{grid-template-columns:82px minmax(0,1fr) auto 18px;gap:6px 7px;padding:14px 10px;min-height:135px}
 .first-page .car-art{width:82px;max-width:82px;gap:2px}.first-page .car-art img{width:40px;height:35px}.first-page .car-art[data-cars="1"] img{width:76px;height:67px}
 .first-page .size-label strong{font-size:21px}.first-page .size-label small{font-size:12px}.first-page .size-price b{font-size:35px}.first-page .size-total strong{font-size:13px}.first-page .size-total small{font-size:12px}.photo-badge{font-size:16px;padding:7px 9px}
}
@media(max-width:360px){.first-page .size-choice{grid-template-columns:68px minmax(0,1fr) auto 17px;gap:6px}.first-page .car-art{width:68px;max-width:68px}.first-page .car-art img{width:33px;height:30px}.first-page .car-art[data-cars="1"] img{width:64px;height:57px}.first-page .size-label strong{font-size:19px}.first-page .size-price b{font-size:31px}}
.first-page .car-art[data-cars="5"]{grid-template-columns:repeat(6,minmax(0,1fr));gap:0}
.first-page .car-art[data-cars="5"] img{grid-column:span 2;width:40px;height:37px}
.first-page .car-art[data-cars="5"] img:nth-child(4){grid-column:2/4}
.first-page .car-art[data-cars="5"] img:last-child{grid-column:4/6}
@media(max-width:520px){.first-page .car-art[data-cars="5"] img{width:31px;height:29px}}
@media(max-width:360px){.first-page .car-art[data-cars="5"] img{width:26px;height:25px}}

/* First-page mobile refinement: prices before the guarantee. */
.first-page .quick-promise{font-size:18px;font-weight:500;line-height:1.55;margin:0}
.first-page .quick-promise span{display:block}
.first-page .quick-promise span:last-child{color:#23a4ff;font-weight:700}
.first-page .first-page-promise{margin:0 0 20px}
.first-page .day-guarantee{margin:18px 0 8px;padding:14px 0;background:transparent;border:0;border-top:1px solid #174b76;border-radius:0}
.first-page .photo-badge{top:auto;bottom:12px;right:12px;font-size:17px;padding:8px 10px;transform:rotate(-3deg)}
@media(max-width:520px){
 .first-page .hero{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)}
 .first-page .hero h1{font-size:clamp(23px,6.2vw,31px);line-height:1.1;letter-spacing:-.7px;text-wrap:initial}
 .first-page .quick-promise{font-size:16px;line-height:1.5}
 .first-page .photo-badge{font-size:14px;padding:6px 8px;bottom:10px;right:9px}
}

/* First-page header tagline and agreed lock-in wording. */
.header-tagline{display:none}
.first-page header{gap:20px}
.first-page .header-tagline{display:block;margin:0;max-width:340px;text-align:right;font:800 23px/1.12 'Barlow Condensed',Arial,sans-serif}
.header-tagline span{display:block;color:#087ff0}
.header-tagline strong{display:block;color:#08213f;font-weight:800}
.first-page .size-total strong{max-width:340px;line-height:1.45}
@media(max-width:520px){
 .first-page header{gap:12px}
 .first-page .header-tagline{font-size:17px;max-width:165px;flex:1}
 .first-page header .brand{flex-shrink:0}
}
@media(max-width:360px){.first-page header{gap:8px;padding-left:12px;padding-right:12px}.first-page .header-tagline{font-size:15px;max-width:140px}}

/* Compact first-page introduction and guarantee. */
.first-page .hero,.first-page .hero[data-pose=wash]{align-items:start;padding-bottom:12px}
.first-page .first-page-promise{margin:12px 0 0}
.first-page .quick-promise{margin:0;font-size:16px;line-height:1.4}
.first-page .day-guarantee{margin:12px 0 4px;padding:10px 0 0}
.first-page .day-guarantee p{margin:5px 0 0}
@media(max-width:600px){.first-page .quick-promise{font-size:15px;line-height:1.4}.first-page .hero,.first-page .hero[data-pose=wash]{padding-bottom:12px}}

/* Uniform CMD typography across the seven steps. */
.hero h1{font-family:Inter,Arial,sans-serif;font-weight:850;font-size:clamp(30px,5.8vw,46px);line-height:1.1;letter-spacing:-1.2px;text-wrap:balance}
.choice strong{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:25px;line-height:1.05}
.check-card strong{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800}
.hero p{font-family:Inter,Arial,sans-serif;max-width:100%}
.second-page header .preview,.second-page .other-page-footer{display:none}
.second-page .page-one-footer{display:inline;font:600 16px Inter,Arial,sans-serif;color:#fff}
.second-page header{gap:20px}
.second-page .header-tagline{display:block;margin:0;max-width:340px;text-align:right;font:800 23px/1.12 'Barlow Condensed',Arial,sans-serif}
.second-page .hero{padding-bottom:16px}
.second-page .hero img{max-height:330px}
@media(max-width:520px){
 .hero h1{font-size:clamp(23px,6.2vw,31px);line-height:1.1;letter-spacing:-.7px;text-wrap:initial}
 .choice strong{font-size:21px}
 .second-page header{gap:12px}
 .second-page .header-tagline{font-size:17px;max-width:165px;flex:1}
 .second-page header .brand{flex-shrink:0}
 .second-page .hero img{max-height:243px}
}
@media(max-width:360px){.second-page header{gap:8px;padding-left:12px;padding-right:12px}.second-page .header-tagline{font-size:15px;max-width:140px}}

/* Compact Step 3 interests and matching shared branding. */
.third-page header .preview,.third-page .other-page-footer{display:none}
.third-page .page-one-footer{display:inline;font:600 16px Inter,Arial,sans-serif;color:#fff}
.third-page header{gap:20px}
.third-page .header-tagline{display:block;margin:0;max-width:340px;text-align:right;font:800 23px/1.12 'Barlow Condensed',Arial,sans-serif}
.interest-extras .check-card{min-height:58px;padding:12px 14px;grid-template-columns:30px minmax(0,1fr) 24px;gap:10px}
.interest-extras .ui-icon{width:28px;height:28px}
.interest-extras .check-card strong{font-size:22px;line-height:1.15}
@media(max-width:520px){.third-page header{gap:12px}.third-page .header-tagline{font-size:17px;max-width:165px;flex:1}.third-page header .brand{flex-shrink:0}.interest-extras .check-card strong{font-size:20px}}
@media(max-width:360px){.third-page header{gap:8px;padding-left:12px;padding-right:12px}.third-page .header-tagline{font-size:15px;max-width:140px}}

/* Step 3: larger mascot and compact introduction. */
.third-page .hero{padding-top:8px;padding-bottom:10px}
.third-page .hero img{width:120%;max-width:none;max-height:360px;margin-left:-10%}
@media(max-width:520px){.third-page .hero{padding-top:6px;padding-bottom:8px}.third-page .hero img{max-height:270px}}

/* Step 4: consistent branding and compact photo controls. */
.fourth-page header .preview,.fourth-page .other-page-footer{display:none}
.fourth-page .page-one-footer{display:inline;font:600 16px Inter,Arial,sans-serif;color:#fff}
.fourth-page header{gap:20px}
.fourth-page .header-tagline{display:block;margin:0;max-width:340px;text-align:right;font:800 23px/1.12 'Barlow Condensed',Arial,sans-serif}
@media(max-width:520px){.fourth-page header{gap:12px}.fourth-page .header-tagline{font-size:17px;max-width:165px;flex:1}.fourth-page header .brand{flex-shrink:0}.interest-extras .check-card strong{font-size:20px}}
@media(max-width:360px){.fourth-page header{gap:8px;padding-left:12px;padding-right:12px}.fourth-page .header-tagline{font-size:15px;max-width:140px}}
.fourth-page .hero{padding-top:8px;padding-bottom:12px}
.fourth-page .hero img{max-height:330px}
.fourth-page .upload-box{padding:16px}
.fourth-page .phone-upload .ui-icon{width:42px;height:42px}
.fourth-page .upload-box strong{margin-top:6px;font-size:26px}
.fourth-page .upload-box p{margin:6px 0 12px}
.fourth-page #photo-grid:empty,.fourth-page #photo-count:empty,.fourth-page #photo-message:empty{display:none}
/* Scale and centre selection ticks within each control, independent of font metrics. */
#driveway-form .choice i,#driveway-form .check-card i{position:relative;padding:0;flex-shrink:0}
#driveway-form .choice:has(input:checked) i::after,
#driveway-form .check-card:has(input:checked) i::after{
  content:"";position:absolute;inset:0;display:block;width:auto;height:auto;margin:0;padding:0;
  font-size:0;line-height:0;transform:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12l4.5 4.5L19 7' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 90% 90% no-repeat;
}
@media(max-width:520px){.fourth-page .hero img{max-height:243px}.fourth-page #next{padding-right:30px;font-size:20px}.fourth-page .upload-actions button{font-size:21px}}

/* Keep the full terms readable without changing other dialogs. */
#terms-dialog h2{font-size:24px;line-height:1.25;padding-right:28px}#terms-dialog h3{font-size:18px;line-height:1.35;margin:28px 0 10px;color:#fff}#terms-dialog p,#terms-dialog li{font-size:16px;line-height:1.6;color:#c8e3f8}#terms-dialog ul{padding-left:24px}#terms-dialog li+li{margin-top:8px}#terms-dialog .terms-preview-note{padding:12px;border:1px solid #174b76;border-radius:8px}#terms-dialog .terms-operator{font-size:14px;line-height:1.6;margin-top:28px;padding-top:18px;border-top:1px solid #174b76}#terms-dialog #terms-done{margin-top:8px}

/* Full privacy draft follows the readable terms layout. */
#privacy-dialog h2{font-size:24px;line-height:1.25;padding-right:28px}#privacy-dialog h3{font-size:18px;line-height:1.35;margin:28px 0 10px;color:#fff}#privacy-dialog .privacy-preview-note{padding:12px;border:1px solid #174b76;border-radius:8px}#privacy-dialog #privacy-done{margin-top:8px}

#privacy-dialog p{overflow-wrap:anywhere}