:root {
  --color-white: #ffffff;
  --color-black: #000000;
  --color-teal-50: #f2f8f9;
  --color-teal-100: #e5f0f2;
  --color-teal-200: #b1d8dd;
  --color-teal-300: #7bc0c5;
  --color-teal-400: #38a8ac;
  --color-teal-500: #22959e;
  --color-teal-600: #01838f;
  --color-teal-700: #026771;
  --color-teal-800: #014b54;
  --color-teal-900: #013239;
  --color-teal-950: #071a1e;
  --color-mint-50: #ecfff9;
  --color-mint-100: #bdfae8;
  --color-mint-200: #85f3d8;
  --color-mint-300: #1fecc9;
  --color-mint-400: #00d3af;
  --color-mint-500: #00b797;
  --color-mint-600: #009b80;
  --color-mint-700: #00816a;
  --color-mint-800: #006754;
  --color-mint-900: #004e40;
  --color-mint-950: #00372c;
  --color-neutral-50: #f8f8f8;
  --color-neutral-100: #eeeff1;
  --color-neutral-200: #e5e5e7;
  --color-neutral-300: #d9dbdf;
  --color-neutral-400: #bfc4c9;
  --color-neutral-500: #9ca2a9;
  --color-neutral-600: #7b8289;
  --color-neutral-700: #5b636b;
  --color-neutral-800: #3b4248;
  --color-neutral-900: #1e2328;
  --color-neutral-950: #0f1114;
  --color-red-50: #fef2f2;
  --color-red-600: #dc2626;
  --color-red-800: #991b1b;
  --color-green-50: #f0fdf4;
  --color-green-600: #16a34a;
  --color-green-800: #166534;
  --color-amber-50: #fffbeb;
  --color-amber-600: #f59e0b;
  --color-amber-800: #92400e;
  --color-alpha-white-1: #ffffff03;
  --color-alpha-white-10: #ffffff1a;
  --color-alpha-white-20: #ffffff33;
  --color-alpha-white-25: #ffffff40;
  --color-alpha-white-35: #ffffff59;
  --color-alpha-white-45: #ffffff73;
  --color-alpha-white-65: #ffffffa6;
  --color-alpha-white-80: #ffffffcc;
  --color-alpha-ink-6: #0132390f;
  --color-alpha-ink-12: #0132391f;
  --color-alpha-ink-40: #01323966;
  --color-alpha-black-0: #00000000;
  --color-alpha-black-2: #00000005;
  --color-alpha-black-4: #0000000a;
  --color-alpha-black-20: #00000033;
  --color-alpha-black-60: #00000099;
  --color-alpha-black-85: #000000d9;
  --color-alpha-teal-300-0: #7bc0c500;
  --color-alpha-teal-300-55: #7bc0c58c;
  --color-text-primary: var(--color-teal-900);
  --color-text-secondary: var(--color-neutral-700);
  --color-text-tertiary: var(--color-neutral-700);
  --color-text-accent: var(--color-teal-600);
  --color-text-disabled: var(--color-neutral-400);
  --color-text-placeholder: #5b636be6;
  --color-text-on-accent: var(--color-white);
  --color-surface-page: var(--color-white);
  --color-surface-subtle: var(--color-neutral-50);
  --color-surface-card: var(--color-white);
  --color-surface-band: var(--color-teal-100);
  --color-surface-selected: var(--color-teal-900);
  --color-border-subtle: var(--color-neutral-100);
  --color-border-default: var(--color-neutral-200);
  --color-border-strong: var(--color-teal-900);
  --color-border-field: var(--color-neutral-600);
  --color-border-input: var(--color-neutral-400);
  --color-divider: var(--color-neutral-200);
  --color-accent: var(--color-mint-300);
  --color-action-primary-bg: var(--color-teal-600);
  --color-action-primary-bg-hover: var(--color-teal-700);
  --color-action-primary-text: var(--color-white);
  --color-action-outline-bg-hover: var(--color-teal-600);
  --color-action-outline-border: var(--color-teal-900);
  --color-action-outline-text: var(--color-teal-900);
  --color-action-outline-text-hover: var(--color-white);
  --color-action-link-text: var(--color-teal-900);
  --color-action-link-text-hover: var(--color-teal-600);
  --color-action-disabled-bg: var(--color-neutral-200);
  --color-action-disabled-text: var(--color-neutral-500);
  --color-chip-bg: var(--color-white);
  --color-chip-bg-hover: var(--color-alpha-ink-6);
  --color-chip-border: var(--color-neutral-400);
  --color-chip-border-hover: var(--color-teal-600);
  --color-chip-text: var(--color-teal-900);
  --color-chip-selected-bg: var(--color-teal-900);
  --color-chip-selected-text: var(--color-white);
  --color-icon-default: var(--color-teal-900);
  --color-icon-accent: var(--color-teal-600);
  --color-icon-on-accent: var(--color-white);
  --color-glass-fill: var(--color-alpha-white-45);
  --color-glass-border: var(--color-alpha-white-65);
  --color-focus-ring: #005fcc;
  --color-focus-halo: var(--color-white);
  --color-scrim: var(--color-alpha-black-60);
  --scrim-strong: 0.75;
  --scrim-bottom: linear-gradient(0deg, var(--color-black) 0%, var(--color-alpha-black-85) 30%, var(--color-alpha-black-0) 85%);
  --color-tag-bg: var(--color-neutral-100);
  --color-tag-text: var(--color-teal-900);
  --color-status-error: var(--color-red-600);
  --color-status-error-subtle: var(--color-red-50);
  --color-status-error-text: var(--color-red-800);
  --color-status-success: var(--color-green-600);
  --color-status-success-subtle: var(--color-green-50);
  --color-status-success-text: var(--color-green-800);
  --color-status-warning: var(--color-amber-600);
  --color-status-warning-subtle: var(--color-amber-50);
  --color-status-warning-text: var(--color-amber-800);
}

:root {
  --font-family: "Figtree", sans-serif;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --letter-spacing-heading: -0.02em;
  --letter-spacing-heading-large: -0.01em;
  --letter-spacing-body: 0;
  --letter-spacing-eyebrow: 0.04em;
  --font-size-display-xl: 53px;
  --line-height-display-xl: 55px;
  --font-size-display-l: 40px;
  --line-height-display-l: 39px;
  --font-size-display-s: 36px;
  --line-height-display-s: 35px;
  --font-size-heading-xl: 40px;
  --line-height-heading-xl: 45px;
  --font-size-heading-l: 30px;
  --line-height-heading-l: 32px;
  --font-size-heading-large: 38px;
  --line-height-heading-large: 42px;
  --font-size-heading-m: 28px;
  --line-height-heading-m: 34px;
  --font-size-heading-panel: 28px;
  --line-height-heading-panel: 34px;
  --font-size-heading-s: 26px;
  --line-height-heading-s: 31px;
  --font-size-heading-xs: 20px;
  --line-height-heading-xs: 25px;
  --font-size-title-xl: 20px;
  --line-height-title-xl: 24px;
  --font-size-title-l: 20px;
  --line-height-title-l: 27px;
  --font-size-title-card: 20px;
  --line-height-title-card: 23px;
  --font-size-title-m: 17px;
  --line-height-title-m: 20px;
  --font-size-title-s: 16px;
  --line-height-title-s: 24px;
  --font-size-body-xl: 20px;
  --line-height-body-xl: 27px;
  --font-size-body-l: 18px;
  --line-height-body-l: 27px;
  --font-size-body-m: 16px;
  --line-height-body-m: 24px;
  --font-size-body-card: 16px;
  --line-height-body-card: 22px;
  --font-size-body-s: 14px;
  --line-height-body-s: 20px;
  --font-size-body-xs: 12px;
  --line-height-body-xs: 17px;
  --font-size-label-m: 16px;
  --line-height-label-m: 20px;
  --font-size-label-s: 14px;
  --line-height-label-s: 18px;
  --font-size-eyebrow-l: 18px;
  --line-height-eyebrow-l: 19px;
  --font-size-eyebrow-m: 14px;
  --line-height-eyebrow-m: 14px;
  --font-size-eyebrow-s: 12px;
  --line-height-eyebrow-s: 17px;
  --font-size-stat-l: 48px;
  --line-height-stat-l: 50px;
  --font-size-stat-m: 32px;
  --line-height-stat-m: 34px;
}

@media (min-width: 768px) {
  :root {
    --font-size-display-xl: 67px;
    --line-height-display-xl: 69px;
    --font-size-display-l: 51px;
    --line-height-display-l: 50px;
    --font-size-display-s: 44px;
    --line-height-display-s: 43px;
    --font-size-heading-xl: 40px;
    --line-height-heading-xl: 45px;
    --font-size-heading-l: 36px;
    --line-height-heading-l: 38px;
    --font-size-heading-large: 38px;
    --line-height-heading-large: 42px;
    --font-size-heading-m: 32px;
    --line-height-heading-m: 38px;
    --font-size-heading-panel: 32px;
    --line-height-heading-panel: 38px;
    --font-size-heading-s: 28px;
    --line-height-heading-s: 34px;
    --font-size-heading-xs: 22px;
    --line-height-heading-xs: 27px;
    --font-size-title-xl: 22px;
    --line-height-title-xl: 26px;
    --font-size-title-l: 20px;
    --line-height-title-l: 27px;
    --font-size-title-card: 20px;
    --line-height-title-card: 23px;
    --font-size-title-m: 18px;
    --line-height-title-m: 22px;
    --font-size-title-s: 16px;
    --line-height-title-s: 24px;
    --font-size-body-xl: 20px;
    --line-height-body-xl: 27px;
    --font-size-body-l: 18px;
    --line-height-body-l: 27px;
    --font-size-body-m: 16px;
    --line-height-body-m: 24px;
    --font-size-body-card: 16px;
    --line-height-body-card: 22px;
    --font-size-body-s: 14px;
    --line-height-body-s: 20px;
    --font-size-body-xs: 12px;
    --line-height-body-xs: 17px;
    --font-size-label-m: 16px;
    --line-height-label-m: 20px;
    --font-size-label-s: 14px;
    --line-height-label-s: 18px;
    --font-size-eyebrow-l: 20px;
    --line-height-eyebrow-l: 21px;
    --font-size-eyebrow-m: 16px;
    --line-height-eyebrow-m: 16px;
    --font-size-eyebrow-s: 14px;
    --line-height-eyebrow-s: 20px;
    --font-size-stat-l: 64px;
    --line-height-stat-l: 67px;
    --font-size-stat-m: 36px;
    --line-height-stat-m: 38px;
  }
}
@media (min-width: 1024px) {
  :root {
    --font-size-display-xl: 83px;
    --line-height-display-xl: 86px;
    --font-size-display-l: 63px;
    --line-height-display-l: 62px;
    --font-size-display-s: 54px;
    --line-height-display-s: 53px;
    --font-size-heading-xl: 48px;
    --line-height-heading-xl: 54px;
    --font-size-heading-l: 42px;
    --line-height-heading-l: 42px;
    --font-size-heading-large: 42px;
    --line-height-heading-large: 42px;
    --font-size-heading-m: 36px;
    --line-height-heading-m: 43px;
    --font-size-heading-panel: 34px;
    --line-height-heading-panel: 41px;
    --font-size-heading-s: 30px;
    --line-height-heading-s: 36px;
    --font-size-heading-xs: 24px;
    --line-height-heading-xs: 29px;
    --font-size-title-xl: 22px;
    --line-height-title-xl: 26px;
    --font-size-title-l: 20px;
    --line-height-title-l: 27px;
    --font-size-title-card: 20px;
    --line-height-title-card: 23px;
    --font-size-title-m: 18px;
    --line-height-title-m: 22px;
    --font-size-title-s: 16px;
    --line-height-title-s: 24px;
    --font-size-body-xl: 20px;
    --line-height-body-xl: 27px;
    --font-size-body-l: 18px;
    --line-height-body-l: 27px;
    --font-size-body-m: 16px;
    --line-height-body-m: 24px;
    --font-size-body-card: 16px;
    --line-height-body-card: 22px;
    --font-size-body-s: 14px;
    --line-height-body-s: 20px;
    --font-size-body-xs: 12px;
    --line-height-body-xs: 17px;
    --font-size-label-m: 16px;
    --line-height-label-m: 20px;
    --font-size-label-s: 14px;
    --line-height-label-s: 18px;
    --font-size-eyebrow-l: 20px;
    --line-height-eyebrow-l: 21px;
    --font-size-eyebrow-m: 16px;
    --line-height-eyebrow-m: 16px;
    --font-size-eyebrow-s: 14px;
    --line-height-eyebrow-s: 20px;
    --font-size-stat-l: 90px;
    --line-height-stat-l: 94px;
    --font-size-stat-m: 44px;
    --line-height-stat-m: 46px;
  }
}
:root {
  --space-2: 2px;
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-14: 14px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-28: 28px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-72: 72px;
  --space-80: 80px;
  --space-96: 96px;
  --space-104: 104px;
  --space-128: 128px;
  --space-176: 176px;
  --space-200: 200px;
  --size-dot-6: 6px;
  --size-icon-16: 16px;
  --size-icon-20: 20px;
  --size-icon-24: 24px;
  --size-icon-32: 32px;
  --size-control: 40px;
  --size-field: 61px;
  --size-touch-target: 44px;
  --size-button: 48px;
  --size-button-sm: 30px;
}

:root {
  --layout-container: 1024px;
  --layout-full-bleed: 402px;
  --layout-margin: 16px;
  --layout-gutter: 16px;
  --layout-columns: 4;
  --layout-section-gap: 56px;
  --layout-section-s: 40px;
  --layout-section-m: 48px;
  --layout-section-l: 56px;
  --layout-section-xl: 72px;
  --layout-section-2xl: 96px;
  --layout-chip-height: 44px;
  --layout-surface-1800: 1800px;
  --layout-surface-1920: 1920px;
  --layout-surface-2000: 2000px;
  --layout-surface: var(--layout-surface-2000);
  --layout-media: 1600px;
  --layout-media-product: var(--layout-container);
  --layout-measure-heading: 100%;
  --layout-measure-copy: 100%;
  --layout-radius-surface: var(--radius-40);
  --layout-radius-surface-s: var(--radius-30);
  --layout-radius-sweep: var(--radius-sweep);
}

