/* Homepage refresh. Loaded after style.css, ecosystem.css and showcase.css and
   only adjusts what the promo page needs: a hero that fits one screen, a
   tighter rhythm between chapters, and type that reads as one family. */

/* Both languages live in the markup, as on every other page. English shows
   until legal.js stamps body[data-language]; `revert` keeps inline labels
   inline. */
.localized[lang="sk"] { display: none; }
body[data-language="sk"] .localized[lang="en"] { display: none; }
body[data-language="sk"] .localized[lang="sk"] { display: revert; }

.lang-select { position: relative; z-index: 50; appearance: auto; -webkit-appearance: menulist; background: #11120f; color: #f9e4a2;
  border: 1px solid rgba(249, 228, 162, .22); border-radius: 999px; padding: 8px 10px; font: 800 10px/1 Inter, -apple-system, sans-serif;
  letter-spacing: .08em; touch-action: manipulation; }

/* --- type ----------------------------------------------------------------- */
.home-page h1, .home-page h2, .home-page h3 { text-wrap: balance; }
.home-page p { text-wrap: pretty; }
.home-page h1 { font-size: clamp(56px, 7.2vw, 104px); letter-spacing: -.05em; margin-bottom: 30px; }
.home-page h2 { font-size: clamp(42px, 5.2vw, 76px); letter-spacing: -.045em; line-height: 1; margin-bottom: 0; }
.home-page .final h2 { font-size: clamp(50px, 6.6vw, 96px); margin-bottom: 22px; }
.home-page .lead { color: #a9aaa1; font-size: clamp(17px, 1.45vw, 20px); line-height: 1.65; max-width: 560px; }
.home-page .vision-intro, .home-page .release-note { color: #a1a299; font-size: 17px; line-height: 1.65; margin-top: 22px; }
.home-page .kicker { margin-bottom: 20px; }

/* --- rhythm --------------------------------------------------------------- */
/* Chapters were 150px top and bottom, so every boundary was 300px of nothing.
   One measure now, and a hairline instead of the empty band. */
.home-page .chapter { padding: 104px 0; }
.home-page .chapter + .chapter:before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent, var(--line), transparent); }
.home-page .flow, .home-page .platform-showcase { padding-top: 104px; }
.home-page .section-title.centered { margin-bottom: 56px; }
.home-page .world-grid { margin-top: 52px; }

/* --- hero ----------------------------------------------------------------- */
/* The orbit rings were an ordinary grid child, so they took the first cell
   and pushed the copy right and the symbol onto a second row. */
.home-page .hero { min-height: min(100svh, 940px); padding-top: 128px; padding-bottom: 72px; gap: 40px; }
.home-page .hero-orbit { position: absolute; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; }
.home-page .hero-copy, .home-page .hero-symbol { position: relative; z-index: 1; }
.home-page .hero-symbol { min-height: 520px; }
.home-page .hero-symbol > img { width: min(40vw, 330px); }
.home-page .aura { width: 480px; height: 480px; }
.home-page .hero-actions { margin-top: 34px; }

/* --- sections ------------------------------------------------------------- */
.home-page .world-card { min-height: 0; padding: 40px; }
.home-page .world-card h3 { margin-top: 18px; font-size: 30px; }
.home-page .world-visual { height: 220px; }
.home-page .flow-step p { color: #9c9d94; font-size: 14px; line-height: 1.6; max-width: 230px; margin: 0 auto; }
.home-page .intelligence { min-height: 0; gap: 72px; }
.home-page .ai-stage { min-height: 640px; }
.home-page .ai-list { margin-top: 34px; }
.home-page .ai-list span { line-height: 1.55; }
.home-page .product-family-card { min-height: 0; }
.home-page .product-family-card > p:not(.product-tagline) { min-height: 96px; font-size: 14px; color: #a1a299; }
.home-page .product-family-card .text-link { display: inline-block; margin-top: 6px; color: var(--soft); }
.home-page .product-symbol { margin: 38px 0 28px; }
.home-page .product-connection { margin-top: 44px; }
.home-page .orbit-map { width: min(86vw, 700px); height: min(86vw, 700px); }
.home-page .ecosystem-note { margin-top: 30px; color: #a1a299; }
.home-page .release-track article, .home-page .release-vision article { min-height: 230px; }
.home-page .final { min-height: 0; padding: 140px 0 130px; }
.home-page .final > img { width: 110px; margin-bottom: 36px; }

@media (max-width: 900px) {
  .home-page .chapter { padding: 84px 0; }
  .home-page .hero { padding-top: 140px; min-height: 0; }
  .home-page .hero-symbol { min-height: 380px; }
  .home-page .ai-stage { min-height: 560px; }
  .home-page .orbit-map { width: 640px; height: 640px; }
}
@media (max-width: 560px) {
  .home-page .chapter { padding: 68px 0; }
  .home-page .hero { padding-top: 120px; padding-bottom: 40px; }
  .home-page h1 { font-size: 52px; }
  .home-page .hero-symbol { min-height: 320px; }
  .home-page .hero-symbol > img { width: 210px; }
  .home-page .aura { width: 340px; height: 340px; }
  .home-page .world-card { padding: 28px; }
  .home-page .world-visual { height: 180px; }
  .home-page .ai-stage { min-height: 500px; }
  .home-page .orbit-map { width: 100%; height: 480px; }
  .home-page .product-family-card > p:not(.product-tagline) { min-height: 0; }
  .home-page .final { padding: 96px 0; }
}