:root{--ink:#101012;--paper:#f4f2ed;--lime:#d9ff00;--muted:#706f6a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font:16px/1.5 Arial,Helvetica,sans-serif;color:var(--ink)}a{color:inherit;text-decoration:none}.site-header{height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#111;color:white;position:sticky;top:0;z-index:5}.brand{font-weight:900;font-size:1.35rem;letter-spacing:-1.5px}.brand span{color:var(--lime)}sup{font-size:.45em}.site-header nav{display:flex;gap:28px;font-size:.82rem;text-transform:uppercase;font-weight:bold}.site-header nav a:hover{color:var(--lime)}button{font:inherit;cursor:pointer}.cart-button{border:1px solid #555;background:transparent;color:white;padding:9px 13px;text-transform:uppercase;font-weight:bold;font-size:.75rem}.cart-button span{background:var(--lime);color:var(--ink);border-radius:50%;padding:1px 6px;margin-left:4px}.hero{min-height:610px;display:grid;grid-template-columns:1fr 1.1fr;background:#111;color:#fff}.hero-copy{padding:11vw 5vw 6vw;max-width:640px}.eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:1.7px;font-weight:bold;color:var(--muted);margin:0 0 16px}.hero .eyebrow{color:var(--lime)}h1,h2{font-weight:950;line-height:.91;letter-spacing:-.055em;margin:0}h1{font-size:clamp(3.6rem,7vw,6.8rem)}h2{font-size:clamp(2.5rem,4.5vw,4.8rem)}.hero-copy>p:not(.eyebrow){max-width:440px;margin:28px 0;color:#d2d2d2}.button{display:inline-block;border:0;padding:15px 22px;text-transform:uppercase;font-weight:900;font-size:.78rem;letter-spacing:.5px}.accent{background:var(--lime);color:var(--ink)}.dark{background:var(--ink);color:white;width:100%}.hero-image{background:linear-gradient(90deg,#1111,transparent),url('https://images.unsplash.com/photo-1492144534655-ae79c964c9d7?auto=format&fit=crop&w=1500&q=85') center/cover}.benefits{display:grid;grid-template-columns:repeat(3,1fr);background:var(--lime);padding:25px 5vw;gap:20px}.benefits div{display:flex;flex-direction:column;text-transform:uppercase}.benefits b{font-size:.9rem}.benefits span{font-size:.75rem}.section{padding:96px 5vw}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}.search{background:white;border:1px solid #deddd8;padding:10px 13px;display:flex;gap:8px}.search input{border:0;outline:0;background:transparent;width:190px}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.category{min-height:175px;padding:18px;background:#222 center/cover;color:#fff;display:flex;align-items:end;font-weight:900;font-size:1.1rem;position:relative;overflow:hidden}.category:before{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#000b)}.category span{position:relative}.category:hover span{color:var(--lime)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product{background:white}.product-image{height:260px;background:var(--shade);position:relative}.product-image:after{content:'';position:absolute;inset:20% 25%;border-radius:50%;background:linear-gradient(135deg,#ffffff99,transparent 43%),var(--shade);filter:brightness(.88)}.product-info{padding:17px}.product-info div{display:flex;justify-content:space-between;gap:10px}.product h3{margin:0;font-size:1rem}.product p{margin:8px 0 15px;color:var(--muted);font-size:.86rem}.product button{border:1px solid #ddd;background:none;padding:9px 12px;font-weight:bold;font-size:.75rem;text-transform:uppercase}.how{background:#1d1d1d;color:white;display:grid;grid-template-columns:1fr 1.4fr;gap:80px}.how .eyebrow{color:var(--lime)}.how ol{padding:0;margin:0;list-style:none}.how li{border-top:1px solid #565656;padding:18px 0;display:grid;grid-template-columns:70px 1fr 1.4fr;align-items:start}.how li span{color:var(--lime);font-weight:bold}.how li b{font-size:1.2rem}.how li p{margin:0;color:#bbb}.quote{background:var(--lime);padding:90px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.quote>div>p:last-child{max-width:440px}.quote form{display:grid;gap:13px}.quote label{display:grid;gap:5px;font-size:.75rem;font-weight:bold;text-transform:uppercase}input,textarea{font:inherit;border:1px solid #9bc000;background:#edff95;padding:12px;resize:vertical}.form-message{margin:0;font-weight:bold}footer{padding:40px 5vw;background:#111;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:.78rem}footer p{color:#999}footer div{display:flex;gap:16px}.cart{position:fixed;right:0;top:0;width:min(420px,92vw);height:100vh;background:white;z-index:10;transform:translateX(102%);transition:.25s;display:flex;flex-direction:column;padding:24px}.cart.open{transform:none}.cart-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;padding-bottom:15px}.cart-head h2{font-size:2rem}.cart-head button{border:0;background:none;font-size:2rem}.cart-items{flex:1;overflow:auto}.cart-row{display:flex;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid #ddd}.cart-row button{border:0;background:none;text-decoration:underline}.cart-footer{border-top:1px solid #ddd;padding-top:15px}.cart-footer p{display:flex;justify-content:space-between}.scrim{visibility:hidden;opacity:0;position:fixed;inset:0;background:#0008;z-index:9;transition:.25s}.scrim.show{visibility:visible;opacity:1}@media(max-width:760px){.site-header nav{display:none}.hero{grid-template-columns:1fr;min-height:620px}.hero-copy{padding-top:100px;z-index:1}.hero-image{grid-row:1;grid-column:1;opacity:.65}.hero-copy{grid-row:1;grid-column:1}.benefits,.category-grid,.product-grid,.quote,.how{grid-template-columns:1fr}.section{padding:65px 5vw}.section-heading{align-items:start;gap:20px;flex-direction:column}.how{gap:40px}.how li{grid-template-columns:45px 1fr}.how li p{grid-column:2;margin-top:6px}footer{align-items:flex-start;flex-direction:column}.search input{width:160px}}