/* Yango Design MD — yasmina · dark · generated by build/sd.build.mjs — DO NOT EDIT */
:root {
  --bubble-radius-s: 14px;
  --bubble-radius-m: 16px;
  --bubble-radius-l: 20px;
  --bubble-size-s-font-size: 14px;
  --bubble-size-s-icon: 16px;
  --bubble-size-s-padding-x: 12px;
  --bubble-size-s-padding-y: 10px;
  --bubble-size-s-icon-gap: 8px;
  --bubble-size-s-optical: 1px;
  --bubble-size-s-icon-inset: 10px;
  --bubble-size-s-padding-end: 20px;
  --bubble-size-m-font-size: 16px;
  --bubble-size-m-icon: 20px;
  --bubble-size-m-padding-x: 16px;
  --bubble-size-m-padding-y: 12px;
  --bubble-size-m-icon-gap: 8px;
  --bubble-size-m-optical: 2px;
  --bubble-size-m-icon-inset: 12px;
  --bubble-size-m-padding-end: 24px;
  --bubble-size-l-font-size: 20px;
  --bubble-size-l-icon: 24px;
  --bubble-size-l-padding-x: 24px;
  --bubble-size-l-padding-y: 16px;
  --bubble-size-l-icon-gap: 8px;
  --bubble-size-l-optical: 2px;
  --bubble-size-l-icon-inset: 16px;
  --bubble-size-l-padding-end: 32px;
  --bubble-border: color-mix(in srgb, var(--color-brand-primary) 24%, transparent);
  --bubble-glow: 0 0 40px -8px color-mix(in srgb, var(--color-brand-primary) 24%, transparent);
  --bubble-glass-max: 224px;
  --bubble-cycle: 2400ms;
  --bubble-voice-wave-duration: 1200ms;
  --bubble-voice-wave-stagger: 150ms;
  --bubble-voice-wave-min: 0.7;
  --bubble-voice-wave-max: 1.15;
  --bubble-voice-symbol-duration: 1200ms;
  --bubble-voice-symbol-min: 0.9;
  --bubble-voice-symbol-max: 1.12;
  --bubble-voice-enter-duration: 600ms;
  --bubble-voice-enter-offset: 24px;
  --bubble-voice-word-duration: 300ms;
  --bubble-voice-dialogue-gap: 12px;
  --bubble-voice-dialogue-max: 380px;
  --button-size-s-height: 32px;
  --button-size-s-padding-x: 16px;
  --button-size-s-font-size: 14px;
  --button-size-s-icon: 12px;
  --button-size-s-gap: 4px;
  --button-size-s-optical: 1px;
  --button-size-m-height: 48px;
  --button-size-m-padding-x: 24px;
  --button-size-m-font-size: 16px;
  --button-size-m-icon: 20px;
  --button-size-m-gap: 8px;
  --button-size-m-optical: 2px;
  --button-size-l-height: 64px;
  --button-size-l-padding-x: 32px;
  --button-size-l-font-size: 20px;
  --button-size-l-icon: 24px;
  --button-size-l-gap: 8px;
  --button-size-l-optical: 2px;
  --button-primary-background: #892FFF;
  --button-primary-foreground: #FFFFFF;
  --button-motion-hover-scale: 1.05;
  --button-motion-press-scale: 0.97;
  --button-motion-focus-ring: 2px;
  --button-radius: 9999px;
  --button-icon-s-diameter: 32px;
  --button-icon-s-glyph: 16px;
  --button-icon-m-diameter: 40px;
  --button-icon-m-glyph: 20px;
  --card-radius: 24px;
  --card-gap: 8px;
  --card-actions-gap: 16px;
  --card-balloon-width: 240px;
  --card-balloon-tail: 8px;
  --card-air-narrow: 16px;
  --card-air-half: 24px;
  --card-air-full: 32px;
  --card-air-text-foot-narrow: 32px;
  --card-air-text-foot-half: 32px;
  --card-air-text-foot-full: 48px;
  --card-type-narrow-body: 16px;
  --card-type-narrow-title: 20px;
  --card-type-narrow-head: 33px;
  --card-type-half-title: 24px;
  --card-type-half-head: 44px;
  --card-type-full-body: 20px;
  --card-type-full-title: 24px;
  --card-type-full-head: 57px;
  --card-actions-top: 16px;
  --card-media-inset-radius: max(var(--radius-xs), calc(var(--card-radius) - var(--_air)));
  --card-media-top-aspect: 1.6;
  --card-media-inset-gap: var(--_air);
  --card-glow-diameter: 100cqw;
  --card-glow-blur: 0.5;
  --card-glow-opacity: 1;
  --card-title-gap: 8px;
  --card-number-accidence-numbers-narrow: 120px;
  --card-number-accidence-numbers-half: 190px;
  --card-number-accidence-numbers-full: 190px;
  --card-number-accidence-display-narrow: 120px;
  --card-number-accidence-display-half: 135px;
  --card-number-accidence-display-full: 190px;
  --card-number-accidence-display-gap: 8px;
  --card-number-accidence-numbers-gap: 16px;
  --card-number-row-narrow: 57px;
  --card-number-row-half: 65px;
  --card-number-row-full: 76px;
  --card-number-row-text-narrow: 20px;
  --card-number-row-text-half: 24px;
  --card-number-row-text-full: 28px;
  --card-eyebrow-gap: 4px;
  --card-specs-gap: 16px;
  --card-tags-gap: 16px;
  --card-text-measure: 0.75;
  --card-cta-size-narrow: s;
  --card-cta-size-half: m;
  --card-cta-size-full: m;
  --card-hover-lift: 6px;
  --card-accent-background: linear-gradient(0deg, #892FFF 0%, #2A0055 100%);
  --card-sku-headline-max: 12ch;
  --card-sku-role-max: 30ch;
  --card-sku-hover-scale: 1.06;
  --chip-size-s-height: 24px;
  --chip-size-s-padding-x: 12px;
  --chip-size-s-font-size: 12px;
  --chip-size-s-icon: 12px;
  --chip-size-s-gap: 4px;
  --chip-size-s-optical: 2px;
  --chip-size-s-icon-inset: 8px;
  --chip-size-m-height: 32px;
  --chip-size-m-padding-x: 16px;
  --chip-size-m-font-size: 14px;
  --chip-size-m-icon: 16px;
  --chip-size-m-gap: 8px;
  --chip-size-m-optical: 1px;
  --chip-size-m-icon-inset: 12px;
  --chip-size-l-height: 40px;
  --chip-size-l-padding-x: 20px;
  --chip-size-l-font-size: 16px;
  --chip-size-l-icon: 20px;
  --chip-size-l-gap: 8px;
  --chip-size-l-optical: 2px;
  --chip-size-l-icon-inset: 16px;
  --chip-radius: 9999px;
  --compare-card-dot: 14px;
  --footer-lockup-width: 208px;
  --footer-logo-cap: 24px;
  --footer-group-cap: 16px;
  --footer-padding-top: 48px;
  --footer-padding-bottom: 24px;
  --footer-col-gap: 48px;
  --footer-social-icon: 24px;
  --footer-link-padding-y: 8px;
  --list-size-m-title: 16px;
  --list-size-m-title-line-height: 1.35;
  --list-size-m-text: 16px;
  --list-size-m-text-line-height: 1.35;
  --list-size-m-title-gap: 4px;
  --list-size-m-icon: 20px;
  --list-size-m-icon-box: 24px;
  --list-size-m-lead-gap: 16px;
  --list-size-m-glyph: 20px;
  --list-size-m-padding: 24px;
  --list-size-m-head: 33px;
  --list-size-m-head-line-height: 1.05;
  --list-size-m-numeral: 52px;
  --list-size-m-number-col: 24px;
  --list-size-m-numeral-headline: 67px;
  --list-size-m-number-col-headline: 32px;
  --list-size-l-title: 20px;
  --list-size-l-title-line-height: 1.25;
  --list-size-l-text: 16px;
  --list-size-l-text-line-height: 1.35;
  --list-size-l-title-gap: 8px;
  --list-size-l-icon: 24px;
  --list-size-l-icon-box: 24px;
  --list-size-l-lead-gap: 24px;
  --list-size-l-glyph: 20px;
  --list-size-l-padding: 32px;
  --list-size-l-head: 44px;
  --list-size-l-head-line-height: 1;
  --list-size-l-numeral: 62px;
  --list-size-l-number-col: 32px;
  --list-size-l-numeral-headline: 85px;
  --list-size-l-number-col-headline: 40px;
  --list-gap: 16px;
  --list-title-cap-ratio: 0.717;
  --list-title-half-delta: 0.225;
  --list-title-headline-half-delta: 0.335;
  --list-title-line-height: 1.25;
  --list-tags-gap: 8px;
  --list-numeral-cap-ratio: 0.716;
  --list-side-columns: minmax(0, 2fr) minmax(0, 3fr);
  --list-columns-tracks: repeat(6, minmax(0, 1fr));
  --list-columns-span-narrow: 6;
  --list-columns-span-half: 3;
  --list-columns-span-full: 2;
  --list-qa-glyph: url(/assets/icons/plus-hairline.svg);
  --list-qa-answer-max: 60ch;
  --marquee-duration: 80000ms;
  --marquee-duration-covers: 44000ms;
  --marquee-gap: 48px;
  --marquee-item-height: 40px;
  --marquee-item-height-poster: 240px;
  --marquee-item-height-cover: 160px;
  --marquee-gap-media: 16px;
  --nav-height: 60px;
  --nav-link-gap: 40px;
  --nav-logo-cap-height: 16px;
  --nav-bg-alpha: 0.92;
  --nav-util-hit: 32px;
  --nav-burger-size: 32px;
  --nav-burger-bar: 2px;
  --nav-burger-gap: 5px;
  --nav-frost-blur-1: 8px;
  --nav-frost-blur-2: 16px;
  --nav-frost-blur-3: 24px;
  --nav-frost-blur-4: 32px;
  --nav-frost-tint-alpha: 0.76;
  --nav-frost-scroll-range: 48px;
  --nav-frost-bleed: 24px;
  --pattern-gap-eyebrow-heading-heading-xl: 16px;
  --pattern-gap-eyebrow-heading-heading-l: 16px;
  --pattern-gap-eyebrow-heading-heading-m: 16px;
  --pattern-gap-eyebrow-heading-heading-s: 16px;
  --pattern-gap-eyebrow-heading-heading-xs: 16px;
  --pattern-gap-eyebrow-heading-heading-xxs: 16px;
  --pattern-gap-heading-subhead-heading-xl: 16px;
  --pattern-gap-heading-subhead-heading-l: 16px;
  --pattern-gap-heading-subhead-heading-m: 8px;
  --pattern-gap-heading-subhead-heading-s: 8px;
  --pattern-gap-heading-subhead-heading-xs: 8px;
  --pattern-gap-heading-subhead-heading-xxs: 8px;
  --pattern-gap-subhead-body-heading-xl: 16px;
  --pattern-gap-subhead-body-heading-l: 16px;
  --pattern-gap-subhead-body-heading-m: 16px;
  --pattern-gap-subhead-body-heading-s: 16px;
  --pattern-gap-subhead-body-heading-xs: 16px;
  --pattern-gap-subhead-body-heading-xxs: 16px;
  --pattern-gap-text-cta-button-m: 16px;
  --pattern-gap-text-cta-button-l: 16px;
  --pattern-gap-cta-meta-button-m: 8px;
  --pattern-gap-cta-meta-button-l: 8px;
  --pattern-cta-size-heading-xl: l;
  --pattern-cta-size-heading-l: m;
  --pattern-cta-size-heading-m: m;
  --pattern-cta-size-heading-s: m;
  --pattern-cta-size-heading-xs: m;
  --pattern-cta-size-heading-xxs: m;
  --pattern-section-header-start-span: 4;
  --pattern-section-header-start-columns: 4;
  --pattern-section-header-start-fraction: 1;
  --pattern-section-header-centered-span: 4;
  --pattern-section-header-centered-columns: 4;
  --pattern-section-header-centered-fraction: 1;
  --pattern-section-header-in-cell-span: 4;
  --pattern-section-header-in-cell-columns: 4;
  --pattern-section-header-in-cell-fraction: 1;
  --pattern-section-header-measure-lede-max: 40ch;
  --pattern-section-header-measure-heading-max: none;
  --pattern-section-header-rhythm-header-to-content: 48px;
  --pattern-section-header-rhythm-section-padding: 48px;
  --pin-size-s-size: 24px;
  --pin-size-s-num-size: 14px;
  --pin-size-m-size: 32px;
  --pin-size-m-num-size: 16px;
  --pin-size-l-size: 40px;
  --pin-size-l-num-size: 20px;
  --pin-plate-grid: 48px;
  --pin-plate-radius: 16px;
  --swatch-size-s-size: 24px;
  --swatch-size-s-gap: 8px;
  --swatch-size-m-size: 32px;
  --swatch-size-m-gap: 16px;
  --swatch-size-l-size: 40px;
  --swatch-size-l-gap: 16px;
  --swatch-dot: 12px;
  --swatch-ring: 0 0 0 var(--stroke-emphasis) var(--color-bg-canvas), 0 0 0 calc(2 * var(--stroke-emphasis)) var(--color-text-hero);
  --swatch-inner-line: inset 0 0 0 var(--stroke-hairline) rgb(0 0 0 / var(--opacity-o24));
  --swatch-band-s: 2px;
  --swatch-band-m: 3px;
  --swatch-band-l: 4px;
  --tag-size-s-height: 24px;
  --tag-size-s-padding-x: 8px;
  --tag-size-s-font-size: 12px;
  --tag-size-s-icon: 12px;
  --tag-size-s-gap: 4px;
  --tag-size-s-optical: 2px;
  --tag-size-m-height: 32px;
  --tag-size-m-padding-x: 10px;
  --tag-size-m-font-size: 16px;
  --tag-size-m-icon: 16px;
  --tag-size-m-gap: 8px;
  --tag-size-m-optical: 2px;
  --tag-size-l-height: 40px;
  --tag-size-l-padding-x: 12px;
  --tag-size-l-font-size: 20px;
  --tag-size-l-icon: 20px;
  --tag-size-l-gap: 8px;
  --tag-size-l-optical: 2px;
  --tag-radius: 8px;
  --tag-ring: color-mix(in srgb, currentColor 24%, transparent);
  --tile-radius: 16px;
  --tile-logo-aspect: 4 / 3;
  --tile-logo-max: 60%;
  --tile-logo-hover-lift: -2px;
  --primitive-color-neutral-black: #000000;
  --primitive-color-neutral-soft-black: #170E29;
  --primitive-color-neutral-grey: #797382;
  --primitive-color-neutral-soft-white: #F0EEF3;
  --primitive-color-neutral-white: #FFFFFF;
  --primitive-color-promo-canary-yellow: #FFFF4D;
  --primitive-color-system-hint: #4C88FF;
  --primitive-color-system-success: #2EBB2E;
  --primitive-color-system-error: #FF4433;
  --primitive-color-yasmina-dark-purple-4: #2A0055;
  --primitive-color-yasmina-dark-purple-3: #400080;
  --primitive-color-yasmina-dark-purple-2: #5701AA;
  --primitive-color-yasmina-dark-purple-1: #7014D5;
  --primitive-color-yasmina-yasmina-purple: #892FFF;
  --primitive-color-yasmina-light-purple-1: #A35AFF;
  --primitive-color-yasmina-light-purple-2: #BD87FF;
  --primitive-color-yasmina-light-purple-3: #D8B6FF;
  --primitive-color-yasmina-light-purple-4: #F3E8FF;
  --primitive-color-yasmina-lite-aqua-blue: #1BB3FF;
  --primitive-color-yasmina-lite-rose-pink: #FF66C2;
  --primitive-color-yasmina-lite-coral: #FF694D;
  --primitive-color-yasmina-lite-lilac: #7A83FF;
  --primitive-color-yasmina-lite-green: #6DDB57;
  --primitive-color-yasmina-lite-gray: #6C6F75;
  --primitive-color-yasmina-lite-deep-lilac: #4A52CC;
  --primitive-color-yasmina-lite-deep-gray: #4A4D53;
  --primitive-color-yasmina-lite-deep-rose-pink: #C7268A;
  --primitive-color-yasmina-lite-deep-green: #2F9A1E;
  --primitive-color-yasmina-lite-deep-aqua-blue: #0077B6;
  --primitive-color-yasmina-lite-deep-coral: #C93A1F;
  --primitive-color-yasmina-mini-black: #2A2A2E;
  --primitive-color-yasmina-mini-white: #F4F1EA;
  --primitive-color-yasmina-mini-deep-black: #0F0F11;
  --primitive-color-yasmina-mini-deep-white: #C9CED6;
  --primitive-color-yasmina-mini-mid-black: #3A3A3E;
  --primitive-color-yasmina-mini-mid-white: #E1E4E9;
  --primitive-color-yasmina-midi-black: #2A2A2E;
  --primitive-color-yasmina-midi-grey: #6B6B6E;
  --primitive-color-yasmina-midi-turquoise: #4FB8B0;
  --primitive-color-yasmina-midi-deep-black: #0F0F11;
  --primitive-color-yasmina-midi-deep-grey: #3E4045;
  --primitive-color-yasmina-midi-deep-turquoise: #1B6E69;
  --primitive-color-yasmina-midi-mid-black: #3A3A3E;
  --primitive-color-yasmina-midi-mid-grey: #585A5F;
  --primitive-color-yasmina-midi-mid-turquoise: #3A9C95;
  --primitive-color-yasmina-max-black: #2A2A2E;
  --primitive-color-yasmina-max-beige: #D6CDB8;
  --primitive-color-yasmina-max-green: #1F3A2E;
  --primitive-color-yasmina-max-deep-black: #0F0F11;
  --primitive-color-yasmina-max-deep-beige: #8C8268;
  --primitive-color-yasmina-max-deep-green: #0F1F18;
  --primitive-color-yasmina-max-mid-black: #3A3A3E;
  --primitive-color-yasmina-max-mid-beige: #B8AE95;
  --primitive-color-yasmina-max-mid-green: #183028;
  --primitive-easing-linear: cubic-bezier(0, 0, 1, 1);
  --primitive-easing-yango-ease-in: cubic-bezier(0.2, 0, 0, 1);
  --primitive-easing-yango-ease-out: cubic-bezier(0.3, 0, 0.8, 0.15);
  --primitive-easing-yango-ease: cubic-bezier(0.75, 0, 0.25, 1);
  --primitive-base-unit: 8;
  --primitive-base-sub: 4;
  --primitive-opacity-0: 0;
  --primitive-opacity-8: 0.08;
  --primitive-opacity-24: 0.24;
  --primitive-opacity-76: 0.76;
  --primitive-opacity-92: 0.92;
  --primitive-opacity-100: 1;
  --primitive-blur-8: 8px;
  --primitive-blur-16: 16px;
  --primitive-blur-24: 24px;
  --primitive-blur-32: 32px;
  --primitive-stroke-1: 1px;
  --primitive-stroke-2: 2px;
  --blur-glass: 32px;
  --blur-frost: 16px;
  --breakpoint-tablet: 768px;
  --breakpoint-desktop: 1024px;
  --breakpoint-wide: 1440px;
  --grid-mobile-columns: 4;
  --grid-mobile-gutter: 16px;
  --grid-mobile-margin: 16px;
  --grid-mobile-container-max: 100%;
  --grid-tablet-columns: 8;
  --grid-tablet-gutter: 24px;
  --grid-tablet-margin: 32px;
  --grid-tablet-container-max: 100%;
  --grid-desktop-columns: 12;
  --grid-desktop-gutter: 24px;
  --grid-desktop-margin: 48px;
  --grid-desktop-container-max: 1120px;
  --container-half: 352px;
  --container-full: 736px;
  --container-card-s: 300px;
  --duration-instant: 150ms;
  --duration-fast: 300ms;
  --duration-soft: 600ms;
  --duration-slow: 1200ms;
  --duration-cinematic: 2400ms;
  --effect-subsurface-glow-base: #892FFF;
  --effect-subsurface-glow-base-opacity: 0.92;
  --effect-subsurface-glow-glow: #892FFF;
  --effect-subsurface-glow-ink: color-mix(in srgb, var(--color-brand-primary) 60%, #fff);
  --effect-subsurface-glow-geometry-centre-drop: 0.5;
  --effect-subsurface-glow-geometry-radius: 1.5;
  --effect-subsurface-glow-edge-width: 2px;
  --effect-subsurface-glow-edge-width-small: 1px;
  --effect-subsurface-glow-edge-opacity-top: 0.24;
  --effect-subsurface-glow-edge-small-threshold: 120px;
  --effect-subsurface-glow-hover-saturation: 0.24;
  --effect-subsurface-glow-hover-lightness: 0.08;
  --font-family-display: "Yango Group Headline Arabic", "Yango Group Headline Latin", -apple-system, "SF Pro Display", "Segoe UI", Roboto, sans-serif;
  --font-family-text: "Yango Group Text Arabic", -apple-system, "SF Pro Text", "Segoe UI", Roboto, sans-serif;
  --font-family-numbers: "YangoPlay Numbers", "YangoPlay Numbers Condensed", ui-monospace, monospace;
  --font-weight-display: 750;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --icon-size-xs: 12px;
  --icon-size-s: 16px;
  --icon-size-m: 20px;
  --icon-size-l: 24px;
  --icon-size-xl: 32px;
  --icon-size-xxl: 40px;
  --motion-easing-enter: cubic-bezier(0.2, 0, 0, 1);
  --motion-easing-exit: cubic-bezier(0.3, 0, 0.8, 0.15);
  --motion-easing-universal: cubic-bezier(0.75, 0, 0.25, 1);
  --motion-easing-linear: cubic-bezier(0, 0, 1, 1);
  --opacity-o0: 0;
  --opacity-o8: 0.08;
  --opacity-o24: 0.24;
  --opacity-o76: 0.76;
  --opacity-o92: 0.92;
  --opacity-o100: 1;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-s: 8px;
  --radius-m: 16px;
  --radius-l: 24px;
  --radius-full: 9999px;
  --space-none: 0px;
  --space-xs: 8px;
  --space-s: 16px;
  --space-m: 24px;
  --space-l: 48px;
  --space-xl: 96px;
  --stroke-hairline: 1px;
  --stroke-emphasis: 2px;
  --type-pair-s-headline-size: 33px;
  --type-pair-s-headline-line-height: 0.96;
  --type-pair-s-body-size: 12px;
  --type-pair-s-body-line-height: 1.35;
  --type-pair-m-headline-size: 44px;
  --type-pair-m-headline-line-height: 1;
  --type-pair-m-body-size: 16px;
  --type-pair-m-body-line-height: 1.35;
  --type-pair-l-headline-size: 57px;
  --type-pair-l-headline-line-height: 0.98;
  --type-pair-l-body-size: 20px;
  --type-pair-l-body-line-height: 1.38;
  --type-pair-xl-headline-size: 65px;
  --type-pair-xl-headline-line-height: 0.98;
  --type-pair-xl-body-size: 24px;
  --type-pair-xl-body-line-height: 1.35;
  --type-pair-2xl-headline-size: 76px;
  --type-pair-2xl-headline-line-height: 1;
  --type-pair-2xl-body-size: 28px;
  --type-pair-2xl-body-line-height: 1.35;
  --type-pair-3xl-headline-size: 83px;
  --type-pair-3xl-headline-line-height: 0.96;
  --type-pair-3xl-body-size: 32px;
  --type-pair-3xl-body-line-height: 1.26;
  --type-pair-4xl-headline-size: 120px;
  --type-pair-4xl-headline-line-height: 0.98;
  --type-pair-4xl-body-size: 48px;
  --type-pair-4xl-body-line-height: 1.22;
  --type-pair-5xl-headline-size: 135px;
  --type-pair-5xl-headline-line-height: 0.98;
  --type-pair-5xl-body-size: 54px;
  --type-pair-5xl-body-line-height: 1.22;
  --type-pair-6xl-headline-size: 190px;
  --type-pair-6xl-headline-line-height: 0.97;
  --type-pair-6xl-body-size: 80px;
  --type-pair-6xl-body-line-height: 1.15;
  --type-role-heading-xl-size: 65px;
  --type-role-heading-xl-line-height: 0.98;
  --type-role-heading-xl-weight: 750;
  --type-role-heading-xl-font: 750 65px/0.98 "Yango Group Headline Arabic", "Yango Group Headline Latin", -apple-system, "SF Pro Display", "Segoe UI", Roboto, sans-serif;
  --type-role-heading-xl-subhead-size: 24px;
  --type-role-heading-xl-subhead-line-height: 1.35;
  --type-role-heading-xl-subhead-weight: 400;
  --type-role-heading-l-size: 57px;
  --type-role-heading-l-line-height: 0.98;
  --type-role-heading-l-weight: 750;
  --type-role-heading-l-font: 750 57px/0.98 "Yango Group Headline Arabic", "Yango Group Headline Latin", -apple-system, "SF Pro Display", "Segoe UI", Roboto, sans-serif;
  --type-role-heading-l-subhead-size: 20px;
  --type-role-heading-l-subhead-line-height: 1.38;
  --type-role-heading-l-subhead-weight: 400;
  --type-role-heading-m-size: 44px;
  --type-role-heading-m-line-height: 1;
  --type-role-heading-m-weight: 750;
  --type-role-heading-m-font: 750 44px/1 "Yango Group Headline Arabic", "Yango Group Headline Latin", -apple-system, "SF Pro Display", "Segoe UI", Roboto, sans-serif;
  --type-role-heading-m-subhead-size: 16px;
  --type-role-heading-m-subhead-line-height: 1.35;
  --type-role-heading-m-subhead-weight: 400;
  --type-role-heading-s-size: 44px;
  --type-role-heading-s-line-height: 1;
  --type-role-heading-s-weight: 750;
  --type-role-heading-s-font: 750 44px/1 "Yango Group Headline Arabic", "Yango Group Headline Latin", -apple-system, "SF Pro Display", "Segoe UI", Roboto, sans-serif;
  --type-role-heading-s-subhead-size: 16px;
  --type-role-heading-s-subhead-line-height: 1.35;
  --type-role-heading-s-subhead-weight: 400;
  --type-role-heading-xs-size: 44px;
  --type-role-heading-xs-line-height: 1;
  --type-role-heading-xs-weight: 750;
  --type-role-heading-xs-font: 750 44px/1 "Yango Group Headline Arabic", "Yango Group Headline Latin", -apple-system, "SF Pro Display", "Segoe UI", Roboto, sans-serif;
  --type-role-heading-xs-subhead-size: 16px;
  --type-role-heading-xs-subhead-line-height: 1.35;
  --type-role-heading-xs-subhead-weight: 400;
  --type-role-heading-xxs-size: 33px;
  --type-role-heading-xxs-line-height: 0.96;
  --type-role-heading-xxs-weight: 750;
  --type-role-heading-xxs-font: 750 33px/0.96 "Yango Group Headline Arabic", "Yango Group Headline Latin", -apple-system, "SF Pro Display", "Segoe UI", Roboto, sans-serif;
  --type-role-heading-xxs-subhead-size: 16px;
  --type-role-heading-xxs-subhead-line-height: 1.35;
  --type-role-heading-xxs-subhead-weight: 400;
  --type-role-body-size: 16px;
  --type-role-body-line-height: 1.35;
  --type-role-body-weight: 400;
  --type-role-body-font: 400 16px/1.35 "Yango Group Text Arabic", -apple-system, "SF Pro Text", "Segoe UI", Roboto, sans-serif;
  --type-role-label-size: 14px;
  --type-role-label-line-height: 1.35;
  --type-role-label-weight: 400;
  --type-role-label-font: 500 14px/1.35 "Yango Group Text Arabic", -apple-system, "SF Pro Text", "Segoe UI", Roboto, sans-serif;
  --type-role-meta-size: 12px;
  --type-role-meta-line-height: 1.35;
  --type-role-meta-weight: 400;
  --type-role-meta-font: 400 12px/1.35 "Yango Group Text Arabic", -apple-system, "SF Pro Text", "Segoe UI", Roboto, sans-serif;
  --type-role-meta-tracking: 0.05em;
  --type-arabic-heading-line-height: 1.15;
  --type-arabic-body-line-height: 1.55;
  --color-bg-canvas: #000000;
  --color-bg-elevated: #170E29;
  --color-bg-card-tint: #170E29;
  --color-text-meta: #797382;
  --color-text-body: #F0EEF3;
  --color-text-hero: #FFFFFF;
  --color-fg: #FFFFFF;
  --color-surface: #000000;
  --color-logo-lockup: #FFFFFF;
  --color-logo-mono-filter: invert(1);
  --color-system-hint: #4C88FF;
  --color-system-success: #2EBB2E;
  --color-system-error: #FF4433;
  --color-promo-canary: #FFFF4D;
  --color-line-hairline: rgb(255 255 255 / 0.08);
  --color-line-hairline-strong: rgb(255 255 255 / 0.24);
  --color-line-on-dark-hairline: rgb(255 255 255 / 0.08);
  --color-line-on-dark-hairline-strong: rgb(255 255 255 / 0.24);
  --color-tint-brand-8: color-mix(in srgb, var(--color-brand-primary) 8%, transparent);
  --color-tint-brand-24: color-mix(in srgb, var(--color-brand-primary) 24%, transparent);
  --color-tint-fg-8: color-mix(in srgb, var(--color-fg) 8%, transparent);
  --color-tint-brand-lift: color-mix(in srgb, var(--color-brand-primary) 60%, #fff);
  --color-elevation-card-hover: 0 0 48px color-mix(in srgb, var(--color-brand-primary) 24%, transparent);
  --color-brand-primary: #892FFF;
  --color-brand-on-primary: #FFFFFF;
  --scrim-top: linear-gradient(180deg, rgb(0 0 0 / 0.88) 0%, rgb(0 0 0 / 0.6) 35%, rgb(0 0 0 / 0.15) 60%, rgb(0 0 0 / 0) 85%);
  --scrim-bottom: linear-gradient(0deg, rgb(0 0 0 / 0.88) 0%, rgb(0 0 0 / 0.6) 35%, rgb(0 0 0 / 0.15) 60%, rgb(0 0 0 / 0) 85%);
  --scrim-left: linear-gradient(90deg, rgb(0 0 0 / 0.88) 0%, rgb(0 0 0 / 0.6) 35%, rgb(0 0 0 / 0.15) 60%, rgb(0 0 0 / 0) 85%);
  --scrim-right: linear-gradient(270deg, rgb(0 0 0 / 0.88) 0%, rgb(0 0 0 / 0.6) 35%, rgb(0 0 0 / 0.15) 60%, rgb(0 0 0 / 0) 85%);
  --gradient-brand-accent: linear-gradient(135deg, #8119E9 0%, #A332FF 50%, #E433FF 100%);
  --gradient-brand-subscription: linear-gradient(90deg, #7014D5 0%, #892FFF 35%, #E433FF 75%, #FF7777 90%, #FFAA00 100%);
  --gradient-brand-purple-deep: linear-gradient(0deg, #892FFF 0%, #2A0055 100%);
  --gradient-brand-purple-royal: linear-gradient(0deg, #892FFF 0%, #400080 100%);
  --gradient-brand-purple-plum: linear-gradient(0deg, #A35AFF 0%, #5701AA 100%);
  --gradient-brand-purple-lav: linear-gradient(0deg, #BD87FF 0%, #892FFF 100%);
  --gradient-brand-purple-bridge: linear-gradient(0deg, #D8B6FF 0%, #892FFF 100%);
  --gradient-brand-purple-soft-1: linear-gradient(0deg, #D8B6FF 0%, #BD87FF 100%);
  --gradient-brand-purple-mist: linear-gradient(0deg, #F3E8FF 0%, #BD87FF 100%);
  --gradient-brand-purple-veil: linear-gradient(0deg, #F3E8FF 0%, #D8B6FF 100%);
}
@media (min-width: 768px) {
  :root {
    --bubble-glass-max: 256px;
    --bubble-voice-dialogue-gap: 12px;
    --bubble-voice-dialogue-max: 380px;
    --footer-lockup-width: 240px;
    --footer-logo-cap: 24px;
    --footer-group-cap: 16px;
    --footer-padding-top: 96px;
    --marquee-item-height: 48px;
    --nav-height: 60px;
    --nav-logo-cap-height: 16px;
    --pattern-gap-eyebrow-heading-heading-xl: 16px;
    --pattern-gap-eyebrow-heading-heading-l: 16px;
    --pattern-gap-eyebrow-heading-heading-m: 16px;
    --pattern-gap-eyebrow-heading-heading-s: 16px;
    --pattern-gap-eyebrow-heading-heading-xs: 16px;
    --pattern-gap-eyebrow-heading-heading-xxs: 16px;
    --pattern-gap-heading-subhead-heading-xl: 16px;
    --pattern-gap-heading-subhead-heading-l: 16px;
    --pattern-gap-heading-subhead-heading-m: 16px;
    --pattern-gap-heading-subhead-heading-s: 16px;
    --pattern-gap-heading-subhead-heading-xs: 8px;
    --pattern-gap-heading-subhead-heading-xxs: 8px;
    --pattern-gap-subhead-body-heading-xl: 16px;
    --pattern-gap-subhead-body-heading-l: 16px;
    --pattern-gap-subhead-body-heading-m: 16px;
    --pattern-gap-subhead-body-heading-s: 16px;
    --pattern-gap-subhead-body-heading-xs: 16px;
    --pattern-gap-subhead-body-heading-xxs: 16px;
    --pattern-gap-text-cta-button-m: 16px;
    --pattern-gap-text-cta-button-l: 24px;
    --pattern-gap-cta-meta-button-m: 8px;
    --pattern-gap-cta-meta-button-l: 8px;
    --pattern-cta-size-heading-xl: l;
    --pattern-cta-size-heading-l: l;
    --pattern-cta-size-heading-m: m;
    --pattern-cta-size-heading-s: m;
    --pattern-cta-size-heading-xs: m;
    --pattern-cta-size-heading-xxs: m;
    --pattern-section-header-start-span: 4;
    --pattern-section-header-start-columns: 8;
    --pattern-section-header-start-fraction: 1/2;
    --pattern-section-header-centered-span: 6;
    --pattern-section-header-centered-columns: 8;
    --pattern-section-header-centered-fraction: 3/4;
    --pattern-section-header-in-cell-span: 4;
    --pattern-section-header-in-cell-columns: 8;
    --pattern-section-header-in-cell-fraction: 1/2;
    --pattern-section-header-rhythm-section-padding: 96px;
    --tile-logo-aspect: 5 / 3;
    --type-role-heading-xl-size: 76px;
    --type-role-heading-xl-line-height: 1;
    --type-role-heading-xl-weight: 750;
    --type-role-heading-xl-font: 750 76px/1 "Yango Group Headline Arabic", "Yango Group Headline Latin", -apple-system, "SF Pro Display", "Segoe UI", Roboto, sans-serif;
    --type-role-heading-xl-subhead-size: 28px;
    --type-role-heading-xl-subhead-line-height: 1.35;
    --type-role-heading-xl-subhead-weight: 400;
    --type-role-heading-l-size: 65px;
    --type-role-heading-l-line-height: 0.98;
    --type-role-heading-l-weight: 750;
    --type-role-heading-l-font: 750 65px/0.98 "Yango Group Headline Arabic", "Yango Group Headline Latin", -apple-system, "SF Pro Display", "Segoe UI", Roboto, sans-serif;
    --type-role-heading-l-subhead-size: 24px;
    --type-role-heading-l-subhead-line-height: 1.35;
    --type-role-heading-l-subhead-weight: 400;
    --type-role-heading-m-size: 57px;
    --type-role-heading-m-line-height: 0.98;
    --type-role-heading-m-weight: 750;
    --type-role-heading-m-font: 750 57px/0.98 "Yango Group Headline Arabic", "Yango Group Headline Latin", -apple-system, "SF Pro Display", "Segoe UI", Roboto, sans-serif;
    --type-role-heading-m-subhead-size: 20px;
    --type-role-heading-m-subhead-line-height: 1.38;
    --type-role-heading-m-subhead-weight: 400;
    --type-role-heading-s-size: 57px;
    --type-role-heading-s-line-height: 0.98;
    --type-role-heading-s-weight: 750;
    --type-role-heading-s-font: 750 57px/0.98 "Yango Group Headline Arabic", "Yango Group Headline Latin", -apple-system, "SF Pro Display", "Segoe UI", Roboto, sans-serif;
    --type-role-heading-s-subhead-size: 20px;
    --type-role-heading-s-subhead-line-height: 1.38;
    --type-role-heading-s-subhead-weight: 400;
    --type-role-heading-xs-size: 44px;
    --type-role-heading-xs-line-height: 1;
    --type-role-heading-xs-weight: 750;
    --type-role-heading-xs-font: 750 44px/1 "Yango Group Headline Arabic", "Yango Group Headline Latin", -apple-system, "SF Pro Display", "Segoe UI", Roboto, sans-serif;
    --type-role-heading-xs-subhead-size: 16px;
    --type-role-heading-xs-subhead-line-height: 1.35;
    --type-role-heading-xs-subhead-weight: 400;
    --type-role-heading-xxs-size: 33px;
    --type-role-heading-xxs-line-height: 0.96;
    --type-role-heading-xxs-weight: 750;
    --type-role-heading-xxs-font: 750 33px/0.96 "Yango Group Headline Arabic", "Yango Group Headline Latin", -apple-system, "SF Pro Display", "Segoe UI", Roboto, sans-serif;
    --type-role-heading-xxs-subhead-size: 16px;
    --type-role-heading-xxs-subhead-line-height: 1.35;
    --type-role-heading-xxs-subhead-weight: 400;
    --type-role-body-size: 16px;
    --type-role-body-line-height: 1.35;
    --type-role-body-weight: 400;
    --type-role-body-font: 400 16px/1.35 "Yango Group Text Arabic", -apple-system, "SF Pro Text", "Segoe UI", Roboto, sans-serif;
    --type-role-label-size: 14px;
    --type-role-label-line-height: 1.35;
    --type-role-label-weight: 400;
    --type-role-label-font: 500 14px/1.35 "Yango Group Text Arabic", -apple-system, "SF Pro Text", "Segoe UI", Roboto, sans-serif;
    --type-role-meta-size: 12px;
    --type-role-meta-line-height: 1.35;
    --type-role-meta-weight: 400;
    --type-role-meta-font: 400 12px/1.35 "Yango Group Text Arabic", -apple-system, "SF Pro Text", "Segoe UI", Roboto, sans-serif;
  }
}
@media (min-width: 1024px) {
  :root {
    --bubble-glass-max: 256px;
    --bubble-voice-dialogue-gap: 18px;
    --bubble-voice-dialogue-max: 520px;
    --footer-lockup-width: 240px;
    --footer-logo-cap: 32px;
    --footer-group-cap: 20px;
    --footer-padding-top: 96px;
    --marquee-item-height: 56px;
    --nav-height: 72px;
    --nav-logo-cap-height: 20px;
    --pattern-gap-eyebrow-heading-heading-xl: 16px;
    --pattern-gap-eyebrow-heading-heading-l: 16px;
    --pattern-gap-eyebrow-heading-heading-m: 16px;
    --pattern-gap-eyebrow-heading-heading-s: 16px;
    --pattern-gap-eyebrow-heading-heading-xs: 16px;
    --pattern-gap-eyebrow-heading-heading-xxs: 16px;
    --pattern-gap-heading-subhead-heading-xl: 16px;
    --pattern-gap-heading-subhead-heading-l: 16px;
    --pattern-gap-heading-subhead-heading-m: 16px;
    --pattern-gap-heading-subhead-heading-s: 16px;
    --pattern-gap-heading-subhead-heading-xs: 16px;
    --pattern-gap-heading-subhead-heading-xxs: 16px;
    --pattern-gap-subhead-body-heading-xl: 16px;
    --pattern-gap-subhead-body-heading-l: 16px;
    --pattern-gap-subhead-body-heading-m: 16px;
    --pattern-gap-subhead-body-heading-s: 16px;
    --pattern-gap-subhead-body-heading-xs: 16px;
    --pattern-gap-subhead-body-heading-xxs: 16px;
    --pattern-gap-text-cta-button-m: 16px;
    --pattern-gap-text-cta-button-l: 24px;
    --pattern-gap-cta-meta-button-m: 8px;
    --pattern-gap-cta-meta-button-l: 8px;
    --pattern-cta-size-heading-xl: l;
    --pattern-cta-size-heading-l: l;
    --pattern-cta-size-heading-m: l;
    --pattern-cta-size-heading-s: m;
    --pattern-cta-size-heading-xs: m;
    --pattern-cta-size-heading-xxs: m;
    --pattern-section-header-start-span: 6;
    --pattern-section-header-start-columns: 12;
    --pattern-section-header-start-fraction: 1/2;
    --pattern-section-header-centered-span: 8;
    --pattern-section-header-centered-columns: 12;
    --pattern-section-header-centered-fraction: 2/3;
    --pattern-section-header-in-cell-span: 6;
    --pattern-section-header-in-cell-columns: 12;
    --pattern-section-header-in-cell-fraction: 1/2;
    --pattern-section-header-rhythm-section-padding: 96px;
    --tile-logo-aspect: 5 / 3;
    --type-role-heading-xl-size: 120px;
    --type-role-heading-xl-line-height: 0.98;
    --type-role-heading-xl-weight: 750;
    --type-role-heading-xl-font: 750 120px/0.98 "Yango Group Headline Arabic", "Yango Group Headline Latin", -apple-system, "SF Pro Display", "Segoe UI", Roboto, sans-serif;
    --type-role-heading-xl-subhead-size: 48px;
    --type-role-heading-xl-subhead-line-height: 1.22;
    --type-role-heading-xl-subhead-weight: 400;
    --type-role-heading-l-size: 83px;
    --type-role-heading-l-line-height: 0.96;
    --type-role-heading-l-weight: 750;
    --type-role-heading-l-font: 750 83px/0.96 "Yango Group Headline Arabic", "Yango Group Headline Latin", -apple-system, "SF Pro Display", "Segoe UI", Roboto, sans-serif;
    --type-role-heading-l-subhead-size: 32px;
    --type-role-heading-l-subhead-line-height: 1.26;
    --type-role-heading-l-subhead-weight: 400;
    --type-role-heading-m-size: 76px;
    --type-role-heading-m-line-height: 1;
    --type-role-heading-m-weight: 750;
    --type-role-heading-m-font: 750 76px/1 "Yango Group Headline Arabic", "Yango Group Headline Latin", -apple-system, "SF Pro Display", "Segoe UI", Roboto, sans-serif;
    --type-role-heading-m-subhead-size: 28px;
    --type-role-heading-m-subhead-line-height: 1.35;
    --type-role-heading-m-subhead-weight: 400;
    --type-role-heading-s-size: 65px;
    --type-role-heading-s-line-height: 0.98;
    --type-role-heading-s-weight: 750;
    --type-role-heading-s-font: 750 65px/0.98 "Yango Group Headline Arabic", "Yango Group Headline Latin", -apple-system, "SF Pro Display", "Segoe UI", Roboto, sans-serif;
    --type-role-heading-s-subhead-size: 24px;
    --type-role-heading-s-subhead-line-height: 1.35;
    --type-role-heading-s-subhead-weight: 400;
    --type-role-heading-xs-size: 57px;
    --type-role-heading-xs-line-height: 0.98;
    --type-role-heading-xs-weight: 750;
    --type-role-heading-xs-font: 750 57px/0.98 "Yango Group Headline Arabic", "Yango Group Headline Latin", -apple-system, "SF Pro Display", "Segoe UI", Roboto, sans-serif;
    --type-role-heading-xs-subhead-size: 20px;
    --type-role-heading-xs-subhead-line-height: 1.38;
    --type-role-heading-xs-subhead-weight: 400;
    --type-role-heading-xxs-size: 44px;
    --type-role-heading-xxs-line-height: 1;
    --type-role-heading-xxs-weight: 750;
    --type-role-heading-xxs-font: 750 44px/1 "Yango Group Headline Arabic", "Yango Group Headline Latin", -apple-system, "SF Pro Display", "Segoe UI", Roboto, sans-serif;
    --type-role-heading-xxs-subhead-size: 16px;
    --type-role-heading-xxs-subhead-line-height: 1.35;
    --type-role-heading-xxs-subhead-weight: 400;
    --type-role-body-size: 16px;
    --type-role-body-line-height: 1.35;
    --type-role-body-weight: 400;
    --type-role-body-font: 400 16px/1.35 "Yango Group Text Arabic", -apple-system, "SF Pro Text", "Segoe UI", Roboto, sans-serif;
    --type-role-label-size: 14px;
    --type-role-label-line-height: 1.35;
    --type-role-label-weight: 400;
    --type-role-label-font: 500 14px/1.35 "Yango Group Text Arabic", -apple-system, "SF Pro Text", "Segoe UI", Roboto, sans-serif;
    --type-role-meta-size: 12px;
    --type-role-meta-line-height: 1.35;
    --type-role-meta-weight: 400;
    --type-role-meta-font: 400 12px/1.35 "Yango Group Text Arabic", -apple-system, "SF Pro Text", "Segoe UI", Roboto, sans-serif;
  }
}