@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#080b10;--panel:#111720;--line:#26303b;--muted:#a2acb9;--blue:#00a9f4;--white:#f5f7fa}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--white);font:15px/1.7 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}img{max-width:100%}.preview-note{text-align:center;background:#132331;color:#acd5e9;padding:7px 15px;font-size:9px;letter-spacing:1px}.preview-note span{margin-left:20px;letter-spacing:0;color:#aab7c2}header{position:absolute;z-index:5;top:55px;left:50%;transform:translateX(-50%);width:min(1000px,92%);height:78px;padding:5px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #ffffff15;border-radius:50px;background:#06090de8;backdrop-filter:blur(12px)}.brand{width:135px;display:block;line-height:0}nav{display:flex;gap:30px;font-size:13px}nav a:hover{color:var(--blue)}.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;background:var(--blue);color:#021723;font-size:13px;font-weight:700;border:1px solid transparent;border-radius:40px;padding:15px 29px;transition:background .2s,transform .2s}.button:hover{background:#58cfff;transform:translateY(-2px)}.button.small{padding:11px 22px;font-size:12px}.secondary{background:#141b25;color:white;border-color:#ffffff24}.secondary:hover{background:#253346}.hero{position:relative;min-height:710px;display:flex;justify-content:center;align-items:center;text-align:center;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#0b3b59,#0a1b2b 55%,#050a10)}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#060b12 0%,transparent 40%,#03081166 100%);pointer-events:none}.hero-watermark{position:absolute;inset:0;background:url('assets/logo.png') center 45%/min(1100px,90%) auto no-repeat;opacity:.12;filter:blur(2px)}.hero-copy{position:relative;z-index:1;padding:145px 20px 100px;width:100%}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--blue)}h1,h2{font-family:'Barlow Condensed','Arial Narrow',sans-serif;line-height:1.08;margin:17px 0;font-weight:600;letter-spacing:-.5px}h1{font-size:clamp(56px,6.5vw,88px);font-weight:700;line-height:1.05}h1 span,h2 span{color:var(--blue)}.hero-copy>p{font-size:19px;color:#ced8e3;line-height:1.7;margin:30px 0}.hero-copy strong{font-weight:600}.hero-actions{display:flex;justify-content:center;gap:17px}.hero-actions .button{min-width:190px}.hero-photo-note{position:absolute;bottom:28px;z-index:1;left:50%;transform:translateX(-50%);color:#7492a7;font-size:8px;letter-spacing:1.8px;white-space:nowrap}.highlights{display:grid;grid-template-columns:repeat(4,1fr);background:#0c151e;border-top:1px solid #193044;border-bottom:1px solid #193044;text-align:center;padding:25px 5%}.highlights strong{display:block;color:var(--blue);font-size:32px;font-weight:600;line-height:1.3}.highlights span{font-size:10px;color:#aab9c7;letter-spacing:1.5px}.section{max-width:1280px;margin:auto;padding:85px 5%}h2{font-size:50px}h3{font-size:19px;line-height:1.35;margin:12px 0}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about>div>p{font-size:14px;color:var(--muted)}.about-feature{display:flex;gap:20px;margin-top:24px}.about-feature>span{background:#08263b;border:1px solid #124364;border-radius:12px;min-width:43px;height:43px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--blue)}.about-feature h3{font-size:16px;margin:0 0 6px}.about-feature p{color:var(--muted);font-size:12px;margin:0}.photo-placeholder{position:relative;min-height:180px;background:linear-gradient(135deg,#102b3e,#0c1621 70%);border:1px dashed #304b60;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#728d9f;overflow:hidden}.photo-placeholder:after{content:'';position:absolute;inset:20px;border:1px solid #31516a22;pointer-events:none}.photo-icon{font-size:32px;font-weight:400;color:#4b809f;line-height:1;margin:8px}.photo-placeholder strong{font-size:10px;letter-spacing:1.5px;font-weight:500}.photo-placeholder p{font-size:11px;margin:4px 0}.photo-label{position:absolute;bottom:18px;left:20px;font-size:8px;letter-spacing:1.8px}.about-photo{min-height:430px;border-radius:20px}.center-heading{text-align:center;max-width:750px;margin:0 auto 42px}.center-heading p{color:var(--muted);font-size:14px}.services{max-width:none;background:#0e141e;border-block:1px solid #1c2736}.service-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:1152px;margin:auto}.service-preview{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#0a1018}.service-photo{height:225px;border:0;border-bottom:1px dashed #304b60}.service-content{padding:28px}.service-kicker{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:var(--blue)}.service-content h3{font-size:25px}.service-content>p{font-size:13px;color:var(--muted)}.service-content ul{list-style:none;padding:0;margin:23px 0;font-size:12px;color:#c4d0dc;display:grid;grid-template-columns:1fr 1fr;gap:12px}.service-content li:before{content:'✓';color:var(--blue);margin-right:8px}.selector-label{font-size:9px;letter-spacing:1.5px;color:#8da2b6;margin:0 0 17px}.service-choice{width:100%;display:flex;text-align:left;align-items:start;gap:18px;border:1px solid #29384a;background:#121d2a;border-radius:14px;color:white;padding:27px 22px;margin-bottom:17px}.service-choice.active{border-color:var(--blue);background:#09283b;box-shadow:0 0 0 1px #00a9f424}.choice-icon{font-size:25px;line-height:1.3;color:var(--blue)}.service-choice small{display:block;color:#7b9ab3;font-size:9px;letter-spacing:1.5px}.service-choice strong{display:block;font-size:18px;margin:5px 0}.service-choice p{font-size:12px;color:var(--muted);margin:6px 0 0}.service-choice b{margin-left:auto;color:var(--blue)}.mobile-callout{display:flex;gap:20px;padding:25px 10px}.mobile-callout>span{font-size:28px;color:var(--blue)}.mobile-callout strong{font-size:15px}.mobile-callout p{font-size:13px;color:var(--muted)}.mobile-callout a{color:var(--blue);font-size:12px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;text-align:center}.steps article{position:relative}.steps article:not(:last-child):after{content:'';position:absolute;top:28px;left:70%;width:74%;border-top:1px dashed #25516a}.steps article>span{display:inline-flex;width:58px;height:58px;border:1px solid #14587c;border-radius:50%;background:#07263a;color:var(--blue);font-size:22px;font-weight:600;margin-bottom:12px}.steps article>span{align-items:center;justify-content:center}.steps h3{font-size:17px}.steps p{font-size:12px;color:var(--muted)}.gallery{border-top:1px solid var(--line);text-align:center}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:33px}.gallery-card{background:#101925;border:1px solid var(--line);border-radius:13px;overflow:hidden;text-align:left}.gallery-card .photo-placeholder{height:190px;border:0;border-bottom:1px dashed #304b60}.gallery-card>div:last-child{padding:15px 20px}.gallery-card h3{font-size:15px;margin:0}.gallery-card>div:last-child p{font-size:11px;color:var(--muted);margin:5px 0}.cta-band{background:linear-gradient(110deg,#082d44,#07151f);border-block:1px solid #15405a;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:55px max(5%,calc((100vw - 1152px)/2))}.cta-band h2{font-size:43px;margin:0 0 12px}.cta-band p{font-size:13px;color:#9fb5c6;margin:0}.cta-band>.button{flex-shrink:0}.quote{display:grid;grid-template-columns:1fr 1.15fr;gap:70px}.quote-copy{padding-top:20px}.quote-copy>p{font-size:14px;color:var(--muted)}.contact-placeholder{border-left:2px solid var(--blue);padding-left:20px;margin-top:40px}.contact-placeholder span{font-size:9px;letter-spacing:1.5px;color:var(--blue)}.contact-placeholder strong{display:block;font-size:16px;margin:8px 0}.contact-placeholder p{font-size:12px;color:var(--muted)}form{background:#101923;border:1px solid var(--line);border-radius:18px;padding:30px}.form-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.form-title h3{margin:0}.form-title span{color:#91b2c9;border:1px solid #344b5b;padding:3px 7px;font-size:8px;letter-spacing:1px}label{display:block;font-size:11px;font-weight:500;margin-bottom:17px;color:#d8e1eb}input,select,textarea{display:block;width:100%;border:1px solid #303d4a;background:#09111b;color:var(--white);padding:12px;margin-top:7px;border-radius:7px;font-size:12px}input:focus,select:focus,textarea:focus{outline:1px solid var(--blue)}input::placeholder,textarea::placeholder{color:#788797}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.optional{color:#768493}form>.button{width:100%}.form-note{font-size:10px;color:#8d9dab;margin:14px 0 0;line-height:1.6}#result{margin-top:20px;border-top:1px solid var(--line);padding-top:20px;font-size:12px}#result p{color:var(--muted)}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;color:#b8cad8}#copy{background:#243443;border:1px solid #3b586b;color:white;padding:8px 12px;border-radius:5px}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;border-top:1px solid var(--line);padding-top:60px}details{border-bottom:1px solid var(--line)}summary{padding:20px 0;font-size:14px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary span{color:var(--blue)}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;color:var(--muted);padding:0 22px 15px 0;margin:0}footer{background:#05090f;border-top:1px solid var(--line);padding:45px max(5%,calc((100vw - 1152px)/2)) 20px;display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:25px}footer img{width:170px}footer p{font-size:11px;color:var(--muted)}footer h3{font-size:14px;margin:12px 0 18px}footer>div>a:not(:has(img)){font-size:11px;display:block;color:var(--muted);margin:8px 0}footer a:hover{color:var(--blue)!important}.footer-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;margin-top:15px;display:flex;justify-content:space-between;font-size:9px;color:#748494;letter-spacing:1px}
@media(max-width:900px){nav{gap:17px}.about,.quote{gap:35px}.about-photo{min-height:400px}.service-content{padding:23px}.service-content ul{grid-template-columns:1fr}.service-choice{padding:23px 18px}.steps{gap:18px}.steps h3{font-size:15px}.cta-band{gap:20px}.cta-band h2{font-size:36px}.faq{gap:30px}footer{grid-template-columns:1.5fr 1fr 1fr}footer>div:nth-child(4){grid-column:1/-1}h2{font-size:45px}}
@media(max-width:650px){html{scroll-padding-top:20px}.preview-note{font-size:8px}.preview-note span{display:block;margin:0}header{top:65px;height:70px;padding:5px 18px}.brand{width:120px}nav{display:none}.button.small{font-size:11px;padding:10px 18px}.hero{min-height:650px}.hero-copy{padding:165px 16px 105px}h1{font-size:57px}.hero-copy>.eyebrow{font-size:8px;letter-spacing:1.5px}.hero-copy>p{font-size:15px;margin:25px 0}.hero-actions{gap:10px}.hero-actions .button{min-width:0;padding:13px 23px;font-size:12px}.hero-photo-note{font-size:7px}.highlights{grid-template-columns:1fr 1fr;gap:25px;padding:27px 15px}.highlights strong{font-size:29px}.highlights span{font-size:8px}.section{padding:55px 5%}h2{font-size:42px}.about,.service-layout,.quote,.faq{grid-template-columns:1fr;gap:30px}.about-photo{min-height:285px}.service-content ul{grid-template-columns:1fr 1fr;font-size:11px}.service-content h3{font-size:23px}.service-choice strong{font-size:17px}.center-heading{margin-bottom:30px}.center-heading p{font-size:13px}.steps{grid-template-columns:1fr 1fr;gap:25px}.steps article:after{display:none}.steps h3{font-size:16px}.steps p{font-size:12px}.gallery-grid{grid-template-columns:1fr 1fr;gap:13px}.gallery-card .photo-placeholder{height:150px}.gallery-card>div:last-child{padding:13px}.gallery-card h3{font-size:13px}.gallery-card>div:last-child p{font-size:10px}.photo-label{font-size:7px;left:15px;bottom:12px}.cta-band{display:block;padding:40px 5%}.cta-band>.button{margin-top:24px}.quote-copy{padding:0}.contact-placeholder{margin-top:25px}form{padding:23px}.faq{gap:10px}footer{grid-template-columns:1fr 1fr;padding-top:30px}footer>div:first-child{grid-column:1/-1}footer>div:nth-child(4){grid-column:1/-1}footer img{width:160px}.footer-bottom{font-size:8px;letter-spacing:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Mobile-first refinements */
.skip-link{position:fixed;top:-100px;left:15px;background:white;color:#07131f;padding:12px;z-index:100}.skip-link:focus{top:10px}.menu-toggle{display:none}.mobile-action-bar{display:none}.hero{min-height:790px}.hero-copy{padding:150px 20px 90px}h1{font-size:clamp(58px,6.2vw,84px);line-height:1.02;letter-spacing:-1px}.hero-copy>p{font-size:18px;margin:25px 0 18px}.hero-watermark{background-position:center 55%;opacity:.055;filter:blur(1px)}.hero-tags{display:flex;justify-content:center;gap:22px;color:#a5bbcb;font-size:11px;margin-bottom:29px}.hero-tags span:before{content:'✓';color:var(--blue);margin-right:7px}.hero-photo-note{color:#9fbacc;font-size:9px;letter-spacing:2px}.section{padding-top:80px;padding-bottom:80px}.eyebrow{font-size:11px}.about>div>p,.quote-copy>p,.center-heading p{font-size:16px}.about-feature p,.service-content>p,.service-choice p,.steps p,.mobile-callout p,details p{font-size:14px}.service-content ul{font-size:13px}.about-feature h3{font-size:18px}.service-choice{min-height:160px}.selector-label{font-size:10px}.service-content{min-height:340px}.photo-placeholder{background:radial-gradient(ellipse at 50% 30%,#13394f,#0c1621 80%)}.gallery-card>div:last-child p{font-size:12px}input,select,textarea{font-size:16px;min-height:50px}label{font-size:13px}.form-note{font-size:12px}.optional{color:#a9b6c2}.form-title span{font-size:10px}.contact-placeholder p{font-size:14px}.contact-placeholder span{font-size:10px}summary{min-height:60px;font-size:16px}.button{min-height:48px}.coverage{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;border-top:1px solid var(--line)}.coverage p{font-size:15px;color:var(--muted);max-width:460px}.coverage .button{margin-top:15px}.coverage-card{border:1px solid #22465e;border-radius:20px;padding:35px;background:radial-gradient(ellipse at top right,#10344c,#0d1823 70%)}.coverage-mark{font:700 85px/1 'Barlow Condensed',sans-serif;color:var(--blue);display:flex;justify-content:space-between;margin-bottom:25px}.coverage-mark>span{font-size:65px;font-weight:400}.coverage-card>strong{font-size:23px}.coverage-locations{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.coverage-locations span{border:1px solid #345265;border-radius:30px;padding:6px 13px;font-size:12px;color:#c5d9e7}.coverage-card p{border-top:1px solid #254155;padding-top:20px;font-size:13px;margin-bottom:0}footer>div>a:not(:has(img)){font-size:13px;padding:5px 0}footer p{font-size:13px}footer h3{font-size:16px}a:focus-visible,button:focus-visible{outline:2px solid #62d1ff}section[id]{scroll-margin-top:25px}header nav{gap:22px}
@media(max-width:900px){header{width:94%;padding-inline:20px;gap:12px}header nav{gap:13px;font-size:12px}.brand{width:120px}.coverage{gap:35px}.service-content ul{grid-template-columns:1fr}.service-content{min-height:365px}}
@media(max-width:650px){html{scroll-padding-top:30px}body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.preview-note{font-size:9px;padding:7px 12px}.preview-note span{font-size:10px}header{top:63px;height:72px;padding:6px 15px;border-radius:18px;width:92%;gap:12px}.brand{width:123px;margin-right:auto}.button.small{min-height:42px;padding:10px 15px;font-size:11px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;align-items:center;width:44px;height:44px;background:#132333;border:1px solid #31485a;border-radius:10px;flex-shrink:0}.menu-toggle>span{width:18px;height:2px;background:#d4eaf8;transition:transform .2s}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-4px) rotate(-45deg)}header nav{display:none;position:absolute;left:0;right:0;top:82px;background:#0d1722;border:1px solid #2c4659;padding:12px;border-radius:15px;box-shadow:0 20px 40px #0008}header nav.open{display:flex;flex-direction:column;gap:0}header nav a{display:block;padding:13px 15px;font-size:15px;border-bottom:1px solid #1b2d3c}header nav a:last-child{border:0}.hero{min-height:680px}.hero-copy{padding:155px 5% 100px}h1{font-size:clamp(44px,11.7vw,68px);line-height:1.08;letter-spacing:-.4px;margin:22px 0}.hero-copy>.eyebrow{font-size:10px;letter-spacing:1px}.hero-copy>p{font-size:16px;line-height:1.75;margin:20px 0}.hero-tags{gap:9px;font-size:10px;flex-wrap:wrap;margin-bottom:25px}.hero-tags span:before{margin-right:4px}.hero-actions{flex-direction:column;align-items:stretch;gap:11px;max-width:360px;margin:0 auto}.hero-actions .button{font-size:14px;min-height:50px}.hero-photo-note{font-size:8px;letter-spacing:1.2px;bottom:30px}.highlights{padding:25px 15px;gap:22px}.highlights strong{font-size:27px}.highlights span{font-size:10px;letter-spacing:1px}.section{padding:52px 6%}.eyebrow{font-size:10px;letter-spacing:1.5px}h2{font-size:43px;line-height:1.08}.center-heading{margin-bottom:25px}.about>div>p,.quote-copy>p,.center-heading p{font-size:15px}.about-feature p,.service-content>p,.service-choice p,.steps p,details p{font-size:14px}.about-photo{min-height:220px}.service-layout{gap:22px}.service-choices{grid-row:1}.service-choice{min-height:0;padding:20px 16px;margin-bottom:12px;gap:13px}.service-choice strong{font-size:18px}.choice-icon{font-size:23px}.service-choice small{font-size:10px}.service-choice p{font-size:13px}.mobile-callout{padding:10px 4px}.mobile-callout p{font-size:13px;margin:6px 0}.service-photo{height:165px;min-height:165px}.service-content{min-height:0;padding:24px}.service-content ul{grid-template-columns:1fr;font-size:14px;gap:10px}.service-content>.button{width:100%;font-size:13px}.steps{grid-template-columns:1fr;text-align:left;gap:0}.steps article{padding:0 0 25px 72px;min-height:115px}.steps article:not(:last-child){border-left:1px solid #25475f;margin-left:27px;padding-left:44px}.steps article:last-child{padding-left:44px;margin-left:27px}.steps article>span{position:absolute;left:-27px;top:0;width:53px;height:53px;font-size:20px;margin:0}.steps h3{margin:5px 0 8px;font-size:18px}.steps p{margin:0}.gallery-grid{gap:13px}.gallery-card .photo-placeholder{height:140px;min-height:140px}.gallery-card h3{font-size:14px}.gallery-card>div:last-child p{font-size:12px}.coverage{grid-template-columns:1fr;gap:25px}.coverage-card{padding:27px}.coverage-mark{font-size:75px}.coverage p{font-size:15px}.coverage .button{width:100%}.cta-band{padding:40px 6%}.cta-band p{font-size:15px}.cta-band h2{font-size:40px}.cta-band>.button{width:100%}.form-row{grid-template-columns:1fr;gap:0}form{padding:23px 20px;border-radius:16px}input,select,textarea{font-size:16px;padding:13px;min-height:50px}label{font-size:14px;margin-bottom:18px}.form-note{font-size:12px}.form-title h3{font-size:21px}.quote{gap:28px}.quote-copy .contact-placeholder{margin-top:20px}.contact-placeholder p{font-size:13px}summary{font-size:15px;padding:18px 0}summary span{font-size:21px}footer{padding:35px 6% 25px}footer>div>a:not(:has(img)){min-height:44px;font-size:14px;margin:0;padding:10px 0}.mobile-action-bar{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 5% calc(10px + env(safe-area-inset-bottom));border-top:1px solid #2a465b;background:#08121ef5;backdrop-filter:blur(12px);box-shadow:0 -10px 30px #0004}.mobile-action-bar>a:first-child{font-size:13px;color:#c6d8e7;min-height:48px;display:flex;align-items:center;padding:0 8px}.mobile-action-bar>.button{font-size:13px;flex:1;max-width:245px;padding:12px 20px}.footer-bottom{flex-wrap:wrap;gap:10px}#result{font-size:14px}#copy{min-height:46px}}
@media(max-width:370px){header{padding-inline:10px;gap:7px}.brand{width:100px}.button.small{padding-inline:12px}.menu-toggle{width:40px}.hero-copy>.eyebrow{font-size:9px}.gallery-grid{grid-template-columns:1fr}.hero-tags{font-size:9px}.mobile-action-bar{gap:7px}.mobile-action-bar>.button{font-size:12px;padding-inline:10px}}

@media(max-width:370px){h1{font-size:38px}}
.contact-phone{display:block;font-size:27px;font-weight:700;color:var(--blue);margin-top:12px}.contact-email{display:block;font-size:15px;overflow-wrap:anywhere;padding:9px 0}.contact-placeholder p strong{font-size:15px}footer a{overflow-wrap:anywhere}#result .button{margin:10px 10px 10px 0;font-size:13px}#copy{min-height:48px}h1{font-size:clamp(48px,5.5vw,74px)}.hero-copy{padding-top:155px}@media(max-width:650px){h1{font-size:clamp(33px,9vw,49px);line-height:1.15}.hero-copy{padding-top:150px}.contact-phone{font-size:27px}.contact-email{font-size:16px}.form-note{color:#b4c5d1}.mobile-action-bar>a:first-child{font-size:15px;font-weight:700;color:var(--blue);padding:0 15px}#result .button{width:100%;margin-right:0}}@media(max-width:370px){h1{font-size:31px}}

.field-help{font-size:12px;color:#a9bac9;margin:-8px 0 22px;line-height:1.65}#vin{text-transform:uppercase;letter-spacing:1px}#vin::placeholder{text-transform:none;letter-spacing:0}.text-us{display:inline-flex;align-items:center;min-height:44px;color:var(--blue);font-size:15px;font-weight:600}.mobile-action-bar .mobile-text{min-height:48px;display:flex;align-items:center;padding:0 10px;color:var(--blue);font-weight:700;font-size:15px}@media(max-width:650px){.mobile-action-bar{gap:8px}.mobile-action-bar>a:first-child{padding-inline:10px}.mobile-action-bar>.button{padding-inline:13px}.field-help{font-size:13px}}

/* Illustrative service photography */
.hero{background:linear-gradient(90deg,rgba(3,10,18,.97) 0%,rgba(3,12,22,.92) 34%,rgba(3,12,22,.37) 78%,rgba(3,10,18,.26) 100%),url('assets/hero-clear-windshield.webp') center/cover no-repeat;text-align:left;min-height:760px}
.hero:after{background:linear-gradient(0deg,rgba(4,10,17,.82),transparent 35%,rgba(2,8,15,.35));}
.hero-watermark{display:none}
.hero-copy{width:min(1150px,90%);padding:160px 0 105px}
.hero-copy h1{max-width:720px;font-size:clamp(55px,5.7vw,78px);text-shadow:0 2px 18px #0005}
.hero-tags,.hero-actions{justify-content:flex-start}
.hero-photo-note{left:5%;transform:none}
.media-frame{position:relative;overflow:hidden;background:#102232}
.media-frame img{display:block;width:100%;height:100%;object-fit:cover}
.about-photo{margin:0;min-height:430px;height:100%;border:1px solid #2c4554;border-radius:20px}
.about-photo img{position:absolute;inset:0;object-position:68% center}
.image-caption,.media-frame figcaption{position:absolute;bottom:12px;left:12px;margin:0;padding:5px 9px;border-radius:5px;background:#07111bd9;color:#d2e1e9;font-size:10px;letter-spacing:.2px;line-height:1.2}
.service-photo{height:250px;min-height:0;border:0;border-bottom:1px solid #304b60}
.service-photo img{object-position:70% center}
.gallery-grid{max-width:980px;margin-left:auto;margin-right:auto;grid-template-columns:repeat(2,minmax(0,1fr))}
.gallery-photo{height:255px}
.gallery-photo img{object-position:center}
.phone-help{display:block;margin-top:7px;font-size:12px;font-weight:400;line-height:1.4;color:#a9bac9}
@media(max-width:650px){
 .hero{min-height:710px;text-align:center;background:linear-gradient(0deg,rgba(3,10,18,.96),rgba(3,10,18,.79) 62%,rgba(3,10,18,.69)),url('assets/hero-clear-windshield.webp') 65% center/cover no-repeat}
 .hero-copy{width:100%;padding:160px 6% 105px}
 .hero-copy h1{font-size:clamp(43px,11.5vw,65px);margin-left:auto;margin-right:auto}
 .hero-tags,.hero-actions{justify-content:center}
 .hero-photo-note{left:50%;transform:translateX(-50%);font-size:7px;letter-spacing:.7px}
 .about-photo{height:290px;min-height:0}
 .service-photo{height:210px;min-height:0}
 .gallery-grid{grid-template-columns:1fr;gap:16px}
 .gallery-photo{height:210px}
 .phone-help{font-size:13px}
}

/* Show the branded van clearly alongside the main message. */
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:clamp(28px,3vw,52px);align-items:center;min-height:740px;padding:155px max(5%,calc((100vw - 1280px)/2)) 85px;background:radial-gradient(ellipse at 72% 50%,#102d41,#070d15 65%);text-align:left}
.hero:after{display:none}
.hero-copy{width:auto;max-width:620px;padding:0}
.hero-copy h1{font-size:clamp(48px,5.25vw,72px);line-height:1.04}
.hero-visual{position:relative;margin:0;width:100%;aspect-ratio:1.85;border-radius:18px;overflow:hidden;border:1px solid #2b526b;background:#101e2b;box-shadow:0 30px 70px #0008}
.hero-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:right center}
.hero-visual figcaption{position:absolute;left:12px;bottom:12px;padding:5px 9px;border-radius:5px;background:#07111bd9;color:#d2e1e9;font-size:10px;letter-spacing:.3px;line-height:1.2}
@media(max-width:900px){.hero{gap:25px}.hero-copy h1{font-size:clamp(43px,5.8vw,57px)}.hero-copy>p{font-size:16px}.hero-tags{gap:12px;flex-wrap:wrap}.hero-actions{gap:10px}.hero-actions .button{min-width:0;padding-inline:18px}}
@media(max-width:650px){
 .hero{display:flex;flex-direction:column;align-items:stretch;gap:26px;min-height:0;padding:165px 6% 48px;text-align:center;background:radial-gradient(ellipse at 50% 50%,#103047,#070d15 70%)}
 .hero-copy{width:100%;max-width:none;padding:0}
 .hero-copy h1{font-size:clamp(43px,11.5vw,65px);margin:22px auto}
 .hero-copy>p{font-size:16px}
 .hero-actions .button{padding-inline:18px}
 .hero-visual{aspect-ratio:1.85;border-radius:14px}
 .hero-visual figcaption{font-size:9px}
}
@media(max-width:650px){
 .hero{gap:14px;padding-top:155px}
 .hero-copy{display:contents}
 .hero-copy>.eyebrow{order:0}
 .hero-copy h1{order:1;margin:6px auto 2px}
 .hero-visual{order:2}
 .hero-copy>p{order:3;margin:5px 0 0}
 .hero-tags{order:4;margin:0 0 5px}
 .hero-actions{order:5;margin:0 auto}
}
@media(min-width:651px) and (max-width:900px){
 .hero-actions{flex-direction:column;align-items:flex-start}
 .hero-actions .button{min-width:200px}
}

/* Full-bleed van photo behind the hero message. */
.hero{display:flex;position:relative;justify-content:flex-start;align-items:center;min-height:760px;padding:160px max(5%,calc((100vw - 1280px)/2)) 95px;text-align:left;background:linear-gradient(90deg,rgba(3,10,18,.98) 0%,rgba(3,10,18,.91) 28%,rgba(3,10,18,.42) 62%,rgba(3,10,18,.18) 100%),url('assets/van-background.webp') right center/cover no-repeat}
.hero-copy{display:block;position:relative;z-index:1;width:min(680px,100%);max-width:680px;padding:0}
.hero-copy h1{font-size:clamp(55px,5.7vw,76px);line-height:1.04}
.hero-tags,.hero-actions{justify-content:flex-start}
.hero-photo-note{display:block;position:absolute;z-index:1;left:max(5%,calc((100vw - 1280px)/2));bottom:25px;transform:none;color:#c5d3df}
@media(min-width:651px) and (max-width:900px){.hero-actions{flex-direction:row;align-items:center}.hero-actions .button{min-width:0}.hero-copy h1{font-size:clamp(48px,6.3vw,62px)}}
@media(max-width:650px){
 .hero{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:0;min-height:735px;padding:160px 6% 80px;text-align:center;background:linear-gradient(0deg,rgba(3,10,18,.97),rgba(3,10,18,.81) 65%,rgba(3,10,18,.72)),url('assets/van-background.webp') 70% center/cover no-repeat}
 .hero-copy{display:block;width:100%;max-width:none;padding:0}
 .hero-copy h1{font-size:clamp(43px,11.5vw,65px);margin:22px auto}
 .hero-copy>p{margin:20px 0}
 .hero-tags{justify-content:center;margin-bottom:25px}
 .hero-actions{justify-content:center;margin:0 auto}
 .hero-photo-note{left:50%;bottom:25px;transform:translateX(-50%);white-space:nowrap;font-size:8px}
}
@media(max-width:650px){
 .hero{background:linear-gradient(180deg,rgba(3,10,18,.83) 0%,rgba(3,10,18,.78) 40%,rgba(3,10,18,.59) 70%,rgba(3,10,18,.85) 100%),url('assets/van-background-mobile.webp') center center/cover no-repeat}
}
@media(max-width:650px){
 .hero{background:linear-gradient(180deg,rgba(3,10,18,.88) 0%,rgba(3,10,18,.78) 40%,rgba(3,10,18,.58) 70%,rgba(3,10,18,.82) 100%),url('assets/van-background-mobile.webp') center bottom/100% auto no-repeat,#07111d}
}
@media(max-width:650px){.hero{padding-bottom:240px}}
@media(max-width:650px){.hero{padding-bottom:310px}}

/* Mobile technician as the main background. */
@media(min-width:651px){
 .hero{background:linear-gradient(90deg,rgba(3,10,18,.98) 0%,rgba(3,10,18,.88) 28%,rgba(3,10,18,.33) 56%,rgba(3,10,18,.12) 100%),url('assets/installer-background.webp') left center/cover no-repeat}
 .hero-copy{max-width:620px}
 .hero-copy h1{font-size:clamp(51px,5vw,68px)}
}
@media(max-width:650px){
 .hero{background:linear-gradient(180deg,rgba(3,10,18,.88) 0%,rgba(3,10,18,.78) 40%,rgba(3,10,18,.58) 70%,rgba(3,10,18,.82) 100%),url('assets/installer-background-mobile.webp') center bottom/100% auto no-repeat,#07111d}
}
@media(max-width:650px){
 .hero{padding-bottom:180px;background:linear-gradient(180deg,rgba(3,10,18,.86) 0%,rgba(3,10,18,.75) 38%,rgba(3,10,18,.55) 68%,rgba(3,10,18,.82) 100%),url('assets/installer-background-mobile.webp') center 40%/100% auto no-repeat,#07111d}
}

/* Keep the shirt logo clear of the headline at each screen size. */
@media(min-width:1101px){
 .hero{background-position:center,clamp(40px,calc(15vw - 95px),140px) center;background-color:#07111d}
}
@media(min-width:651px) and (max-width:1100px){
 .hero{background-image:linear-gradient(90deg,rgba(3,10,18,.98) 0%,rgba(3,10,18,.9) 28%,rgba(3,10,18,.34) 56%,rgba(3,10,18,.1) 100%),linear-gradient(0deg,#07111d 0%,#07111d 16%,transparent 32%,transparent 68%,#07111d 84%,#07111d 100%),url('assets/installer-background.webp');background-color:#07111d;background-size:100% 100%,100% 100%,auto 68%;background-position:center,center,clamp(0px,calc(40vw - 260px),140px) center;background-repeat:no-repeat}
 .hero-copy{max-width:52%}
 .hero-copy h1{font-size:clamp(42px,5.6vw,55px)}
 .hero-actions{flex-direction:column;align-items:flex-start}
 .hero-actions .button{min-width:200px}
}
@media(max-width:650px){
 .hero{padding-bottom:300px;background-position:center,center bottom}
}
@media(min-width:1101px) and (max-width:1500px){
 .hero{background-image:linear-gradient(90deg,rgba(3,10,18,.98) 0%,rgba(3,10,18,.88) 28%,rgba(3,10,18,.33) 56%,rgba(3,10,18,.12) 100%),linear-gradient(0deg,#07111d 0%,#07111d 5%,transparent 20%,transparent 80%,#07111d 95%,#07111d 100%),url('assets/installer-background.webp');background-size:100% 100%,100% 100%,auto 90%;background-position:center,center,clamp(40px,calc(15vw - 95px),140px) center;background-repeat:no-repeat}
}

/* Calibration and commercial service information. */
.service-link .choice-description{display:block;color:var(--muted);font-size:14px;line-height:1.55;margin-top:6px}
.adas-section{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;border-top:1px solid var(--line)}
.adas-copy>p{color:var(--muted);font-size:15px;line-height:1.75;max-width:580px}
.adas-copy strong{color:var(--white)}
.adas-points{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 28px}
.adas-points span{padding:7px 12px;border:1px solid #2b526a;border-radius:24px;color:#c5d9e7;font-size:12px;line-height:1.4}
.adas-photo{height:100%;min-height:390px;margin:0;border:1px solid #284354;border-radius:20px}
.adas-photo img{position:absolute;inset:0;object-position:center}
.business-section{border-top:1px solid var(--line)}
.business-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:55px;align-items:end;margin-bottom:34px}
.business-heading h2{margin-bottom:0}
.business-heading>p{margin:0 0 5px;color:var(--muted);font-size:15px;line-height:1.8}
.business-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.business-grid article{background:linear-gradient(145deg,#102233,#101820);border:1px solid #263e50;border-radius:16px;padding:26px;min-height:180px}
.business-grid article>span{font-size:11px;color:var(--blue);font-weight:700;letter-spacing:1.5px}
.business-grid h3{font-size:18px;margin:15px 0 8px}
.business-grid p{color:var(--muted);font-size:14px;line-height:1.65;margin:0}
.business-actions{display:flex;align-items:center;gap:28px;margin-top:30px}
.business-call{font-size:14px;color:#b9dbed;font-weight:600}
.business-call:hover{color:var(--blue)}
@media(min-width:651px) and (max-width:800px){header{padding-inline:14px;gap:8px}.brand{width:105px;flex-shrink:0}header nav{gap:9px;font-size:11px}header .button.small{padding-inline:15px}}
@media(max-width:900px){.adas-section{gap:34px}.business-heading{gap:30px}.business-grid article{padding:20px}}
@media(max-width:650px){
 .service-link .choice-description{font-size:13px}
 .adas-section{grid-template-columns:1fr;gap:28px}
 .adas-photo{height:250px;min-height:0}
 .adas-copy>p{font-size:15px}
 .adas-copy>.button{width:100%}
 .business-heading{grid-template-columns:1fr;gap:15px;margin-bottom:25px}
 .business-heading>p{font-size:15px}
 .business-grid{grid-template-columns:1fr;gap:12px}
 .business-grid article{min-height:0;padding:20px}
 .business-grid h3{margin:8px 0 5px}
 .business-actions{flex-direction:column;align-items:stretch;gap:15px}
 .business-call{text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center}
}

/* Position the navigation for the public page. */
header{top:24px}
@media(max-width:650px){header{top:18px}}

/* Draw arrows consistently across phones and desktop browsers. */
.icon-arrow{display:inline-block;width:1em;height:1em;flex:none;vertical-align:-.125em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* Keep the beginning of the quote form clear when a quote link is tapped. */
#quote-form{scroll-margin-top:8px}