@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800&display=swap');
:root{
--shk-primary:#1b1917;--shk-accent:#c85f89;--shk-bg:#ffffff;--shk-ink:#1b1917;
--shk-surface:#ffffff;--shk-muted:#6b6560;--shk-radius:8px;
--shk-shadow:0 1px 3px rgba(17,12,10,.07), 0 1px 2px rgba(17,12,10,.05);--shk-hero-pad:72px;--shk-gap:20px;--shk-card-pad:16px;--shk-section:64pxpx;
--shk-font-heading:"Hanken Grotesk", "Noto Sans", system-ui, sans-serif;--shk-font-body:"Hanken Grotesk", "Noto Sans", system-ui, sans-serif;
--bg-base:#ffffff;--bg-subtle:#ffffff;--bg-component:#ffffff;--bg-field:#ffffff;
--fg-base:#1b1917;--fg-subtle:#6b6560;--fg-muted:#6b6560;
--fg-interactive:#c85f89;--fg-interactive-hover:#c85f89;--bg-interactive:#c85f89;
--button-inverted:#1b1917;--button-inverted-hover:#1b1917;--button-inverted-pressed:#1b1917;--fg-on-inverted:#fff;
}
body{background:var(--shk-bg);color:var(--shk-ink);font-family:var(--shk-font-body);font-size:15px}
h1,h2,h3,h4,.shk-heading{font-family:var(--shk-font-heading)}
.shk-header{background:var(--shk-surface);color:var(--shk-ink)}
.shk-header a{color:var(--shk-ink)}
.shk-header a:hover{color:var(--shk-primary)}
.shk-hero{background:radial-gradient(120% 85% at 50% -20%, color-mix(in srgb, var(--shk-primary) 9%, transparent), var(--shk-bg) 70%);color:var(--shk-ink)}
.shk-cta{background:var(--shk-primary);color:#fff;border:0;border-radius:var(--shk-radius);padding:14px 28px;font-weight:700;letter-spacing:-.01em;display:inline-block;box-shadow:0 1px 3px rgba(17,12,10,.07), 0 1px 2px rgba(17,12,10,.05)}
.shk-cta:hover{filter:brightness(.94);transform:translateY(-1px);transition:transform .15s,filter .15s}
.shk-card{background:var(--shk-surface);border:0;box-shadow:0 1px 3px rgba(17,12,10,.07), 0 1px 2px rgba(17,12,10,.05);border-radius:var(--shk-radius);overflow:hidden}
button,[class*="rounded"]{border-radius:var(--shk-radius)}