/* Shared homepage type scale, loaded after section styles. */
.homepage { --section-title-size: clamp(30px, 3.1vw, 40px); --card-title-size: clamp(20px, 1.9vw, 23px); }
.homepage #main h2 { font-family: Poppins, Arial, sans-serif; font-size: var(--section-title-size); font-weight: 600; line-height: 1.18; letter-spacing: -.035em; }
.homepage #main h2 em, .homepage #main h1 em { font-family: Fraunces, Georgia, serif; font-weight: 400; font-style: italic; }
.homepage #main :is(.difference-explanations h3, .step h3, .recommendation-copy h3, .grow-copy h3, .igc-story h3) { font-size: var(--card-title-size); line-height: 1.25; font-weight: 600; letter-spacing: -.025em; }
.homepage #main :is(.difference-explanations p, .step p, .grow-copy p, .recommendation-copy [data-summary], .recommendation-copy [data-nutrient], .faq-list p, .igc-points p) { font-size: 15px; line-height: 1.65; }
.homepage #main :is(.selector-heading > p:last-child, .grow-heading > p, .stockist-copy > p:not(.eyebrow), .faq-intro > p, .contact-band p, .igc-heading > p:last-child, .igc-footer > p) { font-size: 16px; line-height: 1.6; }
.homepage #main :is(.eyebrow, .recommendation-label, .igc-kicker) { font-family: Inter, Arial, sans-serif; font-size: 11px; font-weight: 600; line-height: 1.5; letter-spacing: .1em; text-transform: uppercase; }
.homepage #main :is(.button, .text-link, .grow-link, .difference-explanations p a) { font-family: Inter, Arial, sans-serif; font-size: 13px !important; font-weight: 600 !important; line-height: 1.4 !important; letter-spacing: 0; }
.homepage #main .contact-band h2 { font-size: clamp(26px, 2.5vw, 32px); }
.homepage #grow-title { max-width: 720px; }
@media(max-width:800px) {
 .homepage #main :is(.difference-explanations p, .step p, .grow-copy p, .recommendation-copy [data-summary], .recommendation-copy [data-nutrient], .faq-list p, .igc-points p) { font-size: 14px; }
}

/* Common layout rhythm and neutral text palette across homepage sections. */
.homepage { --home-ink: #173b2b; --home-body: #4d5c51; --home-muted: #657063; }
.homepage #main > .section { padding-block: 64px; }
.homepage #main #tabcote-difference { padding-block: 48px; }
.homepage #main :is(.intro, .igc-heading, .grow-heading) { margin-bottom: 32px; }
.homepage #main :is(.difference-heading, .igc-heading, .selector-heading) .chapter { margin-bottom: 12px; }
.homepage #main :is(.difference-explanations h3, .step h3, .recommendation-copy h3, .igc-story h3, .igc-points h4, .faq-list summary) { color: var(--home-ink); }
.homepage #main :is(.difference-explanations p, .step p, .grow-copy p, .recommendation-copy [data-summary], .recommendation-copy [data-nutrient], .igc-points p, .igc-heading > p:last-child, .igc-footer > p, .grow-heading > p, .faq-intro > p, .faq-list p, .contact-band p) { color: var(--home-body); }
.homepage #main :is(.igc-kicker, .recommendation-label, .difference-cutaway figcaption) { color: var(--home-muted); }
.homepage #main .igc-points h4 { font-family: Poppins,Arial,sans-serif; font-size: 16px; font-weight: 600; line-height: 1.35; }
.homepage #main :is(.button, .text-link, .grow-link, .difference-explanations p a) { min-height: 44px; padding: 11px 17px !important; border-radius: 999px !important; }
.homepage .igc-story { border-radius: 16px; column-gap: 48px; }
.homepage #ways-to-grow .grow-option { border-radius: 16px; }
.homepage .igc-story:nth-child(2) { background: #edf0e6; }
.homepage #main .igc-story h3 { margin-bottom: 24px; }
.homepage .difference-explanations p a { display: table; margin-top: 12px; }
@media(max-width:800px) {
 .homepage #main > .section { padding-block: 44px; }
 .homepage #main #tabcote-difference { padding-block: 36px; }
 .homepage #main :is(.intro, .igc-heading, .grow-heading) { margin-bottom: 24px; }
 .homepage .igc-story { column-gap: 24px; }
}