/* Homepage-only typography. Sora is self-hosted; license: assets/fonts/sora-OFL.txt. */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url('/assets/fonts/sora-latin.woff2') format('woff2');
  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;
}
.home-page { --display: 'Sora', ui-sans-serif, system-ui, sans-serif; }
.home-page .site-header { background: #0c0e12e8; border-bottom: 1px solid #ffffff12; }
.selector-brand h1 { margin: 0; font-size: 1.22rem; font-weight: 600; letter-spacing: 0; line-height: 1.2; white-space: nowrap; }
.selector-brand .brand-app { color: #a7b1be; font-weight: 500; }
.selector-brand img { width: 34px; height: 34px; }
.home-page .product-chapter:first-child .chapter-heading { border-top: 0; }
.choice-copy h2 { font-size: clamp(3rem, 6.5vw, 5.65rem); font-weight: 650; letter-spacing: -.025em; line-height: 1.1; }
.choice-description { font-size: 1.16rem; line-height: 1.55; color: #d4dbe5; }
.choice-audience { font-size: .95rem; line-height: 1.6; color: #a0abba; }
.chapter-heading { font-family: var(--body); font-weight: 600; font-size: .74rem; letter-spacing: .08em; }
.showcase-caption { font-family: var(--body); font-size: .7rem; letter-spacing: .025em; }
.choice-facts li > span { font-family: var(--body); font-size: .67rem; font-weight: 500; letter-spacing: .08em; }
.choice-facts strong { font-family: var(--display); font-size: 1rem; font-weight: 500; letter-spacing: -.015em; }
.choice-link { font-family: var(--display); font-size: .78rem; font-weight: 600; }
@media (min-width: 760px) {
  .chapter-stage { grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); }
  .choice-intercom .chapter-stage { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); }
}
@media (min-width: 760px) and (max-width: 1100px) {
  .choice-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .choice-copy h2 { font-size: clamp(2.65rem, 5.7vw, 3.9rem); }
  .choice-description { font-size: 1.04rem; }
}
@media (max-width: 759px) {
  .choice-copy h2 { font-size: clamp(2.75rem, 11.5vw, 4.9rem); }
  .choice-description { font-size: 1.1rem; }
  .chapter-heading { font-size: .6rem; letter-spacing: .035em; }
  .choice-facts li > span { font-size: .6rem; }
  .choice-facts strong { font-size: .78rem; }
}