/* ============================================================
       Design System Tokens (from docs/design-system.json v0.4.0)
       ============================================================ */
    :root {
      /* Colors — light theme */
      --gl-color-brand: #0b0d0c;
      --gl-color-white: #ffffff;
      --gl-color-bg-primary: #ffffff;
      --gl-color-bg-secondary: #f8f8f8;
      --gl-color-bg-tertiary: #f6f7f8;
      --gl-color-bg-interactive: #e8edf1;
      --gl-color-text-primary: #0b0d0c;
      --gl-color-text-secondary: #4b4b4b;
      --gl-color-text-tertiary: #8e8e8e;
      --gl-color-text-muted: #c0c0c0;
      --gl-color-border-primary: #0b0d0c;
      --gl-color-border-secondary: #c0c0c0;

      /* Dealer accent — reserved for primary CTA only (not used broadly) */
      --gl-color-accent: #0b0d0c;
      --gl-color-accent-light: #f6f7f8;

      /* Links */
      --gl-color-link-hover: #07689d;

      /* Grid */
      --gl-gutter: 16px;
      --gl-margin: 20px;
      --gl-container-max: none;
      --gl-header-height: 72px;

      /* Section spacing (mobile-first: 0–1023px) */
      --gl-section-xs: 16px;
      --gl-section-sm: 24px;
      --gl-section-md: 32px;
      --gl-section-lg: 48px;
      --gl-section-xl: 64px;
      --gl-section-xxl: 80px;

      /* Component spacing (non-responsive) */
      --gl-special-xs: 6px;
      --gl-special-sm: 12px;
      --gl-special-md: 16px;
      --gl-special-lg: 20px;
      --gl-special-xl: 40px;

      /* Corner radius */
      --gl-radius-none: 0;
      --gl-radius-xs: 2px;
      --gl-radius-sm: 3px;
      --gl-radius-md: 4px;
      --gl-radius-lg: 5px;
      --gl-radius-xl: 6px;
      --gl-radius-xxl: 10px;
      --gl-radius-full: 9999px;

      /* Elevation */
      --gl-elevation-none: none;
      --gl-elevation-sm: 0 4px 16px rgba(0, 0, 0, 0.12);
      --gl-elevation-md: 0 0 20px rgba(38, 38, 38, 0.1);
      --gl-elevation-lg: 0 0 16px 4px rgba(0, 0, 0, 0.28);

      /* Typography */
      --gl-font-primary: 'Onest', Arial, Helvetica, sans-serif;
      --gl-font-secondary: 'Open Sans', Arial, Helvetica, sans-serif;
    }

    @media (min-width: 1024px) {
      :root {
        --gl-container-max: 1440px;
        --gl-section-xs: 24px;
        --gl-section-sm: 32px;
        --gl-section-md: 48px;
        --gl-section-lg: 64px;
        --gl-section-xl: 80px;
        --gl-section-xxl: 120px;
      }
    }

    @media (min-width: 1280px) {
      :root {
        --gl-margin: 40px;
      }
    }

    /* ============================================================
       Reset
       ============================================================ */
    *, *::before, *::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      font-family: var(--gl-font-primary);
      font-size: 16px;
      font-weight: 300;
      line-height: 1.3;
      color: var(--gl-color-text-primary);
      background: var(--gl-color-bg-primary);
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    @media (min-width: 1024px) {
      body {
        font-size: 20px;
        line-height: 1.3;
      }
    }

    a {
      text-decoration: none;
      color: inherit;
    }

    ul, ol {
      list-style: none;
    }

    img, svg {
      display: block;
      max-width: 100%;
    }

    button {
      font-family: inherit;
      cursor: pointer;
    }

    /* ============================================================
       SHARED COMPONENTS
       ============================================================ */

    /* Container */
    .gl-container {
      margin: 0 auto;
      padding: 0 var(--gl-margin);
      max-width: var(--gl-container-max);
    }

    /* Section title — responsive scale used across all content sections */
    .gl-section-title {
      font-family: var(--gl-font-secondary);
      font-weight: 700;
      text-transform: uppercase;
      color: var(--gl-color-text-primary);
      font-size: 20px;
      line-height: 1.3;
    }

    @media (min-width: 768px) {
      .gl-section-title { font-size: 27px; }
    }

    @media (min-width: 1024px) {
      .gl-section-title { font-size: 34px; letter-spacing: 0.52px; }
    }

    @media (min-width: 1280px) {
      .gl-section-title { font-size: 44px; letter-spacing: 0.88px; }
    }

    /* Primary button */
    .gl-btn-primary {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-family: var(--gl-font-primary);
      font-size: 14px;
      font-weight: 500;
      line-height: 1.3;
      text-transform: uppercase;
      color: var(--gl-color-white);
      background: var(--gl-color-brand);
      border: none;
      border-radius: var(--gl-radius-md);
      padding: 16px 32px;
      cursor: pointer;
      text-decoration: none;
      transition: opacity 0.2s ease, box-shadow 0.2s ease;
    }

    .gl-btn-primary:hover {
      opacity: 0.8;
      box-shadow: var(--gl-elevation-sm);
    }

    .gl-btn-primary:active {
      opacity: 1;
      background: #000000;
    }

    .gl-btn-primary--block { width: 100%; }

    @media (max-width: 1023px) {
      .gl-btn-primary--responsive-block {
        width: 100%;
        font-size: 12px;
        padding: 14px 24px;
      }
    }

    /* Secondary (outline) button */
    .gl-btn-secondary {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-family: var(--gl-font-primary);
      font-size: 14px;
      font-weight: 400;
      line-height: 1.3;
      text-transform: uppercase;
      color: var(--gl-color-text-primary);
      background: transparent;
      border: 1px solid var(--gl-color-border-primary);
      border-radius: var(--gl-radius-md);
      padding: 15px 48px;
      text-decoration: none;
      cursor: pointer;
      transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
    }

    @media (max-width: 1023px) {
      .gl-btn-secondary--responsive-block {
        width: 100%;
        padding: 14px 24px;
        font-size: 12px;
      }
    }

    .gl-btn-secondary:hover {
      background: var(--gl-color-brand);
      color: var(--gl-color-white);
      box-shadow: var(--gl-elevation-sm);
    }

    .gl-btn-secondary:active {
      background: #000000;
      color: var(--gl-color-white);
    }

    /* Text input */
    .gl-input {
      width: 100%;
      font-family: var(--gl-font-primary);
      font-size: 16px;
      font-weight: 400;
      line-height: 1.3;
      color: var(--gl-color-text-primary);
      background: var(--gl-color-bg-primary);
      border: 1px solid var(--gl-color-border-secondary);
      border-radius: var(--gl-radius-md);
      padding: 14px 16px;
      transition: border-color 0.2s ease;
    }

    .gl-input::placeholder { color: var(--gl-color-text-tertiary); }
    .gl-input:hover { border-color: var(--gl-color-border-primary); }

    .gl-input:focus {
      outline: none;
      border-color: var(--gl-color-brand);
    }

    /* Select */
    .gl-select-wrap { position: relative; }

    .gl-select {
      width: 100%;
      appearance: none;
      -webkit-appearance: none;
      font-family: var(--gl-font-primary);
      font-size: 16px;
      font-weight: 400;
      line-height: 1.3;
      color: var(--gl-color-text-primary);
      background: var(--gl-color-bg-primary);
      border: 1px solid var(--gl-color-border-secondary);
      border-radius: var(--gl-radius-md);
      padding: 14px 40px 14px 16px;
      cursor: pointer;
      transition: border-color 0.2s ease;
    }

    .gl-select:hover { border-color: var(--gl-color-border-primary); }

    .gl-select:focus {
      outline: none;
      border-color: var(--gl-color-brand);
    }

    .gl-select-icon {
      position: absolute;
      right: 14px;
      top: 50%;
      transform: translateY(-50%);
      color: var(--gl-color-text-secondary);
      pointer-events: none;
    }

    /* Consent checkbox group */
    .gl-consent-group {
      display: flex;
      flex-direction: column;
      gap: var(--gl-special-sm);
    }

    .gl-consent {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      cursor: pointer;
      position: relative;
    }

    .gl-checkbox {
      position: absolute;
      opacity: 0;
      width: 20px;
      height: 20px;
    }

    .gl-checkmark {
      flex-shrink: 0;
      width: 16px;
      height: 16px;
      border: 1px solid var(--gl-color-border-secondary);
      border-radius: var(--gl-radius-xs);
      background: var(--gl-color-bg-primary);
      margin-top: 1px;
      transition: background 0.15s ease, border-color 0.15s ease;
      position: relative;
    }

    .gl-checkbox:checked + .gl-checkmark {
      background: var(--gl-color-brand);
      border-color: var(--gl-color-brand);
    }

    .gl-checkbox:checked + .gl-checkmark::after {
      content: '';
      position: absolute;
      left: 4px;
      top: 1px;
      width: 5px;
      height: 9px;
      border: solid var(--gl-color-white);
      border-width: 0 2px 2px 0;
      transform: rotate(45deg);
    }

    .gl-checkbox:focus-visible + .gl-checkmark {
      outline: 2px solid var(--gl-color-brand);
      outline-offset: 1px;
    }

    .gl-consent-text {
      font-family: var(--gl-font-primary);
      font-size: 11px;
      font-weight: 300;
      line-height: 1.4;
      color: var(--gl-color-text-tertiary);
    }

    .gl-consent-link {
      color: var(--gl-color-text-primary);
      text-decoration: underline;
      text-underline-offset: 2px;
      transition: opacity 0.2s ease;
    }

    .gl-consent-link:hover { opacity: 0.7; }

    /* ============================================================
       HEADER
       ============================================================ */
    .gl-header {
      position: sticky;
      top: ;
      z-index: 100;
      background: var(--gl-color-bg-primary);
    }

    .gl-header__inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: var(--gl-header-height);
      margin: 0 auto;
      padding: 0 var(--gl-margin);
      max-width: var(--gl-container-max);
    }

    @media (min-width: 1024px) {
      .gl-header__inner {
        flex-wrap: wrap;
        height: auto;
        padding-top: var(--gl-special-xs);
        padding-bottom: var(--gl-special-xs);
      }
    }

    /* --- Top row: brand + phones --- */
    .gl-header__top {
      display: flex;
      align-items: center;
      gap: var(--gl-special-md);
    }

    @media (min-width: 1024px) {
      .gl-header__top {
        width: 100%;
        justify-content: space-between;
      }
    }

    .gl-header__brand {
      display: flex;
      align-items: center;
      gap: var(--gl-special-md);
    }

    .gl-header__logo {
      flex-shrink: 0;
    }

    .gl-header__logo svg {
      width: 110px;
      height: auto;
    }

    @media (min-width: 768px) {
      .gl-header__logo svg {
        width: 150px;
      }
    }

    @media (min-width: 1024px) {
      .gl-header__logo svg {
        width: 219px;
        height: 38px;
      }
    }

    .gl-header__dealer-info {
      display: none;
      flex-direction: column;
    }

    @media (min-width: 1024px) {
      .gl-header__dealer-info {
        display: flex;
      }
    }

    .gl-header__dealer-name {
      font-family: var(--gl-font-primary);
      font-size: 14px;
      font-weight: 500;
      letter-spacing: 0.02em;
      color: var(--gl-color-text-primary);
    }

    @media (min-width: 1024px) {
      .gl-header__dealer-name {
        font-size: 18px;
      }
    }

    .gl-header__dealer-subtitle {
      font-family: var(--gl-font-primary);
      font-size: 12px;
      font-weight: 400;
      line-height: 1.35;
      letter-spacing: 0.48px;
      color: var(--gl-color-text-secondary);
      margin-top: 1px;
    }

    @media (min-width: 1024px) {
      .gl-header__dealer-subtitle {
        font-size: 12px;
      }
    }

    /* Contacts (phone + address) */
    .gl-header__contacts {
      display: none;
    }

    @media (min-width: 1024px) {
      .gl-header__contacts {
        display: flex;
        align-items: center;
        gap: var(--gl-section-sm);
      }
    }

    .gl-header__contact-block {
      text-align: right;
    }

    .gl-header__phone-number {
      display: block;
      font-family: var(--gl-font-primary);
      font-size: 16px;
      font-weight: 500;
      line-height: 1.3;
      color: var(--gl-color-text-primary);
      white-space: nowrap;
      transition: opacity 0.2s ease;
    }

    .gl-header__phone-number:hover {
      opacity: 0.8;
    }

    .gl-header__address {
      font-family: var(--gl-font-primary);
      font-size: 12px;
      font-weight: 400;
      line-height: 1.35;
      letter-spacing: 0.48px;
      color: var(--gl-color-text-secondary);
      white-space: nowrap;
    }

    /* --- Bottom row: navigation + inventory --- */
    .gl-header__bottom {
      display: none;
    }

    @media (min-width: 1024px) {
      .gl-header__bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin-top: var(--gl-special-xs);
        padding-top: var(--gl-special-xs);
        border-top: 1px solid var(--gl-color-border-secondary);
      }
    }

    .gl-header__nav {
      display: flex;
      align-items: center;
      gap: var(--gl-section-sm);
    }

    .gl-header__nav-link {
      font-family: var(--gl-font-primary);
      font-size: 14px;
      font-weight: 400;
      text-transform: uppercase;
      color: var(--gl-color-text-primary);
      transition: opacity 0.2s ease;
      white-space: nowrap;
    }

    .gl-header__nav-link:hover {
      opacity: 0.8;
    }

    .gl-header__inventory {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-family: var(--gl-font-primary);
      font-size: 14px;
      font-weight: 400;
      color: var(--gl-color-text-primary);
      transition: opacity 0.2s ease;
      white-space: nowrap;
    }

    .gl-header__inventory:hover {
      opacity: 0.8;
    }

    .gl-header__inventory-icon {
      width: 20px;
      height: 20px;
      flex-shrink: 0;
    }

    /* --- Mobile phone link --- */
    .gl-header__phone-mobile {
      display: flex;
      align-items: center;
      gap: 6px;
      margin-left: auto;
      margin-right: var(--gl-special-md);
      color: var(--gl-color-text-primary);
      transition: opacity 0.2s ease;
    }

    .gl-header__phone-mobile:hover {
      opacity: 0.8;
    }

    .gl-header__phone-mobile svg {
      flex-shrink: 0;
    }

    .gl-header__phone-mobile-text {
      font-family: var(--gl-font-primary);
      font-size: 14px;
      font-weight: 500;
      line-height: 1.3;
      white-space: nowrap;
    }

    @media (max-width: 359px) {
      .gl-header__phone-mobile-text {
        display: none;
      }
    }

    @media (min-width: 1024px) {
      .gl-header__phone-mobile {
        display: none;
      }
    }

    /* --- Mobile burger --- */
    .gl-header__burger {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 5px;
      width: 32px;
      height: 32px;
      background: none;
      border: none;
      padding: 4px;
    }

    .gl-header__burger span {
      display: block;
      width: 100%;
      height: 2px;
      background: var(--gl-color-text-primary);
      border-radius: 1px;
      transition: transform 0.3s ease, opacity 0.3s ease;
    }

    @media (min-width: 1024px) {
      .gl-header__burger {
        display: none;
      }
    }

    /* --- Mobile menu overlay --- */
    .gl-mobile-menu {
      display: none;
      position: fixed;
      inset: 0;
      z-index: 99;
      background: var(--gl-color-bg-primary);
      padding: 80px var(--gl-margin) var(--gl-special-xl);
      overflow-y: auto;
    }

    .gl-mobile-menu.is-open {
      display: flex;
      flex-direction: column;
    }

    @media (min-width: 1024px) {
      .gl-mobile-menu {
        display: none !important;
      }
    }

    .gl-mobile-menu__nav {
      display: flex;
      flex-direction: column;
      gap: var(--gl-section-sm);
    }

    .gl-mobile-menu__link {
      font-family: var(--gl-font-primary);
      font-size: 20px;
      font-weight: 300;
      color: var(--gl-color-text-primary);
      text-transform: uppercase;
    }

    .gl-mobile-menu__contacts {
      margin-top: auto;
      padding-top: var(--gl-section-md);
      display: flex;
      flex-direction: column;
      gap: var(--gl-special-sm);
    }

    .gl-mobile-menu__phone {
      font-family: var(--gl-font-primary);
      font-size: 20px;
      font-weight: 500;
      color: var(--gl-color-text-primary);
    }

    .gl-mobile-menu__address {
      font-size: 14px;
      font-weight: 300;
      color: var(--gl-color-text-secondary);
    }

    /* ============================================================
       HERO
       ============================================================ */
    .gl-hero {
      overflow: hidden;
      padding-top: var(--gl-section-md);
      padding-bottom: 0;
    }

    @media (min-width: 1024px) {
      .gl-hero {
        padding-top: var(--gl-section-sm);
      }
    }

    .gl-hero__content {
      text-align: center;
      max-width: 720px;
      margin: 0 auto;
      padding: 0 var(--gl-margin);
    }

    .gl-hero__badge {
      display: inline-block;
      font-family: var(--gl-font-primary);
      font-size: 12px;
      font-weight: 400;
      line-height: 16.2px;
      letter-spacing: 0.48px;
      text-transform: uppercase;
      color: var(--gl-color-text-secondary);
      margin-bottom: var(--gl-special-sm);
    }

    .gl-hero__title {
      font-family: var(--gl-font-secondary);
      font-size: 22px;
      font-weight: 700;
      line-height: 1.35;
      text-transform: uppercase;
      color: var(--gl-color-text-primary);
      margin-bottom: var(--gl-special-sm);
    }

    @media (min-width: 1024px) {
      .gl-hero__title {
        font-size: 30px;
        line-height: 1.35;
        margin-bottom: var(--gl-special-md);
      }
    }

    .gl-hero__subtitle {
      font-family: var(--gl-font-primary);
      font-size: 16px;
      font-weight: 300;
      line-height: 1.3;
      color: var(--gl-color-text-secondary);
      margin-bottom: var(--gl-special-lg);
      max-width: 540px;
      margin-left: auto;
      margin-right: auto;
    }

    /* .gl-hero__cta → uses .gl-btn-primary.gl-btn-primary--responsive-block */
    .gl-hero__cta { font-weight: 400; padding: 15px 32px; }

    /* --- Collage (6 equal cards) --- */
    .gl-hero__collage {
      margin-top: var(--gl-section-sm);
      padding: 0 var(--gl-margin);
    }

    @media (min-width: 1024px) {
      .gl-hero__collage {
        margin-top: var(--gl-special-lg);
      }
    }

    .gl-hero__collage-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: var(--gl-gutter);
      max-width: var(--gl-container-max);
      margin: 0 auto;
      padding-bottom: 8px;
    }

    @media (min-width: 768px) {
      .gl-hero__collage-grid {
        grid-template-columns: repeat(3, 1fr);
      }
    }

    @media (min-width: 1024px) {
      .gl-hero__collage-grid {
        grid-template-columns: repeat(6, 1fr);
        gap: var(--gl-special-md);
      }
    }

    .gl-hero__card {
      display: flex;
      flex-direction: column;
      text-decoration: none;
      color: inherit;
    }

    .gl-hero__card-image {
      background: var(--gl-color-bg-interactive);
      border-radius: var(--gl-radius-xxl);
      overflow: hidden;
      display: flex;
      flex-direction: column;
      align-items: center;
      aspect-ratio: 1 / 1;
      padding: 0;
      transition: box-shadow 0.2s ease;
    }

    .gl-hero__card:hover .gl-hero__card-image {
      box-shadow: var(--gl-elevation-sm);
    }

    @media (min-width: 768px) {
      .gl-hero__card-image {
        aspect-ratio: 3 / 4;
      }
    }

    .gl-hero__card-image img {
      width: 100%;
      margin-top: auto;
      height: auto;
      object-fit: contain;
      padding: 0 8px;
      transform: translateY(0);
    }

    .gl-hero__card-image[data-model="preface"] img {
      transform: translateY(8%);
    }

    .gl-hero__card-image[data-model="knewstar"] img {
      transform: translateY(-4%);
    }

    .gl-hero__card-badge {
      align-self: stretch;
      margin: 12px 10px 0;
      padding: 6px 0;
      border-bottom: 1.5px solid rgba(11, 13, 12, 0.12);
      color: var(--gl-color-text-secondary);
      font-family: var(--gl-font-primary);
      font-size: 12px;
      font-weight: 400;
      line-height: 1.3;
      text-align: center;
      white-space: nowrap;
    }

    .gl-hero__card-badge strong {
      color: var(--gl-color-text-primary);
      font-weight: 500;
    }

    @media (min-width: 768px) {
      .gl-hero__card-badge {
        font-size: 12px;
        margin: 14px 12px 0;
      }
    }

    @media (min-width: 1280px) {
      .gl-hero__card-badge {
        font-size: 13px;
        margin: 16px 14px 0;
        padding: 8px 0;
      }
    }

    .gl-hero__card-promo {
      align-self: stretch;
      margin: 0 10px;
      padding: 4px 0;
      color: var(--gl-color-text-tertiary);
      font-family: var(--gl-font-primary);
      font-size: 11px;
      font-weight: 400;
      line-height: 1.3;
      text-align: center;
      white-space: nowrap;
    }

    @media (min-width: 768px) {
      .gl-hero__card-promo {
        margin: 0 12px;
      }
    }

    @media (min-width: 1280px) {
      .gl-hero__card-promo {
        font-size: 12px;
        margin: 0 14px;
        padding: 5px 0;
      }
    }

    .gl-hero__card-image svg {
      width: 40px;
      height: 40px;
      color: var(--gl-color-text-muted);
    }

    .gl-hero__card-name {
      font-family: var(--gl-font-primary);
      font-size: 13px;
      font-weight: 400;
      line-height: 1.3;
      color: var(--gl-color-text-secondary);
      text-align: center;
      margin-top: var(--gl-special-sm);
    }

    @media (min-width: 1024px) {
      .gl-hero__card-name {
        font-size: 14px;
      }
    }

    /* ============================================================
       MODEL CARD
       ============================================================ */
    .gl-model-card {
      padding: var(--gl-section-lg) 0;
    }

    /* .gl-model-card__inner → container handled by .gl-container */

    .gl-model-card__layout {
      display: flex;
      flex-direction: column;
      gap: var(--gl-section-sm);
    }

    @media (min-width: 1024px) {
      .gl-model-card__layout {
        flex-direction: row;
        gap: var(--gl-section-md);
        align-items: flex-start;
      }
    }

    /* --- Gallery (left column) --- */
    .gl-model-card__gallery {
      position: relative;
      flex-shrink: 0;
    }

    @media (min-width: 1024px) {
      .gl-model-card__gallery {
        width: 55%;
      }
    }

    .gl-model-card__image-wrap {
      position: relative;
      overflow: hidden;
      border-radius: var(--gl-radius-xxl);
      background: var(--gl-color-bg-tertiary);
      aspect-ratio: 4 / 3;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .gl-model-card__image-wrap img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .gl-model-card__image-wrap svg {
      width: 64px;
      height: 64px;
      color: var(--gl-color-text-muted);
    }

    .gl-model-card__arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 40px;
      height: 40px;
      border-radius: var(--gl-radius-full);
      border: none;
      background: var(--gl-color-bg-primary);
      box-shadow: var(--gl-elevation-sm);
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 2;
      transition: opacity 0.2s ease;
    }

    .gl-model-card__arrow:hover {
      opacity: 0.8;
    }

    .gl-model-card__arrow--prev {
      left: 12px;
    }

    .gl-model-card__arrow--next {
      right: 12px;
    }

    .gl-model-card__arrow svg {
      width: 20px;
      height: 20px;
      color: var(--gl-color-text-primary);
    }

    /* --- Info (right column) --- */
    .gl-model-card__info {
      display: flex;
      flex-direction: column;
    }

    @media (min-width: 1024px) {
      .gl-model-card__info {
        width: 45%;
        padding-top: var(--gl-special-sm);
      }
    }

    .gl-model-card__title {
      font-family: var(--gl-font-secondary);
      font-size: 26px;
      font-weight: 700;
      line-height: 1.2;
      color: var(--gl-color-text-primary);
    }

    @media (min-width: 1024px) {
      .gl-model-card__title {
        font-size: 40px;
      }
    }

    /* Benefit badge — intermediate accent (not a CTA) */
    .gl-model-card__badge {
      display: inline-flex;
      align-items: center;
      align-self: flex-start;
      margin-top: var(--gl-special-md);
      padding: 8px 20px;
      border-radius: var(--gl-radius-xxl);
      background: var(--gl-color-bg-secondary);
      color: var(--gl-color-text-secondary);
      font-family: var(--gl-font-primary);
      font-size: 14px;
      font-weight: 400;
      line-height: 1.3;
      white-space: nowrap;
    }

    .gl-model-card__badge strong {
      color: var(--gl-color-text-primary);
      font-weight: 500;
      margin-left: 0.25em;
    }

    @media (min-width: 1024px) {
      .gl-model-card__badge {
        font-size: 16px;
        padding: 10px 24px;
      }
    }

    /* Benefits grid */
    .gl-model-card__benefits {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: var(--gl-special-md);
      margin-top: var(--gl-section-sm);
    }

    .gl-model-card__benefit {
      display: flex;
      align-items: center;
      gap: var(--gl-special-sm);
    }

    .gl-model-card__benefit-icon {
      flex-shrink: 0;
      width: 36px;
      height: 36px;
      border-radius: var(--gl-radius-md);
      border: 1px solid var(--gl-color-border-secondary);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .gl-model-card__benefit-icon svg {
      width: 18px;
      height: 18px;
      color: var(--gl-color-text-primary);
    }

    .gl-model-card__benefit-text {
      font-family: var(--gl-font-primary);
      font-size: 13px;
      font-weight: 400;
      line-height: 1.35;
      color: var(--gl-color-text-primary);
    }

    @media (min-width: 1024px) {
      .gl-model-card__benefit-text {
        font-size: 14px;
      }
    }

    /* .gl-model-card__cta → uses .gl-btn-primary.gl-btn-primary--responsive-block */
    .gl-model-card__cta { margin-top: var(--gl-section-sm); padding: 15px 32px; }

    .gl-model-card--alt { background: var(--gl-color-bg-secondary); }

    /* --- Trims carousel --- */
    .gl-model-card__trims {
      position: relative;
      margin-top: var(--gl-section-sm);
      padding: 0 24px;
    }

    @media (max-width: 1023px) {
      .gl-model-card__trims {
        padding: 0 12px;
      }
    }

    .gl-model-card__trims-track {
      display: flex;
      gap: var(--gl-gutter);
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      scrollbar-width: none;
      -webkit-overflow-scrolling: touch;
      padding-bottom: 4px;
    }

    @media (max-width: 767px) {
      .gl-model-card__trims-track {
        padding-right: var(--gl-section-xl);
      }
    }

    .gl-model-card__trims-track::-webkit-scrollbar {
      display: none;
    }

    .gl-model-card__trim-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 36px;
      height: 36px;
      border-radius: var(--gl-radius-full);
      border: 1px solid var(--gl-color-border-secondary);
      background: var(--gl-color-bg-primary);
      box-shadow: var(--gl-elevation-sm);
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 2;
      transition: opacity 0.2s ease, border-color 0.2s ease;
    }

    .gl-model-card__trim-arrow:hover {
      border-color: var(--gl-color-border-primary);
      opacity: 0.8;
    }

    .gl-model-card__trim-arrow:disabled {
      opacity: 0.3;
      cursor: default;
    }

    .gl-model-card__trim-arrow--prev {
      left: -18px;
    }

    .gl-model-card__trim-arrow--next {
      right: -18px;
    }

    .gl-model-card__trim-arrow svg {
      width: 18px;
      height: 18px;
      color: var(--gl-color-text-primary);
    }

    @media (max-width: 1023px) {
      .gl-model-card__trim-arrow {
        width: 32px;
        height: 32px;
      }

      .gl-model-card__trim-arrow--prev {
        left: -8px;
      }

      .gl-model-card__trim-arrow--next {
        right: -8px;
      }
    }

    /* Individual trim card */
    .gl-model-card__trim {
      flex: 0 0 85%;
      scroll-snap-align: start;
      display: flex;
      align-items: center;
      gap: var(--gl-special-md);
      padding: var(--gl-special-md) var(--gl-special-lg);
      border: 1px solid var(--gl-color-border-secondary);
      border-left: 3px solid var(--gl-color-brand);
      border-radius: var(--gl-radius-lg);
      background: var(--gl-color-bg-primary);
    }

    @media (min-width: 768px) {
      .gl-model-card__trim {
        flex: 0 0 46%;
      }
    }

    @media (min-width: 1024px) {
      .gl-model-card__trim {
        flex: 1 1 0;
        min-width: 0;
      }
    }

    .gl-model-card__trim-body {
      flex: 1;
      min-width: 0;
    }

    .gl-model-card__trim-name {
      font-family: var(--gl-font-secondary);
      font-size: 16px;
      font-weight: 700;
      line-height: 1.35;
      color: var(--gl-color-text-primary);
    }

    @media (min-width: 1024px) {
      .gl-model-card__trim-name {
        font-size: 18px;
      }
    }

    .gl-model-card__trim-specs {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: var(--gl-special-sm);
      margin-top: 6px;
    }

    .gl-model-card__trim-spec {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      font-family: var(--gl-font-primary);
      font-size: 12px;
      font-weight: 400;
      color: var(--gl-color-text-secondary);
      white-space: nowrap;
    }

    .gl-model-card__trim-spec svg {
      width: 16px;
      height: 16px;
      flex-shrink: 0;
      color: var(--gl-color-text-tertiary);
    }

    .gl-model-card__trim-thumb {
      flex-shrink: 0;
      width: 100px;
      height: 60px;
      border-radius: var(--gl-radius-md);
      /* background: var(--gl-color-bg-tertiary); */
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
    }

    @media (min-width: 1024px) {
      .gl-model-card__trim-thumb {
        width: 120px;
        height: 72px;
      }
    }

    .gl-model-card__trim-thumb img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

    .gl-model-card__trim-thumb svg {
      width: 32px;
      height: 32px;
      color: var(--gl-color-text-muted);
    }

    /* ============================================================
       WHY CHOOSE US — gl-advantages
       ============================================================ */
    .gl-advantages {
      padding: var(--gl-section-xl) 0;
      background: var(--gl-color-bg-primary);
    }

    /* .gl-advantages__inner → container handled by .gl-container */

    .gl-advantages__header {
      margin-bottom: var(--gl-section-lg);
    }

    /* .gl-advantages__title → uses .gl-section-title */

    .gl-advantages__subtitle {
      font-family: var(--gl-font-primary);
      font-weight: 300;
      color: var(--gl-color-text-secondary);
      font-size: 14px;
      line-height: 1.3;
      margin-top: var(--gl-special-sm);
    }

    @media (min-width: 1024px) {
      .gl-advantages__subtitle {
        font-size: 16px;
        margin-top: var(--gl-special-md);
      }
    }

    .gl-advantages__grid {
      display: grid;
      gap: var(--gl-gutter);
      grid-template-columns: 1fr;
    }

    @media (min-width: 768px) {
      .gl-advantages__grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (min-width: 1024px) {
      .gl-advantages__grid {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: auto auto;
      }

      .gl-advantages__card--featured {
        grid-row: span 1;
      }
    }

    .gl-advantages__card {
      position: relative;
      display: flex;
      flex-direction: column;
      padding: var(--gl-special-lg) var(--gl-special-lg) var(--gl-special-xl);
      background: var(--gl-color-bg-secondary);
      border-radius: var(--gl-radius-xxl);
      overflow: hidden;
      transition: background 0.25s ease, box-shadow 0.25s ease;
    }

    .gl-advantages__card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 3px;
      height: 0;
      background: var(--gl-color-brand);
      border-radius: 0 var(--gl-radius-sm) var(--gl-radius-sm) 0;
      transition: height 0.35s ease;
    }

    .gl-advantages__card:hover {
      background: var(--gl-color-bg-tertiary);
      box-shadow: var(--gl-elevation-sm);
    }

    .gl-advantages__card:hover::before {
      height: 100%;
    }

    .gl-advantages__card--featured {
      background: var(--gl-color-brand);
      color: var(--gl-color-white);
    }

    .gl-advantages__card--featured::before {
      background: rgba(255, 255, 255, 0.3);
    }

    .gl-advantages__card--featured:hover {
      background: var(--gl-color-brand);
      box-shadow: var(--gl-elevation-md);
    }

    .gl-advantages__card--featured .gl-advantages__stat {
      color: var(--gl-color-white);
    }

    .gl-advantages__card--featured .gl-advantages__unit {
      color: rgba(255, 255, 255, 0.7);
    }

    .gl-advantages__card--featured .gl-advantages__desc {
      color: rgba(255, 255, 255, 0.55);
    }

    .gl-advantages__stat {
      font-family: var(--gl-font-secondary);
      font-weight: 700;
      font-size: 48px;
      line-height: 1;
      color: var(--gl-color-brand);
      letter-spacing: -0.02em;
    }

    .gl-advantages__stat svg {
      width: 40px;
      height: 40px;
    }

    @media (min-width: 1024px) {
      .gl-advantages__stat {
        font-size: 56px;
      }

      .gl-advantages__stat svg {
        width: 48px;
        height: 48px;
      }
    }

    @media (min-width: 1280px) {
      .gl-advantages__stat {
        font-size: 64px;
      }
    }

    .gl-advantages__unit {
      display: block;
      font-family: var(--gl-font-primary);
      font-weight: 500;
      font-size: 14px;
      line-height: 1.3;
      text-transform: uppercase;
      letter-spacing: 0.48px;
      color: var(--gl-color-text-secondary);
      margin-top: var(--gl-special-xs);
    }

    @media (min-width: 1024px) {
      .gl-advantages__unit {
        font-size: 14px;
        margin-top: var(--gl-special-sm);
      }
    }

    .gl-advantages__desc {
      font-family: var(--gl-font-primary);
      font-weight: 300;
      font-size: 14px;
      line-height: 1.3;
      color: var(--gl-color-text-tertiary);
      margin-top: var(--gl-special-sm);
    }

    @media (min-width: 1024px) {
      .gl-advantages__desc {
        font-size: 14px;
      }
    }

    .gl-advantages__cta {
      margin-top: var(--gl-section-lg);
      text-align: center;
    }

    /* .gl-advantages__btn → uses .gl-btn-primary */
    .gl-advantages__btn { font-size: 16px; font-weight: 400; padding: 16px 48px; }

    /* ============================================================
       CREDIT CALCULATOR — gl-credit
       ============================================================ */
    .gl-credit {
      padding: var(--gl-section-xl) 0;
      background: var(--gl-color-bg-secondary);
    }

    .gl-credit__inner {
      margin: 0 auto;
      padding: 0 var(--gl-margin);
      max-width: 600px;
    }

    @media (min-width: 1024px) {
      .gl-credit__inner {
        max-width: 680px;
      }
    }

    .gl-credit__header {
      margin-bottom: var(--gl-section-sm);
    }

    /* .gl-credit__title → uses .gl-section-title */

    .gl-credit__badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      margin-top: var(--gl-special-md);
      font-family: var(--gl-font-primary);
      font-size: 14px;
      font-weight: 500;
      line-height: 1.3;
      color: var(--gl-color-text-primary);
    }

    .gl-credit__badge svg {
      flex-shrink: 0;
      color: var(--gl-color-text-primary);
    }

    .gl-credit__form {
      display: flex;
      flex-direction: column;
      gap: var(--gl-special-lg);
    }

    .gl-credit__field {
      display: flex;
      flex-direction: column;
    }

    .gl-credit__label {
      font-family: var(--gl-font-primary);
      font-size: 14px;
      font-weight: 400;
      line-height: 1.3;
      color: var(--gl-color-text-secondary);
    }

    .gl-credit__label--sr {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      border: 0;
    }

    /* .gl-credit__select → removed (uses model mini-cards, not select) */

    /* --- Model mini-cards (replaces dropdown) --- */
    .gl-credit__models {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 10px;
      margin-top: var(--gl-special-xs);
    }

    @media (max-width: 479px) {
      .gl-credit__models {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    .gl-credit__model-card {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 0;
      padding: 10px 6px 8px;
      border: 1.5px solid var(--gl-color-border-secondary);
      border-radius: var(--gl-radius-xxl);
      background: var(--gl-color-bg-primary);
      cursor: pointer;
      transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
      user-select: none;
      -webkit-user-select: none;
    }

    .gl-credit__model-card:hover {
      border-color: var(--gl-color-text-tertiary);
      box-shadow: var(--gl-elevation-sm);
    }

    .gl-credit__model-card.is-active {
      border-color: var(--gl-color-brand);
      background: var(--gl-color-bg-tertiary);
      box-shadow: 0 0 0 1px var(--gl-color-brand);
    }

    .gl-credit__model-card-img {
      width: 100%;
      height: 48px;
      object-fit: contain;
      pointer-events: none;
    }

    @media (min-width: 768px) {
      .gl-credit__model-card-img {
        height: 56px;
      }
    }

    .gl-credit__model-card-name {
      font-family: var(--gl-font-primary);
      font-size: 11px;
      font-weight: 500;
      line-height: 1.2;
      color: var(--gl-color-text-secondary);
      text-align: center;
      text-transform: uppercase;
      letter-spacing: 0.03em;
      margin-top: 4px;
      pointer-events: none;
    }

    .gl-credit__model-card.is-active .gl-credit__model-card-name {
      color: var(--gl-color-text-primary);
      font-weight: 500;
    }

    .gl-credit__range-header {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      margin-bottom: var(--gl-special-sm);
    }

    .gl-credit__range-value {
      font-family: var(--gl-font-secondary);
      font-size: 18px;
      font-weight: 700;
      line-height: 1;
      color: var(--gl-color-text-primary);
      min-width: 32px;
      text-align: right;
    }

    .gl-credit__range-wrap {
      display: flex;
      flex-direction: column;
    }

    .gl-credit__range {
      -webkit-appearance: none;
      appearance: none;
      width: 100%;
      height: 4px;
      border-radius: var(--gl-radius-full);
      background: var(--gl-color-bg-interactive);
      outline: none;
      cursor: pointer;
    }

    .gl-credit__range::-webkit-slider-thumb {
      -webkit-appearance: none;
      appearance: none;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background: var(--gl-color-brand);
      border: 3px solid var(--gl-color-bg-primary);
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
      cursor: pointer;
      transition: transform 0.15s ease;
    }

    .gl-credit__range::-webkit-slider-thumb:hover {
      transform: scale(1.15);
    }

    .gl-credit__range::-moz-range-thumb {
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background: var(--gl-color-brand);
      border: 3px solid var(--gl-color-bg-primary);
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
      cursor: pointer;
    }

    .gl-credit__range-limits {
      display: flex;
      justify-content: space-between;
      font-family: var(--gl-font-primary);
      font-size: 12px;
      font-weight: 300;
      color: var(--gl-color-text-tertiary);
      margin-top: var(--gl-special-xs);
    }

    /* .gl-credit__input → uses .gl-input */

    /* .gl-credit__submit → uses .gl-btn-primary.gl-btn-primary--block */

    /* .gl-credit__consent* → uses .gl-consent-group / .gl-consent / .gl-checkbox / .gl-checkmark / .gl-consent-text / .gl-consent-link */

    /* ============================================================
       TRADE-IN — gl-tradein
       ============================================================ */
    .gl-tradein {
      padding: var(--gl-section-xl) 0;
      background: var(--gl-color-bg-primary);
      overflow: hidden;
    }

    /* .gl-tradein__inner → container handled by .gl-container */

    .gl-tradein__layout {
      display: flex;
      flex-direction: column;
      gap: var(--gl-section-md);
    }

    @media (min-width: 1024px) {
      .gl-tradein__layout {
        flex-direction: row;
        align-items: stretch;
        gap: var(--gl-section-lg);
      }
    }

    .gl-tradein__form-col {
      flex: 1;
      min-width: 0;
    }

    @media (min-width: 1024px) {
      .gl-tradein__form-col {
        flex: 0 0 44%;
        max-width: 520px;
      }
    }

    /* .gl-tradein__title → uses .gl-section-title */
    .gl-tradein__title { margin-bottom: var(--gl-section-sm); }

    .gl-tradein__form {
      display: flex;
      flex-direction: column;
      gap: var(--gl-special-md);
    }

    .gl-tradein__field {
      display: flex;
      flex-direction: column;
    }

    /* .gl-tradein form controls → uses shared .gl-select-wrap / .gl-select / .gl-input / .gl-btn-primary / .gl-consent-group */
    .gl-tradein__label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
    .gl-tradein__submit { margin-top: var(--gl-special-xs); }
    .gl-tradein__consents { margin-top: var(--gl-special-xs); }

    .gl-tradein__image-col {
      flex: 1;
      min-width: 0;
      display: none;
      align-items: center;
      justify-content: center;
    }

    @media (min-width: 1024px) {
      .gl-tradein__image-col {
        display: flex;
      }
    }

    .gl-tradein__image-wrap {
      position: relative;
      width: 100%;
      border-radius: var(--gl-radius-xxl);
      /* background: var(--gl-color-brand); */
      overflow: hidden;
      aspect-ratio: 16 / 10;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    @media (min-width: 1024px) {
      .gl-tradein__image-wrap {
        aspect-ratio: auto;
        height: 100%;
        min-height: 420px;
      }
    }

    .gl-tradein__image {
      width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: center;
      padding: var(--gl-special-lg);
    }

    /* ============================================================
       CONTACTS — gl-contacts
       ============================================================ */
    .gl-contacts {
      background: var(--gl-color-bg-primary);
    }

    .gl-contacts__layout {
      display: flex;
      flex-direction: column;
    }

    @media (min-width: 1024px) {
      .gl-contacts__layout {
        flex-direction: row;
        min-height: 480px;
      }
    }

    .gl-contacts__map {
      position: relative;
      width: 100%;
      min-height: 320px;
      background: var(--gl-color-bg-interactive);
    }

    @media (min-width: 1024px) {
      .gl-contacts__map {
        width: 60%;
        min-height: 480px;
      }
    }

    .gl-contacts__map iframe {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      border: 0;
    }

    .gl-contacts__map-placeholder {
      position: absolute;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--gl-color-text-muted);
    }

    .gl-contacts__map-placeholder svg {
      width: 48px;
      height: 48px;
    }

    .gl-contacts__info {
      display: flex;
      flex-direction: column;
      padding: var(--gl-section-lg) var(--gl-margin);
    }

    @media (min-width: 1024px) {
      .gl-contacts__info {
        width: 40%;
        padding: var(--gl-section-xl) var(--gl-section-lg);
        justify-content: center;
      }
    }

    @media (min-width: 1280px) {
      .gl-contacts__info {
        padding: var(--gl-section-xl) var(--gl-section-xl);
      }
    }

    /* .gl-contacts__title → uses .gl-section-title */
    .gl-contacts__title { margin-bottom: var(--gl-section-sm); }

    .gl-contacts__items {
      display: flex;
      flex-direction: column;
      gap: var(--gl-special-lg);
    }

    .gl-contacts__item {
      display: flex;
      align-items: flex-start;
      gap: var(--gl-special-sm);
    }

    .gl-contacts__icon {
      flex-shrink: 0;
      width: 24px;
      height: 24px;
      color: var(--gl-color-text-primary);
      margin-top: 2px;
    }

    .gl-contacts__item-body {
      display: flex;
      flex-direction: column;
      gap: 4px;
    }

    .gl-contacts__phone {
      font-family: var(--gl-font-primary);
      font-size: 18px;
      font-weight: 500;
      line-height: 1.3;
      color: var(--gl-color-text-primary);
      transition: opacity 0.2s ease;
    }

    @media (min-width: 1024px) {
      .gl-contacts__phone {
        font-size: 20px;
      }
    }

    .gl-contacts__phone:hover {
      opacity: 0.8;
    }

    .gl-contacts__callback-link {
      font-family: var(--gl-font-primary);
      font-size: 14px;
      font-weight: 400;
      line-height: 1.3;
      color: var(--gl-color-link-hover);
      text-decoration: underline;
      text-underline-offset: 3px;
      transition: opacity 0.2s ease;
    }

    .gl-contacts__callback-link:hover {
      opacity: 0.7;
    }

    .gl-contacts__address {
      font-family: var(--gl-font-primary);
      font-size: 16px;
      font-weight: 400;
      line-height: 1.4;
      color: var(--gl-color-text-primary);
      font-style: normal;
    }

    .gl-contacts__cta {
      margin-top: var(--gl-section-md);
      padding-top: var(--gl-section-sm);
      border-top: 1px solid var(--gl-color-bg-interactive);
    }

    .gl-contacts__cta-label {
      font-family: var(--gl-font-primary);
      font-size: 16px;
      font-weight: 500;
      line-height: 1.3;
      color: var(--gl-color-text-primary);
      margin-bottom: var(--gl-special-md);
    }

    @media (min-width: 1024px) {
      .gl-contacts__cta-label {
        font-size: 18px;
      }
    }

    /* .gl-contacts__btn → uses .gl-btn-secondary.gl-btn-secondary--responsive-block */

    /* ============================================================
       FOOTER — gl-footer
       ============================================================ */
    .gl-footer {
      padding: var(--gl-section-sm) 0;
      background: var(--gl-color-bg-primary);
      border-top: 1px solid var(--gl-color-bg-interactive);
    }

    /* .gl-footer__inner → container handled by .gl-container */

    .gl-footer__legal {
      display: flex;
      flex-direction: column;
      gap: var(--gl-special-sm);
    }

    .gl-footer__copyright {
      font-family: var(--gl-font-primary);
      font-size: 12px;
      font-weight: 300;
      line-height: 1.5;
      color: var(--gl-color-text-secondary);
    }

    .gl-footer__address {
      font-family: var(--gl-font-primary);
      font-size: 12px;
      font-weight: 300;
      line-height: 1.5;
      color: var(--gl-color-text-secondary);
    }

    .gl-footer__links {
      display: flex;
      flex-direction: column;
      gap: 4px;
      margin-top: var(--gl-special-md);
    }

    @media (min-width: 768px) {
      .gl-footer__links {
        flex-direction: row;
        gap: var(--gl-section-sm);
      }
    }

    .gl-footer__link {
      font-family: var(--gl-font-primary);
      font-size: 12px;
      font-weight: 400;
      line-height: 1.5;
      color: #c0c0c0;
      text-decoration: underline;
      text-underline-offset: 2px;
      transition: color 0.2s ease;
    }

    .gl-footer__link:hover {
      color: #8e9ca6;
    }

    /* ============================================================
       MODAL — gl-modal
       ============================================================ */
    .gl-modal {
      display: none;
      position: fixed;
      inset: 0;
      z-index: 200;
      align-items: center;
      justify-content: center;
      padding: var(--gl-margin);
    }

    .gl-modal.is-open {
      display: flex;
    }

    .gl-modal__backdrop {
      position: absolute;
      inset: 0;
      background: rgba(11, 13, 12, 0.55);
      transition: opacity 0.25s ease;
    }

    .gl-modal__dialog {
      position: relative;
      width: 100%;
      max-width: 440px;
      max-height: calc(100vh - 40px);
      overflow-y: auto;
      background: var(--gl-color-bg-primary);
      border-radius: var(--gl-radius-xxl);
      padding: var(--gl-special-xl) var(--gl-special-lg);
      box-shadow: var(--gl-elevation-lg);
      z-index: 1;
    }

    @media (min-width: 768px) {
      .gl-modal__dialog {
        padding: var(--gl-special-xl) var(--gl-special-xl);
      }
    }

    .gl-modal__close {
      position: absolute;
      top: var(--gl-special-md);
      right: var(--gl-special-md);
      width: 36px;
      height: 36px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: none;
      border: none;
      color: var(--gl-color-text-primary);
      transition: opacity 0.2s ease;
    }

    .gl-modal__close:hover {
      opacity: 0.6;
    }

    .gl-modal__close svg {
      width: 24px;
      height: 24px;
    }

    .gl-modal__title {
      font-family: var(--gl-font-secondary);
      font-size: 20px;
      font-weight: 700;
      line-height: 1.3;
      text-transform: uppercase;
      text-align: center;
      color: var(--gl-color-text-primary);
      margin-bottom: var(--gl-section-sm);
      padding: 0 var(--gl-special-lg);
    }

    @media (min-width: 768px) {
      .gl-modal__title {
        font-size: 26px;
      }
    }

    .gl-modal__form {
      display: flex;
      flex-direction: column;
      gap: var(--gl-special-lg);
    }

    /* .gl-modal form controls → uses shared .gl-input / .gl-btn-primary / .gl-consent-group */

textarea {
  resize: none;
}

.js-trade-textarea.hide {
  display: none;
}

.js-trade-textarea.show {
  display: block;
}

footer .disclamer {
  display: none;
  
  font-size: 12px;
  line-height: 14px;
  margin-top: 30px;
}