:root{--navy:#071d2b;--gold:#d9ae3b;--paper:#f7f6f1;--cream:#efede6;--ink:#17232b;--muted:#69747a;--line:#d8d8d1;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.65 "DM Sans",sans-serif}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:"Barlow Condensed",sans-serif;line-height:1}
h2{font-size:clamp(2.5rem,4.5vw,4.5rem);margin-bottom:22px}
a{color:inherit;text-decoration:none}
.wrap{width:min(1160px,calc(100% - 48px));margin:auto}
.skip{position:fixed;left:10px;top:-60px;z-index:99;background:#fff;padding:10px}
.skip:focus{top:10px}
.header{height:78px;background:var(--navy);color:#fff;position:sticky;top:0;z-index:50}
.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:10px}
.logo>span{width:39px;height:39px;border:2px solid var(--gold);color:var(--gold);display:grid;place-items:center;font:800 27px "Barlow Condensed"}
.logo b,.logo small{display:block}
.logo b{font:800 23px/.8 "Barlow Condensed";letter-spacing:.08em}
.logo small{font:600 .6875rem/1.2 "DM Sans";letter-spacing:.12em;color:#a9b5ba;margin-top:6px}
.nav{display:flex;align-items:center;gap:25px}
.nav>a:not(.quote-button){font-size:var(--text-sm);font-weight:600;color:#cbd2d5}
.nav>a:not(.quote-button):hover{color:var(--gold)}
.quote-button{padding:11px 16px;background:var(--gold);color:var(--navy);font-size:.8125rem;font-weight:700}
.quote-button:hover{background:#e6bf55;color:var(--navy)}
.menu-toggle{display:none;background:none;border:0;padding:8px}
.menu-toggle i{display:block;width:23px;height:2px;background:#fff;margin:5px}
.hero{min-height:650px;color:#fff;display:flex;align-items:center;background:linear-gradient(90deg,rgba(5,22,33,.9),rgba(5,22,33,.42)),url("https://images.unsplash.com/photo-1486262715619-67b85e0b08d3?auto=format&fit=crop&w=1800&q=86") center/cover}
.hero-content{padding:90px 0}
.eyebrow{text-transform:uppercase;color:#8a6811;font-size:.9375rem;font-weight:700;letter-spacing:.12em;margin-bottom:18px}
.hero .eyebrow{color:var(--gold)}
.hero h1{font-size:clamp(4rem,8vw,7.8rem);margin-bottom:24px}
.hero-content>p:not(.eyebrow){max-width:560px;color:#d3dade;font-size:17px}
.hero-actions{display:flex;gap:12px;margin-top:32px}
.button{display:inline-flex;justify-content:center;min-width:170px;padding:14px 19px;border:1px solid;font-size:.8125rem;text-transform:uppercase;font-weight:700;letter-spacing:.08em}
.gold{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.outline{border-color:rgba(255,255,255,.65)}
.benefits{background:#fff}
.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.benefit-grid article{padding:38px 32px;border-right:1px solid var(--line)}
.benefit-grid article:first-child{border-left:1px solid var(--line)}
.benefit-grid h2{font-size:2rem;margin:10px 0}
.benefit-grid p{font-size:var(--text-base);color:var(--muted);margin:0}
.trust-strip{background:var(--gold);color:var(--navy);padding:12px;text-align:center;font-size:var(--text-sm);font-weight:700;letter-spacing:.12em}
.stats{padding:42px 0;background:var(--navy);color:#fff}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.stats-grid div{text-align:center;border-right:1px solid rgba(255,255,255,.15)}
.stats-grid div:last-child{border:0}
.stats-grid strong,.stats-grid span{display:block}
.stats-grid strong{color:var(--gold);font:700 3rem "Barlow Condensed"}
.stats:not(.compact) .stats-grid strong{font-variant-numeric:tabular-nums}
.stats-grid span{font-size:var(--text-sm);line-height:1.4;letter-spacing:.08em;color:#b8c5cb}
.section{padding:100px 0}
.center-heading{text-align:center;max-width:760px;margin:0 auto 55px}
.center-heading h2{margin-bottom:16px}
.center-heading>p:last-child{color:var(--muted)}
.product-lists{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:#fff}
.product-lists ul{list-style:none;margin:0;padding:30px 40px;border-right:1px solid var(--line)}
.product-lists ul:last-child{border:0}
.product-lists li{padding:12px 0;border-bottom:1px solid #e7e7e1;font-size:var(--text-base)}
.product-lists li:before{content:"+";color:var(--gold);font-weight:700;margin-right:12px}
.warehouse{height:430px;background:linear-gradient(90deg,rgba(7,29,43,.9),rgba(7,29,43,.25)),url("https://images.unsplash.com/photo-1504222490345-c075b6008014?auto=format&fit=crop&w=1800&q=84") center/cover;display:flex;align-items:center;color:#fff}
.warehouse>div{width:min(1160px,calc(100% - 48px));margin:auto}
.warehouse h2{font-size:clamp(3rem,6vw,6rem)}
.warehouse .eyebrow{color:var(--gold)}
.service{background:var(--paper)}
.service-grid{display:grid;grid-template-columns:1fr 1fr}
.service-grid article{padding:65px;background:#fff;display:flex;flex-direction:column;justify-content:center}
.service-grid article span{color:#9a7415;font:700 1rem "Barlow Condensed"}
.service-grid h3{font-size:2.625rem;margin:15px 0}
.service-grid p{color:var(--muted);margin:0}
.service-image{min-height:360px;background-size:cover;background-position:center}
.image-help{background-image:url("https://images.unsplash.com/photo-1625047509168-a7026f36de04?auto=format&fit=crop&w=1000&q=82")}
.image-order{background-image:url("https://images.unsplash.com/photo-1487754180451-c456f719a1fc?auto=format&fit=crop&w=1000&q=82")}
.image-quality{background-image:url("https://images.unsplash.com/photo-1486262715619-67b85e0b08d3?auto=format&fit=crop&w=1000&q=82")}
.compact{padding:35px 0}
.about{padding:85px 0;background:var(--cream)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.about h2{margin:0}
.about-grid>div:last-child{color:var(--muted)}
.contact{padding:90px 0;background:var(--navy);color:#fff}
.contact-heading{text-align:center;max-width:700px;margin:0 auto 42px}
.contact-heading .eyebrow{color:var(--gold)}
.contact-heading>p:last-child{color:#9eb0b8}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.15);border-left:1px solid rgba(255,255,255,.15)}
.contact-grid>*{font-style:normal;padding:24px;border-right:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15)}
.contact-grid span,.contact-grid strong{display:block}
.contact-grid span{color:var(--gold);font-size:.8125rem;letter-spacing:.1em;margin-bottom:8px}
.contact-grid strong{font:600 1.5rem/1.3 "Barlow Condensed";overflow-wrap:anywhere}
.footer{padding:65px 0 22px;background:#04141e;color:#fff}
.footer-grid{display:grid;grid-template-columns:1.2fr .7fr 1fr .7fr;gap:50px;padding-bottom:50px}
.footer-grid>div:first-child p{color:#9babb2;font-size:.9375rem;margin-top:24px}
.footer h3{color:var(--gold);font-size:1rem;letter-spacing:.08em}
.footer-grid>div:not(:first-child)>a,.footer-grid>div:not(:first-child)>p{display:block;color:#aab7bd;font-size:var(--text-sm);line-height:1.55;margin:0 0 10px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.13);padding-top:18px;display:flex;justify-content:space-between;color:#81959f;font-size:.75rem;letter-spacing:.06em}

@media(max-width:900px){.nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--navy);padding:24px;flex-direction:column;align-items:stretch}
.nav.open{display:flex}
.menu-toggle{display:block}
.benefit-grid,.stats-grid{grid-template-columns:1fr 1fr}
.benefit-grid article{border-bottom:1px solid var(--line)}
.product-lists{grid-template-columns:1fr}
.product-lists ul{border-right:0;border-bottom:1px solid var(--line)}
.footer-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:620px){.wrap{width:min(100% - 32px,1160px)}
.hero{min-height:590px}
.hero h1{font-size:clamp(3.5rem,15vw,4.5rem)}
.hero-actions{flex-direction:column;align-items:flex-start}
.benefit-grid,.stats-grid,.service-grid,.about-grid,.contact-grid,.footer-grid{grid-template-columns:1fr}
.benefit-grid article{border-left:1px solid var(--line)}
.trust-strip{line-height:2}
.stats-grid div{padding:18px;border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}
.service-grid article{padding:42px 28px}
.service-grid .image-order{grid-row:3}
.section{padding:75px 0}
.footer-bottom{flex-direction:column;gap:10px}
}

@media(max-width:900px){.nav{gap:8px}
.nav>a:not(.quote-button){font-size:16px;padding:9px 0}
.nav .quote-button{font-size:15px;padding:13px 16px;text-align:center}
}

/* Prominent home-page sequence */
.benefit-grid article{padding:58px 42px 52px;text-align:center}
.benefit-grid h2{font-size:2rem;margin:24px 0 12px}
.benefit-grid p{font-size:var(--text-base);min-height:64px}
.benefit-grid article>a{display:inline-block;margin-top:22px;padding:10px 17px;border:1px solid var(--navy);color:var(--navy);font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.benefit-grid article>a:hover{background:var(--navy);color:#fff}
.line-icon{width:96px;height:72px;position:relative;margin:0 auto;color:var(--gold)}
.line-icon:before,.line-icon:after,.line-icon i:before,.line-icon i:after{content:"";position:absolute;display:block}
.delivery-icon:before{left:8px;top:19px;width:49px;height:31px;border:3px solid currentColor}
.delivery-icon:after{left:58px;top:29px;width:25px;height:21px;border:3px solid currentColor;border-left:0;transform:skewY(18deg)}
.delivery-icon i:before{left:18px;top:48px;width:13px;height:13px;border:3px solid currentColor;border-radius:50%;background:#fff}
.delivery-icon i:after{right:10px;top:48px;width:13px;height:13px;border:3px solid currentColor;border-radius:50%;background:#fff}
.part-icon:before{left:24px;top:6px;width:48px;height:48px;border:4px solid currentColor;border-radius:50%;box-shadow:0 0 0 9px #fff,0 0 0 12px currentColor}
.part-icon:after{left:40px;top:22px;width:16px;height:16px;border:3px solid currentColor;border-radius:50%}
.part-icon i:before{left:45px;top:0;width:7px;height:68px;background:currentColor;box-shadow:0 0 0 7px #fff;transform:rotate(45deg);z-index:-1}
.order-icon:before{left:25px;top:5px;width:47px;height:59px;border:3px solid currentColor;border-radius:2px}
.order-icon:after{left:36px;top:20px;width:25px;height:3px;background:currentColor;box-shadow:0 11px 0 currentColor,0 22px 0 currentColor}
.order-icon i:before{left:18px;top:14px;width:15px;height:3px;background:currentColor;box-shadow:0 38px 0 currentColor}
.trust-strip{padding:18px 12px;font-size:var(--text-sm);letter-spacing:.12em}
.stats{padding:58px 0}
.stats-grid strong{font-size:48px}
.stats-grid span{font-size:var(--text-sm);margin-top:5px}
.home-coverage{padding:72px 0;background:linear-gradient(180deg,#fff 0%,#f5f3ed 100%);text-align:center;border-bottom:1px solid var(--line)}
.home-coverage .wrap>p{display:flex;align-items:center;justify-content:center;gap:18px;margin:0 0 32px;color:var(--navy);font-size:.9375rem;font-weight:700;letter-spacing:.12em}
.home-coverage .wrap>p:before,.home-coverage .wrap>p:after{content:"";width:56px;height:2px;background:var(--gold)}
.home-coverage>div>div{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}

@media(max-width:900px){.benefit-grid article{padding:44px 30px}
}

@media(max-width:620px){.benefit-grid article{padding:46px 26px}
.benefit-grid p{min-height:0}
.stats{padding:32px 0}
.stats-grid strong{font-size:42px}
.trust-strip{font-size:.8125rem}
}

/* Trust and primary-stat typography */
.trust-strip{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap}
.trust-strip strong{font:800 30px/1 "Barlow Condensed";letter-spacing:.035em;text-transform:uppercase}
.trust-strip span{font-size:var(--text-sm);letter-spacing:.12em}
.stats:not(.compact){padding:72px 0}
.stats:not(.compact) .stats-grid strong{font-size:clamp(64px,6vw,82px);font-weight:800;line-height:.9}
.stats:not(.compact) .stats-grid span{max-width:210px;margin:14px auto 0;padding:0 8px;color:#c1cbd0;font-size:15px;line-height:1.35;letter-spacing:.035em;text-transform:none}

@media(max-width:900px){.stats:not(.compact) .stats-grid div{padding:28px 18px}
.trust-strip{gap:12px 24px}
.trust-strip strong{font-size:27px}
}

@media(max-width:620px){.trust-strip{display:block;padding:20px 18px;line-height:1.3}
.trust-strip strong,.trust-strip span{display:block}
.trust-strip strong{font-size:25px;margin-bottom:8px}
.trust-strip span{font-size:.8125rem;line-height:1.5}
.stats:not(.compact){padding:28px 0}
.stats:not(.compact) .stats-grid div{padding:27px 12px}
.stats:not(.compact) .stats-grid strong{font-size:56px}
.stats:not(.compact) .stats-grid span{max-width:260px;margin-top:9px;font-size:14px;line-height:1.35}
}

@media(max-width:900px){.home-coverage>div>div{grid-template-columns:repeat(4,1fr)}
}

@media(max-width:620px){.home-coverage>div>div{grid-template-columns:repeat(2,1fr)}
}

.make-logo{position:relative;min-height:138px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:24px 14px!important;overflow:hidden;background:rgba(255,255,255,.88);border:1px solid #deddd6!important;border-radius:10px;box-shadow:0 8px 24px rgba(7,29,43,.055)}
.make-logo:before{content:"";position:absolute;left:50%;top:0;width:34px;height:3px;background:var(--gold);transform:translateX(-50%)}
.make-logo img{display:block;width:min(128px,88%);height:60px;object-fit:contain}
.make-logo small{display:block;margin:0;color:#465861;font:700 .8125rem/1.2 "DM Sans";letter-spacing:.045em}
.logo-rotator{transition:opacity .32s ease,transform .32s ease}
.logo-rotator.is-rotating{display:flex!important;justify-content:center;flex-wrap:nowrap;gap:12px}
.logo-rotator:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
.logo-rotator.is-changing{opacity:0;transform:translateY(8px)}
.logo-rotator.is-rotating .make-logo{flex:0 0 calc((100% - 60px) / 6)}
.logo-rotator .make-logo[hidden]{display:none!important}
@media(max-width:900px){.logo-rotator.is-rotating .make-logo{flex-basis:calc((100% - 36px) / 4)}}
@media(max-width:620px){.home-coverage{padding:56px 0}.home-coverage .wrap>p{font-size:.8125rem;line-height:1.5;gap:10px}.home-coverage .wrap>p:before,.home-coverage .wrap>p:after{width:24px}
.make-logo{min-height:118px;padding:20px 10px!important}
.make-logo img{height:50px;width:min(112px,86%)}
.logo-rotator.is-rotating .make-logo{flex-basis:calc((100% - 12px) / 2)}
}

/* Service-area callout */
.service-area{padding:80px 0;background:#edf0eb}
.service-area-heading{max-width:720px;margin:0 auto;text-align:center}
.service-area-heading h2{margin-bottom:14px;color:var(--navy)}
.service-area-heading>p:not(.eyebrow){color:var(--muted)}
.service-area-heading .button{margin-top:12px}

@media(max-width:620px){.service-area{padding:60px 0}
.service-area-heading h2{font-size:42px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*{transition:none!important}
}

/* Confirmed junkyard address */
.locations{background:linear-gradient(180deg,#fff 0%,#f1efe8 100%)}
.locations .center-heading{margin-bottom:42px}
.address-feature{position:relative;display:grid;grid-template-columns:220px 1fr;align-items:center;max-width:880px;margin:0 auto;overflow:hidden;background:var(--navy);color:#fff;box-shadow:0 24px 60px rgba(7,29,43,.16)}
.address-feature:after{content:"";position:absolute;right:-75px;bottom:-110px;width:260px;height:260px;border:1px solid rgba(217,174,59,.2);border-radius:50%;box-shadow:0 0 0 34px rgba(217,174,59,.05),0 0 0 70px rgba(217,174,59,.035)}
.address-mark{position:relative;align-self:stretch;min-height:300px;display:grid;place-items:center;background:var(--gold)}
.address-mark:before{content:"";position:absolute;left:50%;top:50%;width:78px;height:78px;border:4px solid var(--navy);border-radius:50% 50% 50% 0;transform:translate(-50%,-58%) rotate(-45deg)}
.address-mark span{position:relative;z-index:1;color:var(--navy);font:800 22px/1 "Barlow Condensed";letter-spacing:.08em}
.address-copy{position:relative;z-index:1;padding:46px 58px}
.address-copy .eyebrow{margin-bottom:14px;color:var(--gold)}
.address-copy h3{margin:0 0 7px;font-size:clamp(2.4rem,5vw,4.3rem);letter-spacing:.01em}
.address-copy>p:not(.eyebrow){margin:0;color:#bec9ce;font-size:18px}
.address-copy .button{margin-top:28px}

@media(max-width:700px){.address-feature{grid-template-columns:1fr;text-align:center}
.address-mark{min-height:150px}
.address-copy{padding:38px 24px 44px}
.address-copy h3{font-size:2.7rem}
.address-copy>p:not(.eyebrow){font-size:16px}
.address-copy .button{width:100%;max-width:280px}
.address-feature:after{right:-150px}
}

/* Interaction and scroll motion */
.logo,.nav a,.button,.benefit-grid article,.benefit-grid article>a,.make-logo,.make-logo img,.service-grid article,.service-image,.address-feature,.contact-grid>*{transition:color .22s ease,background-color .22s ease,border-color .22s ease,box-shadow .3s ease,transform .3s ease,filter .3s ease}
.button:focus-visible,.benefit-grid article>a:focus-visible,.nav a:focus-visible,.footer a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.motion-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready .reveal.is-visible{opacity:1;transform:none}

@media(hover:hover){.logo:hover{transform:translateY(-2px)}
.button:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(7,29,43,.18)}
.benefit-grid article:hover{position:relative;z-index:2;transform:translateY(-6px);box-shadow:0 18px 38px rgba(7,29,43,.1)}
.benefit-grid article:hover .line-icon{transform:scale(1.06)}
.line-icon{transition:transform .3s ease}
.make-logo:hover{transform:translateY(-4px);border-color:rgba(217,174,59,.65)!important;box-shadow:0 16px 34px rgba(7,29,43,.12)}
.make-logo:hover img{transform:scale(1.08);filter:contrast(1.15)}
.service-grid article:hover{background:#fbfaf6}
.service-image:hover{filter:saturate(1.08) contrast(1.03)}
.address-feature:hover{transform:translateY(-5px);box-shadow:0 30px 70px rgba(7,29,43,.22)}
.contact-grid>*:hover{background:rgba(255,255,255,.045)}
.footer a:hover{color:var(--gold)}
}

/* Login availability dialog */
.login-dialog{width:min(540px,calc(100% - 32px));padding:0;border:0;background:transparent;color:var(--ink);overflow:visible}
.login-dialog::backdrop{background:rgba(3,16,24,.76);backdrop-filter:blur(5px)}
.login-dialog-content{position:relative;padding:54px 50px 48px;background:var(--paper);border-top:7px solid var(--gold);box-shadow:0 30px 90px rgba(0,0,0,.38);text-align:center}
.login-dialog .eyebrow{margin-bottom:15px}
.login-dialog h2{margin-bottom:18px;color:var(--navy);font-size:clamp(3rem,9vw,4.5rem)}
.login-dialog-content>p:not(.eyebrow){max-width:430px;margin:0 auto;color:var(--muted)}
.login-dialog .button{margin-top:28px}
.dialog-close{position:absolute;right:16px;top:13px;width:42px;height:42px;padding:0;border:0;background:transparent;color:var(--navy);font:400 2rem/1 "DM Sans";cursor:pointer;transition:color .2s ease,transform .2s ease}
.dialog-close:hover{color:#8a6811;transform:rotate(6deg)}
.dialog-close:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
@media(max-width:520px){.login-dialog-content{padding:48px 24px 36px}.login-dialog .button{width:100%}}