@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=IBM+Plex+Sans:wght@300;400;500;600&family=Inter:wght@300;400;500;600;700&family=Lato:wght@300;400;700&family=Outfit:wght@300;400;500;600;700&family=Playfair+Display:wght@400;600;700&family=Space+Grotesk:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');

/* ═══ CLASSIC ═══ */
[data-design="classic"] {
    --font-heading: 'Cormorant Garamond', serif;
    --font-body: 'Montserrat', sans-serif;
    --radius: 16px;
    --radius-sm: 10px;
    --header-style: default;
}

[data-design="classic"][data-variant="simple"] {
    --bg: #121612; --bg-elevated: #181c18; --bg-card: #1e231e;
    --border: rgba(180, 170, 150, 0.12);
    --gold: #a89068; --gold-light: #b9a078; --green: #7a9470;
    --text: #e8e4dc; --text-muted: rgba(232, 228, 220, 0.65); --text-dim: rgba(232, 228, 220, 0.4);
    --cta: #a89068; --cta-hover: #b9a078; --cta-text: #121612;
    --header-bg: rgba(18, 22, 18, 0.96); --nav-mobile-bg: #121612;
    --hero-overlay: linear-gradient(135deg, rgba(18,22,18,0.94) 0%, rgba(18,22,18,0.7) 100%);
    --hero-glow: transparent; --gallery-fade: rgba(18,22,18,0.85);
    --input-bg: #1a1f1a; --accent-soft: rgba(168,144,104,0.08); --accent-soft-hover: rgba(168,144,104,0.1);
    --card-hover-border: rgba(168,144,104,0.25); --card-hover-bg: #222822;
    --success-bg: rgba(122,148,112,0.12); --success-border: rgba(122,148,112,0.25);
    --shadow: none;
}

[data-design="classic"][data-variant="static"] {
    --bg: #0f1410; --bg-elevated: #1a2118; --bg-card: rgba(255,255,255,0.04);
    --border: rgba(200,170,110,0.15);
    --gold: #c9a96e; --gold-light: #d4b87a; --green: #8fad7a;
    --text: #f5f0e8; --text-muted: rgba(245,240,232,0.68); --text-dim: rgba(245,240,232,0.45);
    --cta: #c9a96e; --cta-hover: #d4b87a; --cta-text: #0f1410;
    --header-bg: rgba(15,20,16,0.92); --nav-mobile-bg: rgba(15,20,16,0.98);
    --hero-overlay: linear-gradient(135deg, rgba(15,20,16,0.92) 0%, rgba(15,20,16,0.65) 50%, rgba(15,20,16,0.85) 100%);
    --hero-glow: rgba(200,170,110,0.12); --gallery-fade: rgba(15,20,16,0.85);
    --input-bg: rgba(0,0,0,0.25); --accent-soft: rgba(200,170,110,0.1); --accent-soft-hover: rgba(200,170,110,0.12);
    --card-hover-border: rgba(200,170,110,0.35); --card-hover-bg: rgba(255,255,255,0.06);
    --success-bg: rgba(143,173,122,0.15); --success-border: rgba(143,173,122,0.3);
    --shadow: 0 8px 32px rgba(0,0,0,0.35);
}

[data-design="classic"][data-variant="dynamic"] {
    --bg: #0a100c; --bg-elevated: #152018; --bg-card: rgba(255,255,255,0.05);
    --border: rgba(201,169,110,0.2);
    --gold: #d4b87a; --gold-light: #e0c88e; --green: #9dbd88;
    --text: #faf6ee; --text-muted: rgba(250,246,238,0.72); --text-dim: rgba(250,246,238,0.48);
    --cta: #d4b87a; --cta-hover: #e0c88e; --cta-text: #0a100c;
    --header-bg: rgba(10,16,12,0.9); --nav-mobile-bg: rgba(10,16,12,0.97);
    --hero-overlay: linear-gradient(120deg, rgba(10,16,12,0.88) 0%, rgba(10,16,12,0.5) 60%, rgba(10,16,12,0.82) 100%);
    --hero-glow: rgba(212,184,122,0.18); --gallery-fade: rgba(10,16,12,0.8);
    --input-bg: rgba(0,0,0,0.3); --accent-soft: rgba(212,184,122,0.12); --accent-soft-hover: rgba(212,184,122,0.18);
    --card-hover-border: rgba(212,184,122,0.45); --card-hover-bg: rgba(255,255,255,0.08);
    --success-bg: rgba(157,189,136,0.18); --success-border: rgba(157,189,136,0.35);
    --shadow: 0 12px 40px rgba(0,0,0,0.4);
}