@media (min-width: 768px) {
  :root {
    --layout-container: 1024px;
    --layout-full-bleed: 834px;
    --layout-margin: 40px;
    --layout-gutter: 20px;
    --layout-columns: 8;
    --layout-section-gap: 72px;
    --layout-section-s: 48px;
    --layout-section-m: 56px;
    --layout-section-l: 72px;
    --layout-section-xl: 112px;
    --layout-section-2xl: 144px;
    --layout-chip-height: 44px;
    --layout-media-product: var(--layout-container);
    --layout-measure-heading: 640px;
    --layout-measure-copy: 540px;
  }
}
@media (min-width: 1024px) {
  :root {
    --layout-container: 1272px;
    --layout-full-bleed: 1440px;
    --layout-margin: 84px;
    --layout-gutter: 24px;
    --layout-columns: 12;
    --layout-section-gap: 96px;
    --layout-section-s: 48px;
    --layout-section-m: 64px;
    --layout-section-l: 80px;
    --layout-section-xl: 128px;
    --layout-section-2xl: 176px;
    --layout-chip-height: 40px;
    --layout-media-product: 911px;
    --layout-measure-heading: 760px;
    --layout-measure-copy: 580px;
  }
}
:root {
  --radius-4: 4px;
  --radius-6: 6px;
  --radius-10: 10px;
  --radius-12: 12px;
  --radius-20: 20px;
  --radius-30: 30px;
  --radius-40: 40px;
  --radius-220: 220px;
  --radius-sweep: 250px;
  --radius-pill: 9999px;
}

:root {
  --shadow-sm: 0 2px 8px 0 var(--color-alpha-ink-6);
}

:root {
  --blur-glass-on-light: 16px;
  --blur-glass-on-dark: 26px;
  --blur-glass-on-photo: 34px;
  --gradient-brand-reversed: linear-gradient(
    7.13deg,
    var(--color-white) 8.69%,
    var(--color-teal-600) 40.95%,
    var(--color-teal-900) 131.71%
  );
  --gradient-hero:
    radial-gradient(
      70.14% 71.86% at 50% 97.16%,
      rgb(0 66 82 / 100%) 0%,
      rgb(0 66 82 / 89.3%) 33.475%,
      rgb(0 66 82 / 70.81%) 48.96%,
      rgb(0 66 82 / 51.74%) 65%,
      rgb(0 66 82 / 32.46%) 78%,
      rgb(0 66 82 / 16.75%) 88%,
      rgb(0 66 82 / 6.12%) 95%,
      rgb(0 66 82 / 0%) 100%
    ),
    linear-gradient(180deg, var(--color-white) 19.867%, rgb(239 245 245) 32.900%, rgb(191 214 217) 45.933%, rgb(112 163 169) 58.967%, #005b66 72%, #00505b 100%);
  --gradient-hero-reversed:
    radial-gradient(
      70.14% 71.86% at 50% 2.84%,
      rgb(0 66 82 / 100%) 0%,
      rgb(0 66 82 / 89.3%) 33.475%,
      rgb(0 66 82 / 70.81%) 48.96%,
      rgb(0 66 82 / 51.74%) 65%,
      rgb(0 66 82 / 32.46%) 78%,
      rgb(0 66 82 / 16.75%) 88%,
      rgb(0 66 82 / 6.12%) 95%,
      rgb(0 66 82 / 0%) 100%
    ),
    linear-gradient(0deg, var(--color-white) 19.867%, #005b66 72%, #00505b 100%);
  --gradient-band-wash:
    linear-gradient(180deg, rgb(255 255 255 / 0%) 81.417%, var(--color-white) 100%),
    radial-gradient(ellipse 106.17% 48.7% at 151.88% 50.29%, rgb(0 79 99 / 73.8%) 0%, rgb(0 79 99 / 61.52%) 30%, rgb(0 79 99 / 42.37%) 50%, rgb(0 79 99 / 25.59%) 65%, rgb(0 79 99 / 12.1%) 78%, rgb(0 79 99 / 4.18%) 88%, rgb(0 79 99 / 0.83%) 95%, rgb(0 79 99 / 0%) 100%),
    radial-gradient(ellipse 54.57% 41.63% at 90.62% 25.19%, rgb(0 50 71 / 100%) 0%, rgb(0 50 71 / 83.81%) 30%, rgb(0 50 71 / 58.35%) 50%, rgb(0 50 71 / 35.77%) 65%, rgb(0 50 71 / 17.28%) 78%, rgb(0 50 71 / 6.15%) 88%, rgb(0 50 71 / 1.28%) 95%, rgb(0 50 71 / 0%) 100%),
    radial-gradient(ellipse 38.54% 105.61% at 108.33% 119.71%, rgb(211 213 221 / 100%) 0%, rgb(211 213 221 / 88.41%) 30%, rgb(211 213 221 / 68.68%) 50%, rgb(211 213 221 / 48.82%) 65%, rgb(211 213 221 / 29.39%) 78%, rgb(211 213 221 / 14.3%) 88%, rgb(211 213 221 / 4.78%) 95%, rgb(211 213 221 / 0%) 100%),
    radial-gradient(ellipse 75.26% 153.19% at -6.82% 144.88%, rgb(225 228 234 / 100%) 0%, rgb(225 228 234 / 84.88%) 30%, rgb(225 228 234 / 60.65%) 50%, rgb(225 228 234 / 38.5%) 65%, rgb(225 228 234 / 19.6%) 78%, rgb(225 228 234 / 7.51%) 88%, rgb(225 228 234 / 1.75%) 95%, rgb(225 228 234 / 0%) 100%),
    radial-gradient(ellipse 74.91% 83.29% at 45.22% 129.01%, rgb(255 241 249 / 100%) 0%, rgb(255 241 249 / 89.3%) 30%, rgb(255 241 249 / 70.81%) 50%, rgb(255 241 249 / 51.74%) 65%, rgb(255 241 249 / 32.46%) 78%, rgb(255 241 249 / 16.75%) 88%, rgb(255 241 249 / 6.12%) 95%, rgb(255 241 249 / 0%) 100%),
    radial-gradient(ellipse 108.42% 48.45% at 70.94% 54.36%, rgb(0 115 131 / 100%) 0%, rgb(0 115 131 / 56.79%) 30%, rgb(0 115 131 / 17.8%) 50%, rgb(0 115 131 / 3.71%) 65%, rgb(0 115 131 / 0.36%) 78%, rgb(0 115 131 / 0.01%) 88%, rgb(0 115 131 / 0%) 95%, rgb(0 115 131 / 0%) 100%),
    radial-gradient(ellipse 45.78% 66.79% at 70.19% 2.84%, rgb(0 66 82 / 100%) 0%, rgb(0 66 82 / 89.3%) 30%, rgb(0 66 82 / 70.81%) 50%, rgb(0 66 82 / 51.74%) 65%, rgb(0 66 82 / 32.46%) 78%, rgb(0 66 82 / 16.75%) 88%, rgb(0 66 82 / 6.12%) 95%, rgb(0 66 82 / 0%) 100%),
    linear-gradient(177.03deg, #00505b 0%, #005b66 32.911%, var(--color-white) 100%);
}

:root {
  --motion-ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --motion-ease-slide: cubic-bezier(0.65, 0, 0.35, 1);
  --motion-ease-settle: cubic-bezier(0.2, 0.8, 0.2, 1);
  --motion-ease-standard: ease;
  --motion-ease-enter: var(--motion-ease-out);
  --motion-ease-exit: var(--motion-ease-standard);
  --motion-duration-80: 80ms;
  --motion-duration-200: 200ms;
  --motion-duration-250: 250ms;
  --motion-duration-300: 300ms;
  --motion-duration-350: 350ms;
  --motion-duration-450: 450ms;
  --motion-duration-520: 520ms;
  --motion-duration-600: 600ms;
  --motion-duration-700: 700ms;
  --motion-duration-1000: 1000ms;
  --motion-duration-1400: 1400ms;
  --motion-duration-fast: var(--motion-duration-200);
  --motion-duration-base: var(--motion-duration-700);
  --motion-duration-slow: var(--motion-duration-1000);
  --motion-scale-reveal: 1.04;
  --motion-scale-reveal-hero: 1.02;
  --motion-reveal-distance: 16px;
  --motion-reveal-duration: var(--motion-duration-700);
  --motion-reveal-hero-distance: 24px;
  --motion-reveal-hero-duration: var(--motion-duration-1000);
  --motion-reveal-photo-duration: var(--motion-duration-1400);
  --motion-reveal-photo-scale: var(--motion-scale-reveal);
  --motion-stagger: var(--motion-duration-80);
  --motion-stagger-cap: 640ms;
  --motion-reveal-base-delay: 200ms;
  --motion-reveal-show: 0.12;
  --motion-reveal-inset: 0.02;
  --motion-fallback: 2500ms;
  --motion-font-wait: 800ms;
  --motion-parallax-distance: 40px;
  --motion-parallax-rate: 0;
  --motion-build-veil: 0.28;
  --motion-zoom-from: 0.94;
  --motion-zoom-radius: var(--radius-20);
  --motion-accordion-duration: var(--motion-duration-300);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-duration-80: 0ms;
    --motion-duration-200: 0ms;
    --motion-duration-250: 0ms;
    --motion-duration-300: 0ms;
    --motion-duration-350: 0ms;
    --motion-duration-450: 0ms;
    --motion-duration-520: 0ms;
    --motion-duration-600: 0ms;
    --motion-duration-700: 0ms;
    --motion-duration-1000: 0ms;
    --motion-duration-1400: 0ms;
    --motion-duration-fast: 0ms;
    --motion-duration-base: 0ms;
    --motion-duration-slow: 0ms;
    --motion-reveal-distance: 0px;
    --motion-reveal-hero-distance: 0px;
    --motion-reveal-base-delay: 0ms;
    --motion-reveal-photo-scale: 1;
    --motion-parallax-distance: 0px;
    --motion-build-veil: 0;
    --motion-zoom-from: 1;
    --motion-accordion-duration: 0ms;
    --motion-build: 1;
    --motion-scroll-y: 0px;
  }
}
@font-face {
  font-family: "Figtree";
  src: url("../fonts/figtree-latin-ext-wght-normal.woff2") format("woff2");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Figtree";
  src: url("../fonts/figtree-latin-wght-normal.woff2") format("woff2");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-wrap: pretty;
}

body {
  margin: 0;
  font-family: var(--font-family);
  font-size: var(--font-size-body-m);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-body-m);
  letter-spacing: var(--letter-spacing-body);
  color: var(--color-text-primary);
  background: var(--color-surface-page);
}

img {
  max-width: 100%;
  height: auto;
}

button,
input,
textarea,
select {
  font: inherit;
}

a {
  color: var(--color-action-link-text);
}

a:hover {
  color: var(--color-action-link-text-hover);
}

:focus-visible {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: 2px;
}

.skip-link {
  position: absolute;
  left: var(--space-16);
  top: var(--space-16);
  transform: translateY(-150%);
  background: var(--color-surface-card);
  color: var(--color-text-primary);
  padding: var(--space-8) var(--space-12);
  z-index: 4;
}

.skip-link:focus {
  transform: none;
}

sup {
  font-size: 0.6em;
  line-height: 0;
  vertical-align: super;
}

.type-display-xl {
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-display-xl);
  line-height: var(--line-height-display-xl);
  letter-spacing: var(--letter-spacing-body);
}

.type-display-l {
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-display-l);
  line-height: var(--line-height-display-l);
  letter-spacing: var(--letter-spacing-body);
}

.type-display-s {
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-display-s);
  line-height: var(--line-height-display-s);
  letter-spacing: var(--letter-spacing-body);
}

.type-heading-xl {
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-heading-xl);
  line-height: var(--line-height-heading-xl);
  letter-spacing: var(--letter-spacing-body);
}

.type-heading-l {
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-heading-l);
  line-height: var(--line-height-heading-l);
  letter-spacing: var(--letter-spacing-body);
}

.type-heading-large {
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-heading-large);
  line-height: var(--line-height-heading-large);
  letter-spacing: var(--letter-spacing-body);
}

.type-heading-m {
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-heading-m);
  line-height: var(--line-height-heading-m);
  letter-spacing: var(--letter-spacing-body);
}

.type-heading-panel {
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-heading-panel);
  line-height: var(--line-height-heading-panel);
  letter-spacing: var(--letter-spacing-body);
}

.type-heading-s {
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-heading-s);
  line-height: var(--line-height-heading-s);
  letter-spacing: var(--letter-spacing-body);
}

.type-heading-xs {
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-heading-xs);
  line-height: var(--line-height-heading-xs);
  letter-spacing: var(--letter-spacing-body);
}

.type-body-xl {
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-body-xl);
  line-height: var(--line-height-body-xl);
  letter-spacing: var(--letter-spacing-body);
}

.type-body-l {
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-body-l);
  line-height: var(--line-height-body-l);
  letter-spacing: var(--letter-spacing-body);
}

.type-body-m {
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-body-m);
  line-height: var(--line-height-body-m);
  letter-spacing: var(--letter-spacing-body);
}

.type-body-card {
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-body-card);
  line-height: var(--line-height-body-card);
  letter-spacing: var(--letter-spacing-body);
}

.type-body-s {
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-body-s);
  line-height: var(--line-height-body-s);
  letter-spacing: var(--letter-spacing-body);
}

.type-body-xs {
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-body-xs);
  line-height: var(--line-height-body-xs);
  letter-spacing: var(--letter-spacing-body);
}

.type-stat-l {
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-stat-l);
  line-height: var(--line-height-stat-l);
  letter-spacing: var(--letter-spacing-body);
}

.type-stat-m {
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-stat-m);
  line-height: var(--line-height-stat-m);
  letter-spacing: var(--letter-spacing-body);
}

.type-label-m {
  font-family: var(--font-family);
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-label-m);
  line-height: var(--line-height-label-m);
  letter-spacing: var(--letter-spacing-body);
}

