:root{--bg:#0c0c0d;--surface:#17181a;--surface-2:#1f2023;--line:#2a2b2f;--gold:#d8b46e;--gold-soft:#d8b46e24;--gold-hover:#e3c384;--gold-pressed:#c4a05b;--on-gold:#201503;--text:#f4f2ee;--muted:#9a9a9f}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.container{max-width:1040px;margin:0 auto;padding:0 20px}.header{border-bottom:1px solid var(--line)}.header .container{justify-content:space-between;align-items:center;height:64px;display:flex}.header img{width:auto;height:32px;display:block}.nav{color:var(--muted);gap:24px;font-size:13.5px;font-weight:500;display:flex}.nav a:hover{color:var(--text)}.hero{padding:96px 0 72px}.overline{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:0 0 16px;font-size:11px;font-weight:700}.hero h1{letter-spacing:-.02em;max-width:18ch;margin:0;font-size:clamp(34px,5vw,56px);font-weight:300;line-height:1.1}.hero p{max-width:56ch;color:var(--muted);margin:20px 0 0;font-size:17px}.products{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:0 0 96px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:12px;padding:24px;display:flex}.card .chip{background:var(--gold-soft);border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.card .chip img{width:20px;height:auto;display:block}.card h2{margin:8px 0 0;font-size:19px;font-weight:500}.card .tagline{margin:0;font-size:14.5px;font-weight:600}.card .desc{color:var(--muted);flex:1;margin:0;font-size:14px}.card .actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:12px;display:flex}.btn{white-space:nowrap;border-radius:999px;align-items:center;height:40px;padding:0 20px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:var(--gold);color:var(--on-gold)}.btn-primary:hover{background:var(--gold-hover)}.btn-primary:active{background:var(--gold-pressed)}.link{color:var(--gold);font-size:12.5px;font-weight:600}.link:hover{color:var(--gold-hover)}.footer{border-top:1px solid var(--line);color:var(--muted);padding:24px 0;font-size:12.5px}.footer .container{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}