/* SEO page styles extracted from inline styles */

/* Hero */
.seo-hero { background:linear-gradient(120deg,#0a2540,#13436b); padding:70px 0 56px; color:#fff; }
.seo-hero-title { font-size:44px; font-weight:700; margin:0 0 16px; }
.seo-hero-sub { font-size:16px; color:#c6deec; max-width:880px; }
.seo-pill-list { margin:26px 0 0; padding:0; list-style:none; display:flex; flex-wrap:wrap; gap:12px; font-size:12px; letter-spacing:.5px; text-transform:uppercase; color:#38bdf8; }

/* Sections */
.seo-section { background:#fff; padding:60px 0 70px; }
.seo-deliver { background:#f2f8fc; padding:60px 0 80px; }
.seo-h2 { font-weight:700; font-size:28px; margin:0 0 20px; color:#0f2538; }
.seo-subhead { font-weight:700; font-size:26px; margin:50px 0 16px; color:#0f2538; }

/* Card grid */
.seo-card-grid { display:grid; gap:26px; }
.seo-card { background:#fff; border:1px solid #d7e4ec; border-radius:16px; padding:26px 26px 22px; box-shadow:0 6px 26px -10px rgba(15,37,56,.12); }
.seo-card-title { margin:0 0 10px; font-size:18px; font-weight:600; color:#123144; }
.seo-card-text { margin:0; color:#4a6474; font-size:14px; }

/* Bullets and lists */
.seo-bullets { margin:0 0 30px; padding-left:18px; color:#3b5563; font-size:14px; line-height:1.55; }
.seo-ol { margin:0 0 38px; padding-left:20px; color:#3c5663; font-size:14px; line-height:1.6; }

/* CTA */
.btn-pill { padding:12px 30px; border-radius:40px; }
.btn-dark { background:#1e293b !important; border-color:#1e293b !important; }
.seo-cta-row { display:flex; flex-wrap:wrap; gap:14px; }
.mt-34 { margin-top:34px; }

/* Flex cards (deliverables) */
.seo-h3 { font-weight:700; font-size:24px; margin:0 0 16px; color:#0f2538; }
.seo-flex-cards { display:flex; flex-wrap:wrap; gap:18px; margin:0 0 34px; }
.seo-flex-card { flex:1 1 260px; background:#f4f9fc; border:1px solid #d9e6ed; border-radius:14px; padding:18px 20px; }
.seo-flex-title { margin:0 0 6px; font-size:15px; font-weight:600; color:#133246; }
.seo-flex-text { margin:0; font-size:13px; color:#486370; }

/* FAQ */
.seo-faq { border:1px solid #d9e6ed; border-radius:16px; overflow:hidden; }
.seo-faq-item { padding:16px 20px; border-bottom:1px solid #d9e6ed; }
.seo-faq-item:last-child { border-bottom:none; }
.seo-faq-item strong { display:block; color:#123144; font-size:14px; }
.seo-faq-item span { font-size:13px; color:#4a6474; }