.type-title-xl {
  font-family: var(--font-family);
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-title-xl);
  line-height: var(--line-height-title-xl);
  letter-spacing: var(--letter-spacing-body);
}

.type-title-l {
  font-family: var(--font-family);
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-title-l);
  line-height: var(--line-height-title-l);
  letter-spacing: var(--letter-spacing-body);
}

.type-title-card {
  font-family: var(--font-family);
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-title-card);
  line-height: var(--line-height-title-card);
  letter-spacing: var(--letter-spacing-body);
}

.type-title-m {
  font-family: var(--font-family);
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-title-m);
  line-height: var(--line-height-title-m);
  letter-spacing: var(--letter-spacing-body);
}

.type-title-s {
  font-family: var(--font-family);
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-title-s);
  line-height: var(--line-height-title-s);
  letter-spacing: var(--letter-spacing-body);
}

.type-label-s {
  font-family: var(--font-family);
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-label-s);
  line-height: var(--line-height-label-s);
  letter-spacing: var(--letter-spacing-body);
}

.type-eyebrow-l {
  font-family: var(--font-family);
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-eyebrow-l);
  line-height: var(--line-height-eyebrow-l);
  letter-spacing: var(--letter-spacing-body);
}

.type-eyebrow-m {
  font-family: var(--font-family);
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-eyebrow-m);
  line-height: var(--line-height-eyebrow-m);
  letter-spacing: var(--letter-spacing-body);
}

.type-eyebrow-s {
  font-family: var(--font-family);
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-eyebrow-s);
  line-height: var(--line-height-eyebrow-s);
  letter-spacing: var(--letter-spacing-body);
}

.type-display-xl {
  letter-spacing: var(--letter-spacing-heading);
}

.type-display-l {
  letter-spacing: var(--letter-spacing-heading);
}

.type-display-s {
  letter-spacing: var(--letter-spacing-heading);
}

.type-heading-xl {
  letter-spacing: var(--letter-spacing-heading);
}

.type-heading-l {
  letter-spacing: var(--letter-spacing-heading);
}

.type-heading-m {
  letter-spacing: var(--letter-spacing-heading);
}

.type-heading-s {
  letter-spacing: var(--letter-spacing-heading);
}

.type-heading-xs {
  letter-spacing: var(--letter-spacing-heading);
}

.type-stat-l {
  letter-spacing: var(--letter-spacing-heading);
}

.type-stat-m {
  letter-spacing: var(--letter-spacing-heading);
}

.type-heading-large {
  letter-spacing: var(--letter-spacing-heading-large);
}

.type-eyebrow-l {
  letter-spacing: var(--letter-spacing-eyebrow);
  text-transform: uppercase;
}

.type-eyebrow-m {
  letter-spacing: var(--letter-spacing-eyebrow);
  text-transform: uppercase;
}

.type-eyebrow-s {
  letter-spacing: var(--letter-spacing-eyebrow);
  text-transform: uppercase;
}

.type-label-l {
  font-family: var(--font-family);
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-heading-xs);
  line-height: var(--line-height-heading-xs);
  letter-spacing: var(--letter-spacing-body);
}

.type-label-xs {
  font-family: var(--font-family);
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-body-xs);
  line-height: var(--line-height-body-xs);
  letter-spacing: var(--letter-spacing-body);
}

p,
h1,
h2,
h3,
h4 {
  margin: 0;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-6);
  min-height: var(--size-button);
  padding: 0 var(--space-20);
  border: 1px solid transparent;
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--color-text-primary);
  font-family: var(--font-family);
  font-size: var(--font-size-label-m);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-label-m);
  letter-spacing: var(--letter-spacing-body);
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--motion-duration-200) var(--motion-ease-standard), border-color var(--motion-duration-200) var(--motion-ease-standard), color var(--motion-duration-200) var(--motion-ease-standard);
}

.btn__icon {
  width: 16px;
  height: 16px;
  flex: none;
  fill: currentColor;
}

.btn--sm {
  min-height: var(--size-button-sm);
  padding-inline: var(--space-12);
  font-size: var(--font-size-label-s);
  line-height: var(--line-height-label-s);
  font-weight: var(--font-weight-semibold);
}

.btn--primary {
  background: var(--color-action-primary-bg);
  color: var(--color-action-primary-text);
}

.btn--primary:hover {
  background: var(--color-action-primary-bg-hover);
  color: var(--color-action-primary-text);
}

.btn--outline {
  background: transparent;
  border-color: var(--color-action-outline-border);
  color: var(--color-action-outline-text);
}

.btn--outline:hover {
  background: var(--color-action-outline-bg-hover);
  border-color: var(--color-action-outline-bg-hover);
  color: var(--color-action-outline-text-hover);
}

.btn--on-dark {
  border-color: var(--color-white);
  color: var(--color-white);
}

.btn--on-dark:hover {
  background: var(--color-action-outline-bg-hover);
  border-color: var(--color-action-outline-bg-hover);
  color: var(--color-action-outline-text-hover);
}

.btn--glass {
  border-width: 0.5px;
  border-color: var(--color-border-default);
  background: var(--color-alpha-white-80);
  box-shadow: var(--shadow-sm);
  color: var(--color-text-primary);
  backdrop-filter: blur(var(--blur-glass-on-light));
}

.btn--glass:hover {
  border-color: var(--color-action-outline-bg-hover);
  background: var(--color-action-outline-bg-hover);
  color: var(--color-action-outline-text-hover);
  backdrop-filter: none;
}

.btn:disabled,
.btn[aria-disabled=true] {
  background: var(--color-action-disabled-bg);
  border-color: transparent;
  color: var(--color-action-disabled-text);
  cursor: not-allowed;
}

.l-container {
  width: min(100% - (var(--layout-margin) * 2), var(--layout-container));
  margin-inline: auto;
}

.l-canvas {
  position: relative;
  width: 100%;
}

.l-surface {
  position: relative;
  width: min(100%, var(--layout-surface));
  margin-inline: auto;
}

.l-surface--round {
  border-radius: var(--layout-radius-surface);
}

.l-surface--round-bottom {
  border-bottom-left-radius: var(--layout-radius-surface-s);
  border-bottom-right-radius: var(--layout-radius-surface-s);
}

.l-surface--clip {
  overflow: hidden;
}

.l-surface--clip :focus-visible {
  outline-offset: -3px;
}

.l-media,
.l-media--product {
  min-width: 0;
  max-width: 100%;
  margin-inline: auto;
}

.l-media {
  width: min(100%, var(--layout-media));
}

.l-media--product {
  width: min(100%, var(--layout-media-product));
}

.l-sweep {
  position: absolute;
  top: 0;
  right: 0;
  width: 115%;
  height: min(622px, 100%);
  border-top-left-radius: var(--radius-30);
  border-top-right-radius: var(--layout-radius-sweep);
  background: linear-gradient(200deg, rgb(116, 116, 116), transparent 72%);
  opacity: 0.11;
  pointer-events: none;
}

.l-grid {
  display: grid;
  grid-template-columns: repeat(var(--layout-columns), minmax(0, 1fr));
  gap: var(--layout-gutter);
}

.l-section {
  padding-block: var(--layout-section-l);
}

.l-shell {
  border-bottom: 1px solid var(--color-border-subtle);
}

.l-shell--overlay {
  position: absolute;
  z-index: 3;
  inset-inline: 0;
  top: 0;
  border-bottom: 0;
  background: transparent;
}

.l-shell--footer {
  border-bottom: 0;
  border-top: 1px solid var(--color-border-subtle);
}

.l-shell__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-16);
  min-height: var(--space-72);
}

.l-shell__action {
  min-height: 38px;
  gap: var(--space-8);
  padding-inline: var(--space-24);
}

.l-shell__action .btn__icon {
  width: 12px;
  height: 12px;
}

.l-shell__meta {
  margin: 0;
  color: var(--color-text-secondary);
}

.l-shell__nav {
  display: flex;
  align-items: center;
  gap: var(--space-16);
}

.l-shell__nav a {
  color: var(--color-text-secondary);
  text-decoration: none;
}

.l-shell__nav a[aria-current=page] {
  color: var(--color-text-primary);
}

.l-logo-link {
  display: inline-flex;
  color: inherit;
}

.l-logo {
  display: block;
  width: 130px;
  height: auto;
}

.l-logo--lockup {
  width: 121px;
}

.icon {
  display: inline-block;
  width: var(--size-icon-24);
  height: var(--size-icon-24);
  background-color: currentColor;
  color: var(--color-icon-default);
  mask-image: var(--icon-url);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: var(--icon-url);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}

.icon--16 {
  width: var(--size-icon-16);
  height: var(--size-icon-16);
}

.icon--20 {
  width: var(--size-icon-20);
  height: var(--size-icon-20);
}

.icon--32 {
  width: var(--size-icon-32);
  height: var(--size-icon-32);
}

.glass {
  background: var(--color-glass-fill);
  border: 1px solid var(--color-glass-border);
  border-radius: var(--radius-20);
  box-shadow: var(--shadow-sm);
  backdrop-filter: blur(var(--blur-glass-on-light));
}

[data-motion-reveal],
[data-motion-photo] {
  opacity: 1;
  transform: none;
}

.motion-ready [data-motion-reveal]:not(.is-revealed) {
  opacity: 0;
  transform: translate3d(0, var(--motion-reveal-distance), 0);
}

.motion-ready [data-motion-reveal].is-arming {
  transition: opacity var(--motion-reveal-fade, var(--motion-reveal-duration)) var(--motion-ease-enter), transform var(--motion-reveal-duration) var(--motion-ease-enter);
  transition-delay: var(--motion-reveal-delay, 0ms);
}

.motion-ready [data-motion-reveal].is-from-above:not(.is-revealed) {
  transform: none;
}

.motion-ready [data-motion-reveal].is-from-above.is-arming {
  transition: opacity var(--motion-reveal-fade, var(--motion-reveal-duration)) var(--motion-ease-enter);
  transition-delay: var(--motion-reveal-delay, 0ms);
}

.motion-ready [data-motion-reveal].is-revealed:not(.is-settled) {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.motion-ready [data-motion-reveal].is-revealed,
.motion-ready [data-motion-reveal].is-settled,
.motion-ready [data-motion-photo].is-revealed,
.motion-ready [data-motion-photo].is-settled {
  opacity: 1;
  animation: none;
}

.motion-ready [data-motion-reveal].is-settled,
.motion-ready [data-motion-photo].is-settled {
  transform: none;
}

.motion-ready [data-motion-photo]:not(.is-revealed) {
  opacity: 0;
  transform: scale(var(--motion-reveal-photo-scale));
}

.motion-ready [data-motion-photo].is-arming {
  transition: opacity var(--motion-reveal-photo-duration) var(--motion-ease-enter), transform var(--motion-reveal-photo-duration) var(--motion-ease-enter);
  transition-delay: var(--motion-reveal-delay, 0ms);
}

.motion-ready [data-motion-photo=hero] {
  --motion-reveal-photo-scale: var(--motion-scale-reveal-hero);
}

.motion-ready [data-motion-photo] {
  transform-origin: center center;
}

.motion-ready [data-motion-photo].is-revealed:not(.is-settled) {
  opacity: 1;
  transform: scale(1);
}

.motion-parallax {
  position: relative;
}

.motion-parallax__layer {
  transform: translate3d(0, var(--motion-parallax-y, 0px), 0);
}

[data-motion-scroll] {
  transform: translate3d(0, var(--motion-scroll-y, 0px), 0) scaleX(var(--motion-scroll-scale, 1));
}

.motion-build {
  position: absolute;
  inset: -35%;
  background: var(--color-white);
  opacity: var(--motion-build-veil);
  pointer-events: none;
  mask-image: radial-gradient(circle at 0% 100%, transparent 0, transparent calc(var(--motion-build, 0) * 140%), rgba(0, 0, 0, 0.55) calc(var(--motion-build, 0) * 140% + 28%), #000 calc(var(--motion-build, 0) * 140% + 70%));
}

.motion-zoom__frame {
  border-radius: var(--motion-zoom-radius);
  overflow: hidden;
  transform: scale(var(--motion-zoom-scale, 1));
  transform-origin: center center;
}

.motion-zoom__frame :focus-visible {
  outline-offset: -3px;
}

@media (prefers-reduced-motion: reduce) {
  .motion-ready [data-motion-reveal],
  .motion-ready [data-motion-photo],
  .motion-parallax__layer,
  [data-motion-scroll],
  .motion-zoom__frame {
    opacity: 1;
    transform: none;
    transition: none;
    animation: none;
  }
  .motion-build {
    opacity: 0;
  }
}
.style-page {
  display: grid;
  gap: var(--layout-section-gap);
  padding-block: var(--layout-section-l);
}

.style-page__intro {
  display: grid;
  gap: var(--space-12);
}

.style-page__kicker {
  color: var(--color-text-accent);
}

.style-page__lede {
  max-width: 40rem;
  color: var(--color-text-secondary);
}

.style-page__block {
  display: grid;
  gap: var(--space-24);
}

.style-page__swatches,
.style-page__radii,
.style-page__icons,
.style-page__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-16);
}

.style-page__swatch {
  display: grid;
  gap: var(--space-8);
  width: 140px;
}

.style-page__chip {
  height: var(--space-64);
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-12);
}

.style-page__label {
  color: var(--color-text-secondary);
}

.style-page__type-list {
  display: grid;
  gap: var(--space-20);
}

.style-page__type-row {
  display: grid;
  gap: var(--space-4);
  padding-bottom: var(--space-16);
  border-bottom: 1px solid var(--color-divider);
}

.style-page__spaces {
  display: grid;
  gap: var(--space-8);
}

.style-page__space {
  display: grid;
  grid-template-columns: 88px 1fr;
  gap: var(--space-12);
  align-items: center;
}

.style-page__space-bar {
  height: var(--space-12);
  background: var(--color-teal-600);
  border-radius: var(--radius-pill);
}

.style-page__radius {
  display: grid;
  gap: var(--space-8);
  justify-items: center;
}

