/* Skin for long-form pages ported verbatim from the live site (guides, compare, legal, blog, FAQ, changes…).
   Everything is scoped to .legacy-content so it cannot leak into the design's own components. */
.legacy-content{--lc-w:1180px;color:#2b3d54;font-size:16px;line-height:1.7;padding-bottom:30px}
.legacy-content .container,.legacy-content .guide-shell{max-width:var(--lc-w);margin:0 auto;padding-left:32px;padding-right:32px}
.legacy-content .shell{max-width:var(--lc-w)}
.legacy-content .section{padding-top:40px;padding-bottom:40px}
.legacy-content h1,.legacy-content h2,.legacy-content h3{color:#091321;font-family:Manrope,Arial,sans-serif;letter-spacing:-.04em;line-height:1.2}
.legacy-content h2{font-size:clamp(24px,2.4vw,32px);margin:38px 0 12px}
.legacy-content h3{font-size:19px;margin:24px 0 8px}
.legacy-content p{margin:0 0 14px}
.legacy-content ul,.legacy-content ol{padding-left:22px;margin:0 0 16px}
.legacy-content li{margin:4px 0}
.legacy-content a:not(.button):not(.btn){color:#126dff;font-weight:600;text-decoration:underline;text-decoration-color:#126dff55;text-underline-offset:3px}
.legacy-content a:not(.button):not(.btn):hover{text-decoration-color:#126dff}
.legacy-content strong,.legacy-content b{color:#13253b}
.legacy-content code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:#eef4fc;border-radius:5px;padding:1px 6px;color:#0e4fb8}
.legacy-content pre{background:#071a31;color:#d6e6f8;border-radius:14px;padding:18px;overflow:auto;font-size:13px}
.legacy-content pre code{background:none;color:inherit;padding:0}
.legacy-content svg.lucide{width:18px;height:18px;vertical-align:-3px;color:#126dff;flex-shrink:0}
.legacy-content table{width:100%;border-collapse:collapse;font-size:14px;background:#fff}
.legacy-content th,.legacy-content td{border-bottom:1px solid var(--line);padding:12px 14px;text-align:left;vertical-align:top}
.legacy-content th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#5d6f86;background:#f5f8fc}
.legacy-content .vsMatrixWrap,.legacy-content .monoTableWrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;margin:20px 0}
.legacy-content .vsMatrixWrap table{border:0}
/* heroes → design page-heading */
.legacy-content .intentHero,.legacy-content .monoIntro,.legacy-content .guide-hero,.legacy-content .faq-hero,.legacy-content .blogHero{padding:80px 0 40px;background:radial-gradient(ellipse at 85% 0%,#e7f1ff 0,transparent 55%)}
.legacy-content .guide-hero{padding-left:0;padding-right:0}
.legacy-content .intentHero h1,.legacy-content .monoIntro h1,.legacy-content .guide-hero h1,.legacy-content .faq-hero h1,.legacy-content .blogHero h1{font-size:clamp(38px,5vw,68px);line-height:1.07;letter-spacing:-.065em;margin:14px 0 18px;max-width:950px}
.legacy-content .faq-hero h1 span{color:#588bc6}
.legacy-content .intentHero>.container>span:first-child,.legacy-content .monoKicker,.legacy-content .guide-kicker,.legacy-content .section-kicker,.legacy-content .eyebrow,.legacy-content .tiny-label,.legacy-content .intentCta>span{display:inline-flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.17em;font-weight:800;color:#3574ce;text-transform:uppercase;margin:0}
.legacy-content .intentHero p,.legacy-content .monoLede,.legacy-content .guide-hero>p,.legacy-content .faq-hero-grid>p,.legacy-content .blogHero p{font-size:17px;color:#6d7e93;max-width:720px}
.legacy-content .status-dot{width:8px;height:8px;border-radius:50%;background:#20c46b;box-shadow:0 0 0 4px #20c46b22}
.legacy-content .breadcrumbs,.legacy-content .monoBreadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:9px;color:#8b9aae;font-size:13px;padding-top:0;margin-bottom:22px}
.legacy-content .breadcrumbs a,.legacy-content .monoBreadcrumb a{color:#5d6f86;text-decoration:none;font-weight:600}
.legacy-content .faq-hero-grid,.legacy-content .legal-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;align-items:end}
.legacy-content .legal-meta,.legacy-content .guide-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.legacy-content .legal-meta span,.legacy-content .guide-meta span{font-size:12px;font-weight:700;color:#40566f;border:1px solid var(--line);background:#fff;border-radius:20px;padding:5px 11px}
.legacy-content .monoIntroActions,.legacy-content .cta-actions,.legacy-content .monoSupportActions,.legacy-content .calcActions,.legacy-content .migrateActions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
/* buttons → design buttons */
.legacy-content .button,.legacy-content .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border-radius:12px;font-size:13px;font-weight:700;border:1px solid #d4dfeb;background:#fff;color:#091321;text-decoration:none;white-space:nowrap;cursor:pointer;font-family:inherit;box-shadow:none}
.legacy-content .buttonPrimary,.legacy-content .btn--primary{background:#071522;color:#fff;border-color:#071522}
.legacy-content .buttonPrimary:hover,.legacy-content .btn--primary:hover{background:#152d48}
.legacy-content .buttonQuiet:hover,.legacy-content .button-secondary:hover,.legacy-content .btn--glass:hover{background:#f6faff}
.legacy-content .buttonPrimary svg,.legacy-content .btn--primary svg{color:#fff}
/* cards */
.legacy-content .monoCard,.legacy-content .guide-card,.legacy-content .growthCard,.legacy-content .changesCard,.legacy-content .legal-hub-card,.legacy-content .blogIndexCard,.legacy-content .vsPoint,.legacy-content .calculatorCard,.legacy-content .faq-aside,.legacy-content .growthAside,.legacy-content .legal-aside,.legacy-content .guide-toc,.legacy-content .migrateStep{display:block;border:1px solid var(--line);border-radius:18px;background:#fff;padding:24px;text-decoration:none;color:inherit}
.legacy-content a.monoCard:hover,.legacy-content a.guide-card:hover,.legacy-content a.legal-hub-card:hover,.legacy-content a.blogIndexCard:hover,.legacy-content a.growthCard:hover{border-color:#a9c6ea;box-shadow:var(--shadow)}
.legacy-content .changesCard{margin:0 0 18px}
.legacy-content .changesCard h2{margin:0 0 8px;font-size:24px}
.legacy-content .changesCard h3{font-size:15px;text-transform:uppercase;letter-spacing:.08em;color:#3574ce;margin:16px 0 4px}
.legacy-content .guide-callout,.legacy-content .legal-callout,.legacy-content .intentVerdict,.legacy-content .monoTrustStrip{border:1px solid #cfe0f5;border-left:4px solid #126dff;border-radius:14px;background:#f5f9ff;padding:16px 18px;margin:18px 0}
.legacy-content .legal-callout strong{display:block;margin-bottom:4px}
.legacy-content .intentVerdict{max-width:760px}
.legacy-content .guide-cta,.legacy-content .trustpilot-box,.legacy-content .growthCta,.legacy-content .intentCta,.legacy-content .cta-card,.legacy-content .monoSupport{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;border-radius:20px;padding:26px 28px;margin:26px 0;background:#071a31;color:#c9d9ea}
.legacy-content .guide-cta strong,.legacy-content .trustpilot-box strong,.legacy-content .growthCta strong,.legacy-content .intentCta h2,.legacy-content .cta-card h2,.legacy-content .monoSupport h2,.legacy-content .monoSupport strong{color:#fff}
.legacy-content .guide-cta p,.legacy-content .trustpilot-box p,.legacy-content .growthCta p,.legacy-content .intentCta p,.legacy-content .cta-card p,.legacy-content .monoSupport p{color:#a9bdd3;margin:4px 0 0}
.legacy-content .guide-cta a:not(.btn):not(.button),.legacy-content .growthCta a:not(.btn):not(.button),.legacy-content .cta-card a:not(.btn):not(.button),.legacy-content .monoSupport a:not(.btn):not(.button),.legacy-content .intentCta a:not(.btn):not(.button),.legacy-content .trustpilot-box a:not(.btn):not(.button){color:#9fd0ff}
.legacy-content .growthCta,.legacy-content .intentCta,.legacy-content .cta-card,.legacy-content .monoSupport{flex-direction:column;align-items:flex-start}
.legacy-content .intentCta h2,.legacy-content .cta-card h2,.legacy-content .monoSupport h2{margin:6px 0 0}
.legacy-content .trustpilot-box{background:#f5f9ff;color:#2b3d54;border:1px solid #cfe0f5}
.legacy-content .trustpilot-box strong{color:#091321}.legacy-content .trustpilot-box p{color:#5d6f86}
.legacy-content .guide-cta .btn--primary,.legacy-content .growthCta .buttonPrimary,.legacy-content .intentCta .buttonPrimary,.legacy-content .cta-card .button,.legacy-content .monoSupport .buttonPrimary{background:#fff;color:#091321;border-color:#fff}
.legacy-content .cta-card .button-secondary,.legacy-content .monoSupport .buttonQuiet{background:transparent;color:#fff;border-color:#8dbde9}
.legacy-content .cta-section{padding:20px 0 40px}
/* layouts */
.legacy-content .guide-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:40px;padding-top:10px!important;align-items:start}
.legacy-content .guide-article section{scroll-margin-top:100px}
.legacy-content .guide-toc,.legacy-content .legal-aside,.legacy-content .growthAside,.legacy-content .faq-aside{position:sticky;top:100px;display:flex;flex-direction:column;gap:6px;font-size:14px}
.legacy-content .guide-toc a,.legacy-content .legal-aside a,.legacy-content .growthAside a,.legacy-content .faq-aside a{text-decoration:none!important;color:#30445c!important;font-weight:600}
.legacy-content .guide-toc a:hover,.legacy-content .legal-aside a:hover,.legacy-content .growthAside a:hover{color:#126dff!important}
.legacy-content .guide-inline-tools{font-size:14px;color:var(--muted)}
.legacy-content .legal-body{display:block;margin:0}
.legacy-content .legal-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:44px;align-items:start}
.legacy-content .legal-prose{max-width:780px}
.legacy-content .legal-prose h2{scroll-margin-top:100px}
.legacy-content .legal-toc,.legacy-content .legal-policy-nav{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.legacy-content .growthTwoCol{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:40px;align-items:start;padding-top:20px;padding-bottom:40px}
.legacy-content .intentBody{display:flex;flex-direction:column;gap:14px;padding-top:20px;padding-bottom:40px}
.legacy-content .intentBody>article{display:grid;grid-template-columns:54px minmax(0,1fr);gap:16px;border:1px solid var(--line);border-radius:18px;padding:24px;background:#fff}
.legacy-content .intentBody>article>small{font-family:Manrope,Arial,sans-serif;font-size:22px;font-weight:800;color:#126dff}
.legacy-content .intentBody>article h2{margin-top:0}
.legacy-content .monoGrid,.legacy-content .guide-cards,.legacy-content .legal-hub-grid,.legacy-content .growthGrid,.legacy-content .blogIndex,.legacy-content .faq-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:18px 0}
.legacy-content .faq-library-grid{grid-template-columns:260px minmax(0,1fr);align-items:start}
.legacy-content .monoSection{padding:40px 0}
.legacy-content .monoSection--alt{background:#f7faff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.legacy-content .vsHeroStrip{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;margin-top:24px;max-width:860px}
.legacy-content .vsPill{border:1px solid var(--line);border-radius:18px;padding:20px;background:#fff}
.legacy-content .vsPill--us{border:2px solid #126dff;box-shadow:0 14px 34px #126dff1f}
.legacy-content .vsPill p{font-size:14px!important;margin:6px 0}
.legacy-content .vsPrice{font-family:Manrope,Arial,sans-serif;font-size:24px;font-weight:800;color:#091321}.legacy-content .vsPrice span{font-size:13px;color:var(--muted);font-weight:600}
.legacy-content .vsVersus{font-family:Manrope,Arial,sans-serif;font-weight:800;color:#8b9aae}
.legacy-content .vsYes{color:#0f8a4b;font-weight:700}.legacy-content .vsMeh{color:#a26a00;font-weight:600}.legacy-content .vsNo{color:#c0392b;font-weight:600}
.legacy-content .vsPoints{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:18px 0}
.legacy-content .vsPoint--us{border-color:#126dff66}
/* FAQ library */
.legacy-content .faq-search{display:flex;align-items:center;gap:10px;border:1px solid #d4dfeb;border-radius:14px;background:#fff;padding:0 14px;height:52px;max-width:520px}
.legacy-content .faq-search input{border:0;outline:0;flex:1;font:inherit;font-size:15px;background:none;min-width:0}
.legacy-content .faq-filter-row{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.legacy-content .faq-filter{padding:9px 14px;background:#fff;border:1px solid #dbe5ef;border-radius:30px;color:#5b6e86;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.legacy-content .faq-filter.active{background:#0b1a2c;color:#fff;border-color:#0b1a2c}
.legacy-content .faq-group-title{margin-top:10px}
.legacy-content .faq-list{border-top:1px solid #e6ecf2}
.legacy-content details{border-bottom:1px solid #e6ecf2;padding:4px 0}
.legacy-content summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;padding:16px 0;font-family:Manrope,Arial,sans-serif;font-weight:700;font-size:17px;color:#091321;letter-spacing:-.02em}
.legacy-content summary::-webkit-details-marker{display:none}
.legacy-content summary::after{content:'+';font-size:22px;line-height:1;color:#126dff;transition:transform .2s}
.legacy-content details[open] summary::after{transform:rotate(45deg)}
.legacy-content details>:not(summary){color:#5d6f86}
/* migrate wizard + calculator layout from live */
.legacy-content .calculatorLayout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;align-items:start}
.legacy-content .calculatorResult{background:#071a31;color:#c9d9ea;border-radius:20px;padding:26px}
.legacy-content .calculatorResult h2,.legacy-content .calculatorResult strong{color:#fff}
.legacy-content .calcInput{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:14px;margin:10px 0}
.legacy-content .calcInput select,.legacy-content .calcInput input{height:46px;border:1px solid #d4dfeb;border-radius:12px;padding:0 12px;font:inherit;background:#fff}
.legacy-content .migrateProgress{height:8px;background:#e8eff8;border-radius:10px;overflow:hidden;margin:10px 0 16px}
.legacy-content .migrateProgress>*{display:block;height:100%;background:#126dff;border-radius:10px}
.legacy-content .migrateSteps{display:flex;flex-direction:column;gap:12px}
.legacy-content .migrateStep.is-active{border-color:#126dff;box-shadow:0 10px 30px #126dff1c}
.legacy-content .calcNote{font-size:13px;color:var(--muted)}
.legacy-content .product-facts{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}
.legacy-content .product-facts li{border:1px solid var(--line);border-radius:20px;padding:5px 12px;font-size:13px;font-weight:600}
@media(max-width:1000px){.legacy-content .guide-grid,.legacy-content .legal-layout,.legacy-content .growthTwoCol,.legacy-content .faq-library-grid,.legacy-content .calculatorLayout,.legacy-content .faq-hero-grid,.legacy-content .legal-hero-grid{grid-template-columns:1fr}.legacy-content .guide-toc,.legacy-content .legal-aside,.legacy-content .growthAside,.legacy-content .faq-aside{position:static}}
@media(max-width:640px){.legacy-content{font-size:15px}.legacy-content .container,.legacy-content .guide-shell{padding-left:18px;padding-right:18px}.legacy-content .intentHero,.legacy-content .monoIntro,.legacy-content .guide-hero,.legacy-content .faq-hero,.legacy-content .blogHero{padding:44px 0 26px}.legacy-content .vsHeroStrip{grid-template-columns:1fr}.legacy-content .vsVersus{text-align:center}.legacy-content .intentBody>article{grid-template-columns:1fr;padding:18px}.legacy-content .guide-cta,.legacy-content .trustpilot-box,.legacy-content .growthCta,.legacy-content .intentCta,.legacy-content .cta-card,.legacy-content .monoSupport{padding:22px 20px}.legacy-content .button,.legacy-content .btn{white-space:normal;text-align:center}.legacy-content th,.legacy-content td{padding:10px}}
.legacy-content .monoTrustStrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0;border-left:1px solid #cfe0f5;background:#fff;overflow:hidden}
.legacy-content .monoTrustStrip>div{display:flex;flex-direction:column;gap:2px;padding:14px 18px}
.legacy-content .monoTrustStrip>div+div{border-left:1px solid var(--line)}
.legacy-content .monoTrustStrip span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#3574ce;font-weight:800}
.legacy-content .monoGrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}
.legacy-content .monoTable th[scope=row]{font-size:12px;width:42%;background:#fafcff}
.legacy-content .monoSectionHead{margin-bottom:10px}.legacy-content .monoSectionHead h2{margin-top:6px}
@media(max-width:700px){.legacy-content .monoTrustStrip{grid-template-columns:1fr 1fr}.legacy-content .monoTrustStrip>div:nth-child(3){border-left:0}.legacy-content .monoTrustStrip>div:nth-child(n+3){border-top:1px solid var(--line)}}
/* whole-card links (guide hubs, blog index, compare hub, legal hub) */
.legacy-content a:has(h2,h3,p,div){text-decoration:none!important;color:inherit!important;font-weight:inherit!important;display:block;border:1px solid var(--line);border-radius:18px;background:#fff;padding:22px;transition:border-color .2s,box-shadow .2s,transform .2s}
.legacy-content a:has(h2,h3,p,div):hover{border-color:#a9c6ea;box-shadow:var(--shadow);transform:translateY(-2px)}
.legacy-content a:has(h2,h3,p,div) h2,.legacy-content a:has(h2,h3,p,div) h3{font-size:21px;margin:10px 0 8px;line-height:1.25}
.legacy-content a:has(h2,h3,p,div) p{color:#5d6f86;font-size:14px;line-height:1.6}
.legacy-content a:has(h2,h3,p,div) small,.legacy-content a:has(h2,h3,p,div)>span:first-child{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#3574ce;font-weight:800}
.legacy-content a:has(h2,h3,p,div) :is(b,strong):last-child,.legacy-content a:has(h2,h3,p,div) .text-link{color:#126dff}
.legacy-content .blogIndex{max-width:var(--lc-w);margin-left:auto;margin-right:auto;padding-left:32px;padding-right:32px}
@media(max-width:640px){.legacy-content .blogIndex{padding-left:18px;padding-right:18px}}