/* Who We Help page — bespoke sections (niche / also / whyrow). */
.page-hero{padding:172px 0 30px}

/* primary niche blocks */
.niche{padding:56px 0}
.nblock{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start;margin-bottom:56px}
.nblock:last-child{margin-bottom:0}
.nblock:nth-child(even) .ntext{order:2}
.nblock-card{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:38px 34px}
.nblock-card::before{content:"";position:absolute;top:0;left:30px;right:30px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.ntext .badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono,'JetBrains Mono',monospace);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-hi);background:rgba(212,165,55,.1);border:1px solid rgba(212,165,55,.35);border-radius:99px;padding:6px 13px;margin-bottom:16px}
.ntext h2{font-size:clamp(1.6rem,3vw,2.1rem);margin-bottom:14px}
.ntext p{color:var(--muted);font-size:1rem;line-height:1.7;margin-bottom:14px}
.ntext .lead{color:#c4cdd9}
.nlist{list-style:none;margin-top:16px}
.nlist li{position:relative;padding-left:24px;margin-bottom:10px;color:#c4cdd9;font-size:.93rem;line-height:1.5}
.nlist li::before{content:"▸";position:absolute;left:0;color:var(--gold)}
.nblock-card h3{font-family:var(--font-head,'Bricolage Grotesque',sans-serif);font-size:1.1rem;margin-bottom:14px;color:var(--gold-hi)}
.kw{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.kw span{font-family:var(--font-mono,'JetBrains Mono',monospace);font-size:.68rem;color:var(--muted);background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:99px;padding:5px 11px}
@media(max-width:860px){.nblock{grid-template-columns:1fr}.nblock:nth-child(even) .ntext{order:0}}

/* also serve grid */
.also{padding:48px 0}
.also-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
.acard{background:var(--glass);border:1px solid var(--border);border-radius:14px;padding:24px 20px;text-align:center;transition:border-color .2s,transform .2s}
.acard:hover{border-color:rgba(212,165,55,.4);transform:translateY(-4px)}
.acard .ai{font-size:1.6rem;margin-bottom:10px}
.acard h3{font-family:var(--font-head,'Bricolage Grotesque',sans-serif);font-size:1rem;margin-bottom:6px}
.acard p{color:var(--muted);font-size:.82rem;line-height:1.5}
@media(max-width:860px){.also-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.also-grid{grid-template-columns:1fr}}

/* why us strip */
.whyrow{padding:48px 0}
.whyrow .why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
.whyrow .wcard{background:var(--glass);border:1px solid var(--border);border-radius:14px;padding:24px 20px}
.whyrow .wcard h3{font-family:var(--font-head,'Bricolage Grotesque',sans-serif);font-size:1rem;margin-bottom:7px}
.whyrow .wcard p{color:var(--muted);font-size:.85rem;line-height:1.55}
@media(max-width:860px){.whyrow .why-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.whyrow .why-grid{grid-template-columns:1fr}}

/* FAQ — widen to line up with the full-width sections above (#12). */
.faq{padding-top:8px}
.faq-list{max-width:1040px}