.style-page__radius-box {
  width: var(--space-80);
  height: var(--space-80);
  background: var(--color-surface-band);
  border: 1px solid var(--color-border-strong);
}

.style-page__glass-stage {
  display: grid;
  place-items: center;
  min-height: 220px;
  padding: var(--space-32);
  border-radius: var(--radius-20);
  background: linear-gradient(140deg, var(--color-teal-700), var(--color-teal-300));
}

.style-page__glass-card {
  width: min(100%, 360px);
  padding: var(--space-24);
  color: var(--color-text-primary);
}

.style-page__logos {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-16);
}

.style-page__logo-tile {
  display: grid;
  place-items: center;
  width: 220px;
  min-height: 120px;
  padding: var(--space-24);
  border-radius: var(--radius-12);
  background: var(--color-surface-subtle);
}

.style-page__logo-tile--dark {
  background: var(--color-teal-900);
}

.style-page__icon {
  display: grid;
  justify-items: center;
  gap: var(--space-8);
  width: 96px;
}

.style-page__note {
  max-width: 40rem;
  color: var(--color-text-secondary);
}

.style-page__motion-card,
.style-page__zoom {
  display: grid;
  place-items: center;
  min-height: 160px;
  margin-block: var(--space-16);
  padding: var(--space-24);
  background: var(--color-surface-band);
}

.style-page__zoom {
  min-height: 220px;
}

.style-page__parallax {
  height: 280px;
  margin-block: var(--space-16);
  overflow: hidden;
  border-radius: var(--radius-20);
  background: var(--color-teal-900);
}

.style-page__parallax-wash,
.style-page__parallax-image {
  position: absolute;
  display: grid;
  place-items: center;
  border-radius: var(--radius-12);
}

.style-page__parallax-wash {
  inset: 12% 8% auto;
  height: 46%;
  background: linear-gradient(120deg, var(--color-teal-700), var(--color-mint-300));
  color: var(--color-text-on-accent);
}

.style-page__parallax-image {
  inset: auto 18% 14%;
  height: 42%;
  background: var(--color-white);
  color: var(--color-text-primary);
}

.style-page__breakpoint span {
  display: none;
}

.style-page__breakpoint .is-mobile {
  display: inline;
}

.style-page__columns {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--layout-gutter);
  margin-top: var(--space-24);
}

.style-page__column {
  display: grid;
  place-items: center;
  min-height: 72px;
  border-radius: var(--radius-12);
  background: var(--color-teal-100);
  color: var(--color-text-primary);
}

@media (min-width: 768px) {
  .style-page__breakpoint .is-mobile {
    display: none;
  }
  .style-page__breakpoint .is-tablet {
    display: inline;
  }
  .style-page__columns {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1024px) {
  .style-page__breakpoint .is-tablet {
    display: none;
  }
  .style-page__breakpoint .is-desktop {
    display: inline;
  }
  .style-page__columns {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1440px) {
  .style-page__breakpoint .is-desktop {
    display: none;
  }
  .style-page__breakpoint .is-wide {
    display: inline;
  }
  .style-page__columns {
    grid-template-columns: repeat(4, 1fr);
  }
}
.style-page__photo-row {
  display: grid;
  gap: var(--space-16);
}

.style-page__photo-frame {
  overflow: hidden;
  border-radius: var(--radius-20);
}

.style-page__photo,
.style-page__band {
  display: grid;
  place-items: center;
  min-height: 180px;
  background: linear-gradient(140deg, var(--color-teal-800), var(--color-teal-400));
  color: var(--color-white);
}

.style-page__band {
  position: relative;
  min-height: 280px;
  overflow: hidden;
}

.style-page__band-wash {
  position: absolute;
  inset: -40px 0;
  background: linear-gradient(160deg, var(--color-teal-900), var(--color-mint-300));
}

.style-page__band p {
  position: relative;
  z-index: 1;
}

.layout-lab {
  display: grid;
  gap: var(--space-24);
}

.layout-lab:has(#layout-cap-1800:checked) {
  --layout-surface: var(--layout-surface-1800);
}

.layout-lab:has(#layout-cap-1920:checked) {
  --layout-surface: var(--layout-surface-1920);
}

.layout-lab:has(#layout-cap-2000:checked) {
  --layout-surface: var(--layout-surface-2000);
}

.layout-lab__intro {
  display: grid;
  gap: var(--space-16);
}

.layout-lab__options,
.layout-lab__caps {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-16);
  align-items: center;
}

.layout-lab__caps {
  margin: 0;
  padding: 0;
  border: 0;
}

.layout-lab__options label,
.layout-lab__caps label {
  display: inline-flex;
  gap: var(--space-8);
  align-items: center;
}

.layout-specimen {
  padding-block: var(--space-32);
}

.layout-specimen--canvas {
  background: var(--color-teal-100);
}

.layout-specimen--contrast,
.layout-specimen--media {
  background: var(--color-teal-900);
}

.layout-specimen--sweep {
  background: linear-gradient(165deg, var(--color-teal-900), var(--color-mint-400));
}

.layout-specimen__surface,
.layout-specimen__security {
  padding: var(--space-32);
  background: var(--color-surface-page);
  color: var(--color-text-primary);
}

.layout-specimen__media {
  display: grid;
  place-items: end start;
  min-height: 180px;
  margin-bottom: var(--space-24);
  padding: var(--space-16);
  border-radius: var(--radius-20);
  background: linear-gradient(140deg, var(--color-teal-700), var(--color-mint-300));
  color: var(--color-white);
}

.layout-lab:has(#layout-outline:checked) .l-canvas {
  outline: 2px dashed #9d174d;
  outline-offset: -2px;
}

.layout-lab:has(#layout-outline:checked) .l-surface {
  outline: 3px solid #c2410c;
  outline-offset: -3px;
}

.layout-lab:has(#layout-outline:checked) .l-container {
  outline: 2px solid #0369a1;
  outline-offset: -2px;
}

@media (min-width: 768px) {
  .style-page__photo-row {
    grid-template-columns: 1fr 1fr;
  }
}
.landing {
  overflow-x: clip;
}

.section {
  padding-block: var(--layout-section-l);
}

.section-proof {
  padding-block: var(--space-128);
}

.section--band {
  background: var(--color-surface-band);
}

.section--ink {
  background: var(--color-teal-900);
  color: var(--color-white);
}

.section__kicker {
  margin-bottom: var(--space-12);
  color: var(--color-text-primary);
}

.section-quotes__intro .section__kicker {
  margin-bottom: 0;
}

.section-explorer__head .section__kicker {
  margin-bottom: calc(var(--space-12) - var(--space-16));
}

.section__title {
  max-width: var(--layout-measure-heading);
}

.section__lede {
  max-width: var(--layout-measure-copy);
  margin-top: var(--space-16);
  color: var(--color-text-secondary);
}

.section__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-12);
  margin-top: var(--space-24);
}

.section__actions .btn {
  width: 100%;
}

.section-placeholder {
  display: grid;
  place-items: end start;
  min-height: 180px;
  padding: var(--space-16);
  border-radius: var(--radius-20);
  background: linear-gradient(160deg, var(--color-teal-200), var(--color-teal-50));
  color: var(--color-text-secondary);
}

.section-hero {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding-block: 0;
  background: var(--color-surface-page);
}

.section-hero__wash {
  --motion-parallax-distance: 12%;
  --motion-parallax-direction: -1;
  position: absolute;
  z-index: 0;
  top: -15%;
  left: 50%;
  width: max(100%, 700px);
  height: 200%;
  margin-left: calc(max(100%, 700px) / -2);
  background: var(--gradient-hero);
  pointer-events: none;
}

.section-hero {
  --motion-reveal-fade: 600ms;
  --motion-reveal-duration: 1200ms;
}

.motion-ready:not(.motion-live) .section-hero__wash {
  opacity: 0;
}

.motion-ready.motion-live .section-hero__wash {
  animation: hero-wash-rise var(--motion-hero-wash-duration, 1600ms) var(--motion-ease-out) both, hero-wash-fade var(--motion-hero-wash-duration, 1600ms) var(--motion-ease-out) both;
}

@keyframes hero-wash-rise {
  from {
    translate: 0 12%;
  }
}
@keyframes hero-wash-fade {
  from {
    opacity: 0.5;
  }
}
.section-hero__layout {
  position: relative;
  z-index: 1;
  display: grid;
  flex: 1;
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  align-content: start;
  grid-template-rows: auto minmax(0, 1fr);
  gap: var(--space-16);
  padding: 184px 0 112px;
  text-align: center;
}

.section-hero__layout > * {
  min-width: 0;
  max-width: 100%;
}

.section-hero__title {
  --motion-parallax-distance: 24px;
  --motion-parallax-direction: -1;
  max-width: min(100%, 815px);
}

.section-hero .section__kicker {
  margin-bottom: 18px;
}

.section-hero__title h1 {
  color: var(--color-text-accent);
}

.section-hero__float,
.section-close__float {
  --motion-parallax-distance: 12%;
  width: min(100% - 2 * var(--space-24), var(--layout-media-product));
  margin-inline: auto;
  flex: 0 0 auto;
}

.section-hero__float {
  --motion-parallax-distance: 20%;
  --motion-parallax-direction: -1;
  align-self: center;
  margin-block: var(--space-24) 0;
}

.section-hero__image,
.section-close__media {
  position: relative;
  aspect-ratio: 936/514;
  border-radius: 0;
  background: transparent;
}

.product-shadow {
  position: absolute;
  z-index: 0;
  left: 7.66%;
  top: 83.43%;
  width: 84.36%;
  aspect-ratio: 782/211;
  background: url("../../assets/images/brainwatch-eeg-shadow.webp") center/100% 100% no-repeat;
  pointer-events: none;
}

.section-hero__image .product-shadow {
  --motion-parallax-distance: 24%;
  --motion-parallax-direction: 1;
  --motion-scroll-shrink: 0.12;
}

.section-close__media .product-shadow {
  --motion-parallax-distance: 22%;
  --motion-parallax-direction: -1;
  --motion-scroll-shrink: 0.12;
}

.section-hero__image img,
.section-close__media img {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
}

.section-lead {
  background: var(--color-surface-page);
}

.section-hero__bar {
  position: relative;
  z-index: 2;
  width: 100%;
  border-bottom-left-radius: var(--radius-20);
  border-bottom-right-radius: var(--radius-20);
  background: var(--color-teal-950);
  color: var(--color-white);
}

.section-hero__bar-layout {
  display: grid;
  gap: var(--space-24);
  padding: var(--space-40) var(--layout-margin);
}

.section-hero__bar .section__lede {
  margin-top: 0;
  color: var(--color-white);
}

.section-hero__actions {
  display: grid;
  gap: var(--space-12);
}

.section-hero__actions .btn {
  width: 100%;
}

.section-stats {
  --font-size-stat-l: 90px;
  --line-height-stat-l: 94px;
  --font-size-stat-m: 44px;
  --line-height-stat-m: 46px;
  --font-size-heading-l: 38px;
  --line-height-heading-l: 42px;
  padding-block: var(--space-128);
}

.section-stats__grid,
.section-cards,
.section-proof__grid,
.section-security__cards,
.section-quotes__grid {
  display: grid;
  gap: var(--space-24);
  margin-top: var(--space-32);
}

.section-proof__grid {
  column-gap: var(--space-24);
  row-gap: var(--space-32);
  margin-top: var(--space-48);
}

.section-stats__grid {
  gap: var(--space-32);
  margin-top: 0;
}

.section-stats__intro {
  margin-bottom: var(--space-8);
}

.section-cards {
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}

.section-stat {
  display: flex;
  align-items: center;
  gap: var(--space-12);
  padding: var(--space-24) 0 var(--space-24) var(--space-16);
  border-left: 1px solid var(--color-teal-200);
}

.section-stat__value,
.section-stat__unit,
.section-stat__note {
  margin: 0;
  color: var(--color-teal-600);
  font-weight: var(--font-weight-medium);
}

.section-stat__unit {
  line-height: var(--line-height-stat-m);
}

.section-stat--rate {
  gap: var(--space-24);
}

.section-stat__note {
  max-width: 156px;
  font-size: var(--font-size-label-m);
  line-height: var(--line-height-label-m);
}

.section-stats__intro .section__title {
  margin-bottom: 18px;
}

.section-stats__intro .section__lede {
  max-width: 24rem;
  margin-top: 0;
  color: var(--color-teal-900);
}

.section-stats__legal {
  grid-column: 1/-1;
  max-width: 42rem;
  margin: var(--space-8) 0 0;
  color: var(--color-neutral-500);
  font-weight: var(--font-weight-medium);
}

.section-proof__item {
  display: grid;
  justify-items: start;
  align-content: start;
  gap: var(--space-8);
  color: var(--color-teal-900);
}

.section-proof__icon,
.section-security__icon {
  width: 24px;
  height: 24px;
}

.section-proof__icon {
  width: auto;
  height: auto;
  margin-bottom: var(--space-4);
}

.section-proof__item h3,
.section-proof__item p {
  margin: 0;
}

.section-connected {
  display: grid;
  gap: var(--space-32);
  margin-top: var(--space-32);
}

.section-card,
.section-quote {
  padding: var(--space-20);
  border-radius: var(--radius-12);
  background: var(--color-surface-card);
  color: var(--color-text-primary);
}

.section-card h3,
.section-quote p {
  margin: 0;
}

.section-card p,
.section-quote footer {
  margin-top: var(--space-8);
  color: var(--color-text-secondary);
}

.section-horizon {
  --horizon-pad: var(--space-128);
  --horizon-wash: 917px;
  padding-block: 0;
  background: var(--color-surface-page);
}

.section-horizon__body {
  position: relative;
  z-index: 1;
  padding-top: var(--horizon-pad);
  padding-bottom: 0;
}

.section-horizon__wash {
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}

.section-horizon__wash {
  top: 0;
  height: var(--horizon-wash);
  background: var(--gradient-band-wash);
}

.section-horizon__intro,
.section-horizon__photo {
  position: relative;
  z-index: 1;
}

.section-horizon__intro {
  color: var(--color-white);
  text-align: center;
}

