:root{color-scheme:dark}body{background:#0b0c10;color:#e7e9ee;font-family:system-ui,-apple-system,Segoe UI,sans-serif;margin:0}a{color:inherit}.page{gap:2.5rem;margin:0 auto;max-width:1100px;min-height:100vh;padding:3rem 1.5rem 4rem}.hero,.page{display:flex;flex-direction:column}.hero{gap:.75rem;overflow:hidden;position:relative}.hero--compact{gap:.5rem}.floating-cart{box-shadow:0 12px 24px #0f172a59;gap:.5rem;position:fixed;right:1.5rem;top:1.25rem;z-index:50}.floating-cart.is-adding{animation:cart-bounce .42s ease}.floating-cart.is-adding .cart-icon{animation:cart-wiggle .42s ease}.floating-cart.is-adding .cart-icon,.floating-cart.is-adding span{transform-origin:center}.floating-cart .cart-icon,.floating-cart span{display:inline-flex}.floating-cart:focus-visible{outline:2px solid rgba(99,102,241,.8);outline-offset:2px}.floating-cart:active{transform:scale(.98)}.floating-cart.is-adding:active{transform:scale(1)}.cart-icon{height:1rem;width:1rem}@media(max-width:720px){.floating-cart{padding:.5rem .9rem;right:.85rem;top:.85rem}}@keyframes cart-bounce{0%{transform:translateY(0) scale(1)}30%{transform:translateY(-4px) scale(1.03)}60%{transform:translateY(2px) scale(.99)}to{transform:translateY(0) scale(1)}}@keyframes cart-wiggle{0%{transform:rotate(0)}35%{transform:rotate(-10deg)}70%{transform:rotate(8deg)}to{transform:rotate(0)}}.hero:before{background:radial-gradient(circle at top,rgba(148,163,184,.18),transparent 70%);content:"";height:220px;inset:-20% 0 auto;opacity:.5;pointer-events:none;position:absolute}.hero>*{position:relative;z-index:1}.hero h1{font-size:2.5rem;margin:.5rem 0 0}.logo{height:auto;width:min(360px,90vw)}.eyebrow{color:#98a2b3;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase}.subtitle{color:#cbd5e1;max-width:48rem}.grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));justify-content:start}.category{display:flex;flex-direction:column;gap:1.5rem}.category-nav{display:flex;flex-wrap:wrap;gap:.75rem}.category-nav .button.ghost{background:#0f172a66;border-color:#94a3b859}.category-nav .button.ghost:hover{background:#0f172a8c;border-color:#94a3b8b3}.category-nav .button.ghost:first-of-type{background:#2dd4bf14;border-color:#2dd4bf73}.category-nav .button.ghost:first-of-type:hover{background:#2dd4bf24;border-color:#2dd4bfb3}.category-nav .button.ghost:nth-of-type(2){background:#38bdf814;border-color:#38bdf873}.category-nav .button.ghost:nth-of-type(2):hover{background:#38bdf824;border-color:#38bdf8b3}.category-nav .button.ghost:nth-of-type(3){background:#fb923c14;border-color:#fb923c80}.category-nav .button.ghost:nth-of-type(3):hover{background:#fb923c24;border-color:#fb923cb3}.category-header{align-items:flex-start;background:#12141a99;border:1px solid #1c2230;border-radius:16px;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;padding:1rem 1.25rem;--category-accent:rgba(45,212,191,.08)}.category-header h2{margin:0 0 .35rem}.category-eyebrow{color:#98a2b3;font-size:.7rem;letter-spacing:.12em;margin-bottom:.4rem;text-transform:uppercase}.category:first-of-type .category-header{--category-accent:rgba(45,212,191,.08);background:linear-gradient(135deg,var(--category-accent),rgba(18,20,26,.6))}.category:nth-of-type(2) .category-header{--category-accent:rgba(56,189,248,.08);background:linear-gradient(135deg,var(--category-accent),rgba(18,20,26,.6))}.category:nth-of-type(3) .category-header{--category-accent:rgba(251,146,60,.1);background:linear-gradient(135deg,var(--category-accent),rgba(18,20,26,.6))}.category-description{color:#cbd5e1;margin:0}.button{align-items:center;background:#4f46e5;border:none;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.4rem;justify-content:center;padding:.6rem 1.2rem;text-decoration:none}.button:hover{background:#6366f1}.button.ghost{background:transparent;border:1px solid #2a2f3b;color:#e7e9ee}.button.ghost:hover{background:#1b1f2a}.back-link{color:#98a2b3;font-weight:600;text-decoration:none}.back-link:hover{color:#e7e9ee}.notice{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:12px;padding:.9rem 1rem}.cart-page .subtitle{margin:0}.cart-empty{display:grid;gap:1rem;justify-items:start}.cart-content{display:grid;gap:2rem}.cart-item,.cart-list{display:grid;gap:1rem}.cart-item{align-items:center;background:#12141a;border:1px solid #20242e;border-radius:16px;grid-template-columns:auto 1fr auto;padding:1rem}.cart-image{background:#0f1218;border:1px solid #20242e;border-radius:12px;height:72px;-o-object-fit:cover;object-fit:cover;width:72px}.cart-details h3{font-size:1rem;margin:0 0 .25rem}.cart-price,.cart-variant{color:#cbd5e1;font-size:.9rem;margin:0}.cart-actions{display:grid;gap:.75rem;justify-items:end}.cart-qty{color:#cbd5e1;display:grid;font-size:.85rem;gap:.3rem}.cart-qty input{background:#0f1218;border:1px solid #2a2f3b;border-radius:8px;color:inherit;padding:.35rem .5rem;width:80px}.cart-checkout{display:grid;gap:.75rem;justify-items:start}.cart-warning{color:#fbbf24;margin:0}.cart-error{color:#fca5a5;margin:0}.cart-debug{background:#0f172a99;border:1px solid rgba(148,163,184,.35);border-radius:.75rem;margin-top:1rem;padding:.75rem}.cart-debug-title{color:#cbd5e1;font-size:.85rem;margin:0 0 .5rem}.cart-debug-log{color:#e2e8f0;font-size:.75rem;margin:0;max-height:240px;overflow:auto;white-space:pre-wrap}.checkout-embed{margin-top:1.5rem;min-height:600px;width:100%}@media(max-width:720px){.page{gap:2rem;padding:2rem 1rem 3rem}.logo{width:min(280px,90vw)}.category-header{align-items:stretch;padding:.9rem 1rem}.category-header h2{font-size:1.5rem}.category-description{font-size:.95rem}.category-header>.button{justify-content:center;width:100%}.category-nav{gap:.5rem}.category-nav .button.ghost{font-size:.95rem;padding:.45rem .9rem}.grid{grid-template-columns:1fr}.button{padding:.5rem 1rem}}