[data-design="classic"][data-variant="live"] {
    --bg: #060a08; --bg-elevated: #101a12; --bg-card: rgba(212,184,122,0.06);
    --border: rgba(212,184,122,0.28);
    --gold: #f0d090; --gold-light: #ffe0a8; --green: #b0d898;
    --text: #fffaf0; --text-muted: rgba(255,250,240,0.78); --text-dim: rgba(255,250,240,0.5);
    --cta: #f0d090; --cta-hover: #ffe0a8; --cta-text: #060a08;
    --header-bg: rgba(6,10,8,0.85); --nav-mobile-bg: rgba(6,10,8,0.96);
    --hero-overlay: linear-gradient(160deg, rgba(6,10,8,0.75) 0%, rgba(6,10,8,0.4) 50%, rgba(6,10,8,0.8) 100%);
    --hero-glow: rgba(240,208,144,0.28); --gallery-fade: rgba(6,10,8,0.75);
    --input-bg: rgba(0,0,0,0.35); --accent-soft: rgba(240,208,144,0.15); --accent-soft-hover: rgba(240,208,144,0.22);
    --card-hover-border: rgba(240,208,144,0.55); --card-hover-bg: rgba(240,208,144,0.08);
    --success-bg: rgba(176,216,152,0.2); --success-border: rgba(176,216,152,0.4);
    --shadow: 0 16px 48px rgba(240,208,144,0.08);
}

/* ═══ INDUSTRIAL ═══ */
[data-design="industrial"] {
    --font-heading: 'Barlow Condensed', sans-serif;
    --font-body: 'IBM Plex Sans', sans-serif;
    --radius: 4px;
    --radius-sm: 2px;
}

[data-design="industrial"] .section-label { letter-spacing: 0.2em; }
[data-design="industrial"] .section-title { text-transform: uppercase; letter-spacing: 0.04em; }
[data-design="industrial"] .card { border-left: 3px solid var(--gold); }
[data-design="industrial"] .header { border-bottom: 1px solid var(--border); }
[data-design="industrial"] .btn { border-radius: 4px; text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.8rem; }
[data-design="industrial"] body { background-image: linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px); background-size: 40px 40px; }

[data-design="industrial"][data-variant="simple"] {
    --bg: #14161a; --bg-elevated: #1a1d22; --bg-card: #1e2228;
    --border: rgba(100,116,139,0.15); --gold: #94a3b8; --gold-light: #a8b5c4; --green: #64748b;
    --text: #e2e8f0; --text-muted: rgba(226,232,240,0.65); --text-dim: rgba(226,232,240,0.4);
    --cta: #94a3b8; --cta-hover: #a8b5c4; --cta-text: #14161a;
    --header-bg: #14161a; --nav-mobile-bg: #14161a;
    --hero-overlay: linear-gradient(180deg, rgba(20,22,26,0.95) 0%, rgba(20,22,26,0.8) 100%);
    --hero-glow: transparent; --gallery-fade: rgba(20,22,26,0.9);
    --input-bg: #1a1d22; --accent-soft: rgba(148,163,184,0.08); --accent-soft-hover: rgba(148,163,184,0.1);
    --card-hover-border: rgba(148,163,184,0.3); --card-hover-bg: #22262c;
    --success-bg: rgba(100,116,139,0.12); --success-border: rgba(100,116,139,0.25);
    --shadow: none;
}

[data-design="industrial"][data-variant="static"] {
    --bg: #111318; --bg-elevated: #1a1d24; --bg-card: rgba(255,255,255,0.04);
    --border: rgba(148,163,184,0.18); --gold: #f97316; --gold-light: #fb923c; --green: #94a3b8;
    --text: #f1f5f9; --text-muted: rgba(241,245,249,0.68); --text-dim: rgba(241,245,249,0.42);
    --cta: #f97316; --cta-hover: #fb923c; --cta-text: #111318;
    --header-bg: rgba(17,19,24,0.94); --nav-mobile-bg: rgba(17,19,24,0.98);
    --hero-overlay: linear-gradient(180deg, rgba(17,19,24,0.93) 0%, rgba(17,19,24,0.7) 100%);
    --hero-glow: rgba(249,115,22,0.1); --gallery-fade: rgba(17,19,24,0.88);
    --input-bg: rgba(0,0,0,0.3); --accent-soft: rgba(249,115,22,0.1); --accent-soft-hover: rgba(249,115,22,0.14);
    --card-hover-border: rgba(249,115,22,0.35); --card-hover-bg: rgba(255,255,255,0.05);
    --success-bg: rgba(148,163,184,0.12); --success-border: rgba(148,163,184,0.28);
    --shadow: 0 4px 20px rgba(0,0,0,0.4);
}