.section-horizon__intro .section__kicker,
.section-horizon__intro .section__lede {
  color: var(--color-white);
}

.section-horizon__intro .section__title,
.section-horizon__intro .section__lede {
  margin-inline: auto;
}

.section-horizon__photo {
  --ptabs-a: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 840px;
  height: clamp(480px, 100svh - var(--landing-cta-space, 0px) + var(--radius-20) * 3 + 5px, 905px);
  margin-top: var(--space-40);
  margin-inline: auto;
  border-radius: var(--radius-20);
  overflow: hidden;
  background: var(--color-teal-900);
  transform: scale(var(--horizon-zoom, 1));
  transform-origin: center center;
}

.section-horizon__stage,
.section-horizon__scrim {
  position: absolute;
  inset: 0;
}

.section-horizon__scrim {
  z-index: 2;
  opacity: var(--scrim-strong);
  background: var(--scrim-bottom);
  pointer-events: none;
}

.section-horizon__pane {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-position: center top;
  background-size: cover;
  opacity: 1;
}

.section-horizon__pane.is-active {
  z-index: 1;
}

.section-horizon__pane.is-incoming {
  opacity: 1;
}

.section-horizon__pane[hidden],
.section-horizon__copy[hidden],
.section-explorer__panel[hidden] {
  display: none;
}

.section-horizon__line {
  display: none;
}

.section-horizon__pane picture {
  position: absolute;
  inset: 0;
  display: block;
}

.section-horizon__pane img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center top;
}

.section-horizon__grid {
  --horizon-rail-x: var(--space-32);
  --horizon-pad-bottom: calc(var(--space-40) + var(--radius-20) * 2 + 5px);
  --horizon-dot-size: 12;
  --horizon-title-closed: calc(20 / 28);
  --motion-horizon-duration: var(--motion-duration-600);
  --motion-horizon-ease: var(--motion-ease-out);
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0 var(--space-16) var(--horizon-pad-bottom) var(--horizon-rail-x);
}

.section-horizon__grid::before {
  content: "";
  position: absolute;
  top: calc(var(--space-14) + var(--line-height-heading-xs) / 2);
  bottom: var(--horizon-pad-bottom);
  left: var(--horizon-rail-x);
  width: 2px;
  background: var(--color-glass-border);
  transition: top var(--motion-horizon-duration) var(--motion-horizon-ease);
}

.section-horizon__grid:has(> .section-horizon__tab:first-of-type[aria-expanded=true])::before {
  top: calc(var(--line-height-heading-m) / 2);
}

.section-horizon__tab {
  order: calc(var(--tab-i) * 2);
  position: relative;
  display: block;
  width: 100%;
  padding: var(--space-14) 0 var(--space-14) var(--space-28);
  border: 0;
  background: transparent;
  color: var(--color-white);
  text-align: start;
  cursor: pointer;
  transition: padding var(--motion-horizon-duration) var(--motion-horizon-ease);
}

.section-horizon__tab[aria-expanded=true] {
  padding-block: 0;
}

.section-horizon__tab[aria-expanded=true]::after,
.section-horizon__copy::before {
  content: "";
  position: absolute;
  left: 0;
  width: 2px;
  background: var(--color-accent);
}

.section-horizon__tab[aria-expanded=true]::after {
  top: calc(var(--line-height-heading-m) / 2);
  bottom: 0;
}

.section-horizon__copy {
  order: calc(var(--tab-i) * 2 + 1);
  position: relative;
  padding: 0 0 0 var(--space-28);
}

.section-horizon__copy::before {
  top: 0;
  bottom: calc(-1 * (var(--space-14) + var(--line-height-heading-xs) / 2));
}

.section-horizon__grid:has(> .section-horizon__tab:last-of-type[aria-expanded=true]) .section-horizon__copy::before {
  bottom: 0;
}

.section-horizon__tab.is-complete::after {
  content: "";
  position: absolute;
  top: calc(var(--space-14) + var(--line-height-heading-xs) / 2);
  bottom: calc(-1 * (var(--space-14) + var(--line-height-heading-xs) / 2));
  left: 0;
  width: 2px;
  background: var(--color-accent);
}

.section-horizon__copy .section-horizon__tab-body {
  max-width: 560px;
  margin: var(--space-8) 0 var(--space-24);
}

.section-horizon__copy {
  display: flow-root;
}

.section-horizon__dot {
  --horizon-dot-scale: calc(8 / var(--horizon-dot-size));
  position: absolute;
  top: calc(var(--space-14) + var(--line-height-heading-xs) / 2);
  left: 1px;
  z-index: 1;
  width: calc(var(--horizon-dot-size) * 1px);
  height: calc(var(--horizon-dot-size) * 1px);
  border-radius: var(--radius-pill);
  transform: translate(-50%, -50%) scale(var(--horizon-dot-scale));
  background: var(--color-white);
  transition: top var(--motion-horizon-duration) var(--motion-horizon-ease), transform var(--motion-horizon-duration) var(--motion-horizon-ease), background-color var(--motion-horizon-duration) var(--motion-ease-standard), box-shadow var(--motion-horizon-duration) var(--motion-ease-standard);
}

.section-horizon__tab.is-complete .section-horizon__dot {
  background: var(--color-accent);
}

.section-horizon__tab[aria-expanded=true] .section-horizon__dot {
  --horizon-dot-scale: 1;
  top: calc(var(--line-height-heading-m) / 2);
  background: var(--color-accent);
  box-shadow: 0 0 0 4px rgba(31, 236, 201, 0.35);
}

.section-horizon__tab-body {
  margin: 0;
  color: var(--color-white);
}

.section-horizon__pin {
  --horizon-step: 360px;
  --horizon-pin-center: 0;
  --horizon-pin-lock: -20px;
  position: relative;
}

.section-horizon__pin > .section-horizon {
  position: sticky;
  top: var(--horizon-pin-top, 0px);
  z-index: 1;
}

.section-horizon__reveal {
  width: 100%;
}

.section-horizon__copy.is-entering {
  animation: horizon-copy-in var(--motion-duration-600) var(--motion-ease-enter) var(--horizon-copy-delay, 80ms) backwards;
}

.section-horizon__copy.is-leaving {
  opacity: 0;
  transition: opacity var(--horizon-copy-leave, 250ms) var(--motion-ease-exit);
  pointer-events: none;
}

.section-horizon__copy.is-sizing {
  overflow: hidden;
  transition: height var(--motion-horizon-duration) var(--motion-horizon-ease), opacity var(--horizon-copy-leave, 250ms) var(--motion-ease-exit);
}

@keyframes horizon-copy-in {
  from {
    opacity: 0;
    transform: translate3d(0, 10px, 0);
  }
}
.section-horizon__tab:not([aria-expanded=true]):hover .section-horizon__tab-title {
  color: var(--color-accent);
}

.section-horizon__tab:focus-visible {
  outline: none;
}

.section-horizon__tab:focus-visible::before {
  content: "";
  position: absolute;
  inset: calc(-1 * var(--space-4));
  border: 2px solid var(--color-white);
  border-radius: var(--radius-6);
  pointer-events: none;
}

.section-horizon__tab-title {
  --horizon-title-scale: var(--horizon-title-closed);
  display: block;
  margin-bottom: calc(var(--horizon-title-h, 0px) * (var(--horizon-title-scale) - 1));
  font-size: var(--font-size-heading-m);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-heading-m);
  letter-spacing: var(--letter-spacing-heading);
  scale: var(--horizon-title-scale);
  transform-origin: left top;
  will-change: scale;
  backface-visibility: hidden;
  transition: color var(--motion-duration-200) var(--motion-ease-standard), scale var(--motion-horizon-duration) var(--motion-horizon-ease), margin-bottom var(--motion-horizon-duration) var(--motion-horizon-ease);
}

.section-horizon__tab[aria-expanded=true] .section-horizon__tab-title {
  --horizon-title-scale: 1;
}

.section-montage,
.section-security {
  padding-block: 0;
}

.section-montage {
  background: var(--color-surface-page);
}

.section-montage__surface {
  min-height: 28rem;
  border-radius: var(--radius-20);
  background: var(--color-black);
  color: var(--color-white);
}

.section-montage__photo,
.section-montage__scrim {
  position: absolute;
  inset: 0;
}

.section-montage__photo {
  inset: auto;
  top: 0;
  right: 0;
  left: 0;
  height: 760px;
  overflow: hidden;
  background: #0a0c11;
}

.section-montage__photo img {
  position: absolute;
  width: 286.45%;
  height: 121.21%;
  left: -173.16%;
  top: -21.21%;
  max-width: none;
  object-fit: cover;
}

.section-montage__scrim {
  inset: auto;
  top: 300px;
  right: 0;
  left: 0;
  height: 460px;
  background: linear-gradient(to top, var(--color-black) 0%, rgba(0, 0, 0, 0.85) 30%, transparent 85%);
  pointer-events: none;
}

.section-montage__content {
  position: relative;
  z-index: 1;
  display: grid;
  gap: var(--space-32);
  padding-top: calc(448px + var(--space-64));
  padding-bottom: var(--space-64);
}

.section-montage__intro .section__kicker,
.section-montage__intro .section__lede,
.section-montage .section-card p {
  color: var(--color-white);
}

.section-card--on-photo {
  border: 1px solid var(--color-glass-border);
  border-radius: var(--radius-20);
  background: linear-gradient(137deg, var(--color-alpha-black-20), var(--color-alpha-black-60) 45%);
  color: var(--color-white);
  backdrop-filter: blur(var(--blur-glass-on-photo));
}

.section-card--on-photo p {
  color: var(--color-white);
}

.section-security {
  position: relative;
  z-index: 2;
}

.section-security__panel {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-block: var(--space-128);
  border-bottom-left-radius: var(--radius-20);
  border-bottom-right-radius: var(--radius-20);
  background: var(--color-surface-page);
}

.section-security__panel .l-sweep {
  --security-sweep-radius: 120px;
  top: 0;
  right: 0;
  left: -105px;
  width: auto;
  height: 622px;
  border-radius: var(--radius-30) var(--security-sweep-radius) 0 0;
  background: linear-gradient(200deg, rgba(116, 116, 116, 0.11) 0%, rgba(116, 116, 116, 0.062) 18%, rgba(116, 116, 116, 0.028) 36%, rgba(116, 116, 116, 0.007) 54%, rgba(116, 116, 116, 0) 72%);
  opacity: 1;
}

.section-security__cards {
  align-items: stretch;
  gap: var(--space-16);
}

.section-security__head .btn {
  margin-top: var(--space-24);
}

.section-security__card {
  display: grid;
  align-content: start;
  gap: var(--space-16);
  padding: var(--space-32);
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-20);
  background: linear-gradient(162deg, var(--color-alpha-black-4), var(--color-alpha-white-35));
}

.section-security__card p {
  margin: 0;
}

.section-trust {
  --trust-tuck: 33px;
  overflow: hidden;
  background: var(--color-surface-page);
}

.section-trust__tail {
  position: relative;
  z-index: 1;
}

.section-trust__wash {
  position: absolute;
  z-index: -1;
  top: calc(-1 * var(--trust-tuck) - var(--motion-parallax-distance));
  right: 0;
  bottom: calc(-1 * var(--motion-parallax-distance));
  left: 0;
  overflow: hidden;
  background: var(--gradient-hero-reversed) top/100% 150% no-repeat;
  pointer-events: none;
}

.section-trust > .section-security {
  z-index: 2;
}

.section-quotes {
  padding-top: var(--space-128);
  padding-bottom: 0;
  color: var(--color-white);
}

.section-quotes__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-12);
  text-align: center;
}

.section-quotes__intro .section__kicker,
.section-quotes__intro .section__title,
.section-quotes .section-quote,
.section-callout,
.section-callout h3 {
  color: var(--color-white);
}

.section-quotes__intro .section__title {
  max-width: 760px;
}

.section-quotes .section-quote {
  display: flex;
  flex: 0 0 300px;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--space-40);
  width: 300px;
  margin: 0;
  padding: var(--space-24) var(--space-16);
  border: 1px solid var(--color-alpha-white-25);
  border-radius: var(--radius-20);
  background: linear-gradient(132deg, rgba(1, 50, 57, 0.55) 0%, var(--color-alpha-white-10) 100%);
  scroll-snap-align: start;
}

.section-quotes__row {
  display: flex;
  align-items: stretch;
  gap: var(--space-16);
  margin-right: calc(-1 * var(--layout-margin));
  padding-inline-end: var(--layout-margin);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 0 var(--layout-margin);
  scrollbar-width: none;
}

.section-quotes__row::-webkit-scrollbar {
  display: none;
}

@media (min-width: 650px) {
  .section-quotes__row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-20);
    margin-right: 0;
    padding-inline-end: 0;
    overflow: visible;
    scroll-snap-type: none;
  }
  .section-quotes .section-quote {
    flex: none;
    width: auto;
    padding: var(--space-32);
    scroll-snap-align: none;
  }
}
.section-quote__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-24);
  width: 100%;
}

.section-quote__body blockquote {
  margin: 0;
  padding: 0;
  width: 100%;
}

.section-quote__mark {
  display: block;
  flex: none;
  color: var(--color-teal-600);
  fill: currentColor;
}

.section-quote__person {
  display: flex;
  align-items: center;
  gap: var(--space-16);
}

.section-quote__photo {
  width: 48px;
  height: 48px;
  flex: none;
  border-radius: 50%;
  object-fit: cover;
}

.section-quote__who {
  display: flex;
  flex-direction: column;
}

.section-quote__who .type-body-xs {
  color: var(--color-alpha-white-80);
}

.section-callout {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-20);
  padding: var(--space-24) var(--space-16);
  border-radius: var(--radius-20);
  background: linear-gradient(to bottom, var(--color-teal-600), var(--color-teal-900));
}

.section-callout h3,
.section-callout p,
.section-quote__body p {
  margin: 0;
}

.section-callout h3 {
  margin-bottom: var(--space-6);
}

.section-close {
  position: relative;
  isolation: isolate;
  padding-top: var(--space-96);
  padding-bottom: calc(13rem + var(--landing-cta-space, 0px));
  color: var(--color-white);
  text-align: center;
}

