/* Mobile-only "email me the link" box. Hidden on desktop by CSS alone (no flash, no JS). */
.handoff{display:none}
@media (max-width:820px){
  .handoff{display:block;margin:22px 0 0;padding:18px;border:0;border-radius:14px;background:#000;color:#fff;position:relative;max-width:520px;scroll-margin-top:16px}
  .handoff__close{position:absolute;top:4px;right:4px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:30px;line-height:1;background:none;border:0;color:rgba(255,255,255,.85);cursor:pointer;padding:0}
  .handoff h2{font-size:18px;line-height:1.25;letter-spacing:-.3px;font-weight:650;margin:0 0 8px}
  .handoff p{font-size:14px;line-height:1.6;color:rgba(255,255,255,.78);margin:0 0 14px}
  .handoff form{display:grid;gap:10px}
  .handoff__input{width:100%;border:1px solid transparent;border-radius:9px;background:#fff;color:var(--ink);padding:14px;font-size:16px;line-height:1.2}
  .handoff__hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}
  .handoff__btn{width:100%}
  .handoff__share{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:10px;padding:13px;border:1px solid #25D366;border-radius:9px;background:transparent;color:#fff;font-size:13px;font-weight:650}
  .handoff__share-icon{flex:none;width:18px;height:18px;color:#25D366}
  .handoff .handoff__ok{color:var(--ink);font-weight:650;background:var(--yellow);border-radius:9px;padding:12px 14px}
  .handoff .handoff__err{color:#ffb3a0;font-weight:600}
}
/* Above the fold on short in-app browsers (Instagram 390x700, 375x600): the box sits right after
   the headline; the long subtext and the trial CTA follow it. Order only; markup is unchanged. */
@media (max-width:820px){
  .hero-copy{display:flex;flex-direction:column}
  .hero-copy .eyebrow{order:0}
  .hero-copy h1{order:0;margin-bottom:0}
  .hero-copy .handoff{margin:14px 0 0;padding:14px}
  .hero-copy .lead{order:2}
  .hero-copy .actions{order:3}
  .hero-copy .micro{order:4}
  .handoff h2{font-size:16px;margin:0 0 4px}
  .handoff p{font-size:13px;line-height:1.4;margin:0 0 10px}
  .handoff form{gap:8px}
  .handoff__input{padding:11px 12px}
  .handoff .handoff__btn{padding:12px 16px}
  .handoff__share{display:flex;width:auto;margin:8px auto 0;padding:7px 12px;font-size:12px;border-color:#25D366;text-decoration:none}
  .handoff__share-icon{width:16px;height:16px}
  .handoff .handoff__ok{padding:10px 12px;margin-bottom:0}
}
@media (max-width:820px) and (max-height:760px){
  .hero{padding-top:12px}
  .hero .eyebrow{margin-bottom:12px}
  .hero h1{font-size:34px;line-height:1.08;letter-spacing:-1.2px}
  .nav{height:56px}
}
.handoff[hidden]{display:none !important}