:root {
  --color-text: #F5FDFE;
  --color-accent: #2BC48B;
  --color-cta: #D9323E;
  --color-cta-hover: #C92F3A;        /* Web/CTA/Hover */
  --color-accent-bright: #3FE3A3;    /* Web/Accent/Mint Bright */
  --color-accent-deep: #00615B;      /* Web/Accent/Deep = Hidden Sapphire */

  --color-surface-dark: #071212;
  --color-surface-dark-elevated: #0C1A1A;  /* Web/Surface/Dark Elevated */
  --color-surface-elevated: #0C1416;       /* Web/Surface/Elevated */
  --color-surface-card: #101A1B;           /* Web/Surface/Card */
  --color-surface-card-hover: #162426;     /* Web/Surface/Card Hover */
  --color-surface-overlay: rgb(255 255 255 / 0.06); /* Web/Surface/Overlay */

  --color-surface-light: #FFFFFF;          /* Web/Surface/Light */
  --color-surface-tint: #ECF2F7;           /* Web/Surface/Tint = BG */
  --color-surface-tint-mint: #E6F4EF;      /* Web/Surface/Tint Mint */

  --color-text-secondary: #9FB0AD;         /* Web/Text/Secondary */
  --color-text-muted: #6F807E;             /* Web/Text/Muted */
  --color-text-on-light: #071212;          /* Web/Text/On Light */
  --color-text-on-light-secondary: #5B6A68;/* Web/Text/On Light Secondary */
  --color-text-on-light-muted: #8B9997;    /* Web/Text/On Light Muted */

  --color-border-subtle: rgb(255 255 255 / 0.10);  /* Web/Border/Subtle */
  --color-border-strong: rgb(255 255 255 / 0.22);  /* Web/Border/Strong */
  --color-border-mint: rgb(43 196 139 / 0.45);     /* Web/Border/Mint */
  --color-border-on-light: rgb(7 18 18 / 0.15);    /* Web/Border/On Light */

  --color-accent-tint: rgb(43 196 139 / 0.14);
  --color-cta-tint: rgb(217 50 62 / 0.14);
  --color-accent-wash: rgb(43 196 139 / 0.10);
  --color-deep-wash: rgb(0 97 91 / 0.10);
  --color-border-bright: rgb(255 255 255 / 0.5);

  --color-header-glass: rgb(0 0 0 / 0.25);         /* Header State=Transparent */
  --color-overlay-on-light: rgb(0 0 0 / 0.05);     /* Pill Neutral Light */

  --color-glow-petrol: #004861;
  --color-glow-cyan: #23DED2;
  --color-glow-teal: #208680;
  --color-surface-card-tint: #091D1B;

  --color-mesh-blue: #0F3D59;        /* Blob 6, 35% */
  --color-mesh-cyan: #39C8E5;        /* Blob 5, 16% */
  --color-mesh-deep: #04211C;        /* Blob 4, 90% */
  --color-glow-green: #12A56F;
  --color-mark-core: #020A09;
  --color-mesh-navy: #060E23;
  --color-mesh-ink: #092535;         /* Hero Blob 6, 35% */

  --color-row-head: rgb(255 255 255 / 0.05);
  --color-row-alt: rgb(255 255 255 / 0.02);        /* Row / Pair Alt */
  --color-row-head-on-light: rgb(7 18 18 / 0.05);
  --color-row-alt-on-light: rgb(7 18 18 / 0.03);
  --color-divider-strong: rgb(255 255 255 / 0.20);
  --color-strip-bg: rgb(12 25 24 / 0.20);
  --color-card-glass-light: rgb(255 255 255 / 0.70);
  --color-tile-glass: rgb(255 255 255 / 0.75);     /* Feature Tile (06 Crypto) */
  --color-surface-art: #000A0A;

  --color-border-mint-strong: rgb(43 196 139 / 0.60);
  --color-border-mint-soft: rgb(43 196 139 / 0.30);
  --color-accent-tint-soft: rgb(43 196 139 / 0.12);
  --color-deep-tint: rgb(0 97 91 / 0.14);
  --color-pill-glass: rgb(255 255 255 / 0.22);
  --color-divider-on-light: rgb(7 18 18 / 0.10);
  --color-border-faint: rgb(8 18 18 / 0.08);
  --color-chip-on-light: rgb(7 18 18 / 0.15);
  --color-tile-mist: rgb(219 231 230 / 0.45);
  --color-card-glass-soft: rgb(255 255 255 / 0.50);
  --color-tx-card: rgb(20 47 48 / 0.46);
  --color-faq-card: rgb(12 20 22 / 0.50);
  --color-faq-card-open: rgb(16 26 27 / 0.20);
  --color-chip-glass: rgb(255 255 255 / 0.10);
  --color-border-glass: rgb(255 255 255 / 0.14);
  --color-dot-idle: rgb(255 255 255 / 0.35);
  --color-surface-soft: #F6F8FB;
  --color-accent-tint-strong: rgb(43 196 139 / 0.16);
  --color-glass-dark: rgb(16 26 27 / 0.44);
  --color-tile-fog: rgb(211 214 214 / 0.20);
  --color-chip-white: rgb(255 255 255 / 0.20);
  --color-border-mint-mid: rgb(43 196 139 / 0.35);
  --color-divider-glass: rgb(255 255 255 / 0.08);
  --color-tile-glass-dark: rgb(16 26 27 / 0.20);
  --color-strip-glass: rgb(16 26 27 / 0.50);           /* Presence strip (11 About) */
  --color-border-on-light-strong: rgb(8 18 18 / 0.18);
  --color-surface-mint-soft: #ECFFF8;
  --color-toggle-bg: rgb(13 31 29 / 0.92);
  --color-border-toggle: rgb(255 255 255 / 0.22);
  --color-panel-black: #010202;
  --color-photo-burn: rgb(12 25 24 / 0.45);
  --color-cover-hue: #1B4B39;

  --color-chat-bg: #08120F;
  --color-chat-header: #202C33;
  --color-chat-out: #005C4B;
  --color-chat-name: #E9EDEF;
  --color-chat-meta: #8696A0;

  --color-visual-bg: #050F0E;
  --color-visual-card: #0B1A18;
  --color-visual-label: #C8D4D2;
  --color-visual-line: rgb(255 255 255 / 0.12);
  --color-visual-dot: rgb(255 255 255 / 0.18);
  --color-visual-dot-step: rgb(255 255 255 / 0.30);
  --color-down: #E53945;

  --color-globe-ocean: #2F6E5C;
  --color-globe-land: #3FAE7D;
  --color-globe-land-front: #8EF0BF;
  --color-globe-bank: #6EDCA8;
  --color-globe-bank-front: #BAFFDB;
  --color-globe-glow: #8EF0BF;
  --color-globe-marker: #FFFFFF;
  --color-quote-card: #0C1918;
  --color-quote-down: #FF5F56;
  --color-strip-wash: rgb(255 255 255 / 0.015);
  --color-link-hot: var(--color-down);

  --color-whatsapp: var(--color-accent);
  --color-logo-ink: #111111;
  --color-logo-google: #5F6368;

  /* Web/Surface/Glow Green */
  --gradient-glow-green: radial-gradient(36% 36% at 50% 68%,
    rgb(23 140 102 / 0.55) 0%, rgb(10 51 41 / 0.30) 55%, rgb(8 15 19 / 0) 100%);
  /* Web/Surface/Art Dark */
  --gradient-art-dark: radial-gradient(45% 46% at 50% 59%,
    #126B52 0%, #08211F 50%, #071212 100%);
  /* Web/Surface/Panel Tint */
  --gradient-panel-tint: linear-gradient(120deg, #E5F5F0 0%, #F0F7FA 55%, #F7FAFC 100%);
  --gradient-panel-tint-section: linear-gradient(144.28deg, #E5F5F0 2.21%, #F0F7FA 38.24%, #F7FAFC 71.32%);
  --gradient-mint-line: linear-gradient(139deg, rgb(43 196 139 / 0.30) 18%, #2BC48B 100%);
  --gradient-mint-fade: linear-gradient(180deg, #C5ECDA 0%, var(--color-surface-tint) 100%);
  --gradient-card-shade: linear-gradient(165deg, rgb(8 15 19 / 0.05) 0%, rgb(8 15 19 / 0.08) 65%, rgb(8 15 19 / 0.62) 100%);
  --gradient-glow-mint: linear-gradient(307deg, var(--color-accent), var(--color-glow-petrol));
  --gradient-step: linear-gradient(180deg, var(--color-border-subtle), var(--color-surface-overlay));
  --gradient-account-card: linear-gradient(155deg, #0F3D2E 0%, #0B1F1C 71.4%);
  --gradient-hero-shade: linear-gradient(164deg, rgb(8 15 19 / 0.04) 0%, rgb(8 15 19 / 0.15) 64%, rgb(8 15 19 / 0.54) 89%);
  --gradient-glass-card: linear-gradient(180deg, rgb(189 189 189 / 0.20) 0%, rgb(255 255 255 / 0.06) 100%);
  --gradient-audience-featured: linear-gradient(122.21deg, var(--color-accent) 0%, var(--color-surface-tint) 71.429%);
  --gradient-tint-fade: linear-gradient(180deg, var(--color-surface-tint) 0%, var(--color-surface-light) 100%);
  --gradient-mint-fade-short: linear-gradient(180deg, #C5ECDA 0%, var(--color-surface-tint) 52.404%);
  --gradient-glass-dark: linear-gradient(180deg, rgb(255 255 255 / 0.10) 0%, var(--color-surface-overlay) 100%);
  --gradient-whatsapp-btn: linear-gradient(166.64deg, rgb(43 196 139 / 0.30) 28.33%, #2BC48B 94.16%);
  --gradient-pull-quote: linear-gradient(173.56deg, #AFF0D8 13.61%, rgb(211 250 235 / 0.30) 79.44%); /* Pull quote (17 Article) */
  --gradient-risk: linear-gradient(259.73deg, #E53945 16.98%, #100304 96.39%); /* «Important information» (18 Legal) */
  --fade-shift: 0px;
  --gradient-fade-to-white: linear-gradient(180deg,
    #071212 calc(100% - 266px + var(--fade-shift)), #42675C calc(100% - 244px + var(--fade-shift)), #7AA999 calc(100% - 222px + var(--fade-shift)), #ADD9C9 calc(100% - 200px + var(--fade-shift)),
    #DDF6EC calc(100% - 178px + var(--fade-shift)), #ECFAF5 calc(100% - 133px + var(--fade-shift)), #F7FDFA calc(100% - 88px + var(--fade-shift)), #FDFEFE calc(100% - 42px + var(--fade-shift)),
    #FFFFFF calc(100% + 3px + var(--fade-shift)));
  --gradient-partner-card: linear-gradient(59.45deg, #042420 4.575%, #108A7C 118.79%);
  --gradient-mint-top: linear-gradient(180deg, rgb(43 196 139 / 0.30) 0%, rgb(43 196 139 / 0) 63%);
  --gradient-mint-band: linear-gradient(180deg, rgb(43 196 139 / 0) 0%, rgb(43 196 139 / 0.20) 50%, rgb(43 196 139 / 0) 100%);
  --gradient-mint-bottom: linear-gradient(0deg, rgb(43 196 139 / 0.30) -15px, rgb(43 196 139 / 0) 230px);
  --gradient-brand: linear-gradient(45deg, var(--color-accent-deep), var(--color-accent));

  --font-family: 'Funnel Display', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-system: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extrabold: 800;

  --fs-display: 4.5rem;     --lh-display: 1;     --ls-display: -0.02em;  --fw-display: var(--fw-bold);      /* Web/Display 72 */
  --fs-h1: 3.5rem;          --lh-h1: 1.05;       --ls-h1: -0.02em;       --fw-h1: var(--fw-bold);           /* Web/H1 56 UPPER */
  --fs-h2: 2.5rem;          --lh-h2: 1.1;        --ls-h2: -0.01em;       --fw-h2: var(--fw-semibold);       /* Web/H2 40 UPPER */
  --fs-h3: 1.5rem;          --lh-h3: 1.2;        --ls-h3: 0;             --fw-h3: var(--fw-semibold);       /* Web/H3 24 UPPER */
  --fs-h4: 1.25rem;         --lh-h4: 1.3;        --ls-h4: 0;             --fw-h4: var(--fw-semibold);       /* Web/H4 20 */
  --fs-stat: 3.5rem;        --lh-stat: 1;        --ls-stat: -0.02em;     --fw-stat: var(--fw-bold);         /* Web/Stat 56 */
  --fs-overline: 0.75rem;   --lh-overline: 1.2;  --ls-overline: 0.03em;  --fw-overline: var(--fw-semibold); /* Web/Overline 12 UPPER */
  --fs-body-lg: 1.125rem;   --lh-body-lg: 1.55;  --ls-body-lg: 0;        --fw-body-lg: var(--fw-regular);   /* Web/Body Large 18 */
  --fs-body: 1rem;          --lh-body: 1.5;      --ls-body: 0;           --fw-body: var(--fw-regular);      /* Web/Body 16 */
  --fs-small: 0.875rem;     --lh-small: 1.45;    --ls-small: 0;          --fw-small: var(--fw-regular);     /* Web/Small 14 */
  --fs-caption: 0.75rem;    --lh-caption: 1.4;   --ls-caption: 0;        --fw-caption: var(--fw-regular);   /* Web/Caption 12 */
  --fs-table-head: 0.75rem; --lh-table-head: 1.3;--ls-table-head: 0.04em;--fw-table-head: var(--fw-semibold);/* Web/Table Header 12 */
  --fs-table-cell: 0.875rem;--lh-table-cell: 1.4;--ls-table-cell: 0;    --fw-table-cell: var(--fw-regular); /* Web/Table Cell 14 */
  --fs-button: 0.875rem;    --lh-button: 1.4;    --ls-button: 0.02em;    --fw-button: var(--fw-semibold);
  --fs-button-lg: 1rem;     --lh-button-lg: 1.5; --ls-button-lg: 0;      --fw-button-lg: var(--fw-semibold);
  --fs-nav: 0.9375rem;      --lh-nav: 1.4;       --ls-nav: 0;            --fw-nav: var(--fw-semibold);      /* Web/Nav 15 */
  --fs-hero-lead: 3.25rem;  --lh-hero-lead: 1;   --fw-hero-lead: var(--fw-regular);   /* «Gateway to» 52 UPPER */
  --fs-hero-accent: 5.3125rem; --lh-hero-accent: 1; --fw-hero-accent: var(--fw-extrabold); /* «Global» 85 UPPER */
  --fs-vis-label: 12px;     --ls-vis-label: 1.2px;
  --fs-vis-caption: 12px;   --ls-vis-caption: 1.4px;
  --fs-vis-meta: 13px;
  --fs-vis-change: 14px;
  --fs-vis-method: 15px;
  --fs-vis-pair: 17px;
  --fs-vis-price: 26px;
  --fs-vis-amount: 52px;
  --fs-vis-speed: 78px;     /* «< 0.00005 s» */

  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-xl: 24px;
  --radius-header: 30px;
  --radius-panel: 48px;
  --radius-section: 60px;
  --radius-pill: 999px;

  --border-width: 1px;          /* Read me: 1px hairline */
  --border-width-button: 1.5px;

  --shadow-card: 0 8px 32px rgb(0 0 0 / 0.45);            /* Web/Card Shadow */
  --shadow-card-light: 0 4px 44px rgb(65 79 81 / 0.10);   /* Web/Light Card Shadow */
  --shadow-mint-glow: 0 0 48px rgb(43 196 140 / 0.35);    /* Web/Mint Glow */
  --shadow-cta-glow: 0 4px 24px rgb(229 56 69 / 0.35);    /* Web/CTA Glow */
  --shadow-dot-glow-lg: 0 0 28px 4px rgb(43 196 139 / 0.80);
  --shadow-dot-glow: 0 0 18px 2px rgb(43 196 139 / 0.90);
  --blur-glass: 4px;

  --content-width: 1280px;      /* → Site Settings → Layout → Content Width */
  --page-gutter: 80px;
  --inset-gutter: 40px;
  --grid-gap: 16px;

  --space-4: 4px;   --space-8: 8px;   --space-12: 12px; --space-16: 16px;
  --space-20: 20px; --space-24: 24px; --space-28: 28px; --space-32: 32px;
  --space-36: 36px; --space-40: 40px; --space-44: 44px; --space-48: 48px;
  --space-64: 64px; --space-72: 72px; --space-80: 80px;
  --section-pad: 112px;         /* Platform, Payments, FAQ */
  --section-pad-lg: 120px;      /* Audiences, How it works, finalCTA */
  --section-pad-sm: 80px;
  --section-pad-md: 96px;
  --section-head-gap: 48px;
  --page-hero-top: 156px;
  --cta-overlap: 73px;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-back: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-in-out-back: cubic-bezier(0.7, -0.4, 0.4, 1.4);
  --dur-fast: 150ms;
  --dur-base: 250ms;
  --dur-reveal: 700ms;
  --dur-tile: 600ms;

  --z-header: 100;
  --z-fab: 90;

  --control-h-lg: 58px;
  --control-h-md: 40px;
  --header-h: 72px;
  --header-h-sm: 64px;
  --pin-top: var(--header-h);
  --fab-size: 56px;
}

/* ── Tablet ≤1024 ───────────────────────────────────────────── */
@media (max-width: 1024px) {
  :root {
    --fs-display: 3.5rem;       /* 56 */
    --fs-h1: 2.75rem;           /* 44 */
    --fs-h2: 2.125rem;          /* 34 */
    --fs-h3: 1.375rem;          /* 22 */
    --fs-stat: 2.75rem;         /* 44 */
    --fs-hero-lead: 2.75rem;    /* 44 */
    --fs-hero-accent: 4.5rem;   /* 72 */

    --page-gutter: 40px;
    --inset-gutter: 24px;
    --radius-section: 40px;
    --section-pad: 88px;
    --section-pad-lg: 96px;
    --section-pad-sm: 64px;
    --section-pad-md: 80px;
    --section-head-gap: 40px;
    --page-hero-top: calc(var(--header-h) + 80px);
  }
}

/* ── Mobile ≤767 ────────────────────────────────────────────── */
@media (max-width: 767px) {
  :root {
    --fs-display: 2.5rem;       /* 40 */
    --fs-h1: 2.125rem;          /* 34 */
    --fs-h2: 1.75rem;           /* 28 */
    --fs-h3: 1.25rem;           /* 20 */
    --fs-h4: 1.125rem;          /* 18 */
    --fs-stat: 2.25rem;         /* 36 */
    --fs-body-lg: 1.0625rem;    /* 17 */
    --fs-hero-lead: 1.875rem;   /* 30 */
    --fs-hero-accent: 3.125rem; /* 50 */

    --page-gutter: 16px;
    --pin-top: var(--header-h-sm);
    --fade-shift: 70px;
    --inset-gutter: 8px;
    --radius-section: 28px;
    --section-pad: 64px;
    --section-pad-lg: 72px;
    --section-pad-sm: 56px;
    --section-pad-md: 64px;
    --section-head-gap: 32px;
    --page-hero-top: calc(64px + var(--space-48));
  }
}