:root{color-scheme:dark;--gold:#e6bc61;--bg:#0d1013;--muted:#b9bec2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:#f7f6f2;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a.button{cursor:pointer}header,main,footer{max-width:1200px;margin:auto}header{padding:25px 35px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff18}.brand{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:800;letter-spacing:1.2px}.brand b{display:block;font-size:12px;letter-spacing:4px;color:var(--gold)}.mark{background:var(--gold);color:#121416;font-size:28px;padding:0 12px;line-height:45px}nav{display:flex;gap:25px;align-items:center;font-size:14px}nav button{border:1px solid #6a6250;background:none;color:var(--gold);padding:7px 13px}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:30px;padding:55px 35px 60px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--gold)}h1{font-size:clamp(2.6rem,5.3vw,4.5rem);line-height:1.08;letter-spacing:-2.5px;margin:22px 0 25px}.intro{max-width:490px;color:var(--muted);font-size:18px}.hero-art img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;padding:0;background:#101418;display:block;border-radius:50%;border:0;box-shadow:0 0 0 7px #e6bc610b,0 18px 45px #0007}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:12px 20px;border:1px solid transparent;font-size:15px;font-weight:700;border-radius:3px}.gold{background:var(--gold);color:#151719}.gold:hover{background:#f6ce78}.outline{border-color:#647078;background:transparent;color:#fff}.small{font-size:13px;color:#a7acb1;line-height:1.6}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:32px 35px 45px;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20}.benefits span{color:var(--gold);font-size:13px}.benefits h2{font-size:21px;margin:8px 0}.benefits p,.steps p{color:var(--muted);margin:0}.quote-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:80px 35px}.section-title{font-size:clamp(2rem,3.5vw,3rem);line-height:1.15;letter-spacing:-1.3px;margin:18px 0 25px}.quote-section>div>p{color:var(--muted)}.quote-section>div>p.eyebrow{color:var(--gold)}.text-link{display:block;color:var(--gold);text-decoration:underline;margin:25px 0}.quote-section form{background:#171c21;padding:30px;border:1px solid #ffffff16;border-top:3px solid var(--gold)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:block;margin-bottom:16px}label span{display:block;font-size:14px;margin-bottom:7px}input,select,textarea{width:100%;background:#0f1418;color:#fff;border:1px solid #4b555d;border-radius:3px;padding:12px;min-width:0}textarea{resize:vertical}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}form .button{width:100%}form .button+.button{margin-top:12px}.how{padding:30px 35px 65px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}.steps b{font-size:32px;color:var(--gold);border-bottom:1px solid #ffffff25;display:block;padding-bottom:12px}.steps h3{font-size:20px}.areas{background:#e6bc61;color:#171b1f;margin:20px 35px 65px;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.areas .eyebrow{color:#454132}.areas .section-title{margin-bottom:0}.cities{font-size:20px;font-weight:700;line-height:1.8}.faq{padding:0 35px 65px;max-width:900px}details{border-bottom:1px solid #ffffff25;padding:18px 0}summary{cursor:pointer;font-size:18px}details p{color:var(--muted)}footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:30px 35px;border-top:1px solid #ffffff25;font-size:14px;color:var(--muted)}footer .brand{color:var(--gold);font-size:14px}@media(max-width:750px){header{padding:18px 20px}.brand{font-size:14px}nav{gap:10px}nav>a{display:none}.hero{grid-template-columns:1fr;padding:35px 20px 30px;gap:25px}h1{letter-spacing:-1.5px}.hero-art{max-width:450px;margin:auto}.intro{font-size:17px}.actions .button{flex:1;min-width:160px}.benefits{grid-template-columns:1fr;gap:24px;padding:30px 20px}.quote-section{grid-template-columns:1fr;padding:45px 20px;gap:20px}.quote-section form{padding:22px}.how{padding:25px 20px 45px}.steps{grid-template-columns:1fr;gap:22px;margin-top:20px}.steps b{font-size:25px}.steps h3{margin:12px 0}.areas{margin:0 20px 40px;padding:25px;grid-template-columns:1fr;gap:15px}.faq{padding:0 20px 45px}footer{padding:25px 20px}.fields{gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Quote-first landing page */
:root{--gold:#ffdb4d}main{max-width:none}header,footer{max-width:1200px}.hero{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:0;text-align:center;padding:50px 24px 44px;background:#161c1d;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:url('super-duty-two-trucks.png') center 58%/cover no-repeat;filter:saturate(.55)}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0b1213bf,#0b1213b8 50%,#0b1213e8)}.hero .eyebrow{letter-spacing:3px;margin:0 0 18px}.hero h1{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(56px,7.8vw,96px);font-weight:900;line-height:.98;letter-spacing:-1px;margin:0 0 24px;color:#fffde9}.hero .intro{margin:0 auto 32px;color:#fff;font-size:21px;line-height:1.45;max-width:570px}.hero-form{width:100%;max-width:540px;text-align:left;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 20px 70px #0005;color:#1b2225}.hero-form form{padding:24px}.hero-form .fields{grid-template-columns:1fr;gap:0}.hero-form label{margin-bottom:13px}.hero-form label span{color:#555;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;margin-bottom:5px}.hero-form input,.hero-form select,.hero-form textarea{color-scheme:light;color:#1b2225;background:#f6f6f4;border:1px solid #dededb;border-radius:10px;padding:16px;font-weight:700;min-height:57px}.hero-form .extra-details{padding:4px 0 14px;border:0}.hero-form summary{font-size:13px;color:#5a6367}.hero-form .extra-details[open] summary{margin-bottom:16px}.hero-form .gold{border-radius:10px;font-family:Impact,'Arial Narrow',sans-serif;font-size:22px;min-height:68px;width:100%;letter-spacing:.2px}.hero-form .outline{color:#202526;border-color:#cfd2d2;border-radius:10px}.hero-form .small{color:#6c7274;text-align:center;margin:14px 0 0;font-size:12px}.hero-trust{margin:25px 0 12px;font-size:12px;letter-spacing:1px;font-weight:700;color:#fffde9}.contact-line{display:flex;gap:14px;justify-content:center;font-size:14px}.contact-line a{text-decoration:underline;text-underline-offset:4px}.benefits,.quote-section,.how,.faq{max-width:1200px;margin:auto}.quote-section{display:block;padding:55px 35px;max-width:800px;text-align:center}.quote-section .section-title{font-size:36px}.areas{max-width:1130px;margin:20px auto 65px}.hero-form a:focus-visible,.hero-form input:focus,.hero-form select:focus{outline-color:#a37b00}@media(min-width:900px){.hero h1 br{display:none}.hero{padding-top:60px}.hero:before{background-size:auto 140%;background-repeat:repeat-x}}@media(max-width:750px){.hero{padding:35px 20px 32px}.hero h1{font-size:61px}.hero .intro{font-size:18px;margin-bottom:26px}.hero-form form{padding:20px}.hero-form .gold{font-size:20px}.hero-trust{font-size:10px}.areas{margin:0 20px 40px}.quote-section{padding:40px 20px}.hero:before{background-position:50% 55%;background-size:auto 115%}}
/* Small salvage vehicles frame the headline. */
.hero:before{background-image:url('junk-vehicle-collage.png');background-size:540px auto;background-position:center top;background-repeat:repeat-x;filter:saturate(.8)}
.hero:after{background:linear-gradient(180deg,#090e102b,#090e103d 370px,#090e1080 700px,#090e10ce)}
.hero h1{text-shadow:0 3px 18px #000c}.hero .intro{text-shadow:0 2px 12px #000}
@media(max-width:750px){.hero:before{background-size:100% auto;background-repeat:repeat-y;background-position:center top}.hero:after{background:linear-gradient(180deg,#090e1025,#090e1040 330px,#090e1070 700px,#090e10ba)}}
/* Smaller vehicle collage continues through the entire page. */
body{background-color:#0d1013;background-image:linear-gradient(#0d10138c,#0d10138c),url('junk-vehicle-collage.png');background-size:auto,280px 420px;background-position:center top;background-repeat:repeat,repeat}
header,footer{background:#0d10136b}
.hero{background:transparent}
.hero:before,.hero:after{display:none}
.benefits,.quote-section,.how,.faq{background:#0d10136b}
.areas{background:#ffdb4ded}
@media(max-width:750px){body{background-size:auto,220px 330px}.hero{background:transparent}.hero:before,.hero:after{display:none}}

/* Softer collage, stronger focus on the quote. */
body{background-image:linear-gradient(180deg,#0d101374 0px,#0d10138c 450px,#0d1013db 1050px,#0d1013e8 100%),url('junk-vehicle-collage.png')}
header,footer{background:#0d1013c2}header{border-bottom:1px solid #ffffff12}
.hero{padding-bottom:42px}.hero .eyebrow{color:#ffdb4d}.hero-form{box-shadow:0 20px 65px #0007;border:1px solid #ffffff50}.hero-form .gold:hover{background:#ffe574}.hero-form .outline:hover{background:#f3f3ef}
.compact-benefits{gap:16px;padding:24px 30px 20px;text-align:center;background:#0d1013b8;border-top:1px solid #ffffff16;border-bottom:1px solid #ffffff16}.compact-benefits h2{font-size:16px;margin:0;color:#fffde9}.compact-benefits .small{grid-column:1/-1;margin:0;font-size:11px;color:#afb5b8}
.how,.faq{background:#0d101360}.how{padding-top:45px;padding-bottom:45px}.steps{margin-top:25px;gap:30px}.steps b{font-size:25px}.steps h3{margin:14px 0 8px}.steps p{font-size:15px}.section-title{font-size:clamp(28px,3.5vw,40px)}
.areas{background:#151b20d9;border:1px solid #ffffff20;border-radius:14px;color:#f7f6f2;padding:30px;margin-bottom:42px;gap:26px}.areas .eyebrow{color:#ffdb4d}.cities{font-size:15px;line-height:1.9;font-weight:400;color:#c2c7ca}.areas p:not(.eyebrow):not(.cities){font-size:13px;color:#b9bec2}.faq{padding-bottom:40px}summary{font-size:16px}.faq details p{font-size:14px}.faq .section-title{margin-bottom:15px}
@media(max-width:750px){.compact-benefits{grid-template-columns:repeat(3,1fr);padding:22px 18px 18px;gap:12px}.compact-benefits h2{font-size:12px}.how{padding-top:35px;padding-bottom:32px}.steps{gap:20px}.areas{padding:24px;margin-bottom:32px}.hero h1{font-size:clamp(48px,15vw,61px)}.hero .eyebrow{font-size:10px;letter-spacing:2.4px}.hero .intro{font-size:17px}.hero-trust{line-height:1.6}.contact-line{font-size:13px}.steps b{font-size:22px}.steps h3{font-size:18px}}

/* White, navy and yellow palette; original vehicle background and layout retained. */
:root{color-scheme:light;--gold:#ffda21;--bg:#eef6fc;--muted:#445e78}
body{color:#06264a;background-color:#edf6fc;background-image:linear-gradient(180deg,#eef7ffb8 0px,#eef7ffc4 450px,#edf6fce8 1050px,#edf6fcf2 100%),url('junk-vehicle-collage.png')}
header,footer{background:#ffffffed;border-color:#06264a22;color:#06264a}
.brand,.brand b,footer .brand{color:#06264a}.mark{background:#ffda21;color:#06264a}
nav button{background:#fff;color:#06264a;border-color:#9db6ce}
.hero .eyebrow{color:#06264a}.hero h1{color:#06264a;text-shadow:0 2px 12px #ffffffb3}.hero .intro{color:#06264a;text-shadow:0 1px 8px #fff}
.hero-form{border:1px solid #c2d5e6;border-top:4px solid #ffda21;box-shadow:0 20px 65px #06264a24;color:#06264a}
.hero-form label span{color:#425a72}.hero-form input,.hero-form select,.hero-form textarea{background:#f3f7fb;color:#06264a;border-color:#cbd9e6}
.gold{background:#ffda21;color:#06264a}.hero-form .gold:hover{background:#ffe65b}.hero-form .outline{color:#06264a;border-color:#06264a}.hero-form .outline:hover{background:#edf5fc}
.hero-form .small,.hero-form summary{color:#50677b}.hero-trust,.contact-line{color:#06264a}
.compact-benefits{background:#06264a;border-color:#06264a}.compact-benefits h2{color:#fff}.compact-benefits .small{color:#d3e1ef}
.how,.faq{background:#ffffffd9}.eyebrow,.steps b{color:#06264a}.steps b{border-color:#06264a26}.steps p,.benefits p,details p{color:#445e78}
.areas{background:#06264a;color:#fff;border-color:#06264a}.areas .eyebrow{color:#ffda21}.cities,.areas p:not(.eyebrow):not(.cities){color:#d3e1ef}
.faq details{border-color:#06264a26}footer{color:#445e78}.small{color:#50677b}.text-link{color:#06264a}
input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline-color:#2679b9}

/* Gold accents highlight services. */
.service-highlights{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;margin:24px 0 0;padding:12px 20px;background:#ffffffed;border:1px solid #d5b56a80;border-radius:14px;box-shadow:0 5px 18px #06264a0c;color:#06264a;font-size:14px;font-weight:700}
.service-highlight{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}
.service-star{color:#b68316;font-size:25px;line-height:1;text-shadow:0 1px 1px #f7dfa0}
.service-highlights+.hero-trust{margin-top:16px}
@media(max-width:400px){.service-highlights{gap:10px 16px;padding:11px 14px;font-size:12px}.service-star{font-size:22px}}

.reviews{max-width:900px;margin:0 auto 40px;padding:34px 35px;background:#ffffffed;border:1px solid #cbd9e6;border-radius:16px}.reviews .section-title{margin-top:10px}.reviews>p:not(.eyebrow){color:#445e78}.reviews form{margin-top:24px}.reviews input,.reviews textarea{background:#f3f7fb;color:#06264a;border-color:#cbd9e6}.reviews label>span,.review-rating legend{font-weight:700;color:#425a72}.review-rating{border:0;padding:0;margin:0 0 22px}.rating-options{display:flex;gap:10px;flex-wrap:wrap}.rating-choice{position:relative;display:grid;justify-items:center;cursor:pointer;margin:8px 0 0}.rating-choice input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.rating-choice>span{font-size:40px;line-height:1.2;color:#8a9bad;border-radius:6px;padding:2px 5px}.rating-choice>small{font-size:12px;color:#425a72}.rating-choice input:checked+span{color:#b68316;background:#fff4cc;box-shadow:0 0 0 2px #b68316}.rating-choice input:focus-visible+span{outline:3px solid #2679b9;outline-offset:3px}.review-consent{display:flex;align-items:flex-start;gap:10px}.review-consent input{width:19px;height:19px;flex:0 0 19px;padding:0;margin:3px 0 0;accent-color:#06264a}.review-consent span{font-size:13px;font-weight:400!important}.reviews .button{width:100%;border:0}.review-invite{font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:4px;margin:0 0 14px;color:#06264a}@media(max-width:750px){.reviews{margin:0 20px 32px;padding:25px 20px}.rating-options{gap:8px}.rating-choice>span{font-size:36px}.reviews .fields{grid-template-columns:1fr;gap:0}}

/* Four service badges, responsive two-column layout. */
.service-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;background:transparent;border:0;box-shadow:none;padding:0;width:100%;max-width:660px;margin:24px auto 0}.service-highlight{background:#fff;border:1px solid #cbd9e6;border-radius:28px;padding:12px 16px;white-space:normal;line-height:1.35}.service-star{color:#168048;text-shadow:none;font-size:24px;flex-shrink:0}@media(max-width:400px){.service-highlight{padding:10px;font-size:12px;gap:7px}}

.yard-contact{max-width:1100px;margin:0 auto 40px;padding:36px;background:#06264a;color:#fff;border-radius:18px}.yard-contact .section-title,.yard-contact h3{color:#fff}.yard-contact .eyebrow{color:#ffda21}.yard-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.yard-contact address{font-style:normal;font-size:20px;line-height:1.6}.yard-contact a:not(.button){color:#fff}.map-link{display:inline-block;margin-top:14px;text-underline-offset:5px}.contact-phone{font-size:24px}.yard-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.yard-whatsapp{background:#fff;color:#06264a!important}.yard-contact h3{font-size:16px}.yard-contact p{color:#d3e1ef}@media(max-width:750px){.yard-contact{margin:0 20px 32px;padding:26px 22px}.yard-contact-grid{grid-template-columns:1fr;gap:24px}.yard-contact .section-title{font-size:30px;overflow-wrap:anywhere}}

.hook-mark{display:block;width:52px;height:52px;flex-shrink:0}.yard-brand{display:flex;align-items:center;gap:18px;margin:12px 0 30px}.yard-brand img{flex-shrink:0}.yard-brand .section-title{margin:0;line-height:1.15}@media(max-width:500px){.yard-brand{align-items:flex-start}.yard-brand img{width:72px;height:72px}.yard-brand .section-title{font-size:27px}}

header .hook-mark{width:210px;height:auto;border-radius:8px}.yard-brand{display:block}.yard-brand img{display:block;width:min(100%,330px);height:auto;border-radius:12px;margin-bottom:20px}@media(max-width:500px){header .hook-mark{width:155px;height:auto}.yard-brand img{width:min(100%,330px);height:auto}}

/* Compact brand logo sizes. */
header .hook-mark{width:145px;height:auto}.yard-brand img{width:min(100%,210px);height:auto;margin-bottom:16px}@media(max-width:500px){header .hook-mark{width:110px;height:auto}.yard-brand img{width:min(100%,185px);height:auto}}

/* Follow the emblem silhouette so the page shows around it. */
header .hook-mark,.yard-brand img{background:transparent;border-radius:0;clip-path:polygon(48.3% 0,51.8% 0,51.8% 6.2%,94.8% 24.4%,91.2% 45.8%,99.3% 45.8%,96.8% 51.5%,97.9% 66.7%,89.7% 72.8%,81.9% 80.8%,50% 96.2%,18.2% 81%,10% 73%,2.1% 66.5%,3.2% 51.5%,.7% 45.8%,8.9% 45.8%,5.2% 24.4%,48.3% 6.2%)}
