/*
 * Privacy and Terms still use their own section styles (marketing.css). This brings them in line with the website design:
 * dark hero, Inter headings, and the admin brand colour (var(--brand)) instead of the old fixed indigo.
 */
.pn-legacy { background: #fff; line-height: 1.6; }
.pn-legacy h1, .pn-legacy h2, .pn-legacy h3, .pn-legacy h4, .pn-legacy h5 { font-family: 'Inter', ui-sans-serif, system-ui, sans-serif; }
.pn-legacy .pn-footer p, .pn-legacy .pn-footer-brand p { color: #94a3b8; }

/* hero */
.pn-legacy .page-hero { background: var(--obsidian); position: relative; overflow: hidden; padding: 72px 0 64px; }
.pn-legacy .page-hero::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(148, 163, 184, .14) 1px, transparent 1px); background-size: 22px 22px; mask-image: radial-gradient(ellipse 70% 70% at 50% 40%, #000 30%, transparent 100%); }
.pn-legacy .page-hero::after { content: ""; position: absolute; width: 640px; height: 480px; top: -240px; right: -200px; border-radius: 50%; background: radial-gradient(ellipse, color-mix(in srgb, var(--brand) 30%, transparent) 0%, transparent 70%); }
.pn-legacy .page-hero-grid { display: none; }
.pn-legacy .page-hero-inner { position: relative; z-index: 1; }
.pn-legacy .page-hero h1 { color: #f8fafc; font-size: clamp(2rem, 4.5vw, 3rem); font-weight: 800; letter-spacing: -.03em; }
.pn-legacy .page-hero-lede { color: #94a3b8; }
.pn-legacy .page-hero .trust-item { color: #cbd5e1; }
.pn-legacy .page-hero .eyebrow-badge { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .14); color: #e2e8f0; }
.pn-legacy .eyebrow-dot { background: var(--brand) !important; }
.pn-legacy .eyebrow-badge { color: var(--brand-700); background: var(--brand-50); border-color: var(--brand-100); }

/* brand colour instead of the old indigo */
.pn-legacy .u-c-brand, .pn-legacy .c-indigo, .pn-legacy .k-indigo { color: var(--brand-700) !important; }
.pn-legacy .bg-i-indigo { background: var(--brand-50) !important; color: var(--brand-700) !important; }
.pn-legacy .legal-num-badge { background: var(--brand-50) !important; color: var(--brand-700) !important; }
.pn-legacy .legal-toc-link.is-active { background: var(--brand-50) !important; color: var(--brand-700) !important; border-color: var(--brand) !important; }
.pn-legacy .btn-primary { background: var(--brand) !important; border-color: var(--brand) !important; color: #fff !important; box-shadow: none !important; }
.pn-legacy .btn-primary:hover { background: var(--brand-700) !important; }

/* closing band */
.pn-legacy .final-cta-box { background: radial-gradient(ellipse at 50% 120%, color-mix(in srgb, var(--brand) 60%, #fff) 0%, transparent 60%), var(--brand-700) !important; box-shadow: none !important; }
.pn-legacy .final-cta-glow { display: none !important; }
.pn-legacy .final-cta .eyebrow-badge { background: rgba(255, 255, 255, .12); border-color: rgba(255, 255, 255, .25); color: #fff; }
.pn-legacy .hero-cta-white { background: #fff !important; color: var(--brand-700) !important; }

/* keep long legal pages inside the screen on phones */
.pn-legacy .container { max-width: var(--wrap); padding-left: 24px; padding-right: 24px; }
@media (max-width: 600px) {
    .pn-legacy .container { padding-left: 16px; padding-right: 16px; }
    .pn-legacy .page-hero { padding: 48px 0 44px; }
}
.pn-legacy main { overflow-x: clip; }