*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#171717;background:#fff;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.topbar{z-index:10;background:#fffffff5;border-bottom:1px solid #ececec;justify-content:space-between;align-items:center;gap:32px;height:76px;padding:0 max(5vw,24px);display:flex;position:sticky;top:0}.brand{letter-spacing:-1.5px;font-size:26px;font-weight:800}.brand strong{font-weight:400}.topbar nav{gap:30px;font-size:14px;display:flex}.topbar nav a:hover{opacity:.55}.actions{gap:8px;display:flex}.actions button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:999px;padding:9px 14px}.hero{background:linear-gradient(135deg,#f7f7f7 0%,#fff 58%);grid-template-columns:1.05fr .95fr;align-items:center;min-height:560px;padding:72px max(7vw,28px);display:grid}.heroContent{max-width:650px}.eyebrow{text-transform:uppercase;letter-spacing:2px;opacity:.55;font-size:12px;font-weight:700}.hero h1{letter-spacing:-4px;margin:18px 0 24px;font-size:clamp(48px,6vw,84px);line-height:.98}.hero p{color:#626262;max-width:540px;margin-bottom:36px;font-size:18px;line-height:1.6}.primary{color:#fff;background:#171717;border-radius:999px;padding:15px 24px;font-weight:700;display:inline-flex}.heroVisual{aspect-ratio:1;background:#171717;border-radius:50%;justify-self:center;place-items:center;width:min(36vw,460px);display:grid;box-shadow:0 28px 70px #0000002e}.heroVisual span{color:#fff;letter-spacing:-12px;font-size:120px;font-weight:900}.section{padding:90px max(7vw,28px)}.muted{background:#f7f7f7}.sectionHeading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px;display:flex}.sectionHeading h2{letter-spacing:-1.5px;margin:8px 0 0;font-size:38px}.sectionHeading p{color:#777}.categoryGrid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.category{border:1px solid #e6e6e6;border-radius:18px;justify-content:space-between;align-items:flex-end;min-height:150px;padding:24px;font-size:18px;font-weight:700;transition:all .2s;display:flex}.category:hover{transform:translateY(-3px);box-shadow:0 12px 28px #00000012}.emptyProducts{text-align:center;color:#666;border:1px dashed #ccc;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.emptyProducts h3{color:#222;margin:18px 0 4px}.emptyIcon{color:#fff;background:#171717;border-radius:50%;place-items:center;width:70px;height:70px;font-size:26px;font-weight:900;display:grid}.benefits{background:#ddd;border-top:1px solid #ddd;border-bottom:1px solid #ddd;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.benefits div{background:#fff;flex-direction:column;gap:8px;padding:38px max(4vw,28px);display:flex}.benefits span{color:#777;font-size:14px}footer{color:#fff;background:#171717;padding:60px max(7vw,28px)}footer p{color:#aaa;margin:14px 0 42px}footer small{color:#777}@media (max-width:800px){.topbar nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:56px}.heroVisual{width:70vw;margin-top:55px}.hero h1{letter-spacing:-2.5px}.categoryGrid{grid-template-columns:1fr 1fr}.sectionHeading{flex-direction:column;align-items:flex-start}.benefits{grid-template-columns:1fr}.actions button:first-child{display:none}}@media (max-width:480px){.categoryGrid{grid-template-columns:1fr}.heroVisual span{font-size:90px}}