[data-design="industrial"][data-variant="dynamic"] {
    --bg: #0d0f14; --bg-elevated: #161922; --bg-card: rgba(249,115,22,0.04);
    --border: rgba(249,115,22,0.22); --gold: #fb923c; --gold-light: #fdba74; --green: #38bdf8;
    --text: #f8fafc; --text-muted: rgba(248,250,252,0.72); --text-dim: rgba(248,250,252,0.48);
    --cta: #fb923c; --cta-hover: #fdba74; --cta-text: #0d0f14;
    --header-bg: rgba(13,15,20,0.88); --nav-mobile-bg: rgba(13,15,20,0.97);
    --hero-overlay: linear-gradient(135deg, rgba(13,15,20,0.85) 0%, rgba(249,115,22,0.08) 50%, rgba(13,15,20,0.88) 100%);
    --hero-glow: rgba(251,146,60,0.2); --gallery-fade: rgba(13,15,20,0.82);
    --input-bg: rgba(0,0,0,0.35); --accent-soft: rgba(251,146,60,0.12); --accent-soft-hover: rgba(251,146,60,0.18);
    --card-hover-border: rgba(251,146,60,0.5); --card-hover-bg: rgba(249,115,22,0.06);
    --success-bg: rgba(56,189,248,0.12); --success-border: rgba(56,189,248,0.28);
    --shadow: 0 8px 32px rgba(249,115,22,0.1);
}

[data-design="industrial"][data-variant="live"] {
    --bg: #080a0e; --bg-elevated: #12151c; --bg-card: rgba(249,115,22,0.08);
    --border: rgba(251,146,60,0.35); --gold: #ff6b00; --gold-light: #ff9a3c; --green: #0ea5e9;
    --text: #ffffff; --text-muted: rgba(255,255,255,0.8); --text-dim: rgba(255,255,255,0.55);
    --cta: #ff6b00; --cta-hover: #ff9a3c; --cta-text: #080a0e;
    --header-bg: rgba(8,10,14,0.8); --nav-mobile-bg: rgba(8,10,14,0.95);
    --hero-overlay: linear-gradient(135deg, rgba(8,10,14,0.7) 0%, rgba(255,107,0,0.12) 50%, rgba(8,10,14,0.75) 100%);
    --hero-glow: rgba(255,107,0,0.35); --gallery-fade: rgba(8,10,14,0.78);
    --input-bg: rgba(0,0,0,0.4); --accent-soft: rgba(255,107,0,0.15); --accent-soft-hover: rgba(255,107,0,0.25);
    --card-hover-border: rgba(255,154,60,0.6); --card-hover-bg: rgba(255,107,0,0.1);
    --success-bg: rgba(14,165,233,0.15); --success-border: rgba(14,165,233,0.35);
    --shadow: 0 0 40px rgba(255,107,0,0.15);
}

/* ═══ LUXURY ═══ */
[data-design="luxury"] {
    --font-heading: 'Playfair Display', serif;
    --font-body: 'Lato', sans-serif;
    --radius: 2px;
    --radius-sm: 1px;
}

[data-design="luxury"] .section { padding: 6rem 0; }
[data-design="luxury"] .section-title { font-weight: 400; letter-spacing: 0.02em; }
[data-design="luxury"] .section-label { font-family: var(--font-body); letter-spacing: 0.25em; }
[data-design="luxury"] .card { border-radius: 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); border-left: none; border-right: none; background: transparent; }
[data-design="luxury"] .btn { border-radius: 0; letter-spacing: 0.12em; text-transform: uppercase; font-size: 0.75rem; }
[data-design="luxury"] .hero-badge { border-radius: 0; letter-spacing: 0.15em; text-transform: uppercase; font-size: 0.7rem; }

[data-design="luxury"][data-variant="simple"] {
    --bg: #1a1410; --bg-elevated: #221a14; --bg-card: transparent;
    --border: rgba(180,160,130,0.15); --gold: #b8a080; --gold-light: #c8b090; --green: #8a8070;
    --text: #ede8e0; --text-muted: rgba(237,232,224,0.65); --text-dim: rgba(237,232,224,0.4);
    --cta: #b8a080; --cta-hover: #c8b090; --cta-text: #1a1410;
    --header-bg: rgba(26,20,16,0.96); --nav-mobile-bg: #1a1410;
    --hero-overlay: linear-gradient(180deg, rgba(26,20,16,0.92) 0%, rgba(26,20,16,0.75) 100%);
    --hero-glow: transparent; --gallery-fade: rgba(26,20,16,0.88);
    --input-bg: rgba(0,0,0,0.2); --accent-soft: rgba(184,160,128,0.08); --accent-soft-hover: rgba(184,160,128,0.1);
    --card-hover-border: rgba(184,160,128,0.25); --card-hover-bg: transparent;
    --success-bg: rgba(138,128,112,0.1); --success-border: rgba(138,128,112,0.2);
    --shadow: none;
}

