/* Shared dotted canvas for marketing landings. Homepage and Other Solutions
   keep their own styles. The nav stays a plain bar. */
.landing-canvas {
    background: #fff !important;
}

.landing-canvas > :is(header, section, main, footer, .feat-trust):not(.landing-nav) {
    width: calc(100% - 1.7rem);
    margin: 0.45rem auto;
    border: 0 !important;
    border-radius: 28px;
    background-color: #f3f4f6 !important;
    background-image: radial-gradient(#d4d6dc 1.15px, transparent 1.15px) !important;
    background-size: 16px 16px !important;
    box-shadow: none;
}

.landing-canvas > .landing-nav + :is(header, section, main, .feat-trust) {
    margin-top: 0.75rem;
}

.landing-canvas > .mkt-footer {
    margin-bottom: 0.85rem;
    padding: 2.5rem 0 1.5rem;
    color: #4b5160;
}

.landing-canvas .mkt-footer-inner {
    width: min(1120px, 100%);
    max-width: 1120px;
    margin-inline: auto;
    padding-inline: 2rem;
}

.landing-canvas .mkt-footer a,
.landing-canvas .mkt-footer-logo,
.landing-canvas .mkt-footer-tagline,
.landing-canvas .mkt-footer-copy,
.landing-canvas .mkt-footer h4,
.landing-canvas .mkt-footer-legal a {
    color: #111;
}

.landing-canvas .mkt-footer-top {
    border-bottom-color: rgba(17, 17, 17, 0.08);
}

.landing-canvas .mkt-footer-legal a:hover,
.landing-canvas .mkt-footer a:hover {
    color: #0f766e;
}

.landing-canvas :is(.feat-hero__glow, .pricing-hero-glow, .mkt-hero-glow, .sec-hero__atmosphere) {
    display: none;
}

.landing-canvas :is(.feat-cta, .sec-final, .landing-cta-band, .pricing-cta-band) {
    color: #111;
}

.landing-canvas :is(.feat-cta, .sec-final, .landing-cta-band, .pricing-cta-band) :is(h2, .landing-cta-band-sub) {
    color: #111;
}

.landing-canvas :is(.feat-cta p, .sec-final p, .landing-cta-band p, .pricing-cta-band p) {
    color: #4b5160;
    opacity: 1;
}

.landing-canvas :is(.feat-cta, .pricing-cta-band, .landing-cta-band) .btn-secondary,
.landing-canvas .sec-final .sec-btn--ghost-light {
    background: #fff !important;
    color: #111 !important;
    border-color: rgba(17, 17, 17, 0.14) !important;
}

.landing-canvas.pricing-page .pricing-cta-band h2 {
    color: #111;
    font-size: clamp(1.7rem, 2.6vw, 2.15rem);
    letter-spacing: -0.03em;
}

.landing-canvas.pricing-page .pricing-cta-band p {
    color: #4b5160;
    opacity: 1;
    max-width: 38rem;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.05rem;
    line-height: 1.55;
}

.landing-canvas.pricing-page :is(.pricing-plans-wrap, .pricing-highlights, .pricing-compare, .pricing-faq-section) {
    max-width: none;
    padding: 2.4rem 0 2.2rem;
}

.landing-canvas.pricing-page :is(
    .pricing-highlights-inner,
    .pricing-compare-inner,
    .pricing-faq-inner
) {
    width: min(1120px, calc(100% - 4rem));
    margin-inline: auto;
}

.landing-canvas.pricing-page .pricing-compare-inner h2,
.landing-canvas.pricing-page .pricing-faq-inner h2,
.landing-canvas.pricing-page .pricing-highlights-inner h2 {
    color: #111;
    font-size: clamp(1.6rem, 2.4vw, 2rem);
}

.landing-canvas.pricing-page .pricing-plans-wrap > :is(.pricing-controls-bar, .pricing-plans-grid) {
    width: min(1120px, calc(100% - 4rem));
    margin-inline: auto;
}

@media (max-width: 720px) {
    .landing-canvas > :is(header, section, main, footer, .feat-trust):not(.landing-nav) {
        width: calc(100% - 1rem);
        border-radius: 22px;
    }

    .landing-canvas .mkt-footer-inner {
        padding-inline: 1.15rem;
    }
}