/* Longer product copy retains the existing visual identity and readable scale. */
html { scroll-padding-top: 90px; }
h1, h2, .eyebrow { letter-spacing: 0; }
.hero { display: grid; grid-template-columns: 1fr; grid-template-rows: auto minmax(180px, 1fr); height: auto; min-height: calc(100svh - var(--header-height) - var(--manifesto-height)); padding: 0; gap: 0; }
.hero h1, html[lang=en] .hero h1 { font-size: 64px; line-height: 1.02; max-width: 900px; }
.hero h1 em { white-space: normal; }
.hero .intro { max-width: 700px; margin: 20px 0; }
.hero-copy { position: relative; inset: auto; height: auto; padding: 35px 5% 20px; pointer-events: auto; }
.hero-copy::before { display: none; }
.hero-marquee { position: relative; inset: auto; height: 100%; min-height: 220px; padding: 12px 0 20px; }
.hero .eyebrow { margin-bottom: 20px; }
.trial-note { color: var(--muted); font-size: 13px; line-height: 1.6; max-width: 700px; margin-top: 18px; }
.sign-in-note { color: var(--muted); font-size: 12px; margin-top: 5px; }
.hero .hero-note { display: block; margin-top: 14px; }
.section-heading h2 { font-size: 54px; line-height: 1.08; max-width: 690px; }
.section-heading > p { flex: 0 1 340px; }
.application-copy h2, .closing h2 { font-size: 52px; line-height: 1.06; }
.applications { height: auto; min-height: 650px; }
.application-copy { padding-top: 50px; padding-bottom: 50px; }
.preserve { align-items: flex-start; }
.preserve h3 { margin-bottom: 10px; }
.preserve p { max-width: 850px; }
.preserve .result-note { color: var(--muted); font-size: 14px; margin-top: 10px; }
.compare-hold { width: 154px; height: 32px; letter-spacing: 0; }
.compare-hold span { width: 116px; }
.pricing { padding: 80px 6%; border-bottom: 1px solid var(--line); }
.pricing .section-heading { margin-bottom: 30px; }
.plan-options { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-bottom: 30px; }
.plan-options > div { border-top: 1px solid var(--line); padding-top: 24px; }
.plan-options h3 { font-size: 20px; }
.plan-price { font-size: 36px; color: var(--orange); margin: 14px 0 4px; }
.plan-price span { font-size: 18px; color: var(--muted); }
.pricing > p { max-width: 1050px; color: var(--muted); margin-top: 14px; font-size: 15px; }
.all-faqs { display: inline-flex; gap: 20px; color: var(--orange); margin-top: 28px; font-weight: 600; padding: 10px 0; }
.faq h2 { font-size: 48px; line-height: 1.08; }
summary { gap: 18px; line-height: 1.4; }
summary span { flex: none; }
.faq-page main { max-width: 1400px; margin: auto; padding: 60px 6% 90px; }
.faq-intro h1 { font-size: 60px; line-height: 1.05; max-width: 780px; margin: 24px 0 30px; }
.back-home { color: var(--muted); font-size: 14px; }
.faq-categories { display: flex; flex-wrap: wrap; gap: 12px 28px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 22px 0; margin-top: 40px; }
.faq-categories a { font-size: 14px; color: var(--muted); padding: 6px 0; }
.faq-categories a:hover { color: var(--orange); }
.faq-category { display: grid; grid-template-columns: 1fr 1.7fr; gap: 55px; padding-top: 60px; scroll-margin-top: 100px; }
.faq-category h2 { font-family: 'DM Sans', sans-serif; font-size: 26px; line-height: 1.3; font-weight: 600; }
.faq-category details p { color: var(--muted); padding: 0 0 24px; font-size: 15px; }
.faq-category summary { font-size: 18px; }
@media (max-width: 1000px) {
  .hero h1, html[lang=en] .hero h1 { font-size: 52px; }
  .section-heading h2 { font-size: 44px; }
  .application-copy h2, .closing h2 { font-size: 42px; }
}
@media (max-width: 760px) {
  .hero h1, html[lang=en] .hero h1 { font-size: 44px; }
  .hero { height: auto; min-height: 0; grid-template-rows: auto 160px; }
  .hero-copy { height: auto; padding: 25px 5% 12px; }
  .hero-marquee { height: 160px; min-height: 0; }
  .hero .intro { font-size: 15px; }
  .trial-note { font-size: 12px; }
  .section-heading { align-items: flex-start; }
  .section-heading > p { flex-basis: auto; }
  .section-heading h2, .application-copy h2, .closing h2 { font-size: 38px; }
  .faq h2 { font-size: 38px; }
  .pricing { padding: 55px 6%; }
  .plan-options { grid-template-columns: 1fr; gap: 28px; }
  .plan-price { font-size: 32px; }
  .faq-page main { padding-top: 35px; }
  .faq-intro h1 { font-size: 42px; }
  .faq-category { grid-template-columns: 1fr; gap: 16px; padding-top: 42px; }
  .faq-category h2 { font-size: 23px; }
  .faq-category summary { font-size: 16px; }
  .faq-categories { gap: 8px 20px; }
}