/* Modern theme — geometric display headings, clean body, soft rounded surfaces. */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&display=swap');

.site-theme-modern {
    --font-head: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
    --font-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
    --radius: 18px;
    --ink: #0f1623;
    --muted: #5b6675;
    --soft: #f6f8fc;
}
.site-theme-modern .b-hero {
    background:
        radial-gradient(50% 60% at 12% -5%, color-mix(in srgb, var(--pc) 22%, #fff), transparent 60%),
        radial-gradient(55% 70% at 100% 0%, color-mix(in srgb, var(--pc) 14%, #fff), transparent 55%),
        linear-gradient(180deg, var(--pc-tt), var(--bg) 70%);
}
.site-theme-modern .site-brand { letter-spacing: -0.04em; }
.site-theme-modern .b-price { letter-spacing: -0.04em; }