:root{--ink:#101411;--cream:#f3efe7;--white:#fff;--accent:#0f8b6d;--line:#d9d5cd;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#faf9f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}.page-width{width:min(1240px,calc(100% - 40px));margin-inline:auto}.skip{position:absolute;left:-9999px}.announcement{background:var(--ink);color:#fff;text-align:center;padding:9px 16px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.header{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{font:800 27px/1 Arial,sans-serif;letter-spacing:.14em;color:var(--ink);text-decoration:none}.brand span,.eyebrow,.section-head>span{color:var(--accent)}.header nav{display:flex;gap:30px}.header a,.footer a{color:inherit;text-decoration:none}.cart{font-size:14px}.hero{background:var(--cream);padding:34px 0 72px}.hero-grid{display:grid;grid-template-columns:.83fr 1.17fr;align-items:center;gap:50px}.hero h1{font-size:clamp(50px,7vw,92px);line-height:.92;letter-spacing:-.065em;margin:18px 0 24px;max-width:680px}.hero p{font-size:19px;max-width:560px;color:#4a504c}.eyebrow,.section-head>span{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:800}.button{display:inline-block;margin-top:20px;background:var(--ink);color:#fff;padding:17px 25px;border:0;border-radius:999px;text-decoration:none;font-weight:750;cursor:pointer}.button:hover{background:var(--accent)}.wide{width:100%;text-align:center}.hero-media img,.hero-media svg{width:100%;height:auto;border-radius:var(--radius);display:block}.microtrust{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;font-size:12px;color:#626862}.section{padding:100px 0}.section-head{max-width:700px;margin-bottom:45px}.section-head h2{font-size:clamp(36px,5vw,62px);line-height:1;letter-spacing:-.045em;margin:14px 0}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.benefit-grid article{border:1px solid var(--line);border-radius:var(--radius);padding:32px;background:#fff}.benefit-grid h3{font-size:23px;margin:26px 0 8px}.benefit-grid p,.steps p,.product-info p{color:#5d635f}.icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#e6f3ef;color:var(--accent);font-weight:800}.dark-section{background:var(--ink);color:#fff;padding:100px 0}.light h2{color:#fff}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps>div{padding:32px;border:1px solid #313833;border-radius:var(--radius)}.steps b{font-size:52px;color:var(--accent)}.steps p{color:#bbc2bd}.product-card{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.product-image,.product-gallery{background:var(--cream);border-radius:var(--radius);overflow:hidden}.product-image img,.product-image svg,.product-gallery img,.product-gallery svg{display:block;width:100%;height:auto}.product-gallery{display:grid;gap:10px}.product-info h1,.product-info h2{font-size:clamp(38px,5vw,64px);letter-spacing:-.05em;line-height:1;margin:18px 0}.price{font-size:25px;font-weight:800}.pill{display:inline-block;background:#e6f3ef;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.15em;border-radius:99px;padding:9px 13px}.product-info ul{list-style:none;padding:0;display:grid;gap:9px;font-size:13px}.product-info select{width:100%;padding:15px;border:1px solid var(--line);border-radius:12px;margin:8px 0}.sticky{align-self:start;position:sticky;top:30px}.faq{max-width:900px}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font-size:19px;font-weight:750;cursor:pointer}.faq p{color:#5d635f;max-width:720px}.footer{background:var(--ink);color:#fff;padding:70px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.brand-light{color:#fff}.footer p,.footer a{color:#b8c0ba}.copyright{border-top:1px solid #303733;margin-top:50px;padding-top:22px;color:#89908b;font-size:12px}@media(max-width:800px){.header nav{display:none}.hero{padding-top:10px}.hero-grid,.product-card,.benefit-grid,.steps,.footer-grid{grid-template-columns:1fr}.hero-copy{order:2}.hero-media{order:1}.hero h1{font-size:55px}.section,.dark-section{padding:72px 0}.product-card{gap:30px}.sticky{position:static}.microtrust{gap:10px}.page-width{width:min(100% - 24px,1240px)}}