.section-close__copy,
.section-close__float {
  position: relative;
  z-index: 1;
}

.section-close__float {
  --motion-parallax-distance: 18%;
}

.section-close__media {
  margin-top: var(--space-80);
}

body:has(.landing) {
  position: relative;
}

.l-shell--on-gradient {
  position: absolute;
  z-index: 2;
  inset-inline: 0;
  bottom: 0;
  border-top: 0;
  background: transparent;
}

.l-shell--on-gradient .l-shell__bar {
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-24);
  min-height: calc(var(--space-72) + var(--space-32));
  padding-bottom: calc(var(--space-32) + var(--landing-cta-space, 0px));
}

.l-shell__brand {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-12);
}

.l-shell--on-gradient .l-logo {
  width: 92px;
}

.l-shell__brand .l-shell__meta {
  white-space: nowrap;
}

.l-shell__legal {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-12) var(--space-24);
}

.l-shell__legal a {
  color: var(--color-teal-900);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.l-shell--on-gradient .l-shell__meta {
  color: var(--color-neutral-800);
}

.section-close .section__title,
.section-close .section__lede {
  margin-inline: auto;
  color: var(--color-white);
}

.section-close .section__actions {
  justify-content: center;
}

:root:has(.landing-cta) {
  --landing-cta-space: 76px;
}

.landing-cta {
  position: fixed;
  z-index: 10;
  inset-inline: 0;
  bottom: 0;
  padding: 14px var(--layout-margin) calc(14px + env(safe-area-inset-bottom, 0px));
  border-radius: var(--radius-30) var(--radius-30) 0 0;
  background: var(--color-teal-950);
  clip-path: inset(var(--cta-cut, 100%) 0 -200px 0);
  transition: opacity var(--motion-duration-250) var(--motion-ease-standard), visibility 0s linear var(--motion-duration-250);
}

.landing-cta::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  top: 100%;
  height: 200px;
  background: inherit;
}

.landing-cta .btn {
  width: 100%;
}

html:has(.demo-drawer[open]) .landing-cta {
  opacity: 0;
  visibility: hidden;
}

html:not(:has(.demo-drawer[open])) .landing-cta {
  transition-delay: 0s;
}

.demo-drawer {
  --demo-pad: var(--space-16);
  --demo-inset: var(--space-8);
  display: none;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: clip;
  background: transparent;
}

.demo-drawer[open] {
  display: flex;
}

.demo-drawer::backdrop {
  background: rgba(1, 50, 57, 0.45);
  opacity: 0;
  transition: opacity var(--motion-duration-450) var(--motion-ease-standard);
}

.demo-drawer.is-open::backdrop {
  opacity: 1;
}

html:has(.demo-drawer[open]) {
  overflow: hidden;
}

.demo-drawer__panel {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: min(858px, 100% - var(--space-16));
  border-top-left-radius: var(--radius-20);
  border-top-right-radius: var(--radius-20);
  background: linear-gradient(180deg, var(--color-surface-subtle), var(--color-surface-page));
  box-shadow: var(--shadow-sm);
  color: var(--color-text-primary);
  transform: translate3d(0, 100%, 0);
  transition: transform var(--motion-duration-600) var(--motion-ease-out);
}

.demo-drawer.is-open .demo-drawer__panel {
  transform: none;
}

.demo-drawer.is-closing .demo-drawer__panel {
  transition-duration: var(--motion-duration-450);
  transition-timing-function: var(--motion-ease-exit);
}

.demo-drawer__header {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: var(--space-16);
  height: 64px;
  padding-inline: calc(var(--demo-pad) + var(--demo-inset)) var(--space-8);
  border-bottom: 1px solid var(--color-surface-page);
  background: var(--color-surface-subtle);
}

.demo-drawer__header p {
  margin: 0;
}

.demo-drawer__close {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: var(--size-touch-target);
  height: var(--size-touch-target);
  margin-left: auto;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-icon-default);
  cursor: pointer;
}

.demo-drawer__close .icon {
  width: 28px;
  height: 28px;
}

.demo-drawer__body {
  flex: 1 1 auto;
  overflow: auto;
  padding: var(--space-24) var(--demo-pad) 0;
}

.demo-drawer__intro {
  margin-bottom: 0;
  padding-left: var(--demo-inset);
  color: var(--color-text-accent);
}

.demo-drawer__error {
  display: grid;
  justify-items: start;
  gap: var(--space-16);
  padding-left: var(--demo-inset);
}

#demo-form .hs-form {
  display: grid;
  gap: var(--space-12);
}
#demo-form fieldset {
  display: grid;
  gap: var(--space-12);
  max-width: none;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
#demo-form .hs-form-field {
  float: none;
  width: auto;
  min-width: 0;
}
#demo-form .hs-form-field > label,
#demo-form .hs-field-desc {
  display: block;
  margin-bottom: var(--space-6);
  padding-left: var(--demo-inset);
  color: var(--color-text-secondary);
  font-size: var(--font-size-body-s);
  line-height: var(--line-height-body-s);
}
#demo-form .hs-form-required {
  margin-left: 2px;
  color: var(--color-status-error);
}
#demo-form .input {
  margin: 0;
}
#demo-form .hs-input {
  max-width: none;
}
#demo-form .hs-input:not([type=radio], [type=checkbox]) {
  display: block;
  width: 100%;
  height: var(--size-field);
  min-height: 0;
  padding: 0 var(--space-24);
  border: 1px solid var(--color-border-field);
  border-radius: var(--radius-pill);
  background: var(--demo-field-fill);
  color: var(--color-text-primary);
  font: inherit;
  font-size: var(--font-size-body-m);
  line-height: var(--line-height-body-m);
  appearance: none;
}
#demo-form .hs-input::placeholder {
  color: var(--color-text-placeholder);
}
#demo-form .hs-input:not([type=radio], [type=checkbox]):hover {
  border-color: var(--color-border-strong);
}
#demo-form .hs-input:focus-visible {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: 1px;
}
#demo-form .hs-input.invalid,
#demo-form .hs-input.error {
  border-color: var(--color-status-error);
}
#demo-form .hs-fieldtype-select select.hs-input {
  padding-right: calc(var(--space-20) + var(--size-icon-20) + var(--space-8));
  background: url("../../assets/icons/chevron--down.svg") no-repeat right var(--space-20) center/var(--size-icon-20), var(--demo-field-fill);
}
#demo-form .hs-fieldtype-select select.hs-input:has(option[value=""]:checked) {
  color: var(--color-text-placeholder);
}
#demo-form textarea.hs-input {
  height: auto;
  min-height: 120px;
  padding-block: var(--space-16);
  border-radius: var(--radius-20);
}
#demo-form .hs-fieldtype-radio,
#demo-form .hs-fieldtype-checkbox {
  margin-top: var(--space-16);
}
#demo-form .hs-fieldtype-radio > label,
#demo-form .hs-fieldtype-checkbox > label {
  margin-bottom: var(--space-12);
  color: var(--color-text-primary);
  font-size: var(--font-size-title-m);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-title-m);
  letter-spacing: var(--letter-spacing-heading);
}
#demo-form .inputs-list {
  display: grid;
  gap: var(--space-14);
  margin: 0;
  padding: 0 0 0 var(--demo-inset);
  list-style: none;
}
#demo-form .inputs-list label {
  display: flex;
  align-items: flex-start;
  gap: var(--space-8);
  color: var(--color-text-primary);
  font-size: var(--font-size-body-s);
  line-height: var(--line-height-body-s);
  cursor: pointer;
}
#demo-form .inputs-list input {
  flex: 0 0 auto;
  width: var(--size-icon-20);
  height: var(--size-icon-20);
  margin: 0;
  border: 1px solid var(--color-border-field);
  background: var(--color-surface-card);
  appearance: none;
  cursor: pointer;
  transition: background-color var(--motion-duration-200) var(--motion-ease-standard), border-color var(--motion-duration-200) var(--motion-ease-standard);
}
#demo-form .inputs-list input[type=radio] {
  border-radius: var(--radius-pill);
}
#demo-form .inputs-list input[type=checkbox] {
  border-radius: var(--radius-4);
}
#demo-form .inputs-list label:hover input {
  border-color: var(--color-border-strong);
}
#demo-form .inputs-list input:checked {
  border-color: var(--color-action-primary-bg);
  background-color: var(--color-action-primary-bg);
}
#demo-form .inputs-list label:hover input:checked {
  border-color: var(--color-action-primary-bg-hover);
  background-color: var(--color-action-primary-bg-hover);
}
#demo-form .inputs-list input[type=radio]:checked {
  background-image: radial-gradient(circle, var(--color-icon-on-accent) 4px, transparent 4.5px);
}
#demo-form .inputs-list input[type=checkbox]:checked {
  background-image: url("../../assets/icons/checkmark.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: var(--size-icon-16);
}
#demo-form .inputs-list input:focus-visible {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: 1px;
}
#demo-form .hs-error-msgs {
  margin: var(--space-6) 0 0;
  padding: 0 0 0 var(--space-24);
  list-style: none;
}
#demo-form .hs-fieldtype-radio .hs-error-msgs,
#demo-form .hs-fieldtype-checkbox .hs-error-msgs,
#demo-form .hs-fieldtype-booleancheckbox .hs-error-msgs,
#demo-form .hs_error_rollup .hs-error-msgs {
  padding-left: var(--demo-inset);
}
#demo-form .hs-error-msgs .hs-error-msg,
#demo-form .hs_error_rollup .hs-main-font-element {
  display: inline-flex;
  align-items: flex-start;
  gap: var(--space-4);
  color: var(--color-status-error-text);
  font-size: var(--font-size-body-xs);
  line-height: var(--line-height-body-xs);
}
#demo-form .hs-error-msgs .hs-error-msg::before,
#demo-form .hs_error_rollup .hs-main-font-element::before {
  content: "";
  flex: 0 0 auto;
  width: var(--size-icon-16);
  height: var(--size-icon-16);
  margin-top: calc((var(--line-height-body-xs) - var(--size-icon-16)) / 2);
  background: url("../../assets/icons/error--filled.svg") center/contain no-repeat;
}
#demo-form .hs-fieldtype-radio:has(.hs-error-msg) .inputs-list input,
#demo-form .hs-fieldtype-booleancheckbox:has(.hs-error-msg) .inputs-list input {
  border-color: var(--color-status-error);
}
#demo-form .hs_error_rollup {
  margin-top: var(--space-8);
}
#demo-form .legal-consent-container,
#demo-form .hs-richtext {
  padding-left: var(--demo-inset);
  color: var(--color-text-secondary);
  font-size: var(--font-size-body-s);
  line-height: var(--line-height-body-s);
}
#demo-form .legal-consent-container {
  display: grid;
  gap: var(--space-14);
  margin-top: var(--space-16);
}
#demo-form .legal-consent-container::before {
  content: "";
  display: block;
  height: 1px;
  margin-bottom: calc(var(--space-28) - var(--space-14));
  background: var(--color-border-default);
}
#demo-form .legal-consent-container .inputs-list,
#demo-form .legal-consent-container .hs-richtext {
  padding-left: 0;
}
#demo-form .hs-form-booleancheckbox-display > span {
  display: block;
  margin: 0;
}
#demo-form .hs-richtext p,
#demo-form .hs-form-booleancheckbox-display p {
  display: block;
  margin: 0 0 var(--space-8);
}
#demo-form .hs-richtext p:last-child,
#demo-form .hs-form-booleancheckbox-display p:last-child {
  margin-bottom: 0;
}
#demo-form .hs-richtext a,
#demo-form .legal-consent-container a {
  color: var(--color-action-link-text);
  font-weight: var(--font-weight-semibold);
  text-decoration: underline;
}
#demo-form .hs_submit {
  position: sticky;
  bottom: 0;
  z-index: 1;
  margin: var(--space-16) calc(var(--demo-pad) * -1) 0;
  padding: var(--space-16) var(--demo-pad);
  border-top: 1px solid var(--color-border-subtle);
  background: var(--color-surface-page);
}
#demo-form .hs-button {
  width: 100%;
  height: var(--size-button);
  padding: 0 var(--space-20);
  border: 0;
  border-radius: var(--radius-pill);
  background: var(--color-action-primary-bg);
  color: var(--color-action-primary-text);
  font: inherit;
  font-size: var(--font-size-label-m);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-label-m);
  cursor: pointer;
  transition: background-color var(--motion-duration-200) var(--motion-ease-standard);
}
#demo-form .hs-button:hover {
  background: var(--color-action-primary-bg-hover);
}
#demo-form .hs-button:focus-visible {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: 2px;
}
#demo-form .submitted-message {
  display: grid;
  justify-items: start;
  gap: var(--space-20);
  padding: var(--space-8) var(--demo-inset) var(--space-48);
  color: var(--color-text-primary);
  font-size: var(--font-size-heading-s);
  line-height: var(--line-height-heading-s);
  letter-spacing: var(--letter-spacing-heading);
}
#demo-form .submitted-message::before {
  content: "";
  width: var(--size-button);
  height: var(--size-button);
  border-radius: var(--radius-pill);
  background: url("../../assets/icons/checkmark.svg") center/var(--size-icon-24) no-repeat, var(--color-action-primary-bg);
}
#demo-form .submitted-message p {
  margin: 0;
}

.demo-drawer.is-submitted .demo-drawer__intro {
  display: none;
}

.demo-drawer {
  --demo-field-fill: linear-gradient(173deg, var(--color-alpha-black-4) 0%, var(--color-alpha-black-2) 30%, transparent 60%, var(--color-alpha-white-35) 100%);
}

