/* Homepage band rhythm (index.php).
 *
 * One rule set for the spacing, width and background of every homepage band,
 * matching the site standard set by technical-capabilities.css:
 *   padding   80px top and bottom on every screen size.
 *   width     1290px content width.
 *   colors    white #ffffff, surface #f8fafc, tint #e8f6f3, and the dark
 *             teal bands, which keep their own color.
 *
 * The bands alternate so no two neighbours share a background:
 *   hero (white) / partner strip / trusted brands (tint) / services (white) /
 *   client reviews (soft) / OpenAI authority bar (dark) / problem (white) /
 *   solution (surface) / AI answer check (white) / why we exist (tint) /
 *   methodology (white) / portfolio (surface) / testimonials (white) /
 *   industries (surface) / entity split (dark) / AI audits (white) /
 *   research data (dark) / AI engines (white) / visibility lab (surface) /
 *   trust (white) / latest research (surface) / FAQ (white) / contact (dark).
 * "Why we exist" and "trust" hold cards in the surface color, so they sit on
 * the tint and on white, where those cards stay visible.
 *
 * Selectors start with .home-main so they apply on the homepage only, and they
 * outrank the section partials' own single class rules without !important.
 * The hero and the slim partner strip under it keep their own spacing.
 */

.home-main > .home-band,
.home-main > #buyer-fit { padding-block: 80px; }

.home-main > .home-band--white { background: #ffffff; }
.home-main > .home-band--surface,
.home-main > #buyer-fit { background: #f8fafc; }
.home-main > .home-band--tint { background: #e8f6f3; }

/* Every homepage band uses the 1290px site width. */
.home-main .hpx-wrap { max-width: 1290px; }
.home-main .hv-shell,
.home-main .hpi-wrap,
.home-main .hp-services__container { width: min(100% - 32px, 1290px); }