/* Revenue-led public landing layout. Tokens mirror the shared design scale. */
:root {
  --text-xs: .75rem; --text-sm: .8125rem; --text-base: .875rem;
  --text-md: .9375rem; --text-lg: 1.125rem; --text-xl: 1.375rem;
  --text-2xl: 1.75rem; --text-3xl: 2.25rem;
  --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-6: 24px;
  --sp-8: 32px; --sp-10: 40px; --sp-12: 48px;
  --revenue-hero-size: clamp(2.25rem, 3.5vw, 3.5rem);
}
#main-content > section { padding: var(--sp-12) var(--sp-6); }
#main-content .section-title { font-size: var(--text-3xl); line-height: 1.15; }
#main-content .section-sub { margin-bottom: var(--sp-6); }
#main-content .revenue-hero { padding-top: calc(var(--sp-12) * 2); text-align: left; }
.revenue-hero-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-10); align-items: center; max-width: 1200px; margin: auto; }
.revenue-hero h1 { font-size: var(--revenue-hero-size); line-height: 1.06; letter-spacing: -.035em; }
.revenue-hero h1 .accent { background: none; color: var(--text); }
.revenue-hero .hero-sub { font-size: var(--text-lg); line-height: 1.55; max-width: 36rem; margin: var(--sp-6) 0; }
.revenue-hero .hero-ctas { justify-content: flex-start; flex-wrap: wrap; gap: var(--sp-3); }
.revenue-micro, .revenue-price-note, .revenue-fit { color: var(--text-muted); font-size: var(--text-sm); line-height: 1.6; margin: var(--sp-3) 0; }
.revenue-price-note, .revenue-fit { color: var(--text); }
.revenue-product { margin: 0; padding: var(--sp-3); background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--sp-4); box-shadow: var(--shadow-lg); }
.revenue-product img { display: block; width: 100%; height: auto; border-radius: var(--sp-2); }
.revenue-product figcaption { padding: var(--sp-3); font-size: var(--text-sm); line-height: 1.5; color: var(--text-muted); }
.revenue-trust { max-width: 1200px; margin: var(--sp-10) auto 0; padding-top: var(--sp-6); border-top: 1px solid var(--border); text-align: center; font-size: var(--text-base); }
.revenue-trust > span { font-weight: 600; }
.revenue-trust p { margin-top: var(--sp-2); }
.revenue-columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--sp-6); text-align: left; margin: var(--sp-6) 0; }
.revenue-columns h3 { font-size: var(--text-xl); margin-bottom: var(--sp-3); }
.revenue-columns p { color: var(--text-muted); line-height: 1.6; }
.revenue-checklist { max-width: 640px; margin: var(--sp-6) auto; padding-left: var(--sp-6); line-height: 1.7; text-align: left; }
.revenue-trial .revenue-micro { max-width: 640px; margin: auto; text-align: center; }
#main-content .revenue-trial { padding-bottom: var(--sp-3); }
#main-content #pricing { padding-top: var(--sp-6); }
.revenue-proof-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,290px),1fr)); gap: var(--sp-6); max-width: 1100px; margin: auto; text-align: left; }
.revenue-proof-grid blockquote { margin: 0; line-height: 1.6; font-size: var(--text-base); }
.revenue-proof-card { background: var(--bg-card); border: 1px solid var(--border); padding: var(--sp-6); border-radius: var(--sp-3); }
.revenue-proof-card figcaption { border-top: 1px solid var(--border); margin-top: var(--sp-4); padding-top: var(--sp-4); font-size: var(--text-sm); color: var(--text-muted); }
.revenue-founder { max-width: 700px; margin: var(--sp-6) auto 0; color: var(--text-muted); font-size: var(--text-sm); line-height: 1.6; text-align: center; }
.revenue-sources { text-align: center; }
.revenue-campaign-shot { display: block; width: 100%; height: auto; border: 1px solid var(--border); border-radius: var(--sp-3); }
#main-content .revenue-secondary { padding-top: var(--sp-6); padding-bottom: var(--sp-6); }
.revenue-secondary details { max-width: 900px; margin: auto; }
.revenue-secondary summary { cursor: pointer; padding: var(--sp-4) 0; }
.revenue-secondary summary h2 { display: inline; font-size: var(--text-xl) !important; }
.revenue-secondary details > div { margin-top: var(--sp-6); }
#main-content #see-it-run .video-facade { max-width: 680px; margin-left: auto; margin-right: auto; }
#main-content .cta-section { padding-bottom: calc(var(--sp-12) * 2); }
@media (max-width: 850px) {
  .revenue-hero-grid { grid-template-columns: 1fr; gap: var(--sp-6); }
  #main-content .revenue-hero { padding-top: calc(var(--sp-12) + var(--sp-6)); }
  .revenue-hero .hero-sub { max-width: none; }
  .revenue-columns { grid-template-columns: 1fr; }
  #main-content .section-title { font-size: var(--text-2xl); }
}
@media (max-width: 480px) {
  #main-content > section { padding: var(--sp-8) var(--sp-4); }
  .revenue-hero .hero-ctas .btn { width: 100%; }
  .revenue-trust { margin-top: var(--sp-6); }
}
#main-content .revenue-hero { max-width: none; }
.revenue-hero p.revenue-micro, .revenue-hero p.revenue-price-note, .revenue-hero p.revenue-fit { font-size: var(--text-sm); line-height: 1.6; margin: var(--sp-3) 0; }
.revenue-hero .revenue-trust p { font-size: var(--text-base); margin: var(--sp-2) auto; max-width: none; }
.revenue-hero .revenue-trust p.revenue-micro { font-size: var(--text-sm); }
#main-content section[id] { scroll-margin-top: 90px; }
.revenue-hero .hero-badge { margin-bottom: var(--sp-4); }
.revenue-hero h1 .accent::after { display: none; }
#main-content .video-embed-section { max-width: 680px; margin-left: auto; margin-right: auto; }