:root{--brand-yellow:#f5c443;--brand-ink:#111417;--ink-60:#5a6168;--bg:#fffdf8;--card:#fff;--ring:rgba(17,20,23,.12);--radius:14px}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--bg);color:var(--brand-ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}.container{max-width:1200px;margin:0 auto;padding:24px}.header{justify-content:space-between;gap:16px;padding:8px 0}.brand,.header{display:flex;align-items:center}.brand{gap:12px;text-decoration:none}.brand img{width:42px;height:42px;display:block}.brand h1{font-size:22px;line-height:1.1;margin:0;font-weight:800;letter-spacing:.2px}.nav a{padding:8px 10px;border-radius:10px;text-decoration:none}.nav a:hover{background:rgba(0,0,0,.04)}.hero{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:24px;gap:24px;align-items:center;padding:28px;margin:8px 0 18px;border-radius:18px;background:radial-gradient(600px 120px at 10% 0,rgba(245,196,67,.18),transparent 60%),radial-gradient(600px 160px at 90% 100%,rgba(245,196,67,.22),transparent 60%),#fffefa;border:1px solid var(--ring)}.hero h2{margin:0 0 10px;font-size:34px;letter-spacing:.2px}.hero p{margin:0;color:var(--ink-60);max-width:52ch}.hero .cta{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1.5px solid var(--brand-ink);background:#fff;color:var(--brand-ink);padding:11px 16px;border-radius:12px;font-weight:700;cursor:pointer}.btn-primary{background:var(--brand-yellow);border-color:var(--brand-ink)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:16px;gap:16px}.card{background:var(--card);border:1px solid var(--ring);border-radius:var(--radius);overflow:hidden;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 1px 0 rgba(0,0,0,.02)}.card:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.06)}.product-media{aspect-ratio:1/1;background:#fff9ed;display:flex;align-items:center;justify-content:center}.product-title{font-weight:800;margin:0 0 6px}.footer{margin-top:64px;padding:24px 0;border-top:1px solid var(--ring);color:var(--ink-60);font-size:13px}