/* HiveThread growth pages (industries + compare) — extends styles-v3.css.
   Same tokens, same conventions. Loaded only on generated pages. */

/* hero (light variant — no photo, cream-tinted wash) */
.growth-hero{background:linear-gradient(180deg,var(--accent-wash) 0%,#fff 100%);border-bottom:1px solid var(--border-subtle)}
.growth-hero .container{padding-top:clamp(48px,7vw,88px);padding-bottom:clamp(44px,6vw,72px)}
.growth-hero h1{font-size:clamp(1.75rem,1rem+2.4vw,2.75rem);font-weight:800;max-width:24ch}
.growth-hero .sub{margin-top:18px;font-size:1.125rem;line-height:1.6;max-width:62ch;color:var(--ink-muted)}
.growth-hero .cta-row{margin-top:26px;display:flex;gap:14px;flex-wrap:wrap}
.crumb{font-size:.875rem;color:var(--ink-subtle);margin-bottom:18px}
.crumb a{color:var(--ink-subtle);text-decoration:none}
.crumb a:hover{color:var(--ink);text-decoration:underline}

/* pain cards */
.pain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.pain-card{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:26px;box-shadow:var(--shadow-sm)}
.pain-card h3{margin-bottom:10px}
.pain-card p{color:var(--ink-muted);font-size:.9875rem}

/* scenario + chat mockup side-by-side (.collab card styles come from styles-v3.css) */
.scenario-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:clamp(28px,4vw,56px);align-items:center}
.scenario-chat{min-width:0}
.scenario-chat .collab{max-width:460px;margin:0 auto}
@media(max-width:880px){.scenario-grid{grid-template-columns:1fr}.scenario-chat .collab{max-width:520px}}

/* scenario */
.scenario{border-left:3px solid var(--accent);padding:6px 0 6px clamp(20px,3vw,34px)}
.scenario-kicker{font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:8px}
.scenario h2{margin-bottom:16px}
.scenario p{color:var(--ink-muted);margin-bottom:14px}
.scenario p:last-child{margin-bottom:0}

/* use cases */
.uc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.uc-card{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:26px;box-shadow:var(--shadow-sm)}
.uc-card h3{margin-bottom:10px}
.uc-card p{color:var(--ink-muted);font-size:.9875rem}

/* feature mapping */
.fm-list{display:flex;flex-direction:column;gap:14px;max-width:900px;margin:0 auto}
.fm-row{display:grid;grid-template-columns:minmax(220px,1fr) 2fr;gap:18px;background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:22px 26px}
.fm-feature{display:flex;align-items:flex-start;gap:10px;font-weight:600;font-size:.9375rem;color:var(--ink)}
.fm-tick{flex:none;width:22px;height:22px;border-radius:50%;background:var(--accent-wash);display:inline-flex;align-items:center;justify-content:center;margin-top:1px}
.fm-tick svg{width:13px;height:13px;stroke:var(--accent-ink);fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.fm-benefit h3{font-size:1.0625rem;margin-bottom:6px}
.fm-benefit p{color:var(--ink-muted);font-size:.9375rem}
@media(max-width:720px){.fm-row{grid-template-columns:1fr}}

/* FAQ */
.faq-list{display:flex;flex-direction:column;gap:12px}
.faq-item{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:22px 26px}
.faq-item h3{font-size:1.0625rem;margin-bottom:8px}
.faq-item p{color:var(--ink-muted);font-size:.9375rem}

/* CTA strip: base style comes from styles-v3.css (.cta-strip, dark ink).
   Only the extra sub-line needs a rule here. */
.cta-strip .cta-sub{max-width:56ch;margin-left:auto;margin-right:auto}

/* related links */
.rel-block{border-top:1px solid var(--border-subtle);padding-top:34px}
.rel-h{font-size:1.125rem;font-weight:700;margin-bottom:16px}
.rel-links{display:flex;flex-wrap:wrap;gap:10px}
.rel-link{display:inline-flex;align-items:center;background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:999px;padding:.55rem 1.05rem;font-size:.875rem;font-weight:500;color:var(--ink-muted);text-decoration:none}
.rel-link:hover{color:var(--ink);background:var(--surface-2)}
.rel-all{background:var(--accent-wash);color:var(--accent-ink);border-color:transparent;font-weight:600}

/* industries / compare hubs */
.ind-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.ind-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:26px;text-decoration:none;color:var(--ink);box-shadow:var(--shadow-sm);transition:transform .15s var(--ease),box-shadow .15s var(--ease)}
.ind-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.ind-card h3{margin-bottom:8px}
.ind-card p{color:var(--ink-muted);font-size:.9375rem;flex:1}
.ind-more{margin-top:14px;font-size:.875rem;font-weight:600;color:var(--accent-ink)}

/* comparison table */
.cmp-wrap{overflow-x:auto;background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.cmp-table{width:100%;border-collapse:collapse;font-size:.9375rem;min-width:640px}
.cmp-table th,.cmp-table td{padding:14px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--border-subtle)}
.cmp-table thead th{font-weight:700;font-size:.875rem;background:var(--surface-sunken)}
.cmp-table thead th:nth-child(2){color:var(--accent-ink)}
.cmp-table tbody th{font-weight:600;color:var(--ink);width:22%}
.cmp-table tbody td{color:var(--ink-muted)}
.cmp-table tbody tr:last-child th,.cmp-table tbody tr:last-child td{border-bottom:0}
.cmp-note{margin-top:14px;font-size:.8125rem;color:var(--ink-subtle);text-align:center}

/* pick them / pick us */
.pick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.pick-card{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:30px}
.pick-card h2{font-size:1.25rem;margin-bottom:16px}
.pick-us{border-color:var(--accent);border-width:1.5px}
.pick-list{list-style:none;display:flex;flex-direction:column;gap:12px}
.pick-list li{position:relative;padding-left:26px;color:var(--ink-muted);font-size:.9625rem}
.pick-list li::before{content:"";position:absolute;left:0;top:.42em;width:14px;height:14px;border-radius:50%;background:var(--surface-3)}
.pick-us .pick-list li::before{background:var(--accent-wash);box-shadow:inset 0 0 0 1.5px var(--accent)}