html{scroll-behavior:smooth}body{margin:0}*{box-sizing:border-box}.storefront{--blue:#0900a7;--deep:#05005c;--green:#00ff12;--ink:#fff;--muted:#d8d5f4;color:var(--ink);background:var(--blue);min-height:100vh;font-family:Arial,Helvetica,sans-serif}.storefront header{z-index:2;background:#0900a7f0;border-bottom:1px solid #ffffff29;justify-content:space-between;align-items:center;gap:30px;height:86px;padding:9px clamp(18px,5vw,84px);display:flex;position:sticky;top:0}.storefront .brand{align-items:center;display:flex}.storefront nav{align-items:center;gap:24px;display:flex}.storefront a{color:inherit;text-decoration:none}.storefront .call{font-weight:800}.storefront .menu-toggle{color:#fff;background:0 0;border:1px solid #ffffff59;padding:8px 14px;font-size:20px;line-height:1;display:none}.storefront .hero{background:linear-gradient(135deg,var(--deep),var(--blue));grid-template-columns:1fr 1fr;align-items:center;gap:40px;min-height:590px;padding:72px clamp(18px,8vw,150px);display:grid}.storefront .hero>div{max-width:620px}.storefront .hero>img{object-fit:cover;border:1px solid #fff3;border-radius:34px;width:100%;height:460px}.storefront h1,.storefront h2,.storefront h3{letter-spacing:-.04em;margin:0}.storefront h1{font-size:clamp(54px,7vw,98px);line-height:.9}.storefront h1 em{color:var(--green);font-style:normal}.storefront h2{font-size:clamp(38px,5vw,62px)}.storefront p{color:var(--muted);line-height:1.6}.storefront .eyebrow{color:var(--green);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800}.storefront button{cursor:pointer;font:inherit;background:var(--green);color:var(--deep);border:0;border-radius:999px;padding:13px 20px;font-weight:850}.storefront .catalog,.storefront .faq{padding:80px clamp(18px,8vw,150px)}.storefront .tabs{flex-wrap:wrap;gap:10px;margin:30px 0;display:flex}.storefront .tabs button{color:#fff;background:0 0;border:1px solid #ffffff59}.storefront .tabs .active{background:var(--green);color:var(--deep);border-color:var(--green)}.storefront .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.storefront article{background:#ffffff12;border:1px solid #ffffff2e;border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.storefront .photo{background:#00000026;height:220px;position:relative}.storefront .photo img{object-fit:cover}.storefront .card-copy{flex-direction:column;gap:12px;min-height:235px;padding:18px;display:flex}.storefront .card-copy strong{font-size:27px}.storefront .card-copy strong .delivery{color:var(--muted);margin-top:2px;font-size:13px;font-weight:700;display:block}.storefront .card-copy p{margin:0;font-size:14px}.storefront .card-copy button{width:100%;margin-top:auto}.storefront .how{background:var(--deep);grid-template-columns:repeat(3,1fr);gap:18px;padding:80px clamp(18px,8vw,150px);display:grid}.storefront .how div{background:#ffffff14;border-radius:24px;padding:28px}.storefront .how b{color:var(--green)}.storefront .faq{max-width:1020px}.storefront details{border-top:1px solid #ffffff40;padding:22px 0}.storefront summary{cursor:pointer;font-size:19px;font-weight:800}.storefront footer{color:var(--muted);border-top:1px solid #fff3;padding:30px clamp(18px,8vw,150px)}.storefront .modal{z-index:5;background:#000023b3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.storefront .modal>div{background:var(--deep);border:1px solid #ffffff40;border-radius:26px;width:min(100%,520px);padding:38px;position:relative}.storefront .close{color:#fff;background:0 0;padding:2px 10px;font-size:28px;position:absolute;top:14px;right:14px}@media (max-width:900px){.storefront .hero{grid-template-columns:1fr}.storefront .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.storefront .how{grid-template-columns:1fr}}@media (max-width:560px){.storefront .menu-toggle{display:block}.storefront nav{background:#0900a7fa;border-bottom:1px solid #ffffff29;flex-direction:column;align-items:stretch;gap:0;display:none;position:absolute;top:86px;left:0;right:0}.storefront nav.open{display:flex}.storefront nav a{border-top:1px solid #ffffff1f;padding:16px clamp(18px,5vw,84px)}.storefront .grid{grid-template-columns:1fr}.storefront .hero{padding-top:46px}.storefront .hero>img{height:300px}}