[data-design="luxury"][data-variant="static"] {
    --bg: #141010; --bg-elevated: #1e1814; --bg-card: rgba(212,175,55,0.03);
    --border: rgba(212,175,55,0.2); --gold: #d4af37; --gold-light: #e0c050; --green: #a89068;
    --text: #f5ede3; --text-muted: rgba(245,237,227,0.7); --text-dim: rgba(245,237,227,0.45);
    --cta: #d4af37; --cta-hover: #e0c050; --cta-text: #141010;
    --header-bg: rgba(20,16,16,0.92); --nav-mobile-bg: rgba(20,16,16,0.98);
    --hero-overlay: linear-gradient(180deg, rgba(20,16,16,0.9) 0%, rgba(20,16,16,0.6) 100%);
    --hero-glow: rgba(212,175,55,0.1); --gallery-fade: rgba(20,16,16,0.85);
    --input-bg: rgba(0,0,0,0.25); --accent-soft: rgba(212,175,55,0.08); --accent-soft-hover: rgba(212,175,55,0.12);
    --card-hover-border: rgba(212,175,55,0.35); --card-hover-bg: rgba(212,175,55,0.04);
    --success-bg: rgba(168,144,104,0.12); --success-border: rgba(168,144,104,0.25);
    --shadow: 0 20px 60px rgba(0,0,0,0.4);
}

[data-design="luxury"][data-variant="dynamic"] {
    --bg: #0e0a08; --bg-elevated: #1a1410; --bg-card: rgba(212,175,55,0.05);
    --border: rgba(224,192,80,0.25); --gold: #e0c050; --gold-light: #f0d070; --green: #c4a060;
    --text: #fff8f0; --text-muted: rgba(255,248,240,0.75); --text-dim: rgba(255,248,240,0.5);
    --cta: #e0c050; --cta-hover: #f0d070; --cta-text: #0e0a08;
    --header-bg: rgba(14,10,8,0.88); --nav-mobile-bg: rgba(14,10,8,0.97);
    --hero-overlay: linear-gradient(160deg, rgba(14,10,8,0.82) 0%, rgba(212,175,55,0.06) 50%, rgba(14,10,8,0.85) 100%);
    --hero-glow: rgba(224,192,80,0.18); --gallery-fade: rgba(14,10,8,0.8);
    --input-bg: rgba(0,0,0,0.3); --accent-soft: rgba(224,192,80,0.1); --accent-soft-hover: rgba(224,192,80,0.16);
    --card-hover-border: rgba(224,192,80,0.45); --card-hover-bg: rgba(212,175,55,0.06);
    --success-bg: rgba(196,160,96,0.14); --success-border: rgba(196,160,96,0.3);
    --shadow: 0 24px 64px rgba(212,175,55,0.08);
}

[data-design="luxury"][data-variant="live"] {
    --bg: #080604; --bg-elevated: #14100c; --bg-card: rgba(240,208,112,0.06);
    --border: rgba(240,208,112,0.35); --gold: #ffd700; --gold-light: #ffe566; --green: #daa520;
    --text: #fffdf8; --text-muted: rgba(255,253,248,0.82); --text-dim: rgba(255,253,248,0.55);
    --cta: #ffd700; --cta-hover: #ffe566; --cta-text: #080604;
    --header-bg: rgba(8,6,4,0.82); --nav-mobile-bg: rgba(8,6,4,0.96);
    --hero-overlay: linear-gradient(160deg, rgba(8,6,4,0.65) 0%, rgba(255,215,0,0.1) 50%, rgba(8,6,4,0.75) 100%);
    --hero-glow: rgba(255,215,0,0.3); --gallery-fade: rgba(8,6,4,0.72);
    --input-bg: rgba(0,0,0,0.35); --accent-soft: rgba(255,215,0,0.12); --accent-soft-hover: rgba(255,215,0,0.2);
    --card-hover-border: rgba(255,229,102,0.55); --card-hover-bg: rgba(255,215,0,0.08);
    --success-bg: rgba(218,165,32,0.15); --success-border: rgba(218,165,32,0.35);
    --shadow: 0 0 60px rgba(255,215,0,0.12);
}

/* ═══ GLASS ═══ */
[data-design="glass"] {
    --font-heading: 'Outfit', sans-serif;
    --font-body: 'Inter', sans-serif;
    --radius: 20px;
    --radius-sm: 12px;
}

