/* ============================================================================
   AI HERO — theme "тёплый рост / энергия".
   Light, warm, optimistic. Coral energy + amber value (💠). Broad audience,
   mobile-first. Only token values + a couple of signature rules live here;
   structure is in shared/landing.css.
   Fonts are self-hosted from shared/fonts for production reliability.
   ========================================================================== */

.theme-aih {
  /* Fonts */
  --font-display: "Unbounded", "Onest", system-ui, sans-serif;
  --font-body: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-eyebrow: "Onest", sans-serif;
  --eyebrow-spacing: 0.10em;
  --eyebrow-transform: uppercase;

  /* Surfaces */
  --bg: #FFFDFA;
  --bg-alt: #FFF4EC;
  --card: #FFFFFF;
  --line: rgba(32, 27, 23, 0.10);
  --line-strong: rgba(32, 27, 23, 0.18);
  --strip-bg: #FFF0E4;

  /* Ink */
  --ink: #201B17;
  --ink-strong: #17110D;
  --muted: #6E655C;

  /* Accents — coral energy + amber value */
  --accent: #FF5A34;
  --accent-2: #FFB020;
  --accent-ink: #DA3F14;
  --accent-tint: #FFE7DC;
  --on-accent: #FFFFFF;
  --accent-shadow: 0 10px 24px rgba(255, 90, 52, 0.26);
  --accent-shadow-hover: 0 16px 34px rgba(255, 90, 52, 0.38);
  --flexible-bg: #FFF8E7;
  --flexible-line: rgba(218, 63, 20, 0.42);
  --flexible-icon-bg: #FFFFFF;
  --lesson-card-bg: linear-gradient(160deg, #FFFFFF 0%, #FFF9F3 100%);
  --lesson-card-line: rgba(255, 90, 52, 0.18);
  --lesson-card-shadow: 0 16px 34px rgba(91, 48, 24, 0.10);
  --lesson-icon-bg: #FFE7DC;
  --schedule-bg: #F1F7F7;
  --schedule-accent: #287B78;
  --schedule-icon-bg: #DCEFED;
  --schedule-line: rgba(40, 123, 120, 0.20);
  --schedule-line-strong: rgba(40, 123, 120, 0.48);
  --schedule-on-accent: #FFFFFF;
  --charity-bg: #F1F7F0;
  --charity-ink: #24613D;
  --charity-line: rgba(36, 97, 61, 0.20);
  --charity-chart-grid: rgba(36, 97, 61, 0.10);
  --charity-chart-fill: rgba(36, 97, 61, 0.09);
  --charity-pulse: rgba(36, 97, 61, 0.12);
  --charity-tooltip-bg: #FFFFFF;
  --transformation-bg: #F2F6F9;
  --transformation-before: #587089;
  --transformation-after: #FF5A34;
  /* Fiery highlight for key theses — orange → amber, never red */
  --hot-grad: linear-gradient(90deg, #FF6A2C, #FFAE12);
  --focus: #DA3F14;
  --yes: #DA3F14;

  /* Price card */
  --price-bg: linear-gradient(150deg, #FFF3EC 0%, #FFFFFF 60%);
  --price-line: rgba(255, 90, 52, 0.28);
  --price-shadow: 0 24px 60px rgba(255, 90, 52, 0.14);
}

/* --- Signature: warm hero glow ------------------------------------------ */
.theme-aih .hero::before {
  content: ""; position: absolute; inset: -30% -20% auto -20%; height: 120%;
  background:
    radial-gradient(60% 55% at 78% 12%, rgba(255, 176, 32, 0.30), transparent 60%),
    radial-gradient(55% 50% at 12% 6%, rgba(255, 90, 52, 0.20), transparent 62%);
  pointer-events: none; z-index: 0;
}
.theme-aih .hero > .wrap { position: relative; z-index: 1; }

/* --- Signature: the "ИИ" wordplay ---------------------------------------- */
.theme-aih .ii {
  font-weight: 800;
  background: linear-gradient(92deg, var(--accent), var(--accent-2));
  -webkit-background-clip: text; background-clip: text; color: transparent;
  padding: 0 1px;
}

/* --- Value-marker feature cards ------------------------------------------ */
.theme-aih .card { background: linear-gradient(180deg, #FFFFFF, #FFFBF7); }
.theme-aih .card-mark { filter: saturate(1.1); }

/* Pull-quote gets an amber underline flourish */
.theme-aih .pull { border-left-color: var(--accent-2); }

/* --- Hero: tools ticker shared with the corporate landing --------------- */
.theme-aih .trust-cap {
  margin-top: 30px; font-family: var(--font-eyebrow); font-size: 12px;
  font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted);
}
.theme-aih .hero-logos {
  position: relative; margin-top: 18px; width: 100vw; margin-left: calc(50% - 50vw); overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
.theme-aih .hero-logos-track { display: flex; width: max-content; animation: hero-logos-scroll 52s linear infinite; }
.theme-aih .hero-logos:hover .hero-logos-track { animation-play-state: paused; }
.theme-aih .hero-logos-set { display: flex; align-items: center; gap: 34px; padding-right: 34px; }
.theme-aih .hero-tool {
  display: inline-flex; align-items: center; gap: 9px; flex: none;
  color: var(--muted); font-family: var(--font-eyebrow); font-size: 14px; font-weight: 700; white-space: nowrap;
  opacity: .68; transition: color .2s ease, opacity .2s ease;
}
.theme-aih .hero-tool-logo {
  width: 26px; height: 26px; flex: none; object-fit: contain;
  filter: grayscale(1); transition: filter .2s ease;
}
.theme-aih .hero-tool:hover { color: var(--accent-ink); opacity: 1; }
.theme-aih .hero-tool:hover .hero-tool-logo { filter: none; }
@keyframes hero-logos-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
  .theme-aih .hero-logos-track { animation: none; flex-wrap: wrap; width: auto; justify-content: center; padding: 0 var(--pad); }
  .theme-aih .hero-logos-set { flex-wrap: wrap; justify-content: center; row-gap: 18px; }
  .theme-aih .hero-logos-set.hero-logos-dup { display: none; }
  .theme-aih .hero-logos { -webkit-mask-image: none; mask-image: none; }
}