/* Forma Studio Design System · v1 */
:root {
  --color-bg: #01050e !important;
  --color-surface: #d9d9d9 !important;
  --color-title: #ffffff !important;
  --color-text: #ffffffb3 !important;
  --color-primary: #e9b454 !important;
  --color-on-primary: #080808 !important;
  --color-border: #faD593 !important;
  --font-heading: "Neue Montreal", Arial, sans-serif !important;
  --font-body: "Neue Montreal", Arial, sans-serif !important;
  --font-h1: 44px !important;
  --font-h2: 40px !important;
  --font-h3: 24px !important;
  --font-body-size: 20px !important;
  --font-small: 16px !important;
  --icon-size: 24px !important;
  --icon-feature: 48px !important;
  --container-max: 1280px !important;
  --page-gutter: 0px !important;
  --section-space: 100px !important;
  --layout-gap: 24px !important;
  --space-xs: 4px !important;
  --space-sm: 8px !important;
  --space-md: 16px !important;
  --space-lg: 24px !important;
  --space-xl: 32px !important;
  --space-2xl: 48px !important;
  --radius-sm: 4px !important;
  --radius-md: 8px !important;
  --radius-lg: 16px !important;
  --shadow-sm: 0 2px 8px #00000014 !important;
  --shadow-md: inset 0 0 29.4px 1px #ffe8bd, 0 4px 44.7px 0 #e9b4544a !important;
  --font-weight-heading: 500 !important;
  --font-weight-body: 400 !important;
  --line-height-heading: 1.18 !important;
  --line-height-body: 1.3 !important;
  --duo-frame-height: 23351px !important;
  --duo-hero-top: 489px !important;
  --duo-copy-height: 208px !important;
  --duo-media-gap: 201px !important;
  --duo-glass-light: #7b818f !important;
  --duo-glass-dark: #262e41 !important;
  --duo-heading-gradient: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201%201%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22w%22%20gradientUnits%3D%22userSpaceOnUse%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-0.3735255616%201.2664472708%20-1.4687475007%20-10.9154645952%200.5222805262%200.3815794326)%22%3E%3Cstop%20stop-color%3D%22%23ffffff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b6b6b6%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%221%22%20height%3D%221%22%20fill%3D%22url(%23w)%22%2F%3E%3C%2Fsvg%3E") !important;
}

@media (max-width: 1440px) {
:root { --font-h1: 44px !important; }
}

@media (max-width: 1024px) {
:root { --font-h1: 38px !important; }
}

@media (max-width: 767px) {
:root { --font-h1: clamp(28px, 7vw, 40px) !important; }
}

@media (max-width: 1440px) {
:root { --font-h2: 36px !important; }
}

@media (max-width: 1024px) {
:root { --font-h2: 32px !important; }
}

@media (max-width: 767px) {
:root { --font-h2: clamp(24px, 6.6vw, 36px) !important; }
}

@media (max-width: 1024px) {
:root { --font-h3: 22px !important; }
}

@media (max-width: 767px) {
:root { --font-h3: clamp(20px, 5.2vw, 28px) !important; }
}

@media (max-width: 1024px) {
:root { --font-body-size: 17px !important; }
}

@media (max-width: 767px) {
:root { --font-body-size: clamp(16px, 4.2vw, 20px) !important; }
}

@media (max-width: 767px) {
:root { --font-small: clamp(14px, 3.8vw, 16px) !important; }
}

@media (max-width: 767px) {
:root { --icon-size: clamp(20px, 6vw, 28px) !important; }
}

@media (max-width: 1440px) {
:root { --icon-feature: 40px !important; }
}

@media (max-width: 767px) {
:root { --icon-feature: clamp(32px, 10vw, 48px) !important; }
}

@media (max-width: 1440px) {
:root { --page-gutter: 32px !important; }
}

@media (max-width: 1024px) {
:root { --page-gutter: 40px !important; }
}

@media (max-width: 767px) {
:root { --page-gutter: 20px !important; }
}

@media (max-width: 1024px) {
:root { --section-space: 80px !important; }
}

@media (max-width: 767px) {
:root { --section-space: 50px !important; }
}
/* End Forma Studio Design System */