[data-design="glass"] .header {
    top: 12px;
    left: 12px;
    right: 12px;
    width: auto;
    border-radius: var(--radius);
}
[data-design="glass"] .header.scrolled {
    background: var(--header-bg);
    backdrop-filter: blur(20px);
    border: 1px solid var(--border);
}
[data-design="glass"] .header:not(.scrolled) {
    background: transparent;
    border: none;
}
[data-design="glass"] .card,
[data-design="glass"] .benefit,
[data-design="glass"] .contact-form,
[data-design="glass"] .faq-item { backdrop-filter: blur(16px); }
[data-design="glass"] .btn { border-radius: 100px; }
[data-design="glass"] body::before {
    content: '';
    position: fixed;
    inset: 0;
    background: radial-gradient(ellipse at 20% 20%, var(--hero-glow) 0%, transparent 50%),
                radial-gradient(ellipse at 80% 80%, color-mix(in srgb, var(--green) 30%, transparent) 0%, transparent 50%);
    pointer-events: none;
    z-index: 0;
}
[data-design="glass"] body > *:not(#fx-particles) { position: relative; z-index: 1; }

[data-design="glass"][data-variant="simple"] {
    --bg: #0f1520; --bg-elevated: #151c28; --bg-card: rgba(255,255,255,0.04);
    --border: rgba(148,163,184,0.12); --gold: #7a8fa8; --gold-light: #8a9fb8; --green: #6a8098;
    --text: #e2e8f0; --text-muted: rgba(226,232,240,0.65); --text-dim: rgba(226,232,240,0.4);
    --cta: #7a8fa8; --cta-hover: #8a9fb8; --cta-text: #0f1520;
    --header-bg: rgba(15,21,32,0.9); --nav-mobile-bg: #0f1520;
    --hero-overlay: linear-gradient(180deg, rgba(15,21,32,0.92) 0%, rgba(15,21,32,0.75) 100%);
    --hero-glow: transparent; --gallery-fade: rgba(15,21,32,0.88);
    --input-bg: rgba(255,255,255,0.05); --accent-soft: rgba(122,143,168,0.08); --accent-soft-hover: rgba(122,143,168,0.1);
    --card-hover-border: rgba(122,143,168,0.25); --card-hover-bg: rgba(255,255,255,0.06);
    --success-bg: rgba(106,128,152,0.1); --success-border: rgba(106,128,152,0.2);
    --shadow: none;
}

[data-design="glass"][data-variant="static"] {
    --bg: #0c1220; --bg-elevated: #121a2e; --bg-card: rgba(255,255,255,0.06);
    --border: rgba(96,165,250,0.18); --gold: #60a5fa; --gold-light: #93c5fd; --green: #a78bfa;
    --text: #f0f4ff; --text-muted: rgba(240,244,255,0.7); --text-dim: rgba(240,244,255,0.45);
    --cta: #60a5fa; --cta-hover: #93c5fd; --cta-text: #0c1220;
    --header-bg: rgba(12,18,32,0.75); --nav-mobile-bg: rgba(12,18,32,0.95);
    --hero-overlay: linear-gradient(135deg, rgba(12,18,32,0.85) 0%, rgba(96,165,250,0.06) 50%, rgba(12,18,32,0.88) 100%);
    --hero-glow: rgba(96,165,250,0.15); --gallery-fade: rgba(12,18,32,0.82);
    --input-bg: rgba(255,255,255,0.06); --accent-soft: rgba(96,165,250,0.1); --accent-soft-hover: rgba(96,165,250,0.14);
    --card-hover-border: rgba(96,165,250,0.35); --card-hover-bg: rgba(255,255,255,0.08);
    --success-bg: rgba(167,139,250,0.12); --success-border: rgba(167,139,250,0.25);
    --shadow: 0 8px 32px rgba(96,165,250,0.1);
}

[data-design="glass"][data-variant="dynamic"] {
    --bg: #080e1a; --bg-elevated: #101828; --bg-card: rgba(255,255,255,0.08);
    --border: rgba(147,197,253,0.25); --gold: #38bdf8; --gold-light: #7dd3fc; --green: #c084fc;
    --text: #f8faff; --text-muted: rgba(248,250,255,0.75); --text-dim: rgba(248,250,255,0.5);
    --cta: #38bdf8; --cta-hover: #7dd3fc; --cta-text: #080e1a;
    --header-bg: rgba(8,14,26,0.7); --nav-mobile-bg: rgba(8,14,26,0.96);
    --hero-overlay: linear-gradient(135deg, rgba(8,14,26,0.78) 0%, rgba(56,189,248,0.1) 40%, rgba(192,132,252,0.08) 70%, rgba(8,14,26,0.82) 100%);
    --hero-glow: rgba(56,189,248,0.22); --gallery-fade: rgba(8,14,26,0.78);
    --input-bg: rgba(255,255,255,0.08); --accent-soft: rgba(56,189,248,0.12); --accent-soft-hover: rgba(56,189,248,0.18);
    --card-hover-border: rgba(125,211,252,0.45); --card-hover-bg: rgba(255,255,255,0.1);
    --success-bg: rgba(192,132,252,0.14); --success-border: rgba(192,132,252,0.3);
    --shadow: 0 12px 40px rgba(56,189,248,0.12);
}

[data-design="glass"][data-variant="live"] {
    --bg: #040810; --bg-elevated: #0a1020; --bg-card: rgba(255,255,255,0.1);
    --border: rgba(125,211,252,0.35); --gold: #22d3ee; --gold-light: #67e8f9; --green: #e879f9;
    --text: #ffffff; --text-muted: rgba(255,255,255,0.82); --text-dim: rgba(255,255,255,0.55);
    --cta: #22d3ee; --cta-hover: #67e8f9; --cta-text: #040810;
    --header-bg: rgba(4,8,16,0.65); --nav-mobile-bg: rgba(4,8,16,0.94);
    --hero-overlay: linear-gradient(135deg, rgba(4,8,16,0.6) 0%, rgba(34,211,238,0.15) 40%, rgba(232,121,249,0.1) 70%, rgba(4,8,16,0.7) 100%);
    --hero-glow: rgba(34,211,238,0.35); --gallery-fade: rgba(4,8,16,0.72);
    --input-bg: rgba(255,255,255,0.1); --accent-soft: rgba(34,211,238,0.15); --accent-soft-hover: rgba(34,211,238,0.22);
    --card-hover-border: rgba(103,232,249,0.55); --card-hover-bg: rgba(255,255,255,0.12);
    --success-bg: rgba(232,121,249,0.15); --success-border: rgba(232,121,249,0.35);
    --shadow: 0 0 50px rgba(34,211,238,0.15);
}

/* ═══ BRUTAL ═══ */
[data-design="brutal"] {
    --font-heading: 'Space Grotesk', sans-serif;
    --font-body: 'Space Mono', monospace;
    --radius: 0;
    --radius-sm: 0;
}

[data-design="brutal"] .section-title { font-weight: 700; text-transform: uppercase; }
[data-design="brutal"] .card,
[data-design="brutal"] .benefit,
[data-design="brutal"] .faq-item,
[data-design="brutal"] .contact-form,
[data-design="brutal"] .btn,
[data-design="brutal"] .filter-btn,
[data-design="brutal"] .theme-toggle,
[data-design="brutal"] .appearance-toggle {
    border: 3px solid var(--text);
    border-radius: 0;
    box-shadow: 4px 4px 0 var(--gold);
}
[data-design="brutal"] .btn-primary:hover,
[data-design="brutal"] .card:hover {
    transform: translate(-2px, -2px);
    box-shadow: 6px 6px 0 var(--gold);
}
[data-design="brutal"] .hero-badge { border-radius: 0; border: 2px solid var(--text); }

[data-design="brutal"][data-variant="simple"] {
    --bg: #f0ece4; --bg-elevated: #e8e4dc; --bg-card: #f8f4ec;
    --border: #111111; --gold: #555555; --gold-light: #666666; --green: #333333;
    --text: #111111; --text-muted: rgba(17,17,17,0.7); --text-dim: rgba(17,17,17,0.45);
    --cta: #333333; --cta-hover: #444444; --cta-text: #f0ece4;
    --header-bg: rgba(240,236,228,0.96); --nav-mobile-bg: #f0ece4;
    --hero-overlay: linear-gradient(180deg, rgba(240,236,228,0.92) 0%, rgba(240,236,228,0.8) 100%);
    --hero-glow: transparent; --gallery-fade: rgba(17,17,17,0.75);
    --input-bg: #ffffff; --accent-soft: rgba(0,0,0,0.04); --accent-soft-hover: rgba(0,0,0,0.06);
    --card-hover-border: #111; --card-hover-bg: #fff;
    --success-bg: rgba(0,0,0,0.05); --success-border: #111;
    --shadow: 4px 4px 0 #999;
}

[data-design="brutal"][data-variant="static"] {
    --bg: #f4f0e8; --bg-elevated: #ebe7df; --bg-card: #faf6ee;
    --border: #111111; --gold: #ff3d00; --gold-light: #ff5722; --green: #111111;
    --text: #111111; --text-muted: rgba(17,17,17,0.72); --text-dim: rgba(17,17,17,0.48);
    --cta: #ff3d00; --cta-hover: #ff5722; --cta-text: #ffffff;
    --header-bg: rgba(244,240,232,0.94); --nav-mobile-bg: #f4f0e8;
    --hero-overlay: linear-gradient(180deg, rgba(244,240,232,0.88) 0%, rgba(244,240,232,0.7) 100%);
    --hero-glow: rgba(255,61,0,0.08); --gallery-fade: rgba(17,17,17,0.8);
    --input-bg: #ffffff; --accent-soft: rgba(255,61,0,0.06); --accent-soft-hover: rgba(255,61,0,0.1);
    --card-hover-border: #111; --card-hover-bg: #fff;
    --success-bg: rgba(17,17,17,0.06); --success-border: #111;
    --shadow: 6px 6px 0 #ff3d00;
}

[data-design="brutal"][data-variant="dynamic"] {
    --bg: #fff8f0; --bg-elevated: #fff0e0; --bg-card: #ffffff;
    --border: #000000; --gold: #ff1744; --gold-light: #ff5252; --green: #000000;
    --text: #000000; --text-muted: rgba(0,0,0,0.75); --text-dim: rgba(0,0,0,0.5);
    --cta: #ff1744; --cta-hover: #ff5252; --cta-text: #ffffff;
    --header-bg: rgba(255,248,240,0.9); --nav-mobile-bg: #fff8f0;
    --hero-overlay: linear-gradient(135deg, rgba(255,248,240,0.85) 0%, rgba(255,23,68,0.06) 50%, rgba(255,248,240,0.88) 100%);
    --hero-glow: rgba(255,23,68,0.12); --gallery-fade: rgba(0,0,0,0.82);
    --input-bg: #ffffff; --accent-soft: rgba(255,23,68,0.08); --accent-soft-hover: rgba(255,23,68,0.12);
    --card-hover-border: #000; --card-hover-bg: #fff8f8;
    --success-bg: rgba(0,0,0,0.05); --success-border: #000;
    --shadow: 8px 8px 0 #ff1744;
}

[data-design="brutal"][data-variant="live"] {
    --bg: #ffff00; --bg-elevated: #fff200; --bg-card: #ffffff;
    --border: #000000; --gold: #ff0000; --gold-light: #ff3333; --green: #000000;
    --text: #000000; --text-muted: rgba(0,0,0,0.8); --text-dim: rgba(0,0,0,0.55);
    --cta: #ff0000; --cta-hover: #ff3333; --cta-text: #ffffff;
    --header-bg: rgba(255,255,0,0.88); --nav-mobile-bg: #ffff00;
    --hero-overlay: linear-gradient(135deg, rgba(255,255,0,0.75) 0%, rgba(255,0,0,0.1) 50%, rgba(255,255,0,0.8) 100%);
    --hero-glow: rgba(255,0,0,0.25); --gallery-fade: rgba(0,0,0,0.85);
    --input-bg: #ffffff; --accent-soft: rgba(255,0,0,0.1); --accent-soft-hover: rgba(255,0,0,0.15);
    --card-hover-border: #000; --card-hover-bg: #fff;
    --success-bg: rgba(0,0,0,0.06); --success-border: #000;
    --shadow: 10px 10px 0 #ff0000;
}

[data-design="brutal"] .burger span { background: var(--text); }

/* Picker swatches */
.design-option[data-design="classic"] { --swatch-1: #0f1410; --swatch-2: #c9a96e; --swatch-3: #8fad7a; }
.design-option[data-design="industrial"] { --swatch-1: #111318; --swatch-2: #f97316; --swatch-3: #64748b; }
.design-option[data-design="luxury"] { --swatch-1: #1a1410; --swatch-2: #d4af37; --swatch-3: #f5ede3; }
.design-option[data-design="glass"] { --swatch-1: #0c1220; --swatch-2: #60a5fa; --swatch-3: #a78bfa; }
.design-option[data-design="brutal"] { --swatch-1: #f4f0e8; --swatch-2: #ff3d00; --swatch-3: #111111; }

.variant-option[data-variant="simple"] { --swatch-1: #888; --swatch-2: #aaa; --swatch-3: #ccc; }
.variant-option[data-variant="static"] { --swatch-1: var(--gold); --swatch-2: var(--green); --swatch-3: var(--bg); }
.variant-option[data-variant="dynamic"] { --swatch-1: var(--gold-light); --swatch-2: var(--gold); --swatch-3: var(--green); }
.variant-option[data-variant="live"] { --swatch-1: #ff0; --swatch-2: #f00; --swatch-3: var(--gold); }
.variant-option[data-variant="cinema"] { --swatch-1: #ff00ff; --swatch-2: #00ffff; --swatch-3: var(--gold-light); }

/* ═══ CINEMA variant — max motion palettes ═══ */
[data-design="classic"][data-variant="cinema"] {
    --bg: #040806; --bg-elevated: #0c1410; --bg-card: rgba(240,208,144,0.08);
    --border: rgba(255,220,150,0.35); --gold: #ffe08a; --gold-light: #fff0b8; --green: #c8f0a0;
    --text: #fffef8; --text-muted: rgba(255,254,248,0.85); --text-dim: rgba(255,254,248,0.55);
    --cta: #ffe08a; --cta-hover: #fff0b8; --cta-text: #040806;
    --header-bg: rgba(4,8,6,0.78); --nav-mobile-bg: rgba(4,8,6,0.95);
    --hero-overlay: linear-gradient(160deg, rgba(4,8,6,0.55) 0%, rgba(4,8,6,0.25) 45%, rgba(4,8,6,0.65) 100%);
    --hero-glow: rgba(255,224,138,0.4); --gallery-fade: rgba(4,8,6,0.7);
    --input-bg: rgba(0,0,0,0.4); --accent-soft: rgba(255,224,138,0.18); --accent-soft-hover: rgba(255,224,138,0.28);
    --card-hover-border: rgba(255,240,184,0.6); --card-hover-bg: rgba(255,224,138,0.1);
    --success-bg: rgba(200,240,160,0.2); --success-border: rgba(200,240,160,0.45);
    --shadow: 0 0 60px rgba(255,224,138,0.2);
}

[data-design="industrial"][data-variant="cinema"] {
    --bg: #050608; --bg-elevated: #0e1018; --bg-card: rgba(255,107,0,0.1);
    --border: rgba(255,120,40,0.4); --gold: #ff8c00; --gold-light: #ffb040; --green: #40c4ff;
    --text: #ffffff; --text-muted: rgba(255,255,255,0.88); --text-dim: rgba(255,255,255,0.58);
    --cta: #ff8c00; --cta-hover: #ffb040; --cta-text: #050608;
    --header-bg: rgba(5,6,8,0.75); --nav-mobile-bg: rgba(5,6,8,0.96);
    --hero-overlay: linear-gradient(135deg, rgba(5,6,8,0.5) 0%, rgba(255,140,0,0.15) 50%, rgba(5,6,8,0.6) 100%);
    --hero-glow: rgba(255,140,0,0.45); --gallery-fade: rgba(5,6,8,0.68);
    --input-bg: rgba(0,0,0,0.45); --accent-soft: rgba(255,140,0,0.18); --accent-soft-hover: rgba(255,140,0,0.28);
    --card-hover-border: rgba(255,176,64,0.65); --card-hover-bg: rgba(255,107,0,0.12);
    --success-bg: rgba(64,196,255,0.18); --success-border: rgba(64,196,255,0.4);
    --shadow: 0 0 70px rgba(255,140,0,0.22);
}

[data-design="luxury"][data-variant="cinema"] {
    --bg: #060404; --bg-elevated: #100c08; --bg-card: rgba(255,215,0,0.08);
    --border: rgba(255,215,0,0.4); --gold: #ffec8b; --gold-light: #fff8c0; --green: #ffd700;
    --text: #fffdf5; --text-muted: rgba(255,253,245,0.88); --text-dim: rgba(255,253,245,0.58);
    --cta: #ffd700; --cta-hover: #ffec8b; --cta-text: #060404;
    --header-bg: rgba(6,4,4,0.78); --nav-mobile-bg: rgba(6,4,4,0.96);
    --hero-overlay: linear-gradient(160deg, rgba(6,4,4,0.5) 0%, rgba(255,215,0,0.12) 50%, rgba(6,4,4,0.62) 100%);
    --hero-glow: rgba(255,236,139,0.42); --gallery-fade: rgba(6,4,4,0.68);
    --input-bg: rgba(0,0,0,0.4); --accent-soft: rgba(255,215,0,0.15); --accent-soft-hover: rgba(255,215,0,0.25);
    --card-hover-border: rgba(255,248,192,0.6); --card-hover-bg: rgba(255,215,0,0.1);
    --success-bg: rgba(255,215,0,0.15); --success-border: rgba(255,215,0,0.38);
    --shadow: 0 0 80px rgba(255,215,0,0.18);
}

[data-design="glass"][data-variant="cinema"] {
    --bg: #020408; --bg-elevated: #081018; --bg-card: rgba(255,255,255,0.12);
    --border: rgba(103,232,249,0.4); --gold: #67e8f9; --gold-light: #a5f3fc; --green: #e879f9;
    --text: #ffffff; --text-muted: rgba(255,255,255,0.9); --text-dim: rgba(255,255,255,0.6);
    --cta: #22d3ee; --cta-hover: #67e8f9; --cta-text: #020408;
    --header-bg: rgba(2,4,8,0.72); --nav-mobile-bg: rgba(2,4,8,0.95);
    --hero-overlay: linear-gradient(135deg, rgba(2,4,8,0.45) 0%, rgba(34,211,238,0.18) 40%, rgba(232,121,249,0.12) 70%, rgba(2,4,8,0.55) 100%);
    --hero-glow: rgba(103,232,249,0.45); --gallery-fade: rgba(2,4,8,0.65);
    --input-bg: rgba(255,255,255,0.12); --accent-soft: rgba(103,232,249,0.18); --accent-soft-hover: rgba(103,232,249,0.28);
    --card-hover-border: rgba(165,243,252,0.65); --card-hover-bg: rgba(255,255,255,0.14);
    --success-bg: rgba(232,121,249,0.18); --success-border: rgba(232,121,249,0.42);
    --shadow: 0 0 80px rgba(34,211,238,0.2);
}

[data-design="brutal"][data-variant="cinema"] {
    --bg: #000000; --bg-elevated: #111111; --bg-card: #1a1a1a;
    --border: #ffffff; --gold: #ff0040; --gold-light: #ff4080; --green: #00ff88;
    --text: #ffffff; --text-muted: rgba(255,255,255,0.9); --text-dim: rgba(255,255,255,0.6);
    --cta: #ff0040; --cta-hover: #ff4080; --cta-text: #ffffff;
    --header-bg: rgba(0,0,0,0.85); --nav-mobile-bg: #000000;
    --hero-overlay: linear-gradient(135deg, rgba(0,0,0,0.6) 0%, rgba(255,0,64,0.15) 50%, rgba(0,255,136,0.08) 100%);
    --hero-glow: rgba(255,0,64,0.35); --gallery-fade: rgba(0,0,0,0.75);
    --input-bg: #222222; --accent-soft: rgba(255,0,64,0.15); --accent-soft-hover: rgba(255,0,64,0.25);
    --card-hover-border: #ffffff; --card-hover-bg: #222222;
    --success-bg: rgba(0,255,136,0.12); --success-border: #00ff88;
    --shadow: 12px 12px 0 #ff0040;
}