.contentHero{padding:clamp(72px,9vw,118px) 0 56px;background:radial-gradient(circle at 15% 0,rgba(37,99,235,.17),transparent 35%),linear-gradient(180deg,#f8fbff,#fff)}
.contentHero .container,.contentBody .container{max-width:1120px}
.contentEyebrow{display:inline-flex;padding:7px 12px;border-radius:999px;background:#e8f0ff;color:#1d4ed8;font-weight:800;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.contentHero h1{max-width:850px;margin:18px 0 16px;font-size:clamp(2.25rem,5.5vw,4.4rem);line-height:1.02;letter-spacing:-.045em;color:#0f172a}
.contentHero p{max-width:790px;margin:0;color:#475569;font-size:clamp(1.03rem,2vw,1.2rem);line-height:1.75}
.contentMeta{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:24px;color:#64748b;font-size:.92rem}
.contentBody{padding:56px 0 92px;background:#fff}
.contentLayout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:42px;align-items:start}
.contentMain{min-width:0}
.contentSection{padding:0 0 34px;margin:0 0 34px;border-bottom:1px solid #e2e8f0;scroll-margin-top:110px}
.contentSection:last-child{border-bottom:0;margin-bottom:0}
.contentSection h2{margin:0 0 14px;color:#0f172a;font-size:clamp(1.45rem,3vw,2rem);letter-spacing:-.025em}
.contentSection h3{margin:24px 0 9px;color:#172554;font-size:1.08rem}
.contentSection p,.contentSection li{color:#475569;line-height:1.78}
.contentSection ul,.contentSection ol{padding-left:1.25rem}
.contentSection a{color:#1d4ed8;font-weight:700}
.contentAside{position:sticky;top:92px;padding:24px;border:1px solid #dbe5f3;border-radius:18px;background:#f8fbff;box-shadow:0 16px 40px rgba(15,23,42,.06)}
.contentAside strong{display:block;margin-bottom:12px;color:#0f172a}
.contentAside a{display:block;padding:8px 0;color:#475569;text-decoration:none;font-size:.92rem}
.contentAside a:hover{color:#1d4ed8}
.contentCallout{padding:20px 22px;border-left:4px solid #2563eb;border-radius:0 14px 14px 0;background:#eff6ff;color:#334155;line-height:1.7}
.retentionTable{width:100%;border-collapse:collapse;margin-top:18px;font-size:.94rem}
.retentionTable th,.retentionTable td{padding:14px;text-align:left;vertical-align:top;border:1px solid #dbe5f3;line-height:1.55}
.retentionTable th{background:#eff6ff;color:#172554}
.growthHeroActions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.contentBtn{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:0 20px;border-radius:12px;background:#2563eb;color:#fff!important;font-weight:800;text-decoration:none;box-shadow:0 10px 24px rgba(37,99,235,.2)}
.contentBtn--ghost{background:#fff;color:#1d4ed8!important;border:1px solid #bfdbfe;box-shadow:none}
.growthGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:26px 0}
.growthCard{padding:24px;border:1px solid #dbe5f3;border-radius:18px;background:#fff;box-shadow:0 14px 36px rgba(15,23,42,.06)}
.growthCard span{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#dbeafe;color:#1d4ed8;font-weight:900}
.growthCard h3{margin:16px 0 9px;color:#0f172a}
.growthCard p{margin:0;color:#64748b;line-height:1.7}
.growthCta{padding:clamp(28px,5vw,48px);border-radius:24px;background:linear-gradient(135deg,#0f2c62,#2563eb);color:#fff}
.growthCta h2{color:#fff;margin-top:0}.growthCta p{color:#dbeafe;max-width:720px;line-height:1.7}
html[data-theme="dark"] .contentHero{background:radial-gradient(circle at 15% 0,rgba(59,130,246,.18),transparent 35%),#08111f}
html[data-theme="dark"] .contentBody{background:#0b1220}
html[data-theme="dark"] .contentHero h1,html[data-theme="dark"] .contentSection h2,html[data-theme="dark"] .contentSection h3,html[data-theme="dark"] .contentAside strong,html[data-theme="dark"] .growthCard h3{color:#f8fafc}
html[data-theme="dark"] .contentHero p,html[data-theme="dark"] .contentSection p,html[data-theme="dark"] .contentSection li,html[data-theme="dark"] .growthCard p{color:#cbd5e1}
html[data-theme="dark"] .contentMeta,html[data-theme="dark"] .contentAside a{color:#aebdd0}
html[data-theme="dark"] .contentAside a:hover{color:#93c5fd}
html[data-theme="dark"] .contentSection{border-color:#253247}
html[data-theme="dark"] .contentAside,html[data-theme="dark"] .growthCard{background:#111c2e;border-color:#293750}
html[data-theme="dark"] .contentCallout{background:#10213e;color:#dbeafe}
html[data-theme="dark"] .retentionTable th{background:#132442;color:#dbeafe}
html[data-theme="dark"] .retentionTable td,html[data-theme="dark"] .retentionTable th{border-color:#31415b;color:#cbd5e1}
@media(max-width:850px){.contentLayout{grid-template-columns:1fr}.contentAside{position:static;order:-1}.growthGrid{grid-template-columns:1fr}.retentionTable{display:block;overflow-x:auto;white-space:normal}}
@media(max-width:560px){.contentHero{padding-top:54px}.contentBody{padding-top:38px}.contentBtn{width:100%}.contentAside{padding:19px}}