/* Home hero, clean version: one headline, one line of proof, one button, and a sample chat. Teal comes from the site accent variable. */
.hero .hero-inner.hero-split{display:grid;grid-template-columns:minmax(0,1fr);gap:34px;align-items:center;max-width:640px}
.hero-copy{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}
.hero .hero-agitation{font-weight:500}
.hero-copy .hero-actions{margin-top:6px}
.hero-copy .hero-actions .btn-secondary{background:none!important;box-shadow:none!important;border:0!important;padding-left:6px!important;padding-right:6px!important;min-height:0;font-weight:500;text-decoration:underline;text-underline-offset:4px;color:var(--text-secondary)!important}
.hero-copy .hero-actions .btn-secondary::before,.hero-copy .hero-actions .btn-secondary::after{display:none!important}
.hero-copy .hero-actions-note{margin-top:16px!important}
/* the headline phrase is plain solid text */
.hero h1 .highlight,.hero h1 .highlight .fx-vis{background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--accent-deep,var(--accent))!important;animation:none!important;filter:none!important;text-shadow:none!important}
.hero-chat{margin:0;width:100%;max-width:400px;justify-self:center}
.hero-chat figcaption{margin:14px auto 0;text-align:center;font-size:.78rem;line-height:1.55;color:var(--text-muted)}
/* a real-looking chat: same colours as the messaging app clients already use */
.wa{border-radius:20px;overflow:hidden;box-shadow:0 30px 60px -34px rgba(20,30,30,.5),0 0 0 1px rgba(0,0,0,.06);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;text-align:left}
.wa-top{display:flex;align-items:center;gap:11px;background:#008069;color:#fff;padding:12px 16px}
.wa-av{width:38px;height:38px;border-radius:50%;background:#fff;color:#008069;display:grid;place-items:center;font-size:11px;font-weight:700;letter-spacing:.02em}
.wa-top b{display:block;font-size:.95rem;font-weight:600;line-height:1.2}.wa-top small{display:block;font-size:.75rem;opacity:.85}
.wa-body{background:#efeae2;padding:14px 14px 18px;display:flex;flex-direction:column;gap:7px;min-height:300px}
.wa-day{align-self:center;background:#fff;color:#54656f;font-size:.7rem;font-weight:500;padding:4px 11px;border-radius:8px;box-shadow:0 1px 0 rgba(11,20,26,.13);margin:4px 0;animation:waIn .5s ease-out both;animation-delay:var(--d,0s)}
.wa-m{position:relative;max-width:84%;padding:8px 10px 6px;border-radius:9px;font-size:.875rem;line-height:1.4;color:#111b21;box-shadow:0 1px .5px rgba(11,20,26,.13);animation:waIn .5s ease-out both;animation-delay:var(--d,0s)}
.wa-m.in{align-self:flex-start;background:#fff;border-top-left-radius:2px}
.wa-m.out{align-self:flex-end;background:#d9fdd3;border-top-right-radius:2px}
.wa-t{display:block;text-align:right;font-size:.6875rem;color:#667781;margin-top:3px}.wa-t i{font-style:normal;color:#53bdeb;letter-spacing:-.15em;margin-left:3px}
.wa-card{display:flex;gap:10px;align-items:center;background:#f0f2f5;border-radius:7px;padding:8px;margin-top:7px}
.wa-play{flex:none;width:44px;height:44px;border-radius:7px;background:#1f2a2e;position:relative}.wa-play::after{content:"";position:absolute;left:17px;top:13px;border-left:14px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent}
.wa-m.out .wa-card{background:rgba(255,255,255,.6)}
.wa-card b{display:block;font-size:.8125rem;font-weight:600;line-height:1.2}.wa-card small{display:block;font-size:.72rem;color:#667781}
@keyframes waIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@media (min-width:960px){
  .hero .hero-inner.hero-split{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;max-width:1120px}
  .hero-copy{align-items:flex-start;text-align:left}.hero-copy .hero-actions{justify-content:flex-start}.hero-copy h1,.hero-copy .hero-subtitle,.hero-copy .hero-agitation{margin-left:0;margin-right:auto}
  .hero .hero-split h1{font-size:clamp(2.4rem,3.9vw,4rem)}
  .hero-chat{max-width:420px}
}
@media (prefers-reduced-motion:reduce){.wa-day,.wa-m{animation:none}}