/* OTT components extend the shared Dating industry presentation. */
.ott-page [id]{scroll-margin-top:112px}.ott-page [role=tabpanel][hidden]{display:none!important}
.ott-page .ott-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}
.ott-page .ott-card-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}
.ott-page .ott-info-card{display:block;padding:28px;background:#fff;border:1px solid #d9e8ef;border-radius:22px;text-decoration:none;color:#143747}
.ott-page .ott-info-card h3{font-size:20px;line-height:1.45;margin:20px 0 12px;color:#143747}
.ott-page .ott-info-card p{font-size:15px;line-height:1.8;color:#455d68;margin:0}
.ott-page .ott-step-number{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;border-radius:14px;background:#e4f5fc;color:#156b8f;font-size:19px;font-weight:700}
.ott-page .ott-revenue-number{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border:1px solid #8ad5f4;border-radius:50%;font-size:22px;color:#fff}
.ott-page .ott-feature-intro{font-size:15px;line-height:1.8;color:#c5dce7}
.ott-page .ott-scope-table{min-width:820px}.ott-page.astrology-app-page .ott-scope-table td:last-child{white-space:normal;font-weight:400;color:#455d68}
.ott-page .ott-scope-table th{font-weight:600}.ott-page .ott-scope-table thead th{color:#fff}
.ott-page .ott-cost-note{padding:26px;background:#fff;border:1px solid #d9e8ef;border-radius:20px;margin:24px auto 30px;color:#455d68;max-width:960px}
.ott-page .ott-cost-note h3{font-size:21px;color:#143747}.ott-page .ott-cost-note p{font-size:15px;line-height:1.8;margin:12px 0 0}
.ott-page .ott-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.ott-page .ott-proof-grid a:hover{border-color:#2487b8;box-shadow:0 12px 30px #14374712}
.ott-page .ott-info-card .dating-section-kicker,.ott-page .dating-capabilities-section .dating-section-kicker,.ott-page .ott-final-cta .dating-section-kicker{color:#17698b}
.ott-page .dating-resource-section{padding:35px 0 65px;background:#fff}
.ott-page .ott-final-cta{padding:72px 0;background:#eaf5f9}.ott-page .ott-final-cta .home-h2{color:#15394b}.ott-page .ott-final-cta .home-p{color:#455d68;max-width:800px;margin:20px auto 30px}
.ott-page .dating-hero-visual img{opacity:.16}
.ott-page .dating-features-tabs .nav-link{white-space:normal}
.ott-page :is(a,button,summary,[tabindex]):focus-visible{outline:3px solid #3ba8d9;outline-offset:5px}
@media(max-width:991.98px){.ott-page .ott-card-grid,.ott-page .ott-card-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767.98px){.ott-page .ott-card-grid,.ott-page .ott-card-grid--four,.ott-page .ott-proof-grid{grid-template-columns:1fr}.ott-page .ott-info-card{padding:24px}.ott-page .ott-final-cta{padding:48px 0}.ott-page.astrology-app-page .astro-tech-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.ott-page.astrology-app-page .astro-tech-grid>[class*=col-]{width:auto;min-width:0;max-width:100%;flex:none}.ott-page.astrology-app-page .astro-tech-grid .tech-card{width:100%;min-width:0}.ott-page .dating-features-tabs{gap:8px}.ott-page .dating-features-tabs .nav-link{font-size:13px;padding:12px}}
@media(prefers-reduced-motion:reduce){.ott-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Keep the white Next.js mark readable against the light technology cards. */
.ott-page.astrology-app-page .astro-tech-grid .tech-card img[src*="/nextjs-icon.svg"]{background:#0c1e2b;border-color:#264859}

/* OTT pricing and technical walkthrough use the existing light card system. */
.ott-page .ott-updated{font-size:13px;line-height:1.7}
.ott-page .ott-package-price{white-space:nowrap;font-weight:700;color:#16688c}
.ott-page .ott-walkthrough{padding:clamp(48px,6vw,88px) 0;background:#f2f8fa;color:#163a4b}
.ott-page .ott-walkthrough .home-h2{color:#123345}.ott-page .ott-walkthrough .home-p{color:#455d68}
.ott-page .ott-walkthrough .dating-section-kicker{color:#16688c}
.ott-page .ott-flow{list-style:none;padding:0;margin:30px 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.ott-page .ott-flow li{background:#fff;border:1px solid #d9e8ef;border-radius:20px;padding:23px}
.ott-page .ott-flow span{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;background:#e5f4fa;border-radius:12px;color:#16688c;font-weight:700}
.ott-page .ott-flow h3{font-size:18px;line-height:1.4;margin:18px 0 12px;color:#123345}
.ott-page .ott-flow p,.ott-page .ott-cost-note li{font-size:14px;line-height:1.8;color:#455d68}
.ott-page .ott-cost-note h3:not(:first-child){margin-top:24px}.ott-page .ott-cost-note a{color:#126486;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1199.98px){.ott-page .ott-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575.98px){.ott-page .ott-flow{grid-template-columns:1fr}.ott-page .ott-flow li{padding:22px}}

/* The longer OTT heading must wrap instead of inheriting desktop nowrap. */
.ott-page.dating-app-page .dating-hero .home-banner-h1{font-size:clamp(2rem,4.5vw,3.75rem);line-height:1.1;letter-spacing:-.04em;max-width:1040px}
.ott-page.dating-app-page .dating-hero-title-line{white-space:normal;overflow-wrap:break-word;text-wrap:balance}
@media(max-width:767.98px){.ott-page.dating-app-page .dating-hero .home-banner-h1{font-size:clamp(2rem,8.5vw,2.7rem);line-height:1.12}}