/* Social Media page — bespoke sections (reuses theme.css for shared bands). */

/* Left-aligned interior hero */
.page-hero.left{text-align:left;padding:172px 0 36px}
.page-hero.left h1{font-size:clamp(2.3rem,4.8vw,3.6rem);margin:20px 0 18px;max-width:840px}
.page-hero.left p{color:var(--muted);font-size:1.15rem;max-width:640px;margin-bottom:30px}
.page-hero.left .hero-ctas{display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:flex-start}

/* Platform pills row */
.platrow{padding:30px 0 10px}
.plat-pills{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:30px}
.plat-pill{font-family:var(--font-mono);font-size:.74rem;color:var(--muted);background:var(--glass);border:1px solid var(--border);border-radius:99px;padding:9px 18px}

/* 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 WebbDesignz */
.why{padding:48px 0}
.why-grid{display:grid;grid-template-columns:repeat(3,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.08rem;margin-bottom:8px}
.wcard p{color:var(--muted);font-size:.89rem;line-height:1.6}
@media(max-width:860px){.why-grid{grid-template-columns:1fr}}