:root{--navy:#122d4a;--navy-deep:#0c2138;--volt:#c8f425;--cream:#f6f4ee;--slate:#5a6b7d;--ink:#16202c}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Barlow',sans-serif;color:var(--ink);background:var(--cream)}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}
h1,h2,h3{font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;line-height:1.05}
.eyebrow{font-family:'Barlow Condensed',sans-serif;font-weight:600;letter-spacing:4px;text-transform:uppercase;font-size:15px;color:var(--slate)}
.btn{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:19px;letter-spacing:2px;text-transform:uppercase;text-decoration:none;display:inline-block;padding:15px 28px;transform:skewX(-8deg);transition:transform .12s ease,box-shadow .12s ease}
.btn span{display:inline-block;transform:skewX(8deg)}
.btn-volt{background:var(--volt);color:var(--navy)}
.btn-line{border:3px solid var(--cream);color:var(--cream)}
.btn-navy{background:var(--navy);color:var(--cream)}
.btn:hover{transform:skewX(-8deg) translateY(-2px);box-shadow:5px 5px 0 rgba(0,0,0,.25)}
.btn:focus-visible{outline:3px solid var(--volt);outline-offset:3px}
header{position:sticky;top:0;z-index:50;background:var(--navy);border-bottom:4px solid var(--volt)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 20px;max-width:1100px;margin:0 auto}
.nav .logo svg{height:42px;width:auto;display:block}
.navlinks{display:flex;gap:18px;flex-wrap:wrap}
.navlinks a{font-family:'Barlow Condensed',sans-serif;font-weight:600;letter-spacing:1.5px;font-size:15px;text-transform:uppercase;color:var(--cream);text-decoration:none}
.navlinks a:hover{color:var(--volt)}
.nav .call{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:17px;letter-spacing:1px;color:var(--navy);background:var(--volt);text-decoration:none;padding:9px 16px;transform:skewX(-8deg);white-space:nowrap}
.nav .call b{display:inline-block;transform:skewX(8deg)}
@media(max-width:760px){.navlinks{display:none}}
.hero{background:var(--navy);color:var(--cream);padding:60px 0 70px;position:relative;overflow:hidden}
.hero .eyebrow{color:var(--volt)}
.hero h1{font-size:clamp(38px,7vw,74px);margin:14px 0 6px;transform:skewX(-8deg)}
.hero h1 .volt{color:var(--volt)}
.hero p.lead{font-size:19px;max-width:56ch;color:#c7d3de;margin:18px 0 28px}
.hero .ctas{display:flex;gap:16px;flex-wrap:wrap}
.debris{position:absolute;background:var(--volt)}
.d1{width:20px;height:20px;top:22%;right:12%;opacity:.35;transform:rotate(18deg)}
.d2{width:13px;height:13px;top:36%;right:8%;opacity:.22;transform:rotate(-12deg)}
.d3{width:9px;height:9px;top:48%;right:11%;opacity:.14}
section.body{padding:56px 0}
section.body h2{color:var(--navy);font-size:clamp(26px,4.4vw,42px);margin-bottom:16px}
section.body p{font-size:17px;color:#33404d;max-width:70ch;margin-bottom:14px}
section.alt{background:#fff;border-top:4px solid var(--navy)}
.checks{list-style:none;margin:12px 0 8px;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;max-width:760px}
.checks li{display:flex;gap:10px;align-items:flex-start;font-size:16px;color:#33404d}
.checks li::before{content:"";min-width:11px;height:11px;margin-top:5px;background:var(--volt);border:2px solid var(--navy);transform:skewX(-8deg)}
.faq{margin-top:8px;max-width:760px}
.faq h3{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:20px;letter-spacing:.5px;color:var(--navy);margin:18px 0 6px}
.crosslinks{background:var(--cream);border:2px solid var(--navy);padding:22px;margin-top:30px}
.crosslinks h3{font-family:'Barlow Condensed',sans-serif;font-weight:700;letter-spacing:1px;font-size:19px;color:var(--navy);margin-bottom:12px;text-transform:uppercase}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chips a{font-family:'Barlow Condensed',sans-serif;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size:14px;color:var(--navy);text-decoration:none;border:2px solid var(--navy);padding:8px 13px;transform:skewX(-8deg);display:inline-block;background:#fff}
.chips a span{display:inline-block;transform:skewX(8deg)}
.chips a:hover{background:var(--volt)}
.cta-band{background:var(--navy-deep);color:var(--cream);padding:64px 0;text-align:center}
.cta-band h2{font-size:clamp(30px,5.6vw,54px);transform:skewX(-8deg);color:var(--cream)}
.cta-band h2 em{font-style:normal;color:var(--volt)}
.cta-band p{margin:14px auto 26px;max-width:48ch;color:#c7d3de;font-size:17px}
footer{background:var(--navy);color:#9fb2c2;padding:40px 0 30px;border-top:4px solid var(--volt)}
.footgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:26px}
.footgrid h4{font-family:'Barlow Condensed',sans-serif;font-weight:700;letter-spacing:2px;font-size:14px;text-transform:uppercase;color:var(--volt);margin-bottom:10px}
.footgrid a{display:block;color:#c7d3de;text-decoration:none;font-size:14px;line-height:1.9}
.footgrid a:hover{color:var(--volt)}
.nap{margin-top:28px;padding-top:18px;border-top:1px solid #2a4463;font-size:13px;line-height:1.7}
.nap b{color:var(--cream)}
.loads{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:22px 0}
.load{background:var(--navy);color:var(--cream);padding:20px 18px;transform:skewX(-8deg)}
.load>div{transform:skewX(8deg)}
.load .amt{font-family:'Anton',sans-serif;font-size:28px;color:var(--volt)}
.load .lbl{font-family:'Barlow Condensed',sans-serif;font-weight:600;letter-spacing:2px;font-size:13px;text-transform:uppercase;margin-top:5px}
table.price{border-collapse:collapse;width:100%;max-width:720px;margin:14px 0;background:#fff}
table.price th,table.price td{border:2px solid var(--navy);padding:11px 14px;text-align:left;font-size:15px}
table.price th{background:var(--navy);color:var(--cream);font-family:'Barlow Condensed',sans-serif;letter-spacing:1.5px;text-transform:uppercase;font-size:14px}
form.quote{max-width:640px;display:grid;gap:14px;margin-top:10px}
form.quote label{font-family:'Barlow Condensed',sans-serif;font-weight:600;letter-spacing:1px;font-size:14px;text-transform:uppercase;color:var(--navy)}
form.quote input,form.quote select,form.quote textarea{width:100%;padding:12px;border:2px solid var(--navy);font-family:'Barlow',sans-serif;font-size:16px;background:#fff}
form.quote button{border:none;cursor:pointer}
.steps3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:20px 0 6px}
.step{border-left:6px solid var(--volt);padding:4px 0 4px 16px}
.step .n{font-family:'Anton',sans-serif;font-size:38px;color:var(--navy);transform:skewX(-8deg);display:inline-block}
.step h3{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:20px;letter-spacing:.5px;color:var(--navy);margin:6px 0 4px}
.step p{font-size:15px;color:var(--slate)}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}