@media (min-width: 768px) {
  .section-hero {
    min-height: 100vh;
    min-height: 100dvh;
  }
  .section-hero__wash {
    top: -35%;
  }
  .section-hero__layout {
    padding: var(--space-96) 0 var(--space-24);
  }
  .section-hero .section__kicker {
    margin-bottom: var(--space-12);
  }
  .section-hero__title {
    --motion-parallax-distance: 72px;
  }
  .section-hero__float {
    align-self: end;
    margin-top: 0;
    margin-bottom: clamp(var(--space-40), 100dvh - 1000px, 46vh);
  }
  .section-horizon__photo {
    margin-top: var(--space-48);
  }
  .section-horizon__intro .section__title {
    max-width: 611px;
  }
  .section-horizon__intro .section__lede {
    max-width: 505px;
  }
  :root:has(.landing-cta) {
    --landing-cta-space: 0px;
  }
  .landing-cta {
    display: none;
  }
  .l-shell--on-gradient .l-shell__bar {
    flex-direction: row;
    align-items: flex-end;
    gap: var(--space-16);
  }
  .l-shell__brand {
    gap: var(--space-8);
  }
  .l-shell--on-gradient .l-logo {
    width: 130px;
  }
  .l-shell__legal {
    justify-content: flex-end;
  }
  .demo-drawer {
    --demo-pad: var(--space-64);
    --demo-inset: var(--space-16);
    align-items: stretch;
    justify-content: flex-end;
  }
  .demo-drawer__panel {
    width: min(100%, 599px);
    height: 100%;
    border-radius: 0;
    transform: translate3d(100%, 0, 0);
  }
  .demo-drawer__header {
    height: 80px;
    padding-inline: calc(var(--demo-pad) + var(--demo-inset)) var(--space-20);
  }
  .demo-drawer__body {
    padding-top: var(--space-32);
  }
  #demo-form .form-columns-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--space-6);
  }
  #demo-form .hs_submit {
    padding-block: var(--space-20);
  }
}
.section-explorer {
  padding-block: var(--space-128);
}

.section-explorer__frame {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-24);
  width: 100%;
  margin-inline: auto;
}

.section-explorer__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-16);
  width: 100%;
  padding-inline: var(--layout-margin);
  text-align: center;
}

.section-explorer__head .section__title,
.section-explorer__head .section__lede {
  margin-inline: auto;
}

.section-explorer__tabs {
  position: sticky;
  top: 0;
  z-index: 3;
  display: flex;
  justify-content: flex-start;
  width: 100%;
  padding: var(--space-4) var(--layout-margin) 0;
  overflow: auto hidden;
  background: var(--color-surface-page);
  scrollbar-width: none;
}

.section-explorer__tabs::-webkit-scrollbar {
  display: none;
}

.section-explorer__tablist {
  display: inline-flex;
  padding: 2px;
  border-radius: var(--radius-pill);
  background: linear-gradient(170deg, var(--color-alpha-black-4), var(--color-alpha-white-35));
  box-shadow: inset 0 0 0 1px var(--color-neutral-300);
}

.section-explorer__tab,
.section-explorer__view {
  border: 0;
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--color-text-primary);
  white-space: nowrap;
  cursor: pointer;
  transition: background-color var(--motion-duration-200) var(--motion-ease-standard), color var(--motion-duration-200) var(--motion-ease-standard);
}

.section-explorer__tab {
  padding: 14px var(--space-24);
}

.section-explorer__tab[aria-selected=true],
.section-explorer__view[aria-pressed=true] {
  background: var(--color-teal-700);
  color: var(--color-action-primary-text);
}

.section-explorer__tab[aria-selected=false]:hover,
.section-explorer__view[aria-pressed=false]:hover {
  background: var(--color-chip-bg-hover);
}

.section-explorer__tab:focus-visible,
.section-explorer__view:focus-visible {
  outline: 2px solid var(--color-teal-900);
  outline-offset: -2px;
  box-shadow: inset 0 0 0 4px var(--color-white);
}

.section-explorer__panels {
  display: grid;
  width: 100%;
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-20);
  background: var(--color-surface-subtle);
}

.section-explorer__panels.is-resizing {
  overflow: hidden;
  transition: height var(--motion-duration-450) var(--motion-ease-standard);
}

.section-explorer__panel {
  display: grid;
  grid-area: 1/1;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-24);
  align-content: center;
  padding: calc(var(--space-48) - 1px) calc(var(--space-16) - 1px) calc(var(--space-20) - 1px);
}

.section-explorer__panel.is-active {
  z-index: 1;
}

.section-explorer__panel.is-leaving {
  z-index: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--motion-duration-250) var(--motion-ease-standard);
}

.section-explorer__panel.is-fading {
  animation: explorer-fade var(--motion-duration-450) var(--motion-ease-enter);
}

@keyframes explorer-fade {
  from {
    opacity: 0;
    transform: translate3d(0, var(--space-12), 0);
  }
}
.section-explorer__media {
  position: relative;
  display: grid;
  align-items: center;
  width: 100%;
}

.section-explorer__media > img {
  grid-area: 1/1;
}

.section-explorer__media picture,
.section-explorer__media img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--radius-20);
  opacity: 1;
  transition: opacity var(--motion-duration-250) var(--motion-ease-standard);
}

.section-explorer__media img.is-outgoing,
.section-explorer__media img.is-incoming {
  opacity: 0;
}

.section-explorer__media img.is-incoming {
  transition: none;
}

.section-explorer__media[data-explorer-swap=crossfade] {
  isolation: isolate;
}

.section-explorer__media[data-explorer-swap=crossfade] img {
  mix-blend-mode: plus-lighter;
  transition-duration: var(--motion-duration-200);
}

.section-explorer__media img.is-front {
  position: relative;
  z-index: 1;
}

.section-explorer__media img[hidden] {
  display: block;
  visibility: hidden;
}

.section-explorer__panel--accordion > .section-explorer__media {
  display: none;
}

.section-explorer__arrow {
  width: 16px;
  height: 16px;
  fill: currentColor;
  transition: transform var(--motion-duration-200) var(--motion-ease-standard);
}

.section-explorer__media-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-16);
  width: 100%;
}

.section-explorer__media-wrap > .section-explorer__media {
  margin-bottom: -3.5%;
}

.section-explorer__views {
  position: relative;
  display: inline-flex;
  border-radius: var(--radius-pill);
  background: var(--color-white);
}

.section-explorer__view {
  min-width: 88px;
  padding: 12px var(--space-20) 13px;
}

.section-explorer__copy {
  display: contents;
}

.section-explorer__copy > h3 {
  order: 1;
}

.section-explorer__copy > .type-body-m {
  order: 2;
}

.section-explorer__panel > .section-explorer__media,
.section-explorer__panel > .section-explorer__media-wrap {
  order: 3;
}

.section-explorer__rows,
.section-explorer__tiles {
  order: 4;
  margin-top: 0;
}

.section-explorer__copy h3,
.section-explorer__copy p,
.section-explorer__tile p,
.section-explorer__row span {
  margin: 0;
}

.section-explorer__copy > .type-body-m {
  margin-top: calc(var(--space-8) - var(--space-24));
}

.section-explorer__rows,
.section-explorer__tiles {
  display: grid;
  gap: var(--space-8);
  margin: 0;
  padding: 0;
  list-style: none;
}

.section-explorer__tiles {
  grid-template-columns: minmax(0, 1fr);
}

.section-explorer__row,
.section-explorer__tile {
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-20);
  background: linear-gradient(170deg, var(--color-alpha-black-4), var(--color-alpha-white-35));
  color: var(--color-text-primary);
  text-align: start;
}

.section-explorer__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-16);
  width: 100%;
  padding: 20px var(--space-20);
  font: inherit;
  line-height: 1.35;
  cursor: pointer;
  transition: background-color var(--motion-duration-200) var(--motion-ease-standard);
}

.section-explorer__row:hover,
.section-explorer__row:focus-visible {
  background-color: var(--color-glass-fill);
}

.section-explorer__row:hover .section-explorer__arrow,
.section-explorer__row:focus-visible .section-explorer__arrow {
  transform: translateX(3px);
}

.section-explorer__tile {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 6px 21px;
  align-content: start;
  padding: var(--space-14);
}

.section-explorer__tile-icon {
  grid-row: 1/span 2;
  width: 18px;
  height: auto;
  max-height: 19px;
  margin-top: 1px;
  object-fit: contain;
  object-position: center top;
}

.section-explorer__tile h4 {
  margin: 0;
  color: var(--color-teal-700);
  line-height: 1.16;
}

.section-explorer__tile p {
  color: var(--color-text-secondary);
}

.section-explorer__item {
  position: relative;
  display: grid;
  padding: var(--space-12) var(--space-16) var(--space-12) var(--space-20);
  overflow: hidden;
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-12);
  transition: padding-top var(--motion-duration-350) var(--motion-ease-standard), background-color var(--motion-duration-200) var(--motion-ease-standard);
}

.section-explorer__item:has(.section-explorer__note:hover):not(:has(.is-selected)),
.section-explorer__item:has(.section-explorer__note:focus-visible):not(:has(.is-selected)) {
  background-color: var(--color-white);
}

.section-explorer__item::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 4px;
  background: var(--color-accent);
  opacity: 0;
  transition: opacity var(--motion-duration-250) var(--motion-ease-standard);
}

.section-explorer__item:has(.is-selected) {
  padding-top: var(--space-16);
}

.section-explorer__item:has(.is-selected)::before {
  opacity: 1;
}

.section-explorer__drawer {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--motion-duration-350) var(--motion-ease-standard);
}

.section-explorer__drawer-inner {
  min-height: 0;
  overflow: hidden;
  visibility: hidden;
  transition: visibility 0s linear var(--motion-duration-350);
}

.section-explorer__item:has(.is-selected) .section-explorer__drawer {
  grid-template-rows: 1fr;
}

.section-explorer__item:has(.is-selected) .section-explorer__drawer-inner {
  visibility: inherit;
  transition-delay: 0s;
}

.section-explorer__panel[hidden] .section-explorer__drawer-inner {
  transition: none;
}

.section-explorer__drawer--media img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: var(--space-8);
  aspect-ratio: var(--explorer-media-ratio, 302/278);
  border-radius: var(--radius-12);
  object-fit: cover;
}

.section-explorer__panel--tablet {
  --explorer-media-ratio: 334 / 210;
}

.section-explorer__panel--portal {
  --explorer-media-ratio: 334 / 278;
}

.section-explorer__panel:has([data-explorer-swap=crossfade]) .section-explorer__drawer--media img {
  object-fit: contain;
}

.section-explorer__note {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: var(--space-16);
  align-items: center;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-text-primary);
  font: inherit;
  text-align: start;
  cursor: pointer;
}

.section-explorer__note-title {
  color: var(--color-teal-700);
}

.section-explorer__note .section-explorer__drawer {
  grid-column: 1/-1;
}

.section-explorer__note-body {
  display: block;
  min-height: var(--explorer-note-height, 0);
  padding-top: var(--space-4);
  color: var(--color-text-secondary);
}

.section-explorer__plus {
  position: relative;
  grid-row: 1;
  grid-column: 2;
  width: 14px;
  height: 14px;
  transition: opacity var(--motion-duration-250) var(--motion-ease-standard);
}

.section-explorer__plus::before,
.section-explorer__plus::after {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 14px;
  height: 2px;
  border-radius: 1px;
  background: var(--color-teal-700);
}

.section-explorer__plus::after {
  transform: rotate(90deg);
}

