:root{--ink:#111214;--paper:#f7f5f0;--lime:#d9ff43;--orange:#ff5c35;--muted:#666963;--line:#d9d6cd;--white:#fff;--radius:22px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.6}
img{display:block;width:100%}
a{color:inherit}
.announcement{background:var(--lime);padding:.55rem 1rem;text-align:center;font-size:.85rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.site-header{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:1.1rem 2rem}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;font-family:Manrope,sans-serif;font-weight:800}
.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--ink);color:var(--lime);border-radius:50%;font-size:.78rem}
.header-cta{background:var(--ink);color:var(--white);text-decoration:none;padding:.7rem 1rem;border-radius:999px;font-weight:700}
.hero{max-width:1240px;margin:0 auto;padding:3.5rem 2rem 5rem;display:grid;grid-template-columns:1.02fr .98fr;gap:5vw;align-items:center}
.eyebrow{margin:0 0 1rem;font-weight:800;text-transform:uppercase;letter-spacing:.13em;font-size:.78rem;color:#565950}
h1,h2,h3{font-family:Manrope,sans-serif;margin-top:0;line-height:1.08}
h1{font-size:clamp(3.1rem,6.1vw,6.4rem);letter-spacing:-.065em;margin-bottom:1.5rem;max-width:780px}
h2{font-size:clamp(2.25rem,4vw,4.2rem);letter-spacing:-.055em;margin-bottom:1rem}
h3{font-size:1.25rem;margin-bottom:.55rem}
.lede{font-size:clamp(1.05rem,1.5vw,1.3rem);max-width:650px;color:#4f524d;margin-bottom:1.6rem}
.price-line{display:flex;align-items:center;gap:1rem;margin:1.7rem 0}
.price{font-family:Manrope,sans-serif;font-size:clamp(1.55rem,3vw,2.45rem);font-weight:800}.per{display:block;color:var(--muted);font-size:.88rem}.stock-pill{background:#e6f0df;color:#286629;padding:.45rem .75rem;border-radius:999px;font-weight:700;font-size:.82rem}
.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem}.btn{display:inline-flex;justify-content:center;align-items:center;padding:.95rem 1.25rem;border-radius:12px;text-decoration:none;font-weight:800;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--orange);color:var(--white)}.btn-secondary{border:1.5px solid var(--ink)}.btn-light{background:var(--lime);color:var(--ink)}
.microcopy{font-size:.85rem;color:var(--muted);margin-top:1rem}
.hero-gallery{position:relative}.main-photo{margin:0;background:#eceae4;border-radius:var(--radius);overflow:hidden;aspect-ratio:4/5}.main-photo img{height:100%;object-fit:cover;transition:opacity .2s}.thumb-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin-top:.7rem}.thumb{padding:0;border:2px solid transparent;border-radius:11px;overflow:hidden;background:none;cursor:pointer;aspect-ratio:1}.thumb img{height:100%;object-fit:cover}.thumb.active{border-color:var(--orange)}
.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);max-width:1240px;margin:auto}.trust-strip div{padding:1.5rem 2rem;border-right:1px solid var(--line)}.trust-strip div:last-child{border:0}.trust-strip strong,.trust-strip span{display:block}.trust-strip span{color:var(--muted);font-size:.9rem}
.offer,.steps{max-width:1240px;margin:auto;padding:7rem 2rem}.section-heading{max-width:700px;margin-bottom:3rem}.section-heading>p:last-child{font-size:1.12rem;color:var(--muted)}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.benefit-grid article{background:var(--white);padding:2rem;border-radius:var(--radius);min-height:260px}.benefit-grid p{color:var(--muted)}.number{display:block;font-family:Manrope,sans-serif;font-weight:800;color:var(--orange);margin-bottom:3rem}
.inventory{background:var(--ink);color:var(--white);display:grid;grid-template-columns:1fr 1fr;min-height:680px}.inventory-photo img{height:100%;object-fit:cover}.inventory-copy{padding:clamp(3rem,7vw,7rem);display:flex;flex-direction:column;justify-content:center}.inventory-copy .eyebrow{color:var(--lime)}.inventory-copy p{color:#bbbdb8}.inventory-copy ul{list-style:none;padding:0;margin:1rem 0 2rem}.inventory-copy li{border-bottom:1px solid #33363a;padding:.65rem 0}.inventory-copy li:before{content:"✓";color:var(--lime);margin-right:.7rem;font-weight:800}.text-link{font-weight:800;text-decoration:none}.text-link span{color:var(--lime);margin-left:.4rem}
.compact{margin-bottom:2rem}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.step-grid>div{border-top:2px solid var(--ink);padding-top:1.4rem}.step-grid span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--lime);font-weight:800;margin-bottom:3rem}.step-grid p{color:var(--muted)}
.final-cta{background:var(--orange);color:var(--white);text-align:center;padding:7rem 2rem}.final-cta .eyebrow{color:#3e1409}.final-cta h2{max-width:800px;margin-left:auto;margin-right:auto}.final-cta>p:not(.eyebrow){font-size:1.1rem;margin-bottom:2rem}.final-cta small{display:block;margin:1.3rem auto 0;opacity:.75}
footer{max-width:1240px;margin:auto;padding:2rem;display:flex;justify-content:space-between;font-size:.88rem;color:var(--muted)}footer span:first-child{font-weight:800;color:var(--ink)}
@media(max-width:820px){.site-header{padding:1rem 1.2rem}.brand>span:last-child{display:none}.hero{grid-template-columns:1fr;padding:2.8rem 1.2rem 4rem;gap:2.2rem}.hero-copy{display:contents}.hero-gallery{order:2}.hero-actions,.microcopy,.price-line{order:3}h1{font-size:clamp(3rem,15vw,4.8rem)}.trust-strip{grid-template-columns:1fr;margin:0 1.2rem}.trust-strip div{border-right:0;border-bottom:1px solid var(--line);padding:1rem}.offer,.steps{padding:5rem 1.2rem}.benefit-grid,.step-grid{grid-template-columns:1fr}.benefit-grid article{min-height:auto}.number,.step-grid span{margin-bottom:1.5rem}.inventory{grid-template-columns:1fr}.inventory-photo{height:430px}.inventory-copy{padding:4rem 1.2rem}.final-cta{padding:5rem 1.2rem}footer{padding:1.5rem 1.2rem;flex-direction:column;gap:.4rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.main-photo img{transition:none}}