/* ============================================================
   Section patterns — whatsapp.com/messaging machinery on the
   locked Tandy palette. Load AFTER wa.css.
   Adds: statement band, flat stats, tail band, ink footer,
   FAQ restyle, and the v3 band-rhythm overrides.
   ============================================================ */

/* ── statement band ─────────────────────────────────────────── */
.statement{
  max-width:880px;margin:0 auto;text-align:center;
  font-size:clamp(30px,4.2vw,52px);line-height:1.15;
  font-weight:var(--w-head);letter-spacing:-0.02em;text-wrap:balance;
}
.statement-sub{
  max-width:640px;margin:28px auto 0;text-align:center;
  font-size:clamp(17px,2vw,19px);line-height:1.55;color:var(--muted);text-wrap:pretty;
}

/* ── flat stats (replaces the ink panel) ────────────────────── */
.stats-flat{
  max-width:920px;margin:var(--head-gap) auto 0;
  display:grid;grid-template-columns:1fr;
}
@media(min-width:720px){ .stats-flat{grid-template-columns:repeat(3,1fr);} }
.stats-flat .statcell{padding:28px 30px;}
@media(min-width:720px){ .stats-flat .statcell + .statcell{border-left:1px solid var(--line-cool);} }
@media(max-width:719px){ .stats-flat .statcell + .statcell{border-top:1px solid var(--line-cool);} }
.stats-flat .num{
  font-size:clamp(40px,5vw,56px);font-weight:var(--w-head);
  letter-spacing:-0.02em;line-height:1.05;color:var(--brand-fill);
  font-variant-numeric:proportional-nums;
}
.stats-flat .lbl{margin-top:14px;font-size:15.5px;line-height:1.5;color:var(--muted);text-wrap:pretty;}

/* ── FAQ restyle: muted heading + baseline link ─────────────── */
.faq-head2{
  max-width:820px;margin:0 auto;
  display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;
}
.faq-head2 h2{color:var(--muted);}

/* ── tail band (rounded bottom above the ink footer) ────────── */
.band-tail{border-radius:0 0 var(--r-panel) var(--r-panel);}

/* ── ink footer with the CTA folded in ──────────────────────── */
.foot2{background:var(--ink);color:#fff;padding:0;}
.foot2 .inner{max-width:1080px;margin:0 auto;padding:88px 24px 36px;}
.foot2-cta{
  display:grid;grid-template-columns:1fr;gap:46px;align-items:center;
  padding-bottom:72px;border-bottom:1px solid rgba(255,255,255,.14);
}
@media(min-width:880px){ .foot2-cta{grid-template-columns:1.02fr .98fr;gap:60px;} }
.foot2-cta h2{
  color:#fff;font-size:clamp(33px,4.4vw,50px);
  line-height:1.1;font-weight:var(--w-head);letter-spacing:-0.02em;text-wrap:balance;margin:0;
}
.foot2-cta .lead{color:rgba(255,255,255,.78);margin-top:20px;max-width:450px;}
.foot2-cta .btn{border-color:transparent;}
.foot2-main{
  display:grid;grid-template-columns:1fr 1fr;gap:40px 24px;padding:64px 0 0;
}
@media(min-width:860px){ .foot2-main{grid-template-columns:1.4fr 1fr 1fr;} }
.foot2-brand{grid-column:1 / -1;}
@media(min-width:860px){ .foot2-brand{grid-column:auto;} }
.foot2-brand .brand{color:#fff;}
.foot2-brand .brand .dot{border-color:rgba(255,255,255,.4);}
.foot2-brand p{font-size:14.5px;line-height:1.6;color:rgba(255,255,255,.64);max-width:360px;margin:16px 0 0;text-wrap:pretty;}
.foot2-col h4{
  margin:0 0 18px;font-size:12px;font-weight:400;
  letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.55);
}
.foot2-col ul{list-style:none;margin:0;padding:0;display:grid;gap:14px;}
.foot2-col a{font-size:16px;color:#fff;text-decoration:none;}
.foot2-col a:hover{text-decoration:underline;}
.foot2-base{
  margin-top:64px;padding-top:24px;border-top:1px solid rgba(255,255,255,.14);
  display:flex;flex-wrap:wrap;align-items:center;gap:24px;
  font-size:13px;color:rgba(255,255,255,.55);
}
.foot2-base a{color:rgba(255,255,255,.75);text-decoration:none;}
.foot2-base a:hover{text-decoration:underline;}

/* ── v2 band-rhythm overrides of wa.css section colors ──────── */
/* The CTA lives inside the ink footer, so strip the earlier tint-band styling. */
#get-started.foot2-cta{background:transparent;padding:0 0 72px;}

#pricing{background:#fff;}
.plan-single.inverted{border:1px solid var(--line-cool);}
#faq{background:var(--cream);}
#faq .faq-item{border-color:var(--line);}
#faq .faq-item:last-child{border-bottom-color:var(--line);}

/* ── v3: v1 feature rows hosted on the tint band ────────────── */
#what.band-tint .mini-card{background:#fff;}
#what.band-tint .frow.flip .mini-card{background:#fff;}
#what.band-tint .mini-card .bubble.them{background:var(--bubble-them);}
#what.band-tint .frow{border-top-color:rgba(15,42,67,.1);}

/* ── static hero thread: the whole conversation fits one frame ── */
.hero .phone-thread{justify-content:flex-start;gap:8px;}
.hero .bubble{font-size:14px;line-height:1.4;padding:9px 13px;}
.hero .bubble.media{padding:4px;}
.hero .bubble.media img{max-width:170px;}