.section-explorer__note.is-selected .section-explorer__plus {
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  .section-explorer__panel.is-fading,
  .section-horizon__copy.is-entering {
    animation: none;
  }
  .demo-drawer__panel,
  .demo-drawer::backdrop,
  .section-horizon__accent,
  .section-horizon__dot,
  .section-horizon__tab-title,
  .section-explorer__tab,
  .section-explorer__view,
  .section-explorer__panel.is-leaving,
  .section-explorer__media img {
    transition: none;
  }
}
@media (min-width: 768px) {
  .section-horizon__pin {
    --horizon-step: 440px;
  }
  .section-hero__bar {
    border-bottom-left-radius: var(--radius-30);
    border-bottom-right-radius: var(--radius-30);
  }
  .section-hero__actions {
    grid-auto-flow: column;
    justify-content: start;
  }
  .section-hero__actions .btn,
  .section__actions .btn {
    width: auto;
  }
  .section-stats {
    --font-size-stat-l: inherit;
    --line-height-stat-l: inherit;
    --font-size-stat-m: inherit;
    --line-height-stat-m: inherit;
    --font-size-heading-l: inherit;
    --line-height-heading-l: inherit;
    padding-block: var(--space-80) var(--space-64);
  }
  .section-stats__grid {
    gap: var(--space-24);
  }
  .section-stats__intro {
    margin-bottom: 0;
  }
  .section-stats__intro .section__title {
    margin-bottom: var(--space-12);
  }
  .section-stat {
    padding: var(--space-16) 0 0;
    border-top: 1px solid var(--color-teal-200);
    border-left: 0;
  }
  .section-stat__unit {
    line-height: 0.8;
  }
  .section-stat--rate .section-stat__value {
    letter-spacing: -0.07em;
  }
  .section-stat__note {
    max-width: 11rem;
    font-size: var(--font-size-body-m);
    line-height: 1.04;
  }
  .section-stats__legal {
    margin-top: var(--space-16);
  }
  .section-stats__grid,
  .section-proof__grid,
  .section-security__cards,
  .section-montage .section-cards {
    grid-template-columns: 1fr 1fr;
  }
  .section-proof__grid {
    row-gap: var(--space-64);
    margin-top: var(--space-48);
  }
  .section-close {
    padding-top: var(--space-128);
  }
  .section-stats__intro {
    grid-row: 1/span 2;
  }
  .section-stat,
  .section-stats__legal {
    grid-column: 2;
  }
  .section-horizon {
    --horizon-pad: var(--space-96);
    --horizon-wash: 826px;
  }
  .section-horizon__photo {
    width: min(100% - (var(--layout-margin) * 2), var(--layout-container));
    height: 720px;
    height: clamp(480px, 100svh - 32px, 720px);
    border-radius: var(--radius-30);
  }
  .section-horizon__grid {
    --horizon-rail-x: var(--space-48);
    --horizon-pad-bottom: var(--space-48);
    --horizon-dot-size: 14;
    --horizon-title-closed: calc(22 / 32);
    padding-right: var(--space-32);
  }
  .section-horizon__pin {
    --horizon-pin-center: 1;
  }
  .section-horizon__copy .section-horizon__tab-body {
    max-width: 480px;
    margin: var(--space-12) 0 var(--space-48);
  }
  .section-explorer {
    padding-block: var(--space-96) var(--space-64);
  }
  .section-explorer__frame {
    gap: var(--space-28);
    width: min(100% - (var(--layout-margin) * 2), var(--layout-container));
  }
  .section-explorer__head {
    padding-inline: 0;
  }
  .section-explorer__tabs {
    position: static;
    justify-content: center;
    width: auto;
    max-width: 100%;
    padding: 0;
    background: transparent;
  }
  .section-explorer__panels {
    border-radius: var(--radius-30);
  }
  .section-explorer__panel {
    gap: var(--space-32);
    padding: calc(var(--space-48) - 1px) calc(var(--space-32) - 1px) calc(var(--space-32) - 1px);
  }
  .section-explorer__copy > .type-body-m {
    margin-top: calc(var(--space-12) - var(--space-32));
  }
  .section-explorer__note-title,
  .section-explorer__row span {
    line-height: 1.35;
  }
  .section-explorer__note-body,
  .section-explorer__tile p {
    font-size: var(--font-size-body-m);
    line-height: 1.3;
  }
  .section-explorer__row .type-title-s {
    color: var(--color-teal-900);
  }
  .section-explorer__panel:not(.section-explorer__panel--headband) .section-explorer__drawer--media img {
    aspect-ratio: 3/2;
  }
  .section-explorer__drawer--media img.is-whole {
    object-fit: contain;
    background: var(--color-white);
  }
  .section-explorer__tile {
    padding: 13px;
  }
  .section-montage__surface {
    border-radius: var(--radius-30);
    background: var(--color-teal-950);
  }
  .section-montage__photo {
    inset: 0;
    height: auto;
  }
  .section-montage__photo img {
    width: 81.49%;
    height: 120.01%;
    left: 18.46%;
    top: -27.66%;
    -webkit-mask-image: linear-gradient(to right, transparent, #000 22%), linear-gradient(to top, transparent, #000 100px);
    -webkit-mask-composite: source-in;
    mask-image: linear-gradient(to right, transparent, #000 22%), linear-gradient(to top, transparent, #000 100px);
    mask-composite: intersect;
  }
  .section-montage__scrim {
    inset: 0;
    height: auto;
    background: linear-gradient(196deg, rgba(0, 0, 0, 0.08) 32%, rgba(0, 0, 0, 0.82) 72%);
  }
  .section-montage__content {
    padding-top: var(--space-64);
  }
  .section-security__panel {
    padding-block: var(--space-80) var(--space-96);
    border-bottom-left-radius: var(--radius-30);
    border-bottom-right-radius: var(--radius-30);
  }
  .section-trust {
    --trust-tuck: 43px;
  }
  .section-security__panel .l-sweep {
    --security-sweep-radius: 160px;
  }
  .section-quotes {
    padding-top: var(--space-96);
  }
  .section-callout {
    padding: var(--space-32) var(--space-32) var(--space-40);
  }
}
@media (min-width: 1024px) {
  .section-horizon__pin {
    --horizon-step: 520px;
  }
  .section-horizon__photo {
    margin-top: var(--space-64);
  }
  .section-explorer__head {
    margin-bottom: var(--space-16);
  }
  .section-quotes__grid {
    margin-top: var(--space-48);
  }
  .section-close {
    padding-top: 208px;
  }
  .section-close .section__actions {
    margin-top: var(--space-32);
  }
  .section-trust__wash {
    background-size: 100% 115%;
  }
  .l-shell--overlay .l-shell__bar,
  .l-shell--on-gradient .l-shell__bar {
    width: min(100% - 84px, var(--layout-full-bleed) - 84px);
  }
  .landing {
    --layout-frame: min(100% - (var(--layout-margin) * 2), var(--layout-full-bleed));
    --layout-measure: max(var(--layout-frame) - 158px, min(var(--layout-frame), 984px));
    --layout-measure-stats: max(var(--layout-frame) - 158px, min(var(--layout-frame), 1094px));
    --layout-measure-bar: max(var(--layout-frame) - 204px, min(var(--layout-frame), 1068px));
  }
  .landing-measure {
    width: var(--layout-measure);
    max-width: calc(100% - var(--layout-margin) * 2);
  }
  .landing-measure--stats {
    width: var(--layout-measure-stats);
  }
  .section-hero__bar-layout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-40);
    padding-left: calc((100% - var(--layout-measure-bar)) / 2);
    padding-right: max(var(--layout-margin), (100% - var(--layout-measure-bar)) / 2 - 5px);
  }
  .section-hero__bar .section__lede {
    flex: 1 1 auto;
    min-width: 0;
  }
  .section-hero__actions {
    flex-shrink: 0;
  }
  .section-hero__actions .btn {
    white-space: nowrap;
  }
  .section-stats {
    padding-block: 120px 92px;
  }
  .section-cards,
  .section-montage .section-cards {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .section-proof__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: var(--space-64);
  }
  .section-horizon {
    --horizon-pad: var(--space-128);
    --horizon-wash: 974px;
  }
  .section-horizon__photo {
    --horizon-tabs: 336px;
    --horizon-pad-start: var(--space-64);
    --horizon-pad-end: var(--space-24);
    width: min(100%, var(--layout-frame) + 68px);
    height: 768px;
    height: clamp(560px, 100svh - 32px, 768px);
    border-radius: var(--radius-40);
  }
  .section-horizon__pane {
    background-position: center;
  }
  .section-horizon__pane img {
    object-position: center;
  }
  .section-horizon__line {
    display: block;
    position: absolute;
    z-index: 3;
    right: 0;
    bottom: calc(var(--horizon-tabs) - 7.5px);
    left: 0;
    height: 1px;
    background: var(--color-glass-border);
    transform: translateY(50%);
  }
  .section-horizon__accent {
    --horizon-content: calc(100% - var(--horizon-pad-start) - var(--horizon-pad-end));
    --horizon-open: min(533px, var(--horizon-content) / 2);
    position: absolute;
    top: 0;
    left: 0;
    width: calc(var(--horizon-pad-start) + var(--ptabs-a, 0) * (var(--horizon-content) - var(--horizon-open)) / (var(--tab-count, 3) - 1) + 7.5px);
    height: 100%;
    background: var(--color-accent);
    transition: width var(--motion-duration-700) var(--motion-ease-slide);
  }
  .section-horizon__grid {
    --horizon-open: min(533px, 50%);
    --horizon-closed: calc((100% - var(--horizon-open)) / (var(--tab-count, 3) - 1));
    display: grid;
    grid-template-columns: var(--horizon-col-1, var(--horizon-closed)) var(--horizon-col-2, var(--horizon-closed)) var(--horizon-col-3, var(--horizon-closed)) var(--horizon-col-4, var(--horizon-closed));
    grid-template-rows: auto 1fr;
    align-items: start;
    height: var(--horizon-tabs);
    padding: 0 var(--horizon-pad-end) var(--space-40) var(--horizon-pad-start);
    transition: grid-template-columns var(--motion-horizon-duration) var(--motion-horizon-ease);
    --motion-horizon-duration: var(--motion-duration-700);
    --motion-horizon-ease: var(--motion-ease-slide);
    container-type: inline-size;
  }
  .section-horizon__grid:has(> .section-horizon__tab:nth-of-type(1)[aria-expanded=true]) {
    --horizon-col-1: var(--horizon-open);
  }
  .section-horizon__grid:has(> .section-horizon__tab:nth-of-type(2)[aria-expanded=true]) {
    --horizon-col-2: var(--horizon-open);
  }
  .section-horizon__grid:has(> .section-horizon__tab:nth-of-type(3)[aria-expanded=true]) {
    --horizon-col-3: var(--horizon-open);
  }
  .section-horizon__grid:has(> .section-horizon__tab:nth-of-type(4)[aria-expanded=true]) {
    --horizon-col-4: var(--horizon-open);
  }
  .section-horizon__grid:not(:has(> .section-horizon__tab:nth-of-type(3))) {
    --horizon-col-3: 0px;
  }
  .section-horizon__grid:not(:has(> .section-horizon__tab:nth-of-type(4))) {
    --horizon-col-4: 0px;
  }
  .section-horizon__grid::before,
  .section-horizon__tab[aria-expanded=true]::after,
  .section-horizon__tab.is-complete::after,
  .section-horizon__copy::before {
    display: none;
  }
  .section-horizon__tab,
  .section-horizon__copy {
    order: 0;
    min-width: 0;
  }
  .section-horizon__dot {
    --horizon-dot-size: 15;
    position: static;
    margin-top: 0;
    transform: scale(var(--horizon-dot-scale));
  }
  .section-horizon__tab {
    grid-row: 1;
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-20);
    justify-items: start;
    padding: 0 var(--space-24) 0 0;
    transition: gap var(--motion-horizon-duration) var(--motion-horizon-ease);
  }
  .section-horizon__tab[aria-expanded=true] {
    gap: var(--space-16);
  }
  .section-horizon__tab:focus-visible::before {
    inset: calc(-1 * var(--space-8)) var(--space-8) calc(-1 * var(--space-8)) calc(-1 * var(--space-12));
  }
  .section-horizon__tab-title,
  .section-horizon__tab[aria-expanded=true] .section-horizon__tab-title {
    width: min(434px, ((100cqw - min(533px, 50cqw)) / (var(--tab-count, 3) - 1) - var(--horizon-pad-end)) * 1.5);
    max-width: none;
    font-size: var(--font-size-heading-m);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-heading-m);
    letter-spacing: var(--letter-spacing-heading);
    margin-bottom: 0;
    transform-origin: left top;
    will-change: scale;
    backface-visibility: hidden;
    transition: color var(--motion-duration-200) var(--motion-ease-standard), scale var(--motion-horizon-duration) var(--motion-horizon-ease);
  }
  .section-horizon__tab-title {
    scale: 0.6666666667;
  }
  .section-horizon__tab[aria-expanded=true] .section-horizon__tab-title {
    scale: 1;
  }
  .section-horizon__tab-title br {
    display: inline;
  }
  .section-horizon__copy {
    --horizon-copy-delay: 320ms;
    grid-row: 2;
    grid-column: calc(var(--tab-i, 0) + 1);
    width: min(434px, min(533px, 50cqw) - var(--horizon-pad-end));
    padding: var(--space-12) 0 0;
  }
  .section-horizon__copy .section-horizon__tab-body {
    margin: 0;
  }
  .section-explorer {
    padding-block: var(--space-128) var(--space-72);
  }
  .section-explorer__frame {
    width: min(100% - (2 * (var(--layout-margin) - 20px)), var(--layout-full-bleed) + 40px);
  }
  .section-explorer__panels {
    min-height: 708px;
  }
  .section-explorer__panel[hidden] {
    display: grid;
    visibility: hidden;
    pointer-events: none;
  }
  .section-explorer__panel {
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    column-gap: var(--space-64);
    align-items: center;
    align-content: center;
    padding: calc(var(--space-48) - 1px) calc(var(--space-64) - 1px) calc(var(--space-48) - 1px) calc(var(--space-48) - 1px);
  }
  .section-explorer__copy {
    display: grid;
    gap: var(--space-12);
    align-content: start;
  }
  .section-explorer__copy > h3,
  .section-explorer__copy > .type-body-m,
  .section-explorer__panel > .section-explorer__media,
  .section-explorer__panel > .section-explorer__media-wrap,
  .section-explorer__rows,
  .section-explorer__tiles {
    order: 0;
  }
  .section-explorer__copy > .type-body-m {
    margin-top: 0;
  }
  .section-explorer__panel--accordion > .section-explorer__media {
    display: grid;
  }
  .section-explorer__panel--accordion .section-explorer__rows {
    gap: var(--space-4);
  }
  .section-explorer__item,
  .section-explorer__item:has(.is-selected) {
    padding: 0;
    border-color: var(--color-border-default);
    border-radius: 0 var(--radius-20) var(--radius-20) 0;
  }
  .section-explorer__item:has(.is-selected) {
    border-color: var(--color-neutral-300);
    background: linear-gradient(170deg, var(--color-alpha-black-4), var(--color-alpha-white-35));
  }
  .section-explorer__drawer--media,
  .section-explorer__plus {
    display: none;
  }
  .section-explorer__note {
    padding: var(--space-14) var(--space-24) var(--space-14) 26px;
  }
  .section-explorer__note .section-explorer__drawer {
    grid-template-rows: 1fr;
    transition: none;
  }
  .section-explorer__note .section-explorer__drawer-inner {
    visibility: inherit;
    transition: none;
  }
  .section-explorer__note-body {
    min-height: 0;
  }
  .section-explorer__rows,
  .section-explorer__tiles {
    margin-top: var(--space-20);
  }
  .section-explorer__rows {
    gap: 10px;
  }
  .section-explorer__tiles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-14) var(--space-20);
  }
  .section-montage__surface {
    min-height: 832px;
    border-radius: var(--radius-40);
  }
  .section-montage__content {
    padding-block: var(--space-128);
  }
  .section-security__panel {
    padding-block: var(--space-104) 136px;
  }
  .section-security__panel .l-sweep {
    --security-sweep-radius: 285px;
    right: 5.28%;
  }
  .section-security__head {
    display: grid;
    justify-items: start;
    gap: var(--space-12);
    max-width: 36rem;
  }
  .section-security__head .section__kicker {
    margin-bottom: 0;
  }
  .section-quotes {
    padding-top: var(--space-128);
  }
}
@media (min-width: 1152px) {
  .section-quotes__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
  }
  .section-quotes__row {
    display: contents;
  }
}
@media (min-width: 1262px) {
  .section-stats__grid {
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1.3fr);
    align-items: start;
  }
  .section-stats__intro {
    grid-row: auto;
  }
  .section-stat {
    grid-column: auto;
    align-items: center;
    min-height: 144px;
    padding-top: 0;
    padding-left: var(--space-24);
    border-top: 0;
    border-left: 1px solid var(--color-teal-200);
  }
  .section-stats__legal {
    grid-column: 2/-1;
    max-width: none;
    padding-left: var(--space-24);
  }
}