@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--ink:#243c33;--muted:#627066;--green:#234f40;--on-brand:#fff;--line:#dce3d8;--paper:#fafbf7;--surface:#fff;--lime:#e5f2b8;--on-accent:#172114;--tint:color-mix(in srgb, var(--green) 5%, white);--focus:var(--green);--on-focus:var(--on-brand);--subtle:#54674e;--quiet:#74816d;--demo-paper:#eef2e8;--demo-ink:#536249;--danger-paper:#fff0e8;--danger-ink:#934520;--danger-line:#eac1ab;--action-paper:#fafbf7f5;--shadow:#203c3308}*{box-sizing:border-box}html{scroll-padding-bottom:120px}body{background:var(--paper);color:var(--ink);margin:0;font:16px/1.5 DM Sans,sans-serif}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{color:inherit;cursor:pointer;transition:background-color .18s,border-color .18s,box-shadow .18s}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{letter-spacing:-1.9px;text-wrap:balance;font-size:clamp(32px,3.5vw,46px);font-weight:600;line-height:1.16}h2{letter-spacing:-.5px;font-size:20px;font-weight:700}h3{letter-spacing:-.5px;font-size:20px;font-weight:650}.app-shell{background:var(--paper);min-height:100svh;color:var(--ink)}.app-shell[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.header{justify-content:space-between;align-items:center;gap:24px;max-width:1220px;height:102px;margin:auto;padding:0 32px;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:12px;font:800 28px/1.1 Manrope,sans-serif;display:flex}.brand small{letter-spacing:2px;text-transform:uppercase;margin-top:6px;font:600 10px/1.4 DM Sans,sans-serif;display:block}.brand-icon{background:var(--green);width:48px;height:48px;color:var(--on-brand);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.client-logo{flex-shrink:0;width:56px;height:56px;display:block;position:relative}.header-note{color:var(--muted);align-items:center;gap:9px;font-size:14px;display:flex}.header-note a{text-underline-offset:4px;margin-left:15px;text-decoration:underline}.demo-strip{background:var(--demo-paper);color:var(--demo-ink);text-align:center;letter-spacing:1px;padding:9px 24px;font-size:11px;font-weight:700}.demo-strip span{letter-spacing:0;margin-left:12px;font-size:12px;font-weight:400}.progress{border-bottom:1px solid var(--line);gap:32px;max-width:1156px;margin:auto;padding:25px 0;display:flex}.progress-step{color:var(--quiet);align-items:center;gap:10px;font-size:14px;display:flex}.progress-step>span{border:1px solid var(--line);border-radius:50%;place-items:center;width:29px;height:29px;font-size:11px;display:grid}.progress-step.active{color:var(--ink);font-weight:700}.progress-step.active>span,.progress-step.complete>span{background:var(--green);border-color:var(--green);color:var(--on-brand)}.step-chevron{color:var(--quiet);margin-left:18px}.layout{grid-template-columns:minmax(0,720px) minmax(280px,340px);align-items:start;gap:64px;max-width:1156px;margin:48px auto 80px;display:grid}.main-content{min-width:0}.main-content:focus{outline:none}.eyebrow{letter-spacing:1.8px;color:var(--quiet);margin-bottom:14px;font-size:11px;font-weight:700}.intro{color:var(--muted);max-width:570px;margin-top:15px;line-height:1.75}.section{margin-top:36px}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.section-heading>span{color:var(--quiet);letter-spacing:1.2px;font-size:10px}.vehicles{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px;display:grid}.vehicle{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:12px;min-height:150px;padding:21px 17px;position:relative}.vehicle>svg{color:var(--quiet);margin-bottom:16px;display:block}.vehicle strong{font-size:14px;font-weight:600;display:block}.vehicle small{color:var(--muted);margin-top:4px;font-size:12px;display:block}.selected{box-shadow:inset 0 0 0 .5px var(--focus);border-color:var(--focus)!important;background:var(--tint)!important}.radio{border:1px solid var(--line);border-radius:50%;flex-shrink:0;place-items:center;width:19px;height:19px;display:grid}.radio>span{background:var(--focus);border-radius:50%;width:9px;height:9px}.selected .radio{border-color:var(--focus)}.vehicle .radio{position:absolute;top:20px;right:16px}.packages{gap:14px;display:grid}.package{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:14px;width:100%;padding:0;overflow:hidden}.package-content{padding:23px 25px}.package-top{flex-wrap:wrap;align-items:center;gap:9px 12px;display:flex}.package-price{letter-spacing:-.7px;margin-left:auto;font:600 25px/1.2 Manrope,sans-serif}.popular{background:var(--lime);color:var(--on-accent);letter-spacing:.7px;text-transform:uppercase;border-radius:5px;padding:5px 8px;font-size:10px;font-weight:700}.package-content>p{color:var(--muted);margin:9px 0 17px 31px;font-size:14px;line-height:1.65}.package-features{color:var(--subtle);flex-wrap:wrap;gap:8px 17px;margin-left:31px;font-size:13px;display:flex}.package-features>span{align-items:flex-start;gap:6px;display:flex}.package-features svg{flex-shrink:0;margin-top:3px}.package-time{color:var(--muted);align-items:center;gap:6px;margin:17px 0 0 31px;font-size:13px;display:flex}.service-photo{background:var(--tint);width:100%;height:174px;display:block;position:relative;overflow:hidden}.service-photo img{transition:transform .45s}.extras{border:1px solid var(--line);background:var(--surface);border-radius:12px;overflow:hidden}.extra{text-align:left;border:0;border-bottom:1px solid var(--line);background:0 0;align-items:center;gap:14px;width:100%;padding:20px;display:flex}.extra:last-child{border-bottom:0}.extra>div{min-width:0}.extra strong{font-size:15px;font-weight:500}.extra small{color:var(--muted);margin-top:4px;font-size:13px;display:block}.extra b{white-space:nowrap;margin-left:auto;font-size:14px;font-weight:500}.extra-toggle{border:1px solid var(--line);border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.extra.selected .extra-toggle{color:var(--on-focus);background:var(--focus);border-color:var(--focus)}.extra-photo{border-radius:8px;flex-shrink:0;width:56px;height:56px;display:block;position:relative;overflow:hidden}.location-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.location-options button{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:12px;padding:22px}.location-options strong,.location-options small{display:block}.location-options strong{margin-top:12px;font-size:15px;font-weight:600}.location-options small{color:var(--muted);margin-top:7px;font-size:13px}.zip-area{margin-top:22px}.address-autocomplete{position:relative}.address-dropdown{border:1px solid var(--line);background:var(--surface);border-radius:8px;margin-top:6px;overflow:hidden}.address-dropdown ul{max-height:260px;margin:0;padding:0;list-style:none;overflow-y:auto}.address-dropdown li{cursor:pointer;border-bottom:1px solid var(--line);overflow-wrap:anywhere;padding:12px 14px}.address-dropdown li:hover,.address-dropdown li[aria-selected=true]{background:var(--bg);outline:2px solid var(--focus);outline-offset:-2px}.address-dropdown>small{padding:0 12px 10px}.zip-area small{color:var(--muted);margin-top:10px;font-size:13px;display:block}.summary{border:1px solid var(--line);background:var(--surface);box-shadow:0 8px 35px var(--shadow);border-radius:16px;position:sticky;top:28px;overflow:hidden}.summary-head{background:var(--green);color:var(--on-brand);align-items:center;gap:18px;min-height:112px;padding:28px;display:flex}.summary-head svg{flex-shrink:0}.summary-head span{letter-spacing:-.6px;max-width:200px;font:500 22px/1.3 Manrope,sans-serif}.summary-body{padding:28px}.summary-body h2{font-size:25px;font-weight:600}.summary-body .eyebrow{letter-spacing:1.1px;font-size:10px}.summary-vehicle{color:var(--muted);margin:8px 0 25px;font-size:14px}.summary-line{color:var(--muted);justify-content:space-between;gap:14px;margin:13px 0;font-size:14px;display:flex}.summary-line strong{color:var(--ink);font-weight:500}.summary-total{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding-top:22px;font-size:14px;display:flex}.summary-total strong{letter-spacing:-1px;font-size:31px;font-weight:500}.payment-note{text-align:right;color:var(--muted);margin-top:6px;font-size:12px}.summary-meta{border-top:1px solid var(--line);gap:14px;margin-top:24px;padding-top:22px;display:grid}.summary-meta>span{color:var(--muted);gap:10px;font-size:13px;display:flex}.summary-meta svg{flex-shrink:0;margin-top:1px}.summary-footer{background:var(--tint);color:var(--muted);align-items:center;gap:12px;padding:22px 28px;display:flex}.summary-footer p{font-size:12px;line-height:1.75}.summary-footer strong{font-weight:400}.bottom-actions{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:16px;margin-top:32px;padding-top:24px;display:flex}.primary{border:1px solid var(--green);background:var(--green);min-width:190px;min-height:52px;color:var(--on-brand);border-radius:9px;justify-content:center;align-items:center;gap:30px;padding:16px 23px;font-size:15px;font-weight:500;display:flex}.back{background:0 0;border:0;justify-content:center;align-items:center;gap:7px;min-height:48px;margin-right:auto;font-size:14px;display:flex}.mobile-total,.mobile-summary{display:none}.footer{border-top:1px solid var(--line);max-width:1156px;color:var(--muted);justify-content:space-between;gap:20px;margin:auto;padding:25px 0;font-size:12px;display:flex}.error{background:var(--danger-paper);color:var(--danger-ink);border:1px solid var(--danger-line);border-radius:8px;margin-top:20px;padding:16px;font-size:14px}label{font-size:14px;font-weight:500;display:block}input{border:1px solid var(--line);background:var(--surface);width:100%;min-height:51px;color:var(--ink);border-radius:8px;margin-top:8px;padding:12px 14px;font-size:16px;display:block}.app-shell input::placeholder{color:var(--muted);opacity:1}input[type=date]{max-width:320px}.times-title{margin-top:30px}.timezone{color:var(--muted);margin-bottom:18px;font-size:14px}.slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.slots button{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-height:50px;padding:13px;font-size:15px}.empty{text-align:center;border:1px dashed var(--line);color:var(--muted);border-radius:10px;justify-content:center;align-items:center;gap:12px;padding:36px 20px;font-size:14px;display:flex}.customer-form{gap:22px;margin-top:35px;display:grid}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.booking-note{background:var(--tint);color:var(--muted);border-radius:10px;align-items:center;gap:12px;padding:20px;font-size:14px;line-height:1.7;display:flex}.booking-note svg{flex-shrink:0}.success{text-align:center;max-width:590px;margin:65px auto 90px;padding:0 24px}.success-check{background:var(--lime);width:68px;height:68px;color:var(--on-accent);border-radius:50%;place-items:center;margin:0 auto 26px;display:grid}.success>p:not(.eyebrow){color:var(--muted);margin:22px 0 30px;line-height:1.75}.confirmation{text-align:left;background:var(--tint);border:1px solid var(--line);border-radius:10px;align-items:flex-start;gap:16px;margin:12px 0;padding:22px;display:flex}.confirmation svg{flex-shrink:0}.confirmation strong,.confirmation span{font-size:14px;display:block}.confirmation span{color:var(--muted);margin-top:6px}.success .primary{margin:28px auto}.skip-link{background:var(--surface);z-index:100;padding:12px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:16px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (hover:hover){.vehicle:hover,.package:hover,.location-options button:hover,.slots button:hover{border-color:var(--focus);box-shadow:0 4px 16px var(--shadow)}.package:hover .service-photo img{transform:scale(1.025)}.primary:hover:not(:disabled){filter:brightness(1.08)}}@media (max-width:1220px){.progress,.layout,.footer{margin-left:32px;margin-right:32px}.layout{grid-template-columns:minmax(0,1fr) 300px;gap:36px}.summary-body{padding:24px}}@media (max-width:960px){.layout{grid-template-columns:minmax(0,1fr) 275px;gap:24px}.package-content{padding:20px}.package-top{gap:8px}.popular{order:4;margin-left:27px}.vehicles{gap:8px}.vehicle{padding:18px 12px}.vehicle strong{font-size:13px}.summary-body,.summary-head,.summary-footer{padding:21px}}@media (max-width:760px){.header{height:86px;padding:0 22px}.header-note{display:none}.brand{font-size:25px}.client-logo{width:47px;height:47px}.demo-strip{text-align:left;padding:8px 22px;font-size:10px}.demo-strip span{margin:3px 0 0;font-size:11px;display:block}.progress{justify-content:space-between;gap:12px;margin:0 22px;padding:21px 0}.progress-step{gap:7px;font-size:12px}.progress-step>span{width:24px;height:24px;font-size:10px}.step-chevron{display:none}.layout{max-width:660px;margin:30px auto 40px;padding:0 22px;display:block}.summary{display:none}.mobile-summary{border-bottom:1px solid var(--line);background:var(--tint);max-width:660px;margin:0 auto;padding:0 22px;display:block}.mobile-summary summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:53px;font-size:13px;list-style:none;display:flex}.mobile-summary summary::-webkit-details-marker{display:none}.mobile-summary summary>span{align-items:center;gap:5px;display:flex}.mobile-summary summary strong{font-size:15px;font-weight:600}.mobile-summary summary small{color:var(--muted);font-size:12px;font-weight:400}.mobile-summary[open] summary svg{transform:rotate(90deg)}.mobile-summary>div{padding:6px 0 20px;font-size:14px}.mobile-summary p{color:var(--muted);justify-content:space-between;margin-top:8px;display:flex}.mobile-summary>div>small{color:var(--muted);margin-top:12px;display:block}h1{letter-spacing:-1.3px;font-size:35px}.intro{font-size:15px;line-height:1.7}.eyebrow{margin-bottom:12px;font-size:10px}.section{margin-top:29px}.section-heading h2{font-size:19px}.section-heading>span{letter-spacing:.8px;font-size:9px}.bottom-actions{z-index:20;background:var(--action-paper);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:13px 22px calc(13px + env(safe-area-inset-bottom));box-shadow:0 -4px 24px var(--shadow);gap:12px;margin:0;position:fixed;inset:auto 0 0}.mobile-total{flex-shrink:0;margin-right:auto;display:block}.mobile-total small{color:var(--muted);font-size:10px;display:block}.mobile-total strong{letter-spacing:-.7px;font-size:23px;font-weight:500;line-height:1.2;display:block}.bottom-actions .primary{gap:14px;min-width:150px;padding:14px 18px;font-size:14px}.bottom-actions .back{gap:4px;margin:0;padding:0;font-size:12px}.footer{flex-direction:column;gap:5px;margin:0 22px;padding:24px 0 130px;font-size:11px}.success~.footer{padding-bottom:30px}.popular{order:initial;margin-left:0}.service-photo{height:155px}}@media (max-width:440px){.header{padding:0 18px}.progress{gap:6px;margin:0 18px}.progress-step{gap:5px;font-size:11px}.layout,.mobile-summary{padding:0 18px}.section-heading h2{font-size:18px}.section-heading>span{font-size:8px}.vehicles{grid-template-columns:1fr;gap:9px}.vehicle{min-height:81px;padding:16px 46px 16px 66px}.vehicle>svg{margin:0;position:absolute;top:23px;left:18px}.vehicle strong{font-size:14px}.vehicle .radio{top:29px;right:17px}.package-content{padding:18px}.package h3{font-size:18px}.package-price{font-size:22px}.popular{order:4;margin-left:27px;font-size:9px}.package-content>p{margin-left:0;font-size:14px}.package-features{margin-left:0;font-size:13px;display:grid}.package-time{margin-left:0}.extra{gap:10px;padding:17px 14px}.extra small{font-size:12px}.extra strong{font-size:14px}.extra b{font-size:13px}.extra-photo{width:42px;height:42px}.location-options{gap:9px}.location-options button{padding:17px 14px}.location-options strong{font-size:14px}.location-options small{font-size:12px}.bottom-actions{gap:10px;padding-left:18px;padding-right:18px}.bottom-actions .primary{gap:8px;min-width:0;max-width:62%;padding:13px;font-size:13px}.bottom-actions .primary svg{flex-shrink:0}.slots{grid-template-columns:1fr 1fr}.form-row{gap:12px}.success{margin-top:40px}.success h1{font-size:32px}}@media (max-width:350px){.bottom-actions .back{min-width:26px;font-size:0}.bottom-actions .primary{max-width:65%}h1{font-size:30px}.location-options{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.client-logo.wordmark{width:190px;height:56px}.brand{min-width:0}.brand>span:last-child{overflow-wrap:anywhere}@media (max-width:760px){.client-logo.wordmark{width:165px;height:46px}}.location-options>:only-child{grid-column:1/-1}
