/* Homepage v2.2: live design switchers */
.design-switcher-host { overflow:clip; transition:background-color .38s ease, border-color .38s ease, color .38s ease; }
.design-switcher { position:sticky; top:50vh; z-index:48; width:100%; height:0; pointer-events:none; }
.design-switcher-inner { position:absolute; top:0; right:16px; pointer-events:auto; transform:translateY(-50%); }
.design-switcher[data-design-side='left'] .design-switcher-inner { right:auto; left:16px; }
.design-price-link { position:absolute; top:0; left:16px; right:auto; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; width:88px; height:88px; padding:8px; box-sizing:border-box; border:1px solid var(--switch-line); border-radius:8px; background:var(--switch-bg); color:var(--switch-text); box-shadow:0 14px 38px var(--switch-shadow), inset 0 0 0 4px rgba(127,127,127,.06); font:800 12px/1.15 system-ui,sans-serif; text-align:center; text-decoration:none; transform:translateY(-50%); pointer-events:auto; isolation:isolate; }
.design-switcher[data-design-side='left'] .design-price-link { left:auto; right:16px; }
.design-price-link > span,.design-price-link > small { position:relative; z-index:1; }.design-price-link small { font:700 9px/1.1 ui-monospace,monospace; letter-spacing:.05em; }
.design-price-link::after { content:''; position:absolute; inset:6px; z-index:-1; border-radius:5px; pointer-events:none; background:linear-gradient(125deg,rgba(85,226,255,.75),rgba(158,116,255,.65) 38%,rgba(255,152,202,.6) 64%,rgba(131,255,195,.7)); opacity:.18; }
.design-price-link:hover,.design-price-link:focus-visible { color:var(--switch-active-text); border-color:var(--switch-accent); box-shadow:0 14px 38px var(--switch-shadow),0 0 22px var(--switch-glow); }.design-price-link:focus-visible { outline:3px solid var(--switch-accent); outline-offset:4px; }
@media(prefers-reduced-motion:no-preference) { .design-price-link::after { animation:design-switcher-sheen 8s ease-in-out infinite; }.design-price-link:is(:hover,:focus-visible)::after { animation-play-state:paused; } }
@media(prefers-reduced-motion:reduce) { .design-price-link::after { animation:none; } }
.design-switcher-trigger { position:relative; display:grid; place-items:center; width:88px; height:88px; padding:0; color:var(--switch-text); border:1px solid var(--switch-line); border-radius:50%; background:var(--switch-bg); box-shadow:0 14px 38px var(--switch-shadow), inset 0 0 0 5px rgba(255,255,255,.035); font:900 9px/1.12 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing:.025em; cursor:pointer; isolation:isolate; }
.design-switcher-trigger::before { content:''; position:absolute; inset:-6px; z-index:-1; border:1px dashed var(--switch-accent); border-radius:50%; opacity:.62; animation:design-switcher-orbit 11s linear infinite; }
.design-switcher-trigger::after { content:''; position:absolute; inset:8px; z-index:-1; border-radius:50%; pointer-events:none; background:linear-gradient(125deg, rgba(85,226,255,.75), rgba(158,116,255,.65) 38%, rgba(255,152,202,.6) 64%, rgba(131,255,195,.7)); opacity:.18; transform:rotate(-25deg) scale(.9); }
.design-switcher-orbit { position:absolute; inset:4px; border:1px solid var(--switch-line); border-radius:50%; }
.design-switcher-orbit::before, .design-switcher-orbit::after { content:''; position:absolute; width:6px; height:6px; border-radius:50%; background:var(--switch-accent); box-shadow:0 0 13px var(--switch-accent); }
.design-switcher-orbit::before { top:-3px; left:50%; }
.design-switcher-orbit::after { right:-3px; bottom:18%; }
.design-switcher-label { position:relative; z-index:2; max-width:64px; text-align:center; text-transform:uppercase; }
.design-switcher-trigger:hover, .design-switcher-trigger:focus-visible, .design-switcher.is-open .design-switcher-trigger { color:var(--switch-active-text); border-color:var(--switch-accent); outline:none; box-shadow:0 17px 44px var(--switch-shadow), 0 0 28px var(--switch-glow), inset 0 0 0 5px rgba(255,255,255,.055); }
.design-switcher-menu { position:absolute; top:50%; right:calc(100% + 14px); display:grid; width:244px; max-height:min(74vh, 374px); gap:7px; overflow-y:auto; padding:15px; color:var(--switch-panel-text); border:1px solid var(--switch-line); border-radius:16px; background:var(--switch-panel); box-shadow:0 22px 54px rgba(0,0,0,.25); backdrop-filter:blur(20px); transform:translateY(-50%); scrollbar-width:thin; scrollbar-color:var(--switch-accent) transparent; }
.design-switcher-menu[hidden] { display:none; }
.design-switcher[data-design-side='left'] .design-switcher-menu { right:auto; left:calc(100% + 14px); }
.design-switcher-menu > strong { color:var(--switch-panel-text); font-size:13px; }
.design-switcher-hint, .design-switcher-current { color:var(--switch-muted); font-size:10px; line-height:1.4; }
.design-switcher-menu button { display:grid; grid-template-columns:24px 1fr; align-items:center; gap:9px; min-height:38px; padding:7px 9px; color:var(--switch-panel-text); border:1px solid var(--switch-line); border-radius:9px; background:rgba(127,127,127,.055); font:800 11px/1.2 ui-monospace, SFMono-Regular, Consolas, monospace; text-align:left; cursor:pointer; }
.design-switcher-menu button:hover, .design-switcher-menu button:focus-visible { border-color:var(--switch-accent); outline:none; }
.design-switcher-menu button[aria-pressed='true'] { color:var(--switch-active-text); border-color:var(--switch-accent); background:var(--switch-selected); box-shadow:inset 3px 0 var(--switch-accent); }
.design-switcher-menu i { display:block; width:22px; height:18px; border:1px solid var(--switch-line); border-radius:4px; background:linear-gradient(135deg, var(--switch-bg), var(--switch-accent)); }
.design-switcher-menu [data-design-choice='precision'] i { background:repeating-linear-gradient(90deg, var(--switch-accent) 0 1px, var(--switch-bg) 1px 5px); }
.design-switcher-menu [data-design-choice='contrast'] i { background:linear-gradient(135deg, #ff5e2c 0 50%, #9b5cff 50%); }
.design-switcher-menu [data-design-choice='hologram'] i { background:linear-gradient(135deg, #3cf3ff, #8b5cff 52%, #ff4fd8); }
.design-switcher-menu [data-design-choice='aurora'] i { background:radial-gradient(circle at 25% 25%, #d5ff7a, transparent 38%), linear-gradient(135deg, #06332d, #30efbd 55%, #39a6ff); }
.design-switcher-menu [data-design-choice='monolith'] i { background:linear-gradient(135deg, #111318 0 46%, #f4c768 47% 55%, #2d3037 56%); }

.home-hero { --switch-accent:#68e8ff; --switch-text:#eaffff; --switch-active-text:#fff; --switch-bg:rgba(4,20,34,.94); --switch-panel:rgba(4,20,34,.94); --switch-panel-text:#eaffff; --switch-muted:#83a6b8; --switch-line:rgba(104,232,255,.34); --switch-glow:rgba(104,232,255,.3); --switch-shadow:rgba(0,0,0,.36); --switch-selected:rgba(104,232,255,.13); }
.zone-market { --switch-accent:#2358ff; --switch-text:#173177; --switch-active-text:#0b2bd1; --switch-bg:rgba(255,255,255,.94); --switch-panel:rgba(255,255,255,.96); --switch-panel-text:#14213b; --switch-muted:#66738a; --switch-line:rgba(35,88,255,.28); --switch-glow:rgba(35,88,255,.2); --switch-shadow:rgba(35,64,130,.19); --switch-selected:rgba(35,88,255,.09); }
.zone-seo { --switch-accent:#9cff57; --switch-text:#dcffca; --switch-active-text:#fff; --switch-bg:rgba(6,20,13,.95); --switch-panel:rgba(6,20,13,.95); --switch-panel-text:#edffe5; --switch-muted:#88a18e; --switch-line:rgba(156,255,87,.3); --switch-glow:rgba(156,255,87,.25); --switch-shadow:rgba(0,0,0,.4); --switch-selected:rgba(156,255,87,.12); }
.zone-studio { --switch-accent:#ff6b3d; --switch-text:#4c2449; --switch-active-text:#2b1838; --switch-bg:rgba(255,248,236,.95); --switch-panel:rgba(255,248,236,.97); --switch-panel-text:#352740; --switch-muted:#806d84; --switch-line:rgba(124,58,237,.28); --switch-glow:rgba(255,107,61,.23); --switch-shadow:rgba(84,48,92,.2); --switch-selected:rgba(255,107,61,.1); }
.zone-scale { --switch-accent:#7dd3fc; --switch-text:#e6f7ff; --switch-active-text:#fff; --switch-bg:rgba(14,13,54,.95); --switch-panel:rgba(14,13,54,.96); --switch-panel-text:#eef7ff; --switch-muted:#91a2ca; --switch-line:rgba(125,211,252,.31); --switch-glow:rgba(125,211,252,.25); --switch-shadow:rgba(0,0,0,.43); --switch-selected:rgba(125,211,252,.12); }

@keyframes design-switcher-orbit { to { transform:rotate(360deg); } }
/* Only the small decorative surface moves; text, layout and selected theme stay stable. */
@keyframes design-switcher-sheen {
  0%, 100% { opacity:.18; transform:rotate(-25deg) scale(.9); }
  50% { opacity:.46; transform:rotate(55deg) scale(1); }
}
@media (prefers-reduced-motion: no-preference) {
  .design-switcher-trigger::after { animation:design-switcher-sheen 8s ease-in-out infinite; }
  .design-switcher-trigger:is(:hover, :focus-visible)::after, .design-switcher.is-open .design-switcher-trigger::after { animation-play-state:paused; }
}

/* 01 — hero variants */
.home-hero[data-design-variant='precision'] { border-top:8px solid #ff4fd8; background-color:#050610; background-image:radial-gradient(circle at 78% 18%, rgba(255,79,216,.16), transparent 30%), linear-gradient(rgba(255,79,216,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(104,232,255,.055) 1px, transparent 1px); background-size:auto, 24px 24px, 24px 24px; }
.home-hero[data-design-variant='precision'] .hero-eyebrow { color:#ff8ce7; }
.home-hero[data-design-variant='precision'] .hero-product { border-color:rgba(255,79,216,.5); border-radius:3px; box-shadow:0 30px 90px rgba(0,0,0,.45), 0 0 45px rgba(255,79,216,.12); }
.home-hero[data-design-variant='precision'] .product-screen { border-radius:2px; background:linear-gradient(145deg, rgba(40,10,48,.9), rgba(4,19,32,.97)); }
.home-hero[data-design-variant='precision'] .btn-accent { color:#16051a; background:#ff64dc; }
.home-hero[data-design-variant='contrast'] { color:#16334c; border-top:8px solid #1577ff; background-color:#eef9ff; background-image:radial-gradient(circle at 80% 20%, rgba(21,119,255,.13), transparent 28%), linear-gradient(rgba(21,119,255,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(21,119,255,.07) 1px, transparent 1px); background-size:auto, 34px 34px, 34px 34px; }
.home-hero[data-design-variant='contrast'] h1 { color:#071d35; }
.home-hero[data-design-variant='contrast'] .hero-lead { color:#38566c; }
.home-hero[data-design-variant='contrast'] .hero-eyebrow { color:#0b65d8; }
.home-hero[data-design-variant='contrast'] .hero-points li { color:#173751; border-color:rgba(21,119,255,.24); background:rgba(255,255,255,.78); }
.home-hero[data-design-variant='contrast'] .hero-disclaimer { color:#58758b; }
.home-hero[data-design-variant='contrast'] .btn-ghost { color:#0b4b96; border-color:rgba(11,75,150,.4); background:rgba(255,255,255,.65); }

/* 02 — marketplace variants */
.zone-market[data-design-variant='precision'] { border-top-color:#00bfd8; background-color:#ecfcff; background-image:radial-gradient(circle at 84% 16%, rgba(0,191,216,.12), transparent 24%), linear-gradient(rgba(0,191,216,.075) 1px, transparent 1px), linear-gradient(90deg, rgba(0,191,216,.075) 1px, transparent 1px); background-size:auto, 20px 20px, 20px 20px; }
.zone-market[data-design-variant='precision'] .tariff-card-v2, .zone-market[data-design-variant='precision'] .support-grid article { border-color:rgba(0,157,190,.32); border-radius:0; box-shadow:8px 8px 0 rgba(0,191,216,.075); }
.zone-market[data-design-variant='precision'] .tariff-badge, .zone-market[data-design-variant='precision'] .tariff-card-v2 a { background:#007f9d; }
.zone-market[data-design-variant='precision'] .tariff-price strong, .zone-market[data-design-variant='precision'] .zone-kicker { color:#007f9d; }
.zone-market[data-design-variant='contrast'] { border-top-color:#ff6b35; background-color:#fff4e5; background-image:radial-gradient(circle at 14% 16%, rgba(255,107,53,.14), transparent 25%), linear-gradient(rgba(119,54,21,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(119,54,21,.055) 1px, transparent 1px); background-size:auto, 42px 42px, 42px 42px; }
.zone-market[data-design-variant='contrast'] .zone-kicker, .zone-market[data-design-variant='contrast'] .tariff-eyebrow, .zone-market[data-design-variant='contrast'] .tariff-price strong, .zone-market[data-design-variant='contrast'] .support-grid article > span, .zone-market[data-design-variant='contrast'] .support-grid strong, .zone-market[data-design-variant='contrast'] .support-grid a { color:#c83b0d; }
.zone-market[data-design-variant='contrast'] .tariff-toolbar, .zone-market[data-design-variant='contrast'] .tariff-card-v2, .zone-market[data-design-variant='contrast'] .support-grid article { border-color:rgba(200,59,13,.22); border-radius:22px 5px 22px 5px; background-color:rgba(255,255,255,.86); box-shadow:0 22px 55px rgba(112,49,23,.1); }
.zone-market[data-design-variant='contrast'] .tariff-badge, .zone-market[data-design-variant='contrast'] .tariff-card-v2 a { background:#401f24; }
.zone-market[data-design-variant='contrast'] .tariff-card-v2.featured { color:#fff1e8; background:linear-gradient(145deg, #5d1e27, #28171d); }

/* 03 — SEO laboratory variants */
.zone-seo[data-design-variant='precision'] { border-top-color:#40e7ff; background-color:#03131a; background-image:radial-gradient(circle at 76% 20%, rgba(64,231,255,.13), transparent 28%), linear-gradient(rgba(64,231,255,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(64,231,255,.055) 1px, transparent 1px); background-size:auto, 22px 22px, 22px 22px; }
.zone-seo[data-design-variant='precision'] .zone-kicker, .zone-seo[data-design-variant='precision'] .seo-layer-grid article > span, .zone-seo[data-design-variant='precision'] .seo-query-panel li span { color:#40e7ff; }
.zone-seo[data-design-variant='precision'] .seo-status-row span, .zone-seo[data-design-variant='precision'] .zone-visual-seo, .zone-seo[data-design-variant='precision'] .seo-query-panel { border-color:rgba(64,231,255,.28); }
.zone-seo[data-design-variant='precision'] .seo-layer-grid article, .zone-seo[data-design-variant='precision'] .seo-query-panel li { background:#071c24; }
.zone-seo[data-design-variant='contrast'] { border-top-color:#ff4fb8; background-color:#17071d; background-image:radial-gradient(circle at 78% 18%, rgba(255,79,184,.16), transparent 28%), linear-gradient(rgba(255,79,184,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(155,92,255,.055) 1px, transparent 1px); background-size:auto, 34px 34px, 34px 34px; }
.zone-seo[data-design-variant='contrast'] .zone-kicker, .zone-seo[data-design-variant='contrast'] .seo-layer-grid article > span, .zone-seo[data-design-variant='contrast'] .seo-query-panel li span { color:#ff71c7; }
.zone-seo[data-design-variant='contrast'] .seo-status-row span { color:#ffd5ed; border-color:rgba(255,79,184,.3); background:rgba(91,25,71,.45); }
.zone-seo[data-design-variant='contrast'] .seo-layer-grid article, .zone-seo[data-design-variant='contrast'] .seo-query-panel li { background:#24102a; }
.zone-seo[data-design-variant='contrast'] .seo-query-panel, .zone-seo[data-design-variant='contrast'] .zone-visual-seo { border-color:rgba(255,79,184,.28); background-color:#1d0b23; }

/* 04 — product studio variants */
.zone-studio[data-design-variant='precision'] { border-top-color:#3478ff; background-color:#eef6ff; background-image:radial-gradient(circle at 86% 18%, rgba(52,120,255,.13), transparent 26%), linear-gradient(rgba(52,120,255,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(52,120,255,.055) 1px, transparent 1px); background-size:auto, 24px 24px, 24px 24px; }
.zone-studio[data-design-variant='precision'] .studio-copy h2, .zone-studio[data-design-variant='precision'] .format-grid h3, .zone-studio[data-design-variant='precision'] .build-roadmap h2 { font-family:inherit; }
.zone-studio[data-design-variant='precision'] .zone-kicker, .zone-studio[data-design-variant='precision'] .format-grid article > span { color:#1759db; }
.zone-studio[data-design-variant='precision'] .zone-visual-studio, .zone-studio[data-design-variant='precision'] .format-grid article, .zone-studio[data-design-variant='precision'] .build-roadmap { border-radius:4px; transform:none; }
.zone-studio[data-design-variant='precision'] .studio-link { background:#1759db; }
.zone-studio[data-design-variant='contrast'] { color:#eadced; border-top-color:#ff763b; background-color:#201126; background-image:radial-gradient(circle at 84% 18%, rgba(255,118,59,.16), transparent 27%), linear-gradient(rgba(255,118,59,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(182,116,255,.045) 1px, transparent 1px); background-size:auto, 38px 38px, 38px 38px; }
.zone-studio[data-design-variant='contrast'] h2, .zone-studio[data-design-variant='contrast'] h3 { color:#fff4ee !important; }
.zone-studio[data-design-variant='contrast'] .zone-kicker, .zone-studio[data-design-variant='contrast'] .format-grid article > span { color:#ff8a57; }
.zone-studio[data-design-variant='contrast'] .studio-copy .zone-lead, .zone-studio[data-design-variant='contrast'] .format-grid p { color:#c9b2ce; }
.zone-studio[data-design-variant='contrast'] .format-grid article, .zone-studio[data-design-variant='contrast'] .format-grid article:nth-child(2n), .zone-studio[data-design-variant='contrast'] .format-grid article:nth-child(3n) { border-color:rgba(255,138,87,.2); background:#301a37; }
.zone-studio[data-design-variant='contrast'] .zone-visual-studio { border-color:rgba(255,138,87,.3); background:#2c1733; box-shadow:0 38px 90px rgba(0,0,0,.3); }

/* 05 — scale control variants */
.zone-scale[data-design-variant='precision'] { border-top-color:#33ffe0; background-color:#020e14; background-image:radial-gradient(circle at 16% 22%, rgba(51,255,224,.13), transparent 27%), linear-gradient(rgba(51,255,224,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(51,255,224,.055) 1px, transparent 1px); background-size:auto, 20px 20px, 20px 20px; }
.zone-scale[data-design-variant='precision'] .zone-kicker, .zone-scale[data-design-variant='precision'] .scale-points li > span, .zone-scale[data-design-variant='precision'] .scale-cards article > span { color:#33ffe0; }
.zone-scale[data-design-variant='precision'] .zone-visual-scale, .zone-scale[data-design-variant='precision'] .scale-points li, .zone-scale[data-design-variant='precision'] .scale-cards article, .zone-scale[data-design-variant='precision'] .faq-item, .zone-scale[data-design-variant='precision'] .contact-panel { border-radius:2px; border-color:rgba(51,255,224,.24); background-color:#061b22; }
.zone-scale[data-design-variant='contrast'] { border-top-color:#ff5c8a; background-color:#170916; background-image:radial-gradient(circle at 84% 22%, rgba(255,92,138,.18), transparent 28%), linear-gradient(rgba(255,92,138,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,174,65,.045) 1px, transparent 1px); background-size:auto, 36px 36px, 36px 36px; }
.zone-scale[data-design-variant='contrast'] .zone-kicker, .zone-scale[data-design-variant='contrast'] .scale-points li > span, .zone-scale[data-design-variant='contrast'] .scale-cards article > span { color:#ff8baa; }
.zone-scale[data-design-variant='contrast'] .zone-visual-scale, .zone-scale[data-design-variant='contrast'] .scale-points li, .zone-scale[data-design-variant='contrast'] .scale-cards article, .zone-scale[data-design-variant='contrast'] .faq-item { border-color:rgba(255,92,138,.24); background-color:#271025; background-image:linear-gradient(rgba(255,92,138,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,174,65,.035) 1px, transparent 1px); }
.zone-scale[data-design-variant='contrast'] .contact-panel { background:linear-gradient(120deg, #7b153b, #5f228c 58%, #a23e1c); }

/* 06 — holographic glass: cyan, violet and iridescent layers */
.design-switcher-host[data-design-variant='hologram'] { --switch-accent:#64f4ff; --switch-text:#f4fbff; --switch-active-text:#fff; --switch-bg:rgba(8,8,36,.95); --switch-panel:rgba(8,8,36,.97); --switch-panel-text:#f5f7ff; --switch-muted:#a5b4d8; --switch-line:rgba(100,244,255,.38); --switch-glow:rgba(139,92,255,.36); --switch-shadow:rgba(0,0,0,.5); --switch-selected:rgba(139,92,255,.2); color:#dce8ff; border-top:8px solid #64f4ff; background-color:#080824; background-image:radial-gradient(circle at 16% 20%, rgba(50,234,255,.2), transparent 27%), radial-gradient(circle at 84% 24%, rgba(255,79,216,.18), transparent 28%), linear-gradient(120deg, rgba(139,92,255,.12), transparent 48%), linear-gradient(rgba(100,244,255,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(255,79,216,.045) 1px, transparent 1px); background-size:auto, auto, auto, 30px 30px, 30px 30px; }
.design-switcher-host[data-design-variant='hologram'] :is(h1, h2, h3) { text-shadow:0 0 28px rgba(100,244,255,.12); }
.design-switcher-host[data-design-variant='hologram'] :is(.hero-product, .product-screen, .hero-points li, .tariff-toolbar, .tariff-card-v2, .pricing-note, .support-grid article, .zone-visual, .seo-status-row span, .seo-layer-grid article, .seo-query-panel, .seo-query-panel li, .format-grid article, .build-roadmap, .build-roadmap li, .scale-points li, .scale-cards article, .faq-item) { backdrop-filter:blur(16px); }
.design-switcher-host[data-design-variant='hologram'] :is(.tariff-card-v2:nth-child(3n + 2), .seo-layer-grid article:nth-child(3n + 2), .format-grid article:nth-child(3n + 2), .scale-cards article:nth-child(3n + 2)) { border-color:rgba(255,79,216,.42); }
.design-switcher-host[data-design-variant='hologram'] .contact-panel { border-color:rgba(100,244,255,.42); }

/* 07 — aurora bio-tech: deep teal, soft glass and living light */
.design-switcher-host[data-design-variant='aurora'] { --switch-accent:#85ffb7; --switch-text:#effff9; --switch-active-text:#fff; --switch-bg:rgba(4,32,31,.95); --switch-panel:rgba(4,32,31,.97); --switch-panel-text:#effff9; --switch-muted:#9ec8bd; --switch-line:rgba(133,255,183,.35); --switch-glow:rgba(48,239,189,.3); --switch-shadow:rgba(0,15,14,.5); --switch-selected:rgba(48,239,189,.16); color:#d9f2eb; border-top:8px solid #85ffb7; background-color:#052625; background-image:radial-gradient(ellipse at 12% 16%, rgba(174,255,104,.2), transparent 29%), radial-gradient(ellipse at 78% 24%, rgba(43,213,255,.2), transparent 31%), radial-gradient(ellipse at 52% 88%, rgba(48,239,189,.14), transparent 34%), linear-gradient(rgba(133,255,183,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(43,213,255,.04) 1px, transparent 1px); background-size:auto, auto, auto, 46px 46px, 46px 46px; }
.design-switcher-host[data-design-variant='aurora'] :is(.hero-product, .product-screen, .hero-points li, .tariff-toolbar, .tariff-card-v2, .pricing-note, .support-grid article, .zone-visual, .seo-status-row span, .seo-layer-grid article, .seo-query-panel, .seo-query-panel li, .format-grid article, .build-roadmap, .build-roadmap li, .scale-points li, .scale-cards article, .faq-item) { border-radius:26px 8px 26px 8px; backdrop-filter:blur(15px); }
.design-switcher-host[data-design-variant='aurora'] :is(.tariff-card-v2:nth-child(3n), .seo-layer-grid article:nth-child(3n), .format-grid article:nth-child(3n), .scale-cards article:nth-child(3n)) { border-color:rgba(43,213,255,.38); background-color:rgba(7,48,56,.82); }
.design-switcher-host[data-design-variant='aurora'] .contact-panel { border-color:rgba(133,255,183,.38); border-radius:32px 10px 32px 10px; }

/* 08 — monolith: graphite, precision geometry and warm metal */
.design-switcher-host[data-design-variant='monolith'] { --switch-accent:#f4c768; --switch-text:#fff6df; --switch-active-text:#fff; --switch-bg:rgba(15,16,19,.96); --switch-panel:rgba(15,16,19,.98); --switch-panel-text:#fff8e8; --switch-muted:#b7ad98; --switch-line:rgba(244,199,104,.35); --switch-glow:rgba(244,199,104,.25); --switch-shadow:rgba(0,0,0,.58); --switch-selected:rgba(244,199,104,.13); color:#e5dfd3; border-top:8px solid #f4c768; background-color:#0d0e11; background-image:linear-gradient(135deg, rgba(244,199,104,.075) 0 1px, transparent 1px 49%, rgba(244,199,104,.04) 49% 50%, transparent 50%), linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px), radial-gradient(circle at 80% 18%, rgba(244,199,104,.12), transparent 24%); background-size:72px 72px, 24px 24px, 24px 24px, auto; }
.design-switcher-host[data-design-variant='monolith'] :is(h1, h2, h3) { letter-spacing:-.025em; }
.design-switcher-host[data-design-variant='monolith'] :is(.hero-product, .product-screen, .hero-points li, .tariff-toolbar, .tariff-card-v2, .pricing-note, .support-grid article, .zone-visual, .seo-status-row span, .seo-layer-grid article, .seo-query-panel, .seo-query-panel li, .format-grid article, .build-roadmap, .build-roadmap li, .scale-points li, .scale-cards article, .faq-item) { border-radius:3px; }
.design-switcher-host[data-design-variant='monolith'] :is(.tariff-card-v2:nth-child(2n), .seo-layer-grid article:nth-child(2n), .format-grid article:nth-child(2n), .scale-cards article:nth-child(2n)) { background-color:rgba(34,35,39,.94); }
.design-switcher-host[data-design-variant='monolith'] .tariff-card-v2.featured { border-color:rgba(244,199,104,.58); }
.design-switcher-host[data-design-variant='monolith'] :is(.btn-accent, .tariff-badge, .tariff-card-v2 a, .studio-link) { border-radius:2px; }
.design-switcher-host[data-design-variant='monolith'] .contact-panel { border:1px solid rgba(244,199,104,.46); border-radius:3px; }

@media (max-width: 900px) {
  .design-switcher { top:calc(100vh - 88px); top:calc(100svh - 88px - env(safe-area-inset-bottom, 0px)); }
  .design-switcher-inner { right:max(10px, env(safe-area-inset-right, 0px)); }
  .design-switcher[data-design-side='left'] .design-switcher-inner { right:auto; left:max(10px, env(safe-area-inset-left, 0px)); }
  .design-price-link { width:72px; height:72px; left:max(10px, env(safe-area-inset-left, 0px)); font-size:11px; gap:4px; }
  .design-switcher[data-design-side='left'] .design-price-link { left:auto; right:max(10px, env(safe-area-inset-right, 0px)); }
  .design-switcher-trigger { width:72px; height:72px; font-size:7.5px; }
  .design-switcher-label { max-width:52px; }
  .design-switcher-menu { top:auto; right:0; bottom:calc(100% + 12px); width:min(250px, calc(100vw - 28px)); transform:none; }
  .design-switcher[data-design-side='left'] .design-switcher-menu { right:auto; left:0; }
  .design-switcher-menu { max-height:min(374px, calc(100svh - var(--anchor-offset, 110px) - 146px - env(safe-area-inset-bottom, 0px))); }
}

@media (prefers-reduced-motion: reduce) {
  .design-switcher-trigger::before { animation:none; }
  .design-switcher-trigger::after { animation:none; opacity:.18; transform:none; }
  .design-switcher-host { transition:none; }
}

/* Theme tokens: headings (1), copy (2), accents (3), cards (4), featured card (5), buttons (6), contact panel (7), images (8). */
.design-switcher-host[data-design-variant='hologram'] { --theme-1-color:#fbfdff; --theme-2-color:#b9c8df; --theme-3-color:#64f4ff; --theme-4-color:#edf4ff; --theme-4-border-color:rgba(100,244,255,.3); --theme-4-background-color:rgba(13,15,53,.78); --theme-4-box-shadow:inset 0 1px rgba(255,255,255,.06), 0 24px 62px rgba(0,0,0,.22), 0 0 34px rgba(139,92,255,.07); --theme-5-background:linear-gradient(145deg, rgba(35,28,91,.96), rgba(50,12,68,.94)); --theme-5-box-shadow:0 26px 72px rgba(0,0,0,.32), 0 0 42px rgba(255,79,216,.12); --theme-6-color:#090b2a; --theme-6-background:linear-gradient(110deg, #64f4ff, #b794ff 58%, #ff78df); --theme-6-box-shadow:0 12px 30px rgba(100,244,255,.17); --theme-7-background:linear-gradient(120deg, rgba(22,70,109,.96), rgba(71,31,126,.96) 56%, rgba(116,20,91,.94)); --theme-7-box-shadow:0 30px 80px rgba(0,0,0,.34), 0 0 45px rgba(100,244,255,.1); --theme-8-filter:saturate(1.18) hue-rotate(12deg); }
.design-switcher-host[data-design-variant='aurora'] { --theme-1-color:#f6fffb; --theme-2-color:#b6d8cf; --theme-3-color:#85ffb7; --theme-4-color:#ebfff8; --theme-4-border-color:rgba(133,255,183,.27); --theme-4-background-color:rgba(8,55,50,.76); --theme-4-box-shadow:inset 0 1px rgba(255,255,255,.065), 0 24px 64px rgba(0,19,18,.25); --theme-5-background:linear-gradient(145deg, rgba(20,91,70,.97), rgba(5,53,59,.95)); --theme-5-box-shadow:0 28px 72px rgba(0,19,18,.33), 0 0 42px rgba(133,255,183,.09); --theme-6-color:#062722; --theme-6-background:linear-gradient(110deg, #b8ff79, #5bffc5 52%, #57d5ff); --theme-6-box-shadow:0 12px 30px rgba(48,239,189,.16); --theme-7-background:linear-gradient(120deg, #14583e, #07585a 56%, #16486a); --theme-7-box-shadow:0 30px 78px rgba(0,20,18,.32); --theme-8-filter:saturate(1.12) hue-rotate(68deg); }
.design-switcher-host[data-design-variant='monolith'] { --theme-1-color:#fffaf0; --theme-2-color:#c6c0b5; --theme-3-color:#f4c768; --theme-4-color:#f5f0e7; --theme-4-border-color:rgba(244,199,104,.28); --theme-4-background-color:rgba(27,28,32,.92); --theme-4-box-shadow:8px 8px 0 rgba(244,199,104,.045), inset 0 1px rgba(255,255,255,.04); --theme-5-background:linear-gradient(145deg, #353027, #1b1c20); --theme-5-box-shadow:10px 10px 0 rgba(244,199,104,.1); --theme-6-color:#16130d; --theme-6-background:linear-gradient(110deg, #e0ad4f, #ffe29b 54%, #bf8732); --theme-6-box-shadow:none; --theme-7-background:linear-gradient(120deg, #31291d, #1b1c20 58%, #332b20); --theme-7-box-shadow:10px 10px 0 rgba(244,199,104,.08); --theme-8-filter:grayscale(.7) sepia(.16) contrast(1.08); }
.design-switcher-host:is([data-design-variant='hologram'], [data-design-variant='aurora'], [data-design-variant='monolith']) :is(h1, h2, h3) { color:var(--theme-1-color) !important; }
.design-switcher-host:is([data-design-variant='hologram'], [data-design-variant='aurora'], [data-design-variant='monolith']) p { color:var(--theme-2-color); }
.design-switcher-host:is([data-design-variant='hologram'], [data-design-variant='aurora'], [data-design-variant='monolith']) :is(.zone-kicker, .hero-eyebrow, .tariff-eyebrow, .tariff-price strong, .support-grid article > span, .support-grid strong, .support-grid a, .seo-layer-grid article > span, .seo-query-panel li span, .format-grid article > span, .scale-points li > span, .scale-cards article > span) { color:var(--theme-3-color); }
.design-switcher-host:is([data-design-variant='hologram'], [data-design-variant='aurora'], [data-design-variant='monolith']) :is(.hero-product, .product-screen, .hero-points li, .tariff-toolbar, .tariff-card-v2, .pricing-note, .support-grid article, .zone-visual, .seo-status-row span, .seo-layer-grid article, .seo-query-panel, .seo-query-panel li, .format-grid article, .build-roadmap, .build-roadmap li, .scale-points li, .scale-cards article, .faq-item) { color:var(--theme-4-color); border-color:var(--theme-4-border-color); background-color:var(--theme-4-background-color); box-shadow:var(--theme-4-box-shadow); }
.design-switcher-host:is([data-design-variant='hologram'], [data-design-variant='aurora'], [data-design-variant='monolith']) .tariff-card-v2.featured { background:var(--theme-5-background); box-shadow:var(--theme-5-box-shadow); }
.design-switcher-host:is([data-design-variant='hologram'], [data-design-variant='aurora'], [data-design-variant='monolith']) :is(.btn-accent, .tariff-badge, .tariff-card-v2 a, .studio-link) { color:var(--theme-6-color); background:var(--theme-6-background); box-shadow:var(--theme-6-box-shadow); }
.design-switcher-host:is([data-design-variant='hologram'], [data-design-variant='aurora'], [data-design-variant='monolith']) .contact-panel { background:var(--theme-7-background); box-shadow:var(--theme-7-box-shadow); }
.design-switcher-host:is([data-design-variant='hologram'], [data-design-variant='aurora'], [data-design-variant='monolith']) .zone-visual img { filter:var(--theme-8-filter); }

.design-switcher-option { display:grid; gap:4px; }
.design-switcher-description { display:block; color:var(--switch-muted); font:400 11px/1.35 system-ui, sans-serif; }
.design-switcher-menu { overscroll-behavior:contain; }