/* tokens.css — автогенерация из .webpro/design-lock.json. Руками не править. */
/* Мир: vivid-product · проект: gamma-russian-product-site */

:root {
    color-scheme: light;

    /* color */
    --color-bg: #FBFAF8;
    --color-surface: #FFFFFF;
    --color-surface2: #F2F1ED;
    --color-text: #15161A;
    --color-text-secondary: #3C3E47;
    --color-text-muted: #5A5C66;
    --color-border: #D8D5CC;
    --color-on-primary: #FFFFFF;
    --color-on-accent: #15161A;
    --color-primary: #6C4BF4;
    --color-primary-hover: #6C4BF4;
    --color-accent: #A43F12;
    --color-accent-hover: #84300B;
    --color-success: #1FA36A;
    --color-warning: #C77A11;
    --color-error: #D2402E;
    --gradient-primary: linear-gradient(135deg, #6C4BF4 0%, #A43F12 140%);
    --gradient-accent-wash: radial-gradient(60% 80% at 50% 0%, rgba(164,63,18,0.14), transparent 70%);
    --glow-color: rgba(108,75,244,0.4);
    --glass-bg: rgba(255,255,255,.62);
    --glass-border: rgba(20,22,28,.08);
    --noise-opacity: 0;
    --scrim-top: rgba(251,250,248, 0.15);
    --scrim-bottom: rgba(251,250,248, 0.85);
    --glass-blur: 18px;

    /* font family */
    --font-display: "Rubik", Georgia, serif;
    --font-text: "Onest", system-ui, sans-serif;

    /* font size / line-height / weight / tracking */
    --fs-display: clamp(36px, 24.00px + 3.333vw, 72px);
    --lh-display: 1.02;
    --fw-display: 700;
    --ls-display: -0.03em;
    --fs-h1: clamp(32px, 21.33px + 2.963vw, 64px);
    --lh-h1: 1.06;
    --fw-h1: 700;
    --ls-h1: -0.02em;
    --fs-h2: clamp(26px, 18.67px + 2.037vw, 48px);
    --lh-h2: 1.14;
    --fw-h2: 700;
    --ls-h2: -0.015em;
    --fs-h3: clamp(21px, 17.33px + 1.019vw, 32px);
    --lh-h3: 1.25;
    --fw-h3: 600;
    --ls-h3: -0.01em;
    --fs-h4: clamp(18px, 16.00px + 0.556vw, 24px);
    --lh-h4: 1.3;
    --fw-h4: 600;
    --fs-body-lg: clamp(17px, 16.00px + 0.278vw, 20px);
    --lh-body-lg: 1.55;
    --fw-body-lg: 400;
    --fs-body: clamp(16px, 15.33px + 0.185vw, 18px);
    --lh-body: 1.6;
    --fw-body: 400;
    --fs-body-sm: clamp(14px, 13.33px + 0.185vw, 16px);
    --lh-body-sm: 1.5;
    --fw-body-sm: 400;
    --fs-caption: clamp(12px, 11.67px + 0.093vw, 13px);
    --lh-caption: 1.35;
    --fw-caption: 400;
    --fs-kicker: clamp(12px, 11.67px + 0.093vw, 13px);
    --lh-kicker: 1;
    --fw-kicker: 600;
    --ls-kicker: 0.18em;
    --fs-button: 16px;
    --lh-button: 1.2;
    --fw-button: 600;
    --fs-nav: clamp(15px, 14.67px + 0.093vw, 16px);
    --lh-nav: 1.4;
    --fw-nav: 500;

    /* font weight scale */
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
    --fs-badge: var(--fs-caption);
    --measure: 68ch;

    /* space */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-6: 24px;
    --space-8: 32px;
    --space-12: 48px;
    --space-16: 64px;
    --space-20: 80px;
    --space-24: 96px;
    --space-30: 120px;
    --section-pad-sm: clamp(40px, 34.67px + 1.481vw, 56px);
    --section-pad-md: clamp(56px, 42.67px + 3.704vw, 96px);
    --section-pad-lg: clamp(72px, 52.00px + 5.556vw, 132px);

    /* layout */
    --container: 1280px;
    --container-narrow: 1120px;
    --page-pad: 16px;
    --header-h: 64px;

    /* radius */
    --radius-xs: 8px;
    --radius-sm: 12px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-pill: 999px;

    /* shadow */
    --shadow-sm: 0 2px 6px rgba(6,8,15,0.08);
    --shadow-md: 0 10px 24px -6px rgba(6,8,15,0.12);
    --shadow-lg: 0 24px 48px -12px rgba(6,8,15,0.18);
    --shadow-glow: 0 0 48px rgba(108,75,244,0.35);

    /* motion */
    --dur-instant: 80ms;
    --dur-fast: 160ms;
    --dur-base: 240ms;
    --dur-slow: 380ms;
    --dur-slower: 520ms;
    --ease-out: cubic-bezier(.34,1.56,.64,1);
    --ease-in-out: cubic-bezier(.65,0,.35,1);
    --ease-in: cubic-bezier(.55,0,1,.45);
    --ease-spring: cubic-bezier(.34,1.56,.64,1);
    --move-sm: 8px;
    --move-md: 16px;
    --move-lg: 24px;
    --move-xl: 40px;
    --reveal-from-opacity: .001;
    --stagger-step: 60ms;
    --dur-ambient: 24s;

    /* z-index */
    --z-base: 0;
    --z-raised: 10;
    --z-sticky: 100;
    --z-dropdown: 1000;
    --z-overlay: 2000;
    --z-modal: 2100;
    --z-toast: 3000;
    --z-tooltip: 4000;

    /* icons */
    --icon-stroke: 2;

    /* approved Gamma light hero */
    --gamma-color-bg: #fbfbfe;
    --gamma-color-surface: #ffffff;
    --gamma-color-surface-2: #f5f5fb;
    --gamma-color-primary: #4335f2;
    --gamma-color-primary-hover: #3125dc;
    --gamma-color-border: #dedfec;
    --gamma-color-title: #080a12;
    --gamma-color-lead: #515772;
    --gamma-color-benefit-text: #25283a;
    --gamma-color-badge: #4335ee;
    --gamma-color-secondary-text: #3024e8;
    --gamma-color-secondary-border: #4b3cff;
    --gamma-color-icon-soft: #f0efff;
    --gamma-color-icon-soft-2: #efedff;
    --gamma-hero-glow-indigo: rgba(113, 91, 255, .13);
    --gamma-hero-glow-pink: rgba(255, 119, 187, .12);
    --gamma-hero-canvas-start: #ffffff;
    --gamma-hero-canvas-mid: #fbfaff;
    --gamma-hero-canvas-end: #f7f6ff;
    --gamma-hero-badge-border: rgba(69, 50, 255, .22);
    --gamma-hero-badge-bg: rgba(246, 244, 255, .82);
    --gamma-hero-btn-start: #4935ff;
    --gamma-hero-btn-end: #3222ef;
    --gamma-hero-btn-hover-start: #3d2ce9;
    --gamma-hero-btn-hover-end: #2819dc;
    --gamma-hero-border-soft: rgba(38, 47, 91, .1);
    --gamma-hero-surface-glass: rgba(255, 255, 255, .78);
    --gamma-hero-surface-button: rgba(255, 255, 255, .72);
    --gamma-lang-start: #5b49ff;
    --gamma-lang-end: #3428e6;
    --gamma-world-wash: rgba(96, 76, 255, .11);
    --fs-gamma-hero: clamp(42px, 4.2vw, 68px);
    --fs-gamma-hero-mobile: clamp(38px, 11.5vw, 50px);
    --fs-gamma-intent-hero: clamp(40px, 4vw, 62px);
    --fs-gamma-intent-hero-mobile: clamp(34px, 10vw, 44px);
    --fs-gamma-badge: 14px;
    --fs-gamma-badge-mobile: 12px;
    --fs-gamma-badge-small: 11px;
    --fs-gamma-lead: clamp(16px, 1.25vw, 20px);
    --fs-gamma-benefit: 13px;
    --fs-gamma-lang: 10px;
    --radius-gamma-control: 10px;
    --radius-gamma-benefits: 11px;
    --shadow-gamma-button: 0 14px 30px rgba(65, 48, 245, .22);
    --shadow-gamma-benefits: 0 16px 42px rgba(40, 42, 96, .07);
    --shadow-gamma-visual: drop-shadow(0 26px 36px rgba(77, 66, 183, .13));
    --shadow-gamma-card: 0 14px 38px rgba(37, 43, 91, .07);
    --shadow-gamma-media: 0 18px 46px rgba(52, 54, 111, .1);
    --shadow-gamma-float: 0 12px 30px rgba(42, 42, 96, .12);

    /* scenario landing pages */
    --scenario-violet: #5D4DF7;
    --scenario-violet-soft: #F2EFFF;
    --scenario-orange: #D9642C;
    --scenario-orange-soft: #FFF2E8;
    --scenario-green: #14836C;
    --scenario-green-soft: #ECF8F3;
    --scenario-pink: #C93F78;
    --scenario-pink-soft: #FFF0F6;
    --scenario-blue: #245DD7;
    --scenario-blue-soft: #EDF3FF;
    --scenario-dark: #111327;
    --scenario-dark-muted: #3E425C;
    --scenario-line: rgba(41, 45, 86, .11);
    --scenario-glass: rgba(255, 255, 255, .88);
    --scenario-shadow: 0 24px 64px rgba(45, 43, 107, .12);
    --scenario-card-shadow: 0 14px 38px rgba(37, 43, 91, .07);
    --scenario-hero-title: clamp(38px, 4.6vw, 68px);
    --scenario-hero-title-mobile: clamp(36px, 11vw, 48px);
}

@media (min-width: 768px) {
    :root {
        --page-pad: 24px;
        --header-h: 72px;
    }
}

@media (min-width: 1024px) {
    :root {
        --page-pad: 32px;
        --header-h: 80px;
    }
}

.container {
    width: 100%;
    max-width: var(--container);
    margin-inline: auto;
    padding-inline: var(--page-pad);
}