:root{color-scheme:light;--font-outfit:"Outfit",sans-serif;--font-dm-sans:"DM Sans",sans-serif;--font-dm-mono:"DM Mono",monospace;--background:#f7f4ef;--foreground:#1e1b18;--surface:#fbf9f5;--surface-2:#f0ebe3;--card:#ffffff;--border:#e7e1d8;--ink-2:#3d3832;--muted:#6f685f;--accent:#0ea5a0;--accent-foreground:#ffffff;--accent-strong:#0b8a86;--accent-hover:#086f6c;--accent-soft:#ddf3f1;--accent-on-dark:#7ed4cf;--coral:#e07a4f;--coral-hover:#c9663d;--coral-strong:#b85a32;--coral-soft:#fbe9e0;--peach:#fff6ee;--amber:#d9a03a;--amber-strong:#8a6417;--amber-soft:#fbf0d9;--dark-surface:#1e1b18;--dark-surface-foreground:#f7f4ef;--dark-surface-muted:#b7afa3;--header-bg:rgb(247 244 239/88%)}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:var(--background);color:var(--foreground);font-family:var(--font-dm-sans),system-ui,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}.font-display,h1,h2,h3{font-family:var(--font-outfit),sans-serif;font-weight:700;letter-spacing:-.02em;margin:0}.font-mono{font-family:var(--font-dm-mono),monospace}a{color:inherit;text-decoration:none}main{max-width:1180px;margin:0 auto;padding:0 24px 64px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:8px}.kicker{font-family:var(--font-dm-mono),monospace;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong)}.muted{color:var(--muted)}.btn-outline,.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:13px 22px;font-family:var(--font-dm-sans),sans-serif;font-weight:600;font-size:14.5px;border:1px solid transparent;cursor:pointer;transition:background .15s,filter .15s,border-color .15s,color .15s}.btn-primary{background:var(--coral);color:#fff}.btn-primary:hover{filter:brightness(.92)}.btn-outline{background:transparent;border-color:var(--border);color:var(--foreground)}.btn-outline:hover{border-color:var(--coral);color:var(--coral)}.card{background:var(--card);border:1px solid var(--border);border-radius:18px}.badge{display:inline-block;padding:4px 11px;border-radius:999px;font-family:var(--font-dm-mono),monospace;font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;line-height:1.5}.badge-new{background:var(--accent);color:var(--accent-foreground)}.badge-sale{background:var(--amber);color:var(--foreground)}.badge-free{background:var(--foreground);color:var(--background)}.badge-hot{background:var(--accent);color:var(--accent-foreground)}.price{font-family:var(--font-outfit),sans-serif;font-weight:700}.price-old{font-size:13px;color:var(--muted);text-decoration:line-through}.row-scroll{display:flex;gap:24px;overflow-x:auto;padding-bottom:4px}a{color:#0b8a86}.btn-outline,.btn-primary,.nav-link,a.card,a.cat-tile,a.hero-cover,a.launch-card,a.pc-card,nav a{color:inherit}@keyframes float{0%,to{translate:0 0}50%{translate:0 -10px}}@keyframes anim-up{0%{opacity:0;translate:0 26px}to{opacity:1;translate:0 0}}@keyframes anim-fade{0%{opacity:0}to{opacity:1}}@keyframes anim-pop{0%{opacity:0;scale:.86}to{opacity:1;scale:1}}@keyframes anim-page{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}main{animation:anim-page .4s cubic-bezier(.22,1,.36,1) both}html.js [data-anim]:not([data-inview]){opacity:0}[data-anim][data-inview]{animation:anim-up .7s cubic-bezier(.22,1,.36,1) both;animation-delay:min(calc(var(--i, 0) * 80ms),.5s)}[data-anim=fade][data-inview]{animation-name:anim-fade}[data-anim=pop][data-inview]{animation-name:anim-pop}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none;transition:none}}.pc-card{transition:transform .2s,box-shadow .2s}.pc-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px -24px rgba(30,27,24,.45)}.cat-tile{transition:transform .15s,border-color .15s}.cat-tile:hover{transform:translateY(-3px);border-color:#0ea5a0}.launch-card{transition:transform .2s}.launch-card:hover{transform:translateY(-3px)}.hero-cover{transition:transform .3s}.hero-cover:hover{transform:scale(1.04)}.gal-item{transition:transform .2s}.gal-item:hover{transform:scale(1.03) rotate(-1deg)}.btn-cta{transition:transform .15s,filter .15s}.btn-cta:hover{transform:translateY(-2px);filter:brightness(.92)}