@import url('./assets/fonts.css');
:root{--ink:#182920;--paper:#f6f5ef;--lime:#d7f568;--muted:#667168;--line:#d9ded5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:15px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #5c831c;outline-offset:4px}.demo-bar{padding:7px 5%;background:var(--ink);color:#dfe6dd;text-align:center;font-size:10px;letter-spacing:1.2px}.demo-bar span{margin:0 12px;color:var(--lime)}.demo-bar button{border:0;background:none;color:var(--lime);font-size:10px;margin-left:18px}header{height:98px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:var(--paper)}.logo{font:800 30px/1 'Manrope',sans-serif;letter-spacing:-2px}.logo>span{color:#78943e;font-size:23px;letter-spacing:-7px;margin-right:8px}.logo small{display:block;font:600 8px/2.5 'DM Sans',sans-serif;letter-spacing:3px;margin-left:2px}nav{display:flex;gap:35px;font-size:13px}nav a:hover{color:#708835}.button{background:var(--lime);border:1px solid var(--lime);padding:17px 24px;border-radius:4px;display:inline-flex;gap:30px;justify-content:space-between;align-items:center;font-weight:700;font-size:13px;transition:transform .2s,background .2s}.button:hover{background:#c8e857;transform:translateY(-2px)}.button.small{background:var(--ink);border-color:var(--ink);color:white;padding:13px 19px}.hero{position:relative;min-height:660px;margin:0 18px;background:#17201c;color:white;overflow:hidden;border-radius:7px}.hero-image{position:absolute;inset:0;background:url('./assets/hero.jpg') center 56%/cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,20,15,.93),rgba(8,20,15,.65) 43%,rgba(8,20,15,.05)),linear-gradient(0deg,rgba(8,20,15,.7),transparent 50%)}.hero-copy{position:relative;padding:86px 4% 112px;max-width:820px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;line-height:1.6;margin:0 0 24px}.dot{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:8px;box-shadow:0 0 0 4px #d7f56815}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(68px,7.5vw,110px);line-height:1.02;letter-spacing:-6px;font-weight:500;margin-bottom:28px}em{font-family:Georgia,serif;font-weight:400}h1 em{color:var(--lime)}.intro{font-size:16px;line-height:1.8;color:#d1d7d1}.actions{display:flex;align-items:center;gap:28px;margin-top:34px}.text-button{background:none;border:0;font-size:12px;padding:8px 0}.hero .text-button{color:white}.hero-bottom{position:absolute;bottom:22px;left:4%;right:4%;display:flex;justify-content:space-between;border-top:1px solid #ffffff35;padding-top:18px;font-size:9px;letter-spacing:1.8px;color:#c5ccc5}.hero-label{position:absolute;right:4%;bottom:124px;font-size:10px;letter-spacing:1.3px;text-align:right}.hero-label span{display:block;font-size:8px;color:#c5ccc5;margin-top:5px}.trust-strip{display:flex;justify-content:space-around;padding:30px 5%;border-bottom:1px solid var(--line);font-size:10px;color:#80917e}.trust-strip strong{font-size:12px;font-weight:500;color:var(--ink);margin-left:14px}.section{padding:100px 6%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.section-heading>p{max-width:360px;color:var(--muted);font-size:14px}h2{font-size:clamp(36px,4vw,58px);line-height:1.12;letter-spacing:-2.4px;font-weight:500;margin-bottom:18px}h2>span{color:#84907f}.vehicle-switch{display:flex;align-items:center;gap:8px;padding-bottom:25px;flex-wrap:wrap}.vehicle-switch>span{font-size:9px;letter-spacing:1.6px;margin-right:14px}.vehicle-switch button{border:1px solid var(--line);border-radius:30px;padding:10px 17px;background:transparent;font-size:12px}.vehicle-switch .selected{background:var(--ink);color:white;border-color:var(--ink)}.vehicle-switch small{opacity:.7;margin-left:4px}.packages{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}.package{padding:32px;border:1px solid var(--line);border-radius:6px;position:relative;display:flex;flex-direction:column;background:#fffefa}.package.featured{background:#e9eddf;border-color:#8b9d6c}.recommend{position:absolute;top:0;right:22px;background:var(--ink);color:var(--lime);font-size:8px;letter-spacing:1.2px;padding:6px 12px;border-radius:0 0 4px 4px}.package-no{font-size:9px;letter-spacing:1.3px;color:var(--muted);margin:10px 0 22px}.package h3{font-size:25px;letter-spacing:-.8px;font-weight:600;margin-bottom:7px}.package>p{font-size:12px;color:var(--muted)}.price{font-family:Manrope;font-size:46px;font-weight:500;letter-spacing:-2px;margin-top:20px}.price small{font:12px 'DM Sans';letter-spacing:0;color:var(--muted);margin-left:9px}.package .duration{font-size:9px;letter-spacing:1.4px;border-bottom:1px solid var(--line);padding-bottom:24px}.package ul{list-style:none;padding:0;margin:7px 0 27px;font-size:12px;flex:1}.package li{margin-bottom:10px}.package li:before{content:'✓';color:#67873b;margin-right:10px}.outline{background:transparent;border-color:#bbc4b4}.outline:hover{background:#e9eddf}.fineprint{font-size:11px;color:var(--muted);line-height:1.7;margin-top:20px}.process{display:grid;grid-template-columns:1fr 1fr;gap:12%;background:var(--ink);color:var(--paper)}.process .eyebrow{color:#bdc8b8}.process h2{margin-bottom:35px}.process h2 em{color:var(--lime)}.steps article{display:flex;gap:30px;padding:26px 0;border-bottom:1px solid #ffffff20}.steps article:first-child{padding-top:0}.steps article>span{font-size:12px;color:var(--lime);padding-top:7px}.steps h3{font-weight:500;font-size:23px;margin-bottom:10px;letter-spacing:-.5px}.steps p{font-size:13px;color:#bec8be;max-width:340px}.detail-story{display:grid;grid-template-columns:1fr 1fr;min-height:540px}.story-image{background:url('./assets/interior.jpg') center/cover;min-height:400px}.detail-story>div+div{padding:80px 12%}.detail-story p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:330px}.underlined{font-size:13px;border-bottom:1px solid var(--ink);padding-bottom:8px;display:inline-block;margin-top:12px}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:8%}.faq>div>p:not(.eyebrow){color:var(--muted);font-size:13px}details{border-bottom:1px solid var(--line);padding:22px 0}summary{list-style:none;cursor:pointer;font-size:16px;display:flex;justify-content:space-between;gap:20px}summary:after{content:'+'}details[open] summary:after{content:'−'}details p{font-size:13px;color:var(--muted);padding-top:16px;max-width:470px}summary::-webkit-details-marker{display:none}.last-cta{text-align:center;background:#e7ebdd;padding:75px 20px}.last-cta h2{font-size:clamp(42px,5vw,66px);margin-bottom:30px}footer{display:flex;align-items:center;justify-content:space-between;padding:40px 5%;gap:20px}footer p,footer>span{font-size:11px;color:var(--muted);margin:0}footer .text-button{font-size:10px}dialog{border:0;border-radius:10px;width:min(640px,94vw);max-height:90vh;padding:30px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#07150fd1;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top .eyebrow{margin:0}.close{font-size:28px;background:none;border:0;line-height:1;padding:5px 10px}dialog h2{font-size:36px;letter-spacing:-1.5px;margin:20px 0 8px}.muted{color:var(--muted);font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:11px;font-weight:600;margin:12px 0}input:not([type=checkbox]),select,textarea{display:block;width:100%;border:1px solid #cbd3c5;border-radius:4px;padding:12px;background:#fffefa;color:var(--ink);margin-top:6px;font-size:13px}textarea{resize:vertical}fieldset{border:0;padding:15px 0 5px;margin:10px 0 0;border-top:1px solid var(--line)}legend{font-size:9px;letter-spacing:1.5px;padding:0 12px 0 0}.extra{display:flex;align-items:center;gap:8px;font-weight:400;font-size:13px}.extra span{margin-left:auto}.extra input{accent-color:var(--ink);width:17px;height:17px}.optional{font-weight:400;color:var(--muted)}.quote{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.quote>span{font-size:9px;letter-spacing:1px}.quote small{display:block;font-size:11px;letter-spacing:0;color:var(--muted);margin-top:5px}.quote strong{font:500 38px Manrope;letter-spacing:-1px}.full{width:100%}.success-icon{width:58px;height:58px;border-radius:50%;background:var(--lime);display:grid;place-items:center;font-size:28px;margin-top:25px}.receipt{background:#e7ebdd;padding:20px;border-radius:5px;margin:24px 0}.receipt p{font-size:13px;margin:6px 0}.saved-item{padding:20px 0;border-bottom:1px solid var(--line)}.saved-item h3{font-size:19px;margin-bottom:6px}.saved-item p{font-size:12px;margin-bottom:6px;color:var(--muted)}.empty{padding:30px 0;color:var(--muted)}
@media(min-width:1600px){body{max-width:1800px;margin:auto}.hero{min-height:750px}}@media(max-width:900px){nav{gap:18px}h1{letter-spacing:-4px}.hero-label{display:none}.packages{gap:10px}.package{padding:24px 18px}.package h3{font-size:22px}.section{padding:70px 5%}.process{gap:7%}.detail-story>div+div{padding:55px 10%}footer{flex-wrap:wrap}}@media(max-width:640px){.demo-bar{font-size:8px;letter-spacing:.3px;padding:7px 10px}.demo-bar span{margin:0 4px}.demo-bar button{display:block;margin:auto;font-size:9px}header{height:80px;padding:0 5%}header nav{display:none}.logo{font-size:26px}.button.small{padding:11px 13px;font-size:11px;gap:15px}.hero{margin:0 9px;min-height:620px}.hero-copy{padding:80px 7% 110px}.hero-image{background-position:62% center}.hero-shade{background:linear-gradient(90deg,#08140fe8,#08140f65),linear-gradient(0deg,#08140fcc,transparent)}h1{font-size:70px;letter-spacing:-4px}.intro{font-size:14px}.intro br{display:none}.actions{flex-direction:column;align-items:flex-start;gap:16px}.hero-bottom{font-size:7px;left:7%;right:7%;gap:20px}.hero-bottom span:last-child{display:none}.trust-strip{padding:22px 5%;gap:12px}.trust-strip span{font-size:9px;display:flex;flex-direction:column}.trust-strip strong{font-size:10px;margin:5px 0 0}.section-heading{display:block;margin-bottom:25px}.section-heading>p{font-size:13px}.section-heading>p br{display:none}h2{font-size:40px;letter-spacing:-1.8px}.vehicle-switch{gap:6px}.vehicle-switch>span{width:100%;margin-bottom:6px}.vehicle-switch button{padding:8px 11px;font-size:10px}.vehicle-switch small{display:block;margin:0}.packages{grid-template-columns:1fr;gap:20px}.package{padding:28px}.package h3{font-size:27px}.package-no{margin-bottom:16px}.package ul{margin-bottom:20px}.process,.faq,.detail-story{grid-template-columns:1fr}.process{gap:40px}.process h2 br:nth-of-type(1){display:none}.steps article{gap:22px}.story-image{min-height:330px}.detail-story>div+div{padding:55px 7%}.faq{gap:15px}.last-cta{padding:65px 20px}footer{align-items:flex-start;gap:22px}footer p{width:45%;align-self:center}footer>span{font-size:9px}dialog{padding:23px}.form-grid{gap:10px}dialog h2{font-size:31px}input:not([type=checkbox]),select,textarea{font-size:16px;padding:10px}.quoteDetails{max-width:220px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.button{color:var(--ink)}.button.small{color:white}

/* Fit the page width and size the opening section to the viewport. */
body{width:100%;max-width:none;margin:0}
.hero{min-height:0;height:max(620px,calc(100svh - 148px));display:flex;align-items:center}
.hero-copy{padding-top:48px;padding-bottom:110px;width:100%}
.hero-image{background-position:center 56%}
@media(min-width:1600px){body{max-width:none;margin:0}.hero{min-height:0}}
@media(max-width:640px){.hero{height:auto;min-height:calc(100svh - 127px)}.hero-copy{padding-top:64px;padding-bottom:110px}}
@media(max-height:720px) and (min-width:641px){.hero{height:auto;min-height:570px}h1{font-size:clamp(56px,6.5vw,88px)}.hero-copy{padding-top:40px;padding-bottom:95px}}
input[readonly],textarea[readonly]{background:#ecefe6;color:#64715f}button:disabled{cursor:wait;opacity:.6}.alert.error{padding:14px;background:#fff1eb;border:1px solid #dca58a;border-radius:5px;font-size:13px;color:#873b20}.saved-item p{overflow-wrap:anywhere}@media(max-width:420px){.form-grid{grid-template-columns:1fr}dialog{max-height:92svh}.dialog-top .eyebrow{font-size:8px}.vehicle-switch button{min-height:44px}}
