:root{--yellow:#ffd400;--yellow2:#ffea38;--black:#0d1114;--ink:#111820;--muted:#66707a;--white:#fff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.site-header{position:absolute;z-index:50;left:0;right:0;top:0;padding:18px 0;background:linear-gradient(#0b2e49cc,#0b2e4900)}.nav{display:flex;align-items:flex-start;justify-content:space-between;gap:25px}.brand{display:flex;flex-direction:column;line-height:.88;min-width:250px}.brand strong{font-family:'Archivo Black','Arial Black',Arial,sans-serif;font-size:54px;letter-spacing:-3px;color:var(--yellow);text-shadow:0 3px 0 #272727}.brand span{font:900 19px/1 Inter;background:var(--yellow);padding:8px 10px;color:#111;width:max-content;transform:skew(-2deg)}.desktop-nav{display:flex;gap:28px;padding-top:20px}.desktop-nav a{color:#fff;text-transform:uppercase;font-size:12px;font-weight:900}.phone-link{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;color:#fff;gap:0 8px;text-align:right;padding-top:4px}.phone-link span{grid-row:1/3;font-size:30px;color:var(--yellow)}.phone-link b{font:900 30px/1 Inter;color:var(--yellow)}.phone-link small{text-transform:uppercase;letter-spacing:1.2px;font-weight:600}.hero{position:relative;min-height:760px;color:#fff;overflow:hidden;background:#0e2534}.hero-image{position:absolute;inset:0;background-image:url('assets/steve-junk-cars-tow-truck.webp');background-size:cover;background-position:center 46%;filter:saturate(1.03) contrast(1.03)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,15,23,.08) 8%,rgba(4,15,23,.1) 40%,rgba(5,12,17,.82) 77%,rgba(5,12,17,.96) 100%)}.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:1.25fr .8fr;gap:55px;align-items:end;padding-top:345px;padding-bottom:52px}.hero-copy{padding-bottom:6px}.kicker{font-size:13px;text-transform:uppercase;letter-spacing:2px;font-weight:900;color:#fff;margin:0 0 12px}.hero h1{font:clamp(48px,5.6vw,82px)/.88 'Archivo Black','Arial Black',Arial,sans-serif;letter-spacing:-3px;margin:0;text-transform:uppercase;text-shadow:0 6px 18px #0009}.hero h1 span{color:var(--yellow)}.hero-sub{font-size:19px;font-weight:600;margin:18px 0 24px}.hero-perks{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:680px}.hero-perks>div{display:flex;align-items:center;gap:10px}.hero-perks b{font-size:28px}.hero-perks span{font-weight:900;font-size:12px;line-height:1.15}.quote-card{background:rgba(9,16,21,.96);border-radius:18px;padding:28px;box-shadow:0 25px 70px #0008;border:1px solid #ffffff1f}.quote-card h2{font:30px/1 'Archivo Black','Arial Black',Arial,sans-serif;margin:0 0 7px}.quote-card>p{margin:0 0 19px;color:#d9dfe3;font-size:14px}.three-fields,.two-fields{display:grid;gap:10px;margin-bottom:10px}.three-fields{grid-template-columns:repeat(3,1fr)}.two-fields{grid-template-columns:repeat(2,1fr)}.quote-card input,.quote-card select,.quote-card textarea{width:100%;padding:13px 12px;border:0;border-radius:7px;font:600 14px Inter;background:#fff;color:#17202a}.quote-card textarea{resize:vertical;margin-bottom:10px}.quote-card button,.yellow-btn{display:inline-block;width:100%;border:0;border-radius:7px;padding:16px 20px;background:linear-gradient(180deg,#ffe42d,#ffd000);font:900 16px Inter;cursor:pointer;color:#111;box-shadow:inset 0 -2px 0 #dcae00}.or-call{text-align:center;margin-top:12px;color:#e7eaec}.or-call a{font-weight:900}.form-status{text-align:center!important;color:var(--yellow)!important;margin:10px 0 0!important}.benefits{background:linear-gradient(180deg,#ffe31b,#ffd000);box-shadow:0 4px 20px #0002}.benefits-grid{display:grid;grid-template-columns:repeat(5,1fr);padding:21px 0}.benefits-grid>div{display:flex;align-items:center;justify-content:center;gap:12px;border-right:1px solid #1113}.benefits-grid>div:last-child{border-right:0}.benefits b{font-size:30px}.benefits span{display:flex;flex-direction:column}.benefits strong{font:22px/1 'Archivo Black','Arial Black',Arial,sans-serif;letter-spacing:-.8px}.benefits small{text-transform:uppercase;font-weight:900;font-size:11px}.section{padding:75px 0}.section-title{text-align:center;margin-bottom:45px}.section-title h2{font:clamp(40px,5vw,58px)/.95 'Archivo Black','Arial Black',Arial,sans-serif;margin:0;letter-spacing:-2px}.section-title p{font-weight:900;margin:8px 0 0}.steps{display:grid;grid-template-columns:repeat(4,1fr)}.steps article{text-align:center;padding:15px 28px 0;position:relative;border-right:1px solid #e2e4e5}.steps article:last-child{border-right:0}.steps i{position:absolute;top:0;left:10px;background:var(--yellow);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:900}.step-icon{font-size:46px;height:58px}.steps h3{font:23px/1 'Archivo Black','Arial Black',Arial,sans-serif;margin:14px 0 10px}.steps p{color:#4f5962;font-size:14px}.condition-section{padding:66px 0;background:radial-gradient(circle at 50% 0,#1d2a33,#0a1116 62%);color:#fff}.section-title.light p{color:#c8cdd1}.condition-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.cond{height:175px;border-radius:8px;position:relative;overflow:hidden;background-size:cover;background-position:center;box-shadow:0 10px 24px #0005}.cond:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000 35%,#000b)}.cond span{position:absolute;bottom:13px;left:12px;right:12px;z-index:2;font-weight:900;text-align:center;font-size:13px}.areas-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:stretch}.area-copy h2{font:42px/1 'Archivo Black','Arial Black',Arial,sans-serif;margin:0}.area-copy>p{color:#4d5860}.cities{display:grid;grid-template-columns:repeat(2,1fr);gap:7px 24px;margin:22px 0}.cities span{font-weight:700;font-size:13px}.cities span:before{content:'▸';margin-right:8px}.dark-btn{display:inline-block;background:#111;color:#fff;padding:13px 18px;font-weight:900;border-radius:6px}.map-card{min-height:365px;border-radius:10px;position:relative;overflow:hidden;background:#d9f0dc;border:1px solid #c4d9c7}.map-grid{position:absolute;inset:0;background-image:linear-gradient(#a5c7aa55 1px,transparent 1px),linear-gradient(90deg,#a5c7aa55 1px,transparent 1px);background-size:46px 46px;transform:rotate(-8deg) scale(1.25)}.water{position:absolute;left:-5%;right:-5%;bottom:-22%;height:55%;background:#9edff1;border-radius:50% 40% 0 0;transform:rotate(4deg)}.dot{position:absolute;font-weight:800;font-size:12px;padding-left:13px}.dot:before{content:'';position:absolute;left:0;top:4px;width:8px;height:8px;background:#1b2530;border-radius:50%;box-shadow:0 0 0 3px #fff}.pensacola{left:48%;top:54%;font-size:16px;color:#a00}.pensacola:before{background:#c11}.mobile{left:9%;top:32%}.foley{left:28%;top:58%}.crestview{right:12%;top:20%}.ftwalton{right:7%;top:55%}.map-label{position:absolute;right:20px;bottom:18px;background:#ffffffdb;padding:10px 14px;border-radius:8px;font-weight:900;text-align:right}.trust-banner{background:linear-gradient(90deg,#10171c,#1c2830);color:#fff;padding:30px 0}.trust-grid{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:30px}.trust-grid>div{display:flex;align-items:center;gap:16px;border-right:1px solid #ffffff22;padding-right:25px}.trust-grid>div:last-child{border:0}.trust-icon{width:58px;height:58px;border-radius:50%;background:var(--yellow);color:#111;display:grid;place-items:center;font:30px 'Archivo Black','Arial Black',Arial,sans-serif}.trust-grid p{margin:0;display:flex;flex-direction:column}.trust-grid strong{font:22px/1 'Archivo Black','Arial Black',Arial,sans-serif}.trust-grid small{font-weight:700;color:#d0d5d8;margin-top:7px}.call-block>span{font-size:40px;color:var(--yellow)}.call-block p strong{font:31px/1.1 'Archivo Black','Arial Black',Arial,sans-serif;color:var(--yellow)}.call-block em{font-style:normal;font-size:12px;font-weight:800}.faq{background:#f5f6f7}.faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.faq h2{font:44px/1 'Archivo Black','Arial Black',Arial,sans-serif;margin:4px 0 18px}.faq p{color:#59636b;line-height:1.7}.yellow-label{color:#b79000!important;font-weight:900;letter-spacing:1.4px}.faq .yellow-btn{width:auto;margin-top:10px}.accordion details{background:#fff;border-radius:10px;margin-bottom:10px;padding:20px 22px;box-shadow:0 5px 18px #0000000a}.accordion summary{cursor:pointer;font-weight:900}.accordion p{margin-bottom:0}footer{background:#0c1115;color:#fff;padding:50px 0 25px}.footer-wrap{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-brand{display:flex;flex-direction:column;align-items:flex-start}.footer-brand strong{font:50px/.9 'Archivo Black','Arial Black',Arial,sans-serif;color:var(--yellow)}.footer-brand span{background:var(--yellow);color:#111;padding:6px 9px;font-weight:900}.footer-wrap h4{margin-top:0}.footer-wrap a{display:block;color:#d7dde0;margin:8px 0}.footer-wrap p{color:#9fa8ae}.copyright{border-top:1px solid #ffffff1c;margin-top:35px;padding-top:20px;color:#78828a;font-size:12px}.mobile-bar{display:none}
@media(max-width:1050px){.desktop-nav{display:none}.hero-content{grid-template-columns:1fr .85fr;padding-top:320px}.condition-grid{grid-template-columns:repeat(3,1fr)}.benefits strong{font-size:18px}.phone-link b{font-size:23px}}
@media(max-width:820px){.site-header{position:absolute}.nav{align-items:flex-start}.brand{min-width:auto}.brand strong{font-size:39px}.brand span{font-size:13px}.phone-link small{display:none}.phone-link b{font-size:18px}.phone-link span{font-size:23px}.hero{min-height:auto}.hero-image{background-position:44% top;background-size:auto 520px;background-repeat:no-repeat}.hero-overlay{background:linear-gradient(180deg,#06131c22 0,#07131ddd 48%,#07131d 62%)}.hero-content{grid-template-columns:1fr;padding-top:410px}.hero h1{font-size:54px}.quote-card{max-width:620px}.benefits-grid{grid-template-columns:repeat(2,1fr)}.benefits-grid>div{border-bottom:1px solid #1112;padding:12px}.steps{grid-template-columns:repeat(2,1fr);gap:26px 0}.steps article:nth-child(2){border-right:0}.areas-wrap,.faq-wrap{grid-template-columns:1fr}.trust-grid{grid-template-columns:1fr}.trust-grid>div{border-right:0;border-bottom:1px solid #ffffff22;padding-bottom:20px}.condition-grid{grid-template-columns:repeat(2,1fr)}.footer-wrap{grid-template-columns:1fr 1fr}.footer-wrap>div:first-child{grid-column:1/-1}.mobile-bar{position:fixed;z-index:80;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);background:#0d1216;box-shadow:0 -8px 25px #0004}.mobile-bar a{text-align:center;color:#fff;padding:14px 5px;font-weight:900;font-size:13px;border-right:1px solid #ffffff17}.mobile-bar a:first-child{background:var(--yellow);color:#111}.mobile-bar a:last-child{background:#0d1216;color:#fff}body{padding-bottom:46px}}
@media(max-width:560px){.container{width:min(calc(100% - 26px),var(--max))}.phone-link b{font-size:15px}.phone-link span{display:none}.hero-image{background-size:auto 390px;background-position:43% 0}.hero-content{padding-top:330px}.hero h1{font-size:44px}.hero-sub{font-size:16px}.hero-perks{grid-template-columns:repeat(2,1fr)}.three-fields,.two-fields{grid-template-columns:1fr}.quote-card{padding:20px}.benefits-grid{grid-template-columns:1fr 1fr}.benefits strong{font-size:17px}.steps{grid-template-columns:1fr}.steps article{border-right:0;border-bottom:1px solid #e2e4e5;padding:20px 30px}.steps article:last-child{border-bottom:0}.condition-grid{grid-template-columns:1fr 1fr}.cond{height:145px}.section-title h2{font-size:36px}.areas-wrap{gap:30px}.map-card{min-height:300px}.trust-grid strong{font-size:19px}.call-block p strong{font-size:25px}.footer-wrap{grid-template-columns:1fr}.footer-wrap>div:first-child{grid-column:auto}}

.hero-call-now{display:inline-flex;align-items:center;gap:10px;margin:0 0 24px;padding:15px 22px;border-radius:8px;background:linear-gradient(180deg,#ffe42d,#ffd000);color:#111;font:900 18px Inter;box-shadow:0 8px 24px #0006,inset 0 -2px 0 #dcae00;transition:transform .15s ease,box-shadow .15s ease}.hero-call-now span{font-weight:900}.hero-call-now:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0008,inset 0 -2px 0 #dcae00}.hero-call-now:active{transform:translateY(0)}
@media(max-width:560px){.hero-call-now{width:100%;justify-content:center;font-size:16px;padding:15px 12px}.hero-call-now span{font-size:15px}}


/* Restored hero + functioning navigation. No screenshot hotspots are used. */
:root{--header-offset:110px}
html{scroll-padding-top:calc(var(--header-offset) + 16px)}
#top,#quote,#how,#about,#areas,#contact{scroll-margin-top:0}
#top:focus,#quote:focus,#how:focus,#about:focus,#areas:focus,#contact:focus{outline:none}
a:focus-visible,button:focus-visible{outline:3px solid #ffd400;outline-offset:5px}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ffd400;outline-offset:2px}
.site-header{position:fixed;padding:14px 0;transition:background .18s,box-shadow .18s}
.site-header.is-scrolled,.site-header.is-menu-open{background:rgba(9,18,25,.98);box-shadow:0 5px 20px #0003}
.nav{align-items:center;gap:20px}
.brand{min-width:185px;flex-shrink:0}
.brand strong{font-size:52px;font-weight:900}
.brand span{font-size:17px;padding:7px 9px}
.desktop-nav{align-items:center;gap:20px;padding-top:0;flex:1;justify-content:center}
.desktop-nav a{font-size:11px;white-space:nowrap;padding:12px 0 8px;border-bottom:2px solid transparent}
.desktop-nav a:hover,.desktop-nav a[aria-current="location"]{color:var(--yellow);border-bottom-color:var(--yellow)}
.phone-link{flex-shrink:0}
.phone-link b{font-size:26px;white-space:nowrap}
.phone-link small{font-size:11px}
.menu-toggle{display:none}
.hero-image{background-image:url('assets/steve-junk-cars-tow-truck.webp');background-size:cover;background-position:center 46%;background-repeat:no-repeat}
.hero h1,.brand strong,.section-title h2,.quote-card h2,.area-copy h2{font-weight:900}
.hero-content{grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr)}
.quote-card{min-width:0}
.three-fields,.two-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.three-fields{grid-template-columns:repeat(3,minmax(0,1fr))}
.satellite-map-card{position:relative;overflow:hidden;border-radius:12px;background:#111;min-height:390px}
.service-map-img{display:block;width:100%;height:100%;min-height:390px;object-fit:cover;object-position:center}
@media(max-width:1120px){
 .desktop-nav{gap:13px}
 .phone-link b{font-size:22px}
 .brand{min-width:170px}
 .brand strong{font-size:46px}
 .brand span{font-size:15px}
}
@media(max-width:1050px){
 .nav{gap:16px}
 .phone-link{margin-left:auto}
 .menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#ffd400;color:#111;border:0;border-radius:6px;padding:11px 12px;font:900 12px Inter,Arial,sans-serif;cursor:pointer}
 .menu-lines,.menu-lines:before,.menu-lines:after{display:block;width:17px;height:2px;background:currentColor;position:relative}
 .menu-lines:before,.menu-lines:after{content:"";position:absolute;left:0;top:-5px}
 .menu-lines:after{top:5px}
 .desktop-nav{display:none;position:absolute;left:0;right:0;top:100%;padding:10px 22px 18px;background:#091219;border-top:1px solid #ffffff18;box-shadow:0 12px 24px #0005;flex-direction:column;align-items:stretch;gap:0}
 .site-header.is-menu-open .desktop-nav{display:flex}
 .desktop-nav a{font-size:14px;min-height:44px;padding:13px 8px}
 .hero-content{grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}
}
@media(max-width:900px){.satellite-map-card,.service-map-img{min-height:320px}}
@media(max-width:760px){
 .hero-image{background-size:auto 505px;background-position:center 55px}
 .hero-overlay{background:linear-gradient(180deg,rgba(5,12,17,.03) 0,rgba(5,12,17,.03) 300px,#0b151c 490px,#0b151c 100%)}
 .hero-content{grid-template-columns:minmax(0,1fr);padding-top:360px;gap:30px}
 .hero h1{font-size:52px;line-height:.95;letter-spacing:-2px}
 .hero-perks{grid-template-columns:repeat(4,minmax(0,1fr))}
 .brand{min-width:125px}
 .brand strong{font-size:38px;letter-spacing:-2px}
 .brand span{font-size:12px;padding:6px 7px}
 .phone-link b{font-size:19px}
 .phone-link span{font-size:23px}
}
@media(max-width:560px){
 .site-header{padding:12px 0}
 .nav{gap:10px}
 .brand{min-width:113px}
 .brand strong{font-size:34px}
 .brand span{font-size:11px}
 .phone-link{gap:0}
 .phone-link b{font-size:16px}
 .phone-link small{font-size:9px;letter-spacing:0}
 .menu-toggle{font-size:11px;padding:12px 9px;gap:6px}
 .menu-lines{width:14px}
 .menu-lines:before,.menu-lines:after{width:14px}
 .hero-image{background-size:auto 450px;background-position:36% 65px}
 .hero-content{padding-top:345px}
 .hero h1{font-size:44px;letter-spacing:-1.7px}
 .hero-perks{grid-template-columns:repeat(2,minmax(0,1fr))}
 .three-fields,.two-fields{grid-template-columns:1fr}
 .satellite-map-card,.service-map-img{min-height:270px}
}
@media(max-width:360px){.phone-link b{font-size:13px}.menu-toggle{padding:11px 8px}.brand strong{font-size:31px}.brand span{font-size:10px}.brand{min-width:105px}.nav{gap:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-header,.hero-call-now{transition:none}}

/* Email-form update: preserve the existing hero, imagery and navigation. */
.form-honeypot{display:none!important}
.quote-card .quote-privacy{font:400 11px/1.5 Inter,Arial,sans-serif;color:#c0cbd2;margin:0 0 12px}
.quote-card .quote-email{font:600 12px/1.5 Inter,Arial,sans-serif;margin:9px 0 0;text-align:center}
.quote-email a{color:#ffe42d;text-decoration:underline;text-underline-offset:3px}
.quote-card .form-preview-note{font:400 12px/1.5 Inter,Arial,sans-serif;color:#ffe42d;border:1px solid #ffe42d55;border-radius:7px;padding:10px;margin:12px 0 0;background:#ffffff08}
.quote-card .form-status{font:500 12px/1.5 Inter,Arial,sans-serif}
.quote-card button:disabled{cursor:wait;opacity:.75}
.quote-card input:focus-visible,.quote-card select:focus-visible,.quote-card textarea:focus-visible{outline:3px solid #ffd400;outline-offset:2px}
.contact-email a,.footer-email{overflow-wrap:anywhere}
.contact-email a{text-decoration:underline;text-underline-offset:3px;font-weight:600}
[hidden]{display:none!important}

/* Keep both vehicles in view when the extra contact fields make the hero taller. */
@media(min-width:821px){.hero-image{background-size:100% auto;background-position:center top}}

/* SEO/performance: locally stored, lazy-loaded category images; unchanged card dimensions. */
.cond>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}