/* Marin Junk Haulers — .store productized-offers site.
   Vintage-industrial "haul-co" aesthetic, mirrored from the canonical .com site:
   kraft/ink/safety-amber palette, Anton + Hanken Grotesk + Spline Sans Mono,
   hard offset shadows, caution stripe, grain. Static — no build step. */
:root{--paper:#efe6d3;--panel:#f7f0e0;--ink:#1a1812;--ink2:#544c39;--amber:#d98324;--amberDk:#a8631a;--edge:#1a1812;--shadow:4px 4px 0 var(--ink)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:"Hanken Grotesk",system-ui,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased;position:relative}
.grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.045;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:140px}
.wrap{max-width:1100px;margin:0 auto;padding:0 22px;position:relative;z-index:2}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:"Anton",sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.012em;line-height:1}
.i{width:1.05em;height:1.05em;display:inline-block;vertical-align:-2px;flex:0 0 auto}
.hazard{height:13px;background:repeating-linear-gradient(45deg,var(--ink) 0 15px,var(--amber) 15px 30px);position:relative;z-index:3}
.kicker{font-family:"Spline Sans Mono",monospace;font-weight:600;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--amberDk);display:block;margin-bottom:12px}
.topbar{position:sticky;top:0;z-index:40;background:var(--paper);border-bottom:2px solid var(--ink)}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;height:66px}
.brand{font-family:"Anton",sans-serif;font-size:23px;letter-spacing:.02em;text-transform:uppercase;display:flex;align-items:center;gap:9px}
.brand .i{width:28px;height:28px;color:var(--amberDk)}
.navlinks{display:flex;gap:20px;align-items:center}
.navlinks a{font-family:"Spline Sans Mono",monospace;font-weight:500;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink2)}
.navlinks a:hover{color:var(--amberDk)}
.callbtn{font-family:"Spline Sans Mono",monospace;font-weight:600;font-size:14px;background:var(--ink);color:var(--paper);padding:11px 16px;border:2px solid var(--ink);display:inline-flex;align-items:center;gap:8px;transition:.15s;white-space:nowrap}
.callbtn:hover{background:var(--amber);color:var(--ink)}.callbtn .i{width:16px;height:16px}
.hero{background:var(--panel);border-bottom:2px solid var(--ink);padding:64px 0 54px;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;top:-70px;right:-70px;width:300px;height:300px;background:var(--amber);opacity:.14;transform:rotate(45deg);z-index:0}
.hero .wrap>*{position:relative;z-index:2}
.eyebrow{font-family:"Spline Sans Mono",monospace;font-weight:500;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink2);display:inline-block;border:1.5px solid var(--ink);padding:6px 12px;margin-bottom:22px;background:var(--paper)}
.crumbs{font-family:"Spline Sans Mono",monospace;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink2);margin-bottom:18px}.crumbs a{color:var(--amberDk);font-weight:600}
.hero h1{font-size:clamp(40px,7.5vw,82px);max-width:16ch;margin-bottom:20px}.hero h1 .hl{color:var(--amberDk)}
.hero p.sub{font-size:clamp(17px,2.1vw,21px);color:var(--ink2);max-width:620px;margin-bottom:28px;font-weight:500}
.cta-row{display:flex;flex-wrap:wrap;gap:13px;margin-bottom:24px}
.btn-primary,.btn-ghost{font-family:"Spline Sans Mono",monospace;font-weight:600;font-size:15.5px;padding:16px 24px;border:2px solid var(--ink);display:inline-flex;align-items:center;gap:10px;transition:.12s;cursor:pointer}
.btn-primary{background:var(--amber);color:var(--ink);box-shadow:var(--shadow)}
.btn-primary:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink);background:var(--ink);color:var(--paper)}
.btn-ghost{background:var(--paper);color:var(--ink)}.btn-ghost:hover{background:var(--ink);color:var(--paper)}
.trust-row{display:flex;flex-wrap:wrap;gap:9px 22px;font-family:"Spline Sans Mono",monospace;font-size:12.5px;font-weight:500;color:var(--ink2);text-transform:uppercase;letter-spacing:.03em;margin-top:6px}
.trust-row span{display:inline-flex;align-items:center;gap:7px}.check{color:var(--amberDk);font-weight:700}
section{padding:62px 0;position:relative}
.sec-head{max-width:720px;margin:0 auto 40px;text-align:center}
.sec-head h2{font-size:clamp(28px,4.6vw,46px);margin-bottom:12px}.sec-head p{font-size:17px;color:var(--ink2);font-weight:500}
.prose{max-width:760px;margin:0 auto;color:var(--ink2);font-size:17.5px;font-weight:450}.prose p{margin-bottom:18px}.prose strong{color:var(--ink);font-weight:700}
.prose h2{font-size:clamp(22px,3vw,30px);margin:34px 0 12px;color:var(--ink)}.prose ul{margin:0 0 18px 4px;list-style:none}
.prose ul li{padding:6px 0 6px 26px;position:relative}.prose ul li::before{content:"+";position:absolute;left:0;color:var(--amberDk);font-family:"Spline Sans Mono",monospace;font-weight:700}
.grid{display:grid;gap:20px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}
.card{background:var(--panel);border:2px solid var(--ink);box-shadow:var(--shadow);padding:24px;display:block;transition:.12s}
a.card:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--amber)}
.card .ic{width:48px;height:48px;border:2px solid var(--ink);background:var(--amber);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.card .ic .i{width:25px;height:25px;color:var(--ink)}
.card h3{font-family:"Anton",sans-serif;font-size:20px;text-transform:uppercase;letter-spacing:.01em;margin-bottom:7px;line-height:1.04}.card p{color:var(--ink2);font-size:14.5px;font-weight:500}
.card .price-tag{font-family:"Spline Sans Mono",monospace;font-weight:600;font-size:13px;color:var(--amberDk);margin-top:12px;display:block}
.steps{background:var(--paper);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.step .num{font-family:"Anton",sans-serif;font-size:60px;line-height:.9;color:var(--amber);-webkit-text-stroke:2px var(--ink);margin-bottom:8px}
.step h3{font-family:"Anton",sans-serif;font-size:21px;text-transform:uppercase;margin-bottom:7px}.step p{color:var(--ink2);font-size:15px;font-weight:500}
/* offer / product cards */
.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:980px;margin:0 auto}
.offer{background:var(--panel);border:2px solid var(--ink);box-shadow:var(--shadow);position:relative;display:flex;flex-direction:column}
.offer h3{font-family:"Spline Sans Mono",monospace;font-weight:600;font-size:12.5px;text-transform:uppercase;letter-spacing:.08em;background:var(--ink);color:var(--paper);padding:12px 18px;margin:0}
.offer.feat h3{background:var(--amber);color:var(--ink)}
.offer .amt{font-family:"Anton",sans-serif;font-size:44px;color:var(--ink);padding:18px 18px 2px;letter-spacing:.01em}.offer .amt small{font-family:"Spline Sans Mono",monospace;font-size:13px;color:var(--ink2);font-weight:500}
.offer .value{font-family:"Spline Sans Mono",monospace;font-size:12px;color:var(--amberDk);font-weight:600;padding:0 18px 4px;text-transform:uppercase;letter-spacing:.04em}
.offer>p{color:var(--ink2);font-size:14.5px;font-weight:500;padding:8px 18px 16px;min-height:44px}
.offer ul{list-style:none;border-top:1.5px dashed var(--ink);margin:0;padding:14px 18px;font-family:"Spline Sans Mono",monospace;font-size:13px;flex:1}
.offer li{padding:5px 0}.offer li::before{content:"+ ";color:var(--amberDk);font-weight:700}
.offer .tag{position:absolute;top:-2px;right:-2px;background:var(--ink);color:var(--amber);font-family:"Spline Sans Mono",monospace;font-size:10px;font-weight:600;letter-spacing:.05em;padding:5px 9px;border:2px solid var(--ink)}
.offer .buy{font-family:"Spline Sans Mono",monospace;font-weight:600;font-size:14.5px;background:var(--amber);color:var(--ink);border:0;border-top:2px solid var(--ink);padding:15px 18px;margin:0;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;transition:.12s;text-align:center}
.offer .buy:hover{background:var(--ink);color:var(--paper)}
.offer .buy .i{width:16px;height:16px}
.stripe-note{font-family:"Spline Sans Mono",monospace;font-size:11px;font-weight:500;color:var(--amberDk);background:repeating-linear-gradient(45deg,rgba(217,131,36,.12) 0 8px,transparent 8px 16px);border:1.5px dashed var(--amberDk);padding:6px 10px;margin:0;text-transform:uppercase;letter-spacing:.03em;text-align:center;line-height:1.4}
.fineprint{text-align:center;color:var(--ink2);font-size:14px;margin-top:22px;font-weight:500;max-width:760px;margin-left:auto;margin-right:auto}
.compare{max-width:820px;margin:0 auto;border:2px solid var(--ink);box-shadow:var(--shadow);background:var(--panel)}
.compare table{width:100%;border-collapse:collapse;font-family:"Spline Sans Mono",monospace;font-size:13.5px}
.compare th,.compare td{padding:13px 16px;text-align:left;border-bottom:1.5px solid var(--ink)}
.compare th{background:var(--ink);color:var(--paper);font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:600}
.compare td:first-child{font-weight:600;color:var(--ink)}
.compare tr:last-child td{border-bottom:0}
.compare .us{color:var(--amberDk);font-weight:600}
.callout{background:var(--ink);color:var(--paper);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.callout .sec-head h2{color:var(--paper)}.callout .sec-head p{color:#cabfa3}
.faq{max-width:760px;margin:0 auto}
.faq details{border:2px solid var(--ink);background:var(--panel);margin-bottom:14px;box-shadow:var(--shadow)}
.faq summary{font-family:"Hanken Grotesk",sans-serif;font-weight:700;font-size:16.5px;padding:16px 20px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:14px;align-items:center}
.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";font-family:"Spline Sans Mono",monospace;color:var(--amberDk);font-weight:600;font-size:22px;line-height:1}
.faq details[open] summary::after{content:"–"}.faq p{color:var(--ink2);padding:0 20px 18px;font-size:15.5px;font-weight:500}
.final{background:var(--panel);border-top:2px solid var(--ink);text-align:center}
.final h2{font-size:clamp(30px,5.2vw,54px);margin-bottom:14px}.final p{color:var(--ink2);font-size:18px;max-width:580px;margin:0 auto 28px;font-weight:500}
.phone-big{font-family:"Anton",sans-serif;font-size:clamp(30px,6vw,48px);color:var(--ink);display:inline-flex;align-items:center;gap:14px;margin-top:10px;letter-spacing:.01em}.phone-big .i{width:.74em;height:.74em;color:var(--amberDk)}
.linkrow{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:28px}
.pill{font-family:"Spline Sans Mono",monospace;font-weight:500;font-size:12.5px;text-transform:uppercase;letter-spacing:.03em;border:1.5px solid var(--ink);padding:9px 14px;color:var(--ink);background:var(--panel);transition:.12s}.pill:hover{background:var(--amber)}
footer{background:var(--ink);color:#cabfa3;padding:40px 0;font-family:"Spline Sans Mono",monospace;font-size:12.5px;border-top:13px solid var(--amber);position:relative;z-index:2}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;align-items:center}footer a{color:var(--paper);font-weight:600}
.mobile-call{display:none}
@media(max-width:860px){.g3{grid-template-columns:repeat(2,1fr)}.offer-grid{grid-template-columns:1fr}.navlinks{display:none}}
@media(max-width:560px){.g2,.g3{grid-template-columns:1fr}section{padding:46px 0}.hero{padding:42px 0 116px}
.mobile-call{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:60;background:var(--amber);color:var(--ink);font-family:"Spline Sans Mono",monospace;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.04em;align-items:center;justify-content:center;gap:9px;padding:15px;border-top:2px solid var(--ink)}.mobile-call .i{width:17px;height:17px}body{padding-bottom:54px}}