.content-main { position: relative; z-index: 1; }
.content-hero { width: min(920px, calc(100% - 48px)); margin: 0 auto; padding: 76px 0 54px; text-align: center; }
.breadcrumbs { margin: 0 0 28px; color: var(--faint); font-size: .78rem; }
.breadcrumbs a { color: var(--muted); }
.breadcrumbs a:hover { color: var(--accent); }
.content-hero h1 { max-width: 850px; margin: 0 auto; font-size: clamp(2.6rem, 6vw, 4.8rem); line-height: 1; letter-spacing: -.06em; }
.content-hero h1 em { color: var(--accent); font-style: normal; }
.content-lead { max-width: 720px; margin: 24px auto 0; color: var(--muted); font-size: 1.08rem; }
.content-actions { margin-top: 30px; display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.content-actions .primary-button { width: auto; min-width: 220px; margin: 0; padding: 0 24px; }
.secondary-link { min-height: 54px; padding: 0 20px; border: 1px solid var(--line); border-radius: 13px; display: inline-flex; align-items: center; color: #a9bed2; font-weight: 700; }
.secondary-link:hover { border-color: var(--line-strong); color: var(--accent); }
.local-proof { width: min(920px, calc(100% - 48px)); margin: 0 auto 34px; padding: 18px 22px; border: 1px solid rgba(89, 223, 177, .18); border-radius: 16px; display: flex; align-items: center; justify-content: center; gap: 12px; color: #9fdcc9; background: rgba(89, 223, 177, .045); text-align: center; }
.local-proof svg { width: 19px; flex: 0 0 auto; }
.content-ad { margin-bottom: 36px; }
.article-shell { width: min(920px, calc(100% - 48px)); margin: 0 auto; padding: 56px 0 110px; }
.article-shell h2 { margin: 64px 0 18px; font-size: clamp(1.7rem, 4vw, 2.45rem); line-height: 1.15; letter-spacing: -.04em; }
.article-shell h2:first-child { margin-top: 0; }
.article-shell h3 { margin: 34px 0 10px; color: #cbdbe9; font-size: 1.12rem; }
.article-shell p, .article-shell li { color: var(--muted); }
.article-shell p { margin: 0 0 16px; }
.article-shell ul, .article-shell ol { margin: 18px 0; padding-left: 22px; }
.article-shell li + li { margin-top: 10px; }
.answer-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.answer-card { padding: 24px; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(145deg, rgba(14, 31, 51, .76), rgba(7, 17, 31, .7)); }
.answer-card h3 { margin-top: 0; }
.answer-card p:last-child { margin-bottom: 0; }
.comparison { width: 100%; margin: 24px 0; border-collapse: collapse; overflow: hidden; border: 1px solid var(--line); border-radius: 14px; }
.comparison th, .comparison td { padding: 14px 16px; border-bottom: 1px solid var(--line); text-align: left; }
.comparison th { color: var(--text); background: rgba(77, 215, 255, .06); }
.comparison td { color: var(--muted); }
.comparison tr:last-child td { border-bottom: 0; }
.inline-cta { margin-top: 60px; padding: 30px; border: 1px solid var(--line-strong); border-radius: 22px; background: linear-gradient(130deg, rgba(20, 57, 83, .7), rgba(8, 25, 43, .75)); text-align: center; }
.inline-cta h2 { margin: 0 0 10px; }
.inline-cta p { max-width: 620px; margin: 0 auto 22px; }
.inline-cta .primary-button { width: min(320px, 100%); margin: 0 auto; }
.legal-shell { width: min(820px, calc(100% - 48px)); margin: 0 auto; padding: 76px 0 120px; }
.legal-shell h1 { margin: 0 0 16px; font-size: clamp(2.4rem, 6vw, 4rem); letter-spacing: -.055em; }
.legal-shell h2 { margin: 42px 0 12px; font-size: 1.45rem; }
.legal-shell p, .legal-shell li { color: var(--muted); }
.legal-shell a { color: var(--accent); }
.content-footer .footer-links { max-width: 680px; }
@media (max-width: 700px) {
  .content-hero { width: calc(100% - 32px); padding: 54px 0 42px; }
  .content-hero h1 { font-size: clamp(2.35rem, 13vw, 3.65rem); }
  .content-lead { font-size: .98rem; }
  .local-proof, .article-shell, .legal-shell { width: calc(100% - 32px); }
  .answer-grid { grid-template-columns: 1fr; }
  .comparison { display: block; overflow-x: auto; }
  .article-shell { padding-top: 34px; }
}
