:root{--bg:#0b0c10;--surface:#14161c;--surface-2:#1b1e26;--text:#f3f4f6;--muted:#9aa1ac;--accent:#6d5efc;--accent-2:#9d8bff;--border:#262a33;--radius:16px}@media (prefers-color-scheme:light){:root{--bg:#f6f7fb;--surface:#fff;--surface-2:#f0f1f6;--text:#14161c;--muted:#626a78;--border:#e6e8ef}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}.wrap{max-width:1180px;margin:0 auto;padding:0 20px}a{color:inherit;text-decoration:none}.site-header{z-index:50;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.header-inner{align-items:center;gap:24px;height:64px;display:flex}.brand{letter-spacing:-.02em;font-size:20px;font-weight:600}.brand .logo{color:var(--accent);margin-right:4px}.brand b{color:var(--accent);font-weight:800}.site-header nav{gap:22px;margin-left:12px;display:flex}.site-header nav a{color:var(--muted);font-size:15px;transition:color .15s}.site-header nav a:hover{color:var(--text)}.cart{background:var(--surface-2);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:999px;margin-left:auto;padding:8px 16px;font-size:14px;transition:all .15s}.cart:hover{border-color:var(--accent)}.hero{background:linear-gradient(120deg,#1a1440,#0b0c10);align-items:center;height:460px;display:flex;position:relative;overflow:hidden}.hero-video{object-fit:cover;opacity:.55;width:100%;height:100%;position:absolute;inset:0}.hero-overlay{background:linear-gradient(90deg,#000000a6,#00000026);position:absolute;inset:0}.hero-content{color:#fff;max-width:620px;position:relative}.hero-content h1{letter-spacing:-.03em;margin-bottom:16px;font-size:clamp(30px,5vw,52px);line-height:1.05}.hero-content p{color:#d6d8e0;margin-bottom:28px;font-size:18px}.cta{background:var(--accent);color:#fff;border-radius:999px;padding:14px 30px;font-weight:600;transition:transform .15s,background .15s;display:inline-block}.cta:hover{background:var(--accent-2);transform:translateY(-2px)}.section-title{letter-spacing:-.02em;margin:56px 0 24px;font-size:26px}.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px;padding-bottom:60px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}.card:hover{border-color:color-mix(in srgb, var(--accent) 60%, var(--border));transform:translateY(-6px);box-shadow:0 18px 40px -20px #0000008c}.media{aspect-ratio:4/5;background:var(--surface-2);position:relative;overflow:hidden}.media img,.media .hover-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.media .hover-video{opacity:0;transition:opacity .3s}.card:hover .hover-video{opacity:1}.placeholder{color:var(--muted);text-align:center;justify-content:center;align-items:center;padding:20px;font-size:14px;display:flex;position:absolute;inset:0}.badge{z-index:2;background:var(--accent);color:#fff;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;position:absolute;top:12px;left:12px}.info{padding:16px 16px 18px}.info h3{margin-bottom:12px;font-size:15px;font-weight:600}.info .row{justify-content:space-between;align-items:center;display:flex}.price{font-size:16px;font-weight:700}.buy{background:var(--surface-2);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:8px 14px;font-size:13px;transition:all .15s}.buy:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.site-footer{border-top:1px solid var(--border);margin-top:20px;padding:32px 0;font-size:14px}.site-footer code{background:var(--surface-2);color:var(--accent-2);border-radius:6px;padding:2px 8px;font-size:13px}.site-footer .muted{color:var(--muted);margin-top:6px}