/* ============================================================
   SEO & AI Search page — bespoke sections not in theme.css
   ============================================================ */

/* Left-aligned interior hero */
.wd-hero-left{text-align:left}
.wd-hero-left .section-title{max-width:840px}
.wd-hero-left .section-sub{margin-left:0;margin-right:0;max-width:640px}
.wd-hero-left .hero-ctas{justify-content:flex-start}
.hero-note{font-family:var(--font-mono);font-size:.7rem;color:var(--faint)}

/* Two pillars */
.pillars{padding:40px 0}
.pillar-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:42px}
.pillar{position:relative;background:linear-gradient(160deg,rgba(15,52,96,.3),rgba(10,18,36,.82));border:1px solid var(--border);border-radius:18px;padding:34px 30px;transition:border-color .2s,transform .2s}
.pillar:hover{border-color:rgba(212,165,55,.4);transform:translateY(-4px)}
.pillar .pic{width:50px;height:50px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:18px}
.pillar h3{font-size:1.4rem;margin-bottom:10px}
.pillar p{color:var(--muted);font-size:.95rem;line-height:1.6;margin-bottom:16px}
.pillar ul{list-style:none}
.pillar li{position:relative;padding-left:22px;margin-bottom:9px;color:#c4cdd9;font-size:.9rem;line-height:1.5}
.pillar li::before{content:"▸";position:absolute;left:0;color:var(--gold);font-size:.85rem}
@media(max-width:820px){.pillar-grid{grid-template-columns:1fr}}

/* Long-form prose */
.prose{padding:48px 0}
.prose-wrap{max-width:820px;margin:0 auto}
.prose h2{font-size:clamp(1.6rem,3vw,2.2rem);margin:8px 0 16px}
.prose h3{font-size:1.2rem;margin:30px 0 10px;color:var(--text)}
.prose p{color:var(--muted);font-size:1rem;line-height:1.75;margin-bottom:16px}
.prose .lead{color:#c4cdd9;font-size:1.08rem}

/* What's included */
.incl{padding:40px 0}
.incl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
.icard2{background:var(--glass);border:1px solid var(--border);border-radius:14px;padding:24px 22px;transition:border-color .2s,transform .2s}
.icard2:hover{border-color:rgba(212,165,55,.4);transform:translateY(-4px)}
.icard2 .ic2{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:1.15rem;margin-bottom:13px}
.icard2 h3{font-family:var(--font-head);font-size:1.04rem;margin-bottom:7px}
.icard2 p{color:var(--muted);font-size:.88rem;line-height:1.55}
@media(max-width:860px){.incl-grid{grid-template-columns:1fr}}

/* Why us */
.why{padding:48px 0}
.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:40px}
.wcard{background:var(--glass);border:1px solid var(--border);border-radius:14px;padding:26px 24px}
.wcard h3{font-family:var(--font-head);font-size:1.1rem;margin-bottom:8px}
.wcard p{color:var(--muted);font-size:.9rem;line-height:1.6}
@media(max-width:760px){.why-grid{grid-template-columns:1fr}}

/* Process: three steps across (this page only) */
.process .steps{grid-template-columns:repeat(3,1fr)}
@media(max-width:760px){.process .steps{grid-template-columns:1fr}}