/* Prevent a condensed MudAppBar from scrolling away or clipping at mobile/zoom breakpoints. */
.site-appbar,
.site-appbar.mud-appbar-fixed-top {
    position: sticky !important;
    top: 0;
    z-index: 1100;
}

.mud-main-content {
    padding-top: 0 !important;
}

/* Marketing icons use the primary brand accent; cyan remains available for data/status semantics. */
.saas-offer__choice .mud-icon-root,
.saas-offer__notice .mud-icon-root,
.hosting-band__icon,
.workflow-step > .mud-icon-root {
    color: var(--nt-primary) !important;
}

.hosting-band__icon {
    background: color-mix(in srgb, var(--nt-primary) 10%, var(--nt-surface));
}

/* Maintain enough leading and separation when headings wrap at mobile and zoomed widths. */
.saas-hero__copy h1,
.section-block h2,
.contact-band h2,
.workflow-band h2,
.pricing-heading h2,
.saas-offer__heading h2,
.hosting-band h2,
.legal-hero h1,
.legal-section h2 {
    line-height: 1.1;
}

:where(.saas-hero, main, .legal-page) h3 {
    line-height: 1.2;
}

:where(.saas-hero, main, .legal-page) :is(h1, h2, h3) {
    overflow-wrap: anywhere;
}

.hosting-band > div:nth-child(2),
.contact-band__copy {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.hosting-band h2 {
    margin: 0;
}