@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/pjs-400.woff) format('woff')}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/pjs-500.woff) format('woff')}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/pjs-600.woff) format('woff')}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/pjs-700.woff) format('woff')}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/pjs-800.woff) format('woff')}
.mnav-btn{display:none}
.mbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:20;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(23,24,29,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 -6px 20px rgba(0,0,0,.25)}
.mbar a{flex:1;height:48px;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:8px;font:700 15px 'Plus Jakarta Sans',system-ui,sans-serif;text-decoration:none}
.mbar .wa{background:#fff;color:#17181D}.mbar .q{background:#2B94CA;color:#17181D}

:root{--ground:#FFFFFF;--ink:#17181D;color-scheme:light}

body{margin:0;font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:#17181D;background:#FFFFFF}
a{color:#1A6FA3}a:hover{color:#135A86}
.photo{background-color:#4A4C55;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,0.04) 0 14px,rgba(255,255,255,0) 14px 28px)}
.photol{background-color:#C9CCD3;background-image:repeating-linear-gradient(135deg,rgba(23,24,29,0.05) 0 14px,rgba(23,24,29,0) 14px 28px)}
.heroshade{background-color:rgba(23,24,29,0.78);background-image:radial-gradient(rgba(255,255,255,0.09) 1.2px,transparent 1.6px);background-size:22px 22px}
.grid{background-color:#17181D;background-image:radial-gradient(rgba(255,255,255,0.09) 1.2px,transparent 1.6px);background-size:22px 22px}

html,body{background:var(--ground);color:var(--ink)}
body{font-family:'Plus Jakarta Sans',system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}
.page{width:100%;overflow:hidden;overflow:clip}
.page [style*="overflow: hidden"]{overflow:clip!important}
.stage{transform-origin:top left}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #2B94CA;outline-offset:2px}
.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:#17181D;color:#fff;padding:12px 18px;border-radius:999px;font:600 14px 'Plus Jakarta Sans',system-ui,sans-serif;box-shadow:0 10px 30px rgba(0,0,0,.25);z-index:9;max-width:90vw;text-align:center}

/*MOBILE*/
.mnav-btn{display:none}
.mbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:20;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(23,24,29,.96);backdrop-filter:blur(8px);box-shadow:0 -6px 20px rgba(0,0,0,.25)}
.mbar a{flex:1;height:48px;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:8px;font:700 15px 'Plus Jakarta Sans',system-ui,sans-serif;text-decoration:none}
.mbar .wa{background:#fff;color:#17181D}
.mbar .q{background:#2B94CA;color:#17181D}
@media (max-width: 820px){
 html,body{overflow-x:hidden}
 .stage{transform:none!important}
 .page{height:auto!important}
 .stage>div{width:100%!important;height:auto!important;min-height:0!important}
 .stage *{max-width:100%;box-sizing:border-box}
 .stage svg[viewBox="0 0 1440 70"]{width:100%!important;height:34px!important}
 .stage section,.stage footer{padding-left:18px!important;padding-right:18px!important;padding-top:44px!important;padding-bottom:44px!important}
 .stage [style*="margin: 0 120px"]{margin-left:14px!important;margin-right:14px!important;padding:26px 18px!important}
 .stage section[style*="height:"][style*="position: relative"]{height:auto!important;padding-top:96px!important;padding-bottom:64px!important}
 .stage section[style*="height:"][style*="position: relative"]>div[style*="position: absolute"][style*="left: 120px"]{position:relative!important;z-index:2;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important}
 .stage header{z-index:5;padding:0 14px!important;height:74px!important;gap:10px}
 .stage header img{height:40px!important}
 .stage header nav{display:none!important}
 .stage header>a[href="#quote"],.stage header>a[href*="quote"]{height:38px!important;padding:0 14px!important;font-size:13px!important;margin-left:auto}
 .mnav-btn{display:flex;width:42px;height:42px;border-radius:10px;border:1.5px solid rgba(255,255,255,.5);background:rgba(23,24,29,.4);align-items:center;justify-content:center;flex-direction:column;gap:4px;cursor:pointer;flex-shrink:0}
 .mnav-btn i{display:block;width:18px;height:2px;background:#fff;border-radius:2px}
 header.mopen nav{display:flex!important;position:absolute;top:74px;left:10px;right:10px;flex-direction:column;align-items:stretch!important;gap:0!important;background:#17181D;border-radius:14px;padding:8px!important;z-index:50;box-shadow:0 20px 40px rgba(0,0,0,.4)}
 header.mopen nav a{padding:14px 12px;font-size:15px!important;border-bottom:1px solid rgba(255,255,255,.08)}
 .stage [style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important}
 .stage [style*="grid-template-columns: repeat(4"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .stage .ptable{grid-template-columns:minmax(0,.8fr) minmax(0,1.25fr) minmax(0,.85fr)!important}
 .stage .ptable>div{padding:10px 8px!important;font-size:12.5px!important;white-space:normal!important}
 .stage .ptable>div[style*="font-weight: 800"]{font-size:13.5px!important}
 .stage .ptable>div span[style*="white-space: nowrap"]{white-space:normal!important}
 .stage .gkeep{grid-template-columns:minmax(0,1fr) auto!important}
 .stage .ctable{grid-template-columns:minmax(0,.9fr) minmax(0,1fr) minmax(0,1fr)!important}
 .stage .ctable>div{padding:10px 8px!important;font-size:12.5px!important}
 .stage [style*="gap: 72px"],.stage [style*="gap: 64px"],.stage [style*="gap: 56px"],.stage [style*="gap: 48px"],.stage [style*="gap: 44px"],.stage [style*="gap: 40px"]{gap:26px!important}
 .stage .fwrap{flex-wrap:wrap}
 .stage [style*="display: flex"]:not([style*="flex-direction: column"])>*{min-width:0}
 .stage h1.eyebrow{font-size:12px!important;letter-spacing:1.3px!important;line-height:1.4!important}
 .stage h2{font-size:27px!important;line-height:1.2!important}
 .stage h3{font-size:19px!important}
 .stage [style*="font-size: 56px"],.stage [style*="font-size: 52px"],.stage [style*="font-size: 48px"],.stage [style*="font-size: 44px"]{font-size:32px!important}
 .stage p{font-size:15.5px!important}
 .stage [class~="photol"]:not(section),.stage [class~="photo"]:not(section){height:230px!important;min-height:0!important}
 .stage #Main--video,.stage [id$="--video"]{height:210px!important}
 .stage [style*="width: 1440px"]{width:100%!important}

 /* improvements */
 .stage .pair{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .stage .pair>[class~="photol"],.stage .pair>[class~="photo"]{height:170px!important}
 .stage [style*="font-size: 11px"],.stage [style*="font-size: 11.5px"]{font-size:12px!important}
 .stage [style*="font-size: 12px"],.stage [style*="font-size: 12.5px"]{font-size:13px!important}
 .stage footer [style*="grid-template-columns"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:26px 16px!important}
 .stage footer [style*="grid-template-columns"]>*:first-child{grid-column:1/-1}
 .stage footer a{display:inline-block;padding:5px 0}
 body{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))}
 .mbar{display:flex!important}
 .toast{bottom:calc(84px + env(safe-area-inset-bottom,0px))!important}

 .stage h2.hero-title{font-size:34px!important;line-height:1.12!important;letter-spacing:-.5px!important}
 .stage header{position:fixed!important;top:0;left:0;right:0;transition:background .25s,box-shadow .25s}
 .stage header.solid{background:rgba(23,24,29,.96);box-shadow:0 6px 20px rgba(0,0,0,.25)}
 .faq-item .faq-q{cursor:pointer;display:flex!important;justify-content:space-between;align-items:flex-start;gap:14px;font-size:16.5px!important}
 .faq-item .faq-q::after{content:'+';font-size:24px;font-weight:600;color:#2B94CA;line-height:.9;flex-shrink:0}
 .faq-item.open .faq-q::after{content:'\2013'}
 .faq-item .faq-a{display:none}
 .faq-item.open .faq-a{display:block}
 .stage .slider{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:18px;width:calc(100% + 36px)!important;max-width:none!important;gap:12px!important;margin-left:-18px!important;margin-right:-18px!important;padding:2px 18px 10px!important;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .stage .slider::-webkit-scrollbar{display:none}
 .stage .slider>*{flex:0 0 80%!important;scroll-snap-align:start;max-width:none!important}
 .stage section.slider{margin-left:0!important;margin-right:0!important;width:100%!important}
}
.stage img.ph{position:absolute;top:0;left:0;width:100%!important;height:100%!important;object-fit:cover;border-radius:inherit;display:block;max-width:none!important}
.stage .phwrap>:not(img.ph):not(picture):not([style*="position: absolute"]):not(video){position:relative}
/* ===== phone-first pass ===== */
.tstrip{display:none}
.rm-btn{display:none}
.sl-hint{display:none}
@media (max-width: 820px){
 html{scroll-padding-top:84px}
 body{-webkit-text-size-adjust:100%}
 /* compact hero */
 .stage section[style*="height:"][style*="position: relative"]{padding-top:88px!important;padding-bottom:46px!important}
 .stage .hero-ticks,.stage .crumbs{display:none!important}
 .stage .hero-cta>a:nth-child(n+2){display:none!important}
 .stage .hero-cta>a:first-child{width:100%;justify-content:center;height:54px!important;font-size:16px!important}
 .stage h2.hero-title{font-size:32px!important;margin-top:2px!important}
 .stage section[style*="height:"] p{font-size:15.5px!important;line-height:1.55!important}
 .stage section[style*="height:"] [class~="photol"],.stage section[style*="height:"] [class~="photo"]:not(section){height:200px!important}
 /* trust strip */
 .tstrip{display:flex;gap:8px;overflow-x:auto;padding:14px 18px;background:#F3F6F9;border-bottom:1px solid #E3E5EA;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .tstrip::-webkit-scrollbar{display:none}
 .tstrip span{flex:0 0 auto;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid #E3E5EA;font:700 12.5px 'Plus Jakarta Sans',system-ui,sans-serif;color:#17181D;white-space:nowrap}
 /* tighter sections */
 .stage section:not([style*="height:"]),.stage footer{padding-top:38px!important;padding-bottom:38px!important}
 /* read more */
 .stage .rm-hide{display:none!important}
 .stage .rm-clamp{display:-webkit-box!important;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
 .rm-btn{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin-top:4px;padding:10px 16px;border-radius:999px;border:1.5px solid #2B94CA;background:transparent;color:#1A6FA3;font:700 14px 'Plus Jakarta Sans',system-ui,sans-serif;cursor:pointer}
 .stage .grid .rm-btn,.stage [style*="background: #17181D"] .rm-btn{color:#3FA7E0;border-color:#3FA7E0}
 /* sliders: card width + dots hint */
 .stage .slider>*{flex:0 0 82%!important}
 .stage .slider>* [class~="photol"],.stage .slider>* [class~="photo"]{height:190px!important}
 .sl-hint{display:block;margin:-2px 0 0;font:600 12px 'Plus Jakarta Sans',system-ui,sans-serif;color:#6A6D76}
 /* forms */
 .stage input,.stage textarea,.stage select{font-size:16px!important}
 .stage input[type="text"],.stage input[type="tel"],.stage input[type="email"]{height:50px!important}
 .stage textarea{min-height:92px!important;height:92px!important}
 .stage form button[type="submit"]{height:56px!important;font-size:16px!important}
 .stage .f-hide{display:none!important}
 .stage form{padding:22px 18px!important}
 /* footer accordions */
 .stage footer .fcol>a{display:none!important}
 .stage footer .fcol>span:not(.fh){display:none!important}
 .stage footer .fcol.open>a{display:inline-block!important}
 .stage footer .fcol.open>span:not(.fh){display:block!important}
 .stage footer .fh{display:flex!important;justify-content:space-between;align-items:center;padding:14px 0!important;margin:0!important;border-top:1px solid #2C2E35;cursor:pointer}
 .stage footer .fh::after{content:'+';font-size:20px;color:#3FA7E0}
 .stage footer .fcol.open .fh::after{content:'\2013'}
 .stage footer [style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important;gap:0!important}
 .stage footer [style*="grid-template-columns"]>*:first-child{padding-bottom:18px}
 .stage footer .fcol{gap:4px!important}
 /* compact steps */
 .stage .steps{gap:18px!important}
 .stage .steps>div{display:grid!important;grid-template-columns:56px minmax(0,1fr);column-gap:16px;row-gap:4px!important;text-align:left!important;align-items:start!important}
 .stage .steps>div>:first-child{grid-row:1/3;width:56px!important;height:56px!important}
 .stage .steps>div>:first-child svg{transform:scale(.8)}
 .stage .steps>div>div:nth-child(3){max-width:none!important}
 /* homepage finished photo */
 .stage #quote > div > .photo{height:300px!important}
 /* tap comfort */
 .stage a:not([style*="height:"]):not(.fh){padding-top:6px;padding-bottom:6px;display:inline-block}
 .stage .ptable a,.stage .ctable a{display:inline;padding:0}
 .stage a,.stage button{touch-action:manipulation}
}


@media (max-width: 820px){
html body .stage section div.wsvid.wsvid.wsvid.wsvid.phwrap:not(section){min-height:540px!important;height:540px!important}
}
@media (max-width: 820px){
.stage section.phwrap > picture img.ph[alt^="Black Jeep"]{object-position:center 55%!important}
}
@media (max-width: 820px){
.stage footer .fcol.open>a[style*="justify-content: space-between"]{display:flex!important;justify-content:space-between!important;gap:12px!important}
}
/* quote sent -> WhatsApp hand-off */
.qdone{padding:40px 36px 34px;border-radius:16px;background:#17181D;background-image:radial-gradient(rgba(255,255,255,0.06) 1.2px,transparent 1.6px);background-size:22px 22px;color:#fff;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;box-shadow:0 20px 50px rgba(23,24,29,0.18);border-top:4px solid #2B94CA;font-family:'Plus Jakarta Sans',system-ui,sans-serif;animation:qdIn .45s ease-out both}
.qd-tick{width:64px;height:64px;border-radius:999px;background:#2B94CA;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 8px rgba(43,148,202,.18)}
.qd-h{margin:4px 0 0;font-size:28px;line-height:1.2;font-weight:800;letter-spacing:-.4px;color:#fff}
.qd-p{margin:0;max-width:400px;font-size:16px;line-height:1.6;color:#D5D7DC}
.qd-p strong{color:#fff}
.qd-wa{margin-top:6px;width:100%;max-width:360px;height:58px;border-radius:999px;background:#168F44;color:#fff!important;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:800;font-size:17px;text-decoration:none;box-shadow:0 10px 26px rgba(22,143,68,.35);transition:transform .15s,background .15s}
.qd-wa:hover{background:#127A3A;transform:translateY(-1px)}
.qd-steps{list-style:none;margin:8px 0 0;padding:16px 0 0;border-top:1px solid #2C2E35;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.qd-steps li{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:13px;font-weight:600;line-height:1.4;color:#C8CAD0}
.qd-steps b{width:26px;height:26px;border-radius:999px;background:rgba(43,148,202,.18);color:#3FA7E0;font-size:13px;display:flex;align-items:center;justify-content:center}
.qd-s{margin:0;font-size:13px;line-height:1.6;color:#A3A6AE}
.qd-s a{color:#3FA7E0;font-weight:700;text-decoration:none}
.qd-pv{margin:0;padding:10px 14px;border-radius:10px;background:rgba(247,203,46,.12);color:#F7CB2E;font-size:12.5px;line-height:1.5}
@keyframes qdIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){.qdone{animation:none}}
@media (max-width: 820px){.qdone{padding:30px 18px 26px!important}.qd-h{font-size:24px!important}.stage .qd-p{font-size:15.5px!important}.qd-wa{max-width:none;padding:0!important;display:flex!important}}
@media (max-width: 820px){.stage .qd-s,.stage .qd-pv{font-size:13px!important}}
.qd-photos{margin-top:2px;width:100%;max-width:360px;height:52px;border-radius:999px;border:2px solid #168F44;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;font:800 16px 'Plus Jakarta Sans',system-ui,sans-serif;cursor:pointer}
.qd-photos svg{color:#3FD07A}
.qd-photos:hover{background:rgba(22,143,68,.15)}
.qd-hint{margin:-6px 0 0;max-width:360px;font-size:12.5px;line-height:1.5;color:#A3A6AE}
.qd-hint strong{color:#D5D7DC}
@media (max-width: 820px){.qd-photos{max-width:none}.stage .qd-hint{font-size:12.5px!important}}
