/* WinkView mobile polish (<=760px). Loaded after all other styles. */
/* Footer contact: email as a pill, socials as round icon buttons (all widths). */
.wv-footer-mail{display:inline-flex;align-items:center;gap:.55rem;margin-top:1rem;padding:.6rem 1rem;border:1.5px solid currentColor;border-radius:999px;font-weight:600;font-size:.95rem;text-decoration:none!important;color:inherit;transition:background .15s,color .15s}
.wv-footer-mail svg{flex:none;opacity:.8}
.wv-footer-mail:hover{background:#ff2e74;border-color:#ff2e74;color:#fff}
.wv-footer-social{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.9rem}
.wv-footer-social a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1.5px solid currentColor;color:inherit;text-decoration:none!important;opacity:.85;transition:background .15s,color .15s,opacity .15s,border-color .15s}
.wv-footer-social a:hover{opacity:1;background:#ff2e74;border-color:#ff2e74;color:#fff}
.wv-footer-mail:focus-visible,.wv-footer-social a:focus-visible{outline:2px solid #ff2e74;outline-offset:3px}
@media (max-width:760px){
  html,body{overflow-x:hidden}
  .wv-hub .wv-btn{box-sizing:border-box;max-width:100%}
  .wv-hub .wv-wrap{padding-left:20px;padding-right:20px}

  /* ---- Hero ---- */
  .wv-hub .wv-hero{padding:18px 0 36px}
  .wv-hub .wv-hero-copy{text-align:center;display:flex;flex-direction:column;align-items:center}
  .wv-hub .wv-hero .wv-eyebrow{font-size:12.5px;letter-spacing:.01em;padding:7px 14px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;margin:0 auto 18px;line-height:1.3}
  .wv-hub .wv-h1{font-size:clamp(42px,12.4vw,52px);line-height:1.02;letter-spacing:-.03em;text-align:center;margin:0 0 16px}
  .wv-hub .wv-hero .wv-lead{font-size:17px;line-height:1.55;text-align:center;max-width:34ch;margin:0 auto 22px}
  .wv-hub .wv-cta{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:100%;max-width:360px;margin:0 auto}
  .wv-hub .wv-cta .wv-btn{width:100%;justify-content:center;text-align:center;min-height:52px;display:flex;align-items:center;font-size:16px;margin:0}
  .wv-hub .wv-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:18px auto 0;width:100%}
  .wv-hub .wv-trust>span{white-space:nowrap;font-size:13px;margin:0!important}
  .wv-hub .wv-trust-sub{text-align:center;font-size:12.5px;margin:12px auto 0;max-width:32ch;line-height:1.5}
  .wv-hub .wv-hero-mock{margin-top:30px;width:100%;overflow:hidden}
  .wvfm-line{text-align:center}

  /* ---- Platform bar + marquee ---- */
  .wv-hub .wv-platbar .wv-wrap{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}
  .wv-hub .wv-platbar .wv-wrap>div{display:grid;grid-template-columns:auto auto auto auto;justify-content:center;align-items:center;gap:10px 8px}
  .wv-hub .wv-platbar .wv-wrap>div>b{margin-right:10px;white-space:nowrap}
  .wv-hub .wv-marquee .wv-track span{font-size:15px}

  /* ---- Sections: one rhythm, centred heads ---- */
  .wv-hub .wv-section{padding-top:56px;padding-bottom:56px}
  .wv-hub .wv-section.wv-tight{padding-top:36px;padding-bottom:36px}
  .wv-hub .wv-k,.wv-hub .wv-kicker{text-align:center;font-size:12px;letter-spacing:.16em;margin-left:auto;margin-right:auto}
  .wv-hub .wv-h2,.wv-hub .wv-section h2{font-size:clamp(28px,8.2vw,34px);line-height:1.08;letter-spacing:-.025em;text-align:center;margin-left:auto;margin-right:auto;text-wrap:balance}
  .wv-hub .wv-section .wv-lead{font-size:17px;line-height:1.55;text-align:center;margin-left:auto;margin-right:auto;max-width:34ch}
  .wv-hub .wv-sec-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
  .wv-hub .wv-sec-head a{white-space:nowrap}
  .wv-hub .wv-px>div:first-child{text-align:center}
  .wv-hub .wv-px>div:first-child .wv-why-card{text-align:left}
  .wv-hub .wv-px>div+div{margin-top:28px}

  /* ---- Cards: symmetric shadow so nothing looks off-centre ---- */
  .wv-hub2 .wv-why-card,.wv-hub2 .wv-agent,.wv-blogindex .wp-block-post,.wv-hub .wv-plan{box-shadow:0 5px 0 rgba(22,19,17,.92)}
  .wv-hub2 .wv-final{box-shadow:0 6px 0 var(--ink);padding:2.2rem 1.3rem;border-radius:24px}
  .wv-hub .wv-why{gap:14px}
  .wv-hub2 .wv-why-card{padding:1.15rem 1.2rem}
  .wv-hub2 .wv-why-card h3{font-size:18px;margin-bottom:6px}
  .wv-hub2 .wv-why-card p{font-size:15.5px;line-height:1.5}
  .wv-hub .wv-agent-shot{width:100%;height:auto;border-radius:14px}
  .wv-hub .wv-dotlist{text-align:left;padding-left:22px}
  .wv-hub .wv-closer{text-align:center;font-size:22px}

  /* ---- Stats, steps, safety ---- */
  .wv-hub .wv-stat4{text-align:center}
  .wv-hub .wv-step{text-align:center}
  .wv-hub .wv-step .wv-num{font-size:36px}
  .wv-hub .wv-safe{padding:2rem 1.3rem;border-radius:24px}

  /* ---- Pricing block on home ---- */
  .wv-hub .wv-plans{gap:16px}
  .wv-hub .wv-plan{text-align:left}
  .wv-hub .wv-plan .wv-btn{width:100%;justify-content:center;min-height:48px;display:flex;align-items:center;font-size:15px}

  /* ---- Audience cards / final CTA buttons ---- */
  .wv-hub .wv-aud .wv-btn,.wv-hub .wv-final .wv-btn{width:100%;max-width:340px;justify-content:center;display:flex;align-items:center;min-height:50px;margin-left:auto;margin-right:auto}

  /* ---- Blog cards ---- */
  .wv-blogindex{padding:0 20px}
  .wv-blogindex .wv-blog-grid{grid-template-columns:1fr!important;gap:18px}
  .wv-blogindex .wp-block-post-featured-image img{aspect-ratio:3/2;height:auto;object-fit:cover}
  .wv-blogindex .wp-block-post-title{font-size:1.25rem}

  /* ---- FAQ ---- */
  .wv-hub .wv-faq summary{font-size:17px;line-height:1.35}

  /* ---- Articles: wide tables scroll inside their box, not the page ---- */
  .entry-content figure.wp-block-table{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
  .entry-content figure.wp-block-table table{min-width:520px;font-size:14px}
  .entry-content .wv-copy pre{white-space:pre;overflow-x:auto;font-size:12.5px}
  .entry-content img{max-width:100%;height:auto}

  /* ---- Feature pages (.wvf) ---- */
  .wv-hub .wv-hero.wvf-hero .wv-hero-copy,.wv-hub .wvf-hero .wv-h1,.wv-hub .wvf-hero .wv-lead{text-align:center!important;margin-left:auto;margin-right:auto}
  .wv-hub .wvf-hero .wv-hero-copy{align-items:center}
  .wv-hub .wvf-crumbs ol{display:flex;justify-content:center;padding:0;margin:0 0 14px;gap:6px;font-size:13px}
  .wv-hub .wvf-crumbs li{list-style:none}
  .wv-hub .wvf-visual{margin-top:28px}

  /* ---- Pricing page (.wvp) ---- */
  .wvp a.btn{box-sizing:border-box!important;width:100%!important;max-width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:nowrap!important;min-height:52px;font-size:16px!important}
  .wvp .btns{display:flex;flex-direction:column;gap:10px;width:100%}
  .wvp .hero a.btn{max-width:340px!important;margin-left:auto!important;margin-right:auto!important}
  .wvp .cmp-cta a.btn{max-width:340px;margin:0 auto}
  .wvp .note{text-align:center}

  /* ---- Pricing teaser on the agent pages: one centred column ---- */
  .wvf-price{align-items:center!important;text-align:center}
  .wvf-price>div{width:100%}
  .wvf-price p:last-child{margin-left:auto;margin-right:auto;max-width:34ch}

  /* ---- Footer ---- */
  .wv-footer-about{max-width:none!important;width:100%;display:flex;flex-direction:column;align-items:center}
  .wv-footer-brand,.wv-footer-brand p,.wv-footer-tag{text-align:center;margin-left:auto;margin-right:auto}
  .wv-footer-tag{max-width:30ch}
  .wv-footer-mail{margin-top:1.1rem}
  .wv-footer-social{justify-content:center}
  .wv-footer-links{text-align:left;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.8rem 1.2rem!important;width:100%}
  .wv-footer-links>div{min-width:0}
  .wv-footer-small{text-align:center}
}
/* 2026-10-03: blog cards (home "Free playbooks" and every blog index) on large phones and tablets:
   two columns, and an odd last card runs full width (cover left, text right) instead of sitting alone. */
/* Blog page on phones: one 20px gutter instead of 48px, so the cards use the screen */
@media (max-width:760px){
  body.blog .wp-block-group.alignfull>.wv-wrap{padding-left:0!important;padding-right:0!important}
}
@media (min-width:600px) and (max-width:1099px){
  .wv-blogindex .wv-blog-grid,.wv-hub2 .wv-hub-posts{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1.4rem!important}
  .wv-blogindex .wv-blog-grid>li:last-child:nth-child(odd){grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:1.4rem;align-items:center}
  .wv-blogindex .wv-blog-grid>li:last-child:nth-child(odd)>.wp-block-post-featured-image{grid-row:1/span 3;margin:0}
  .wv-blogindex .wv-blog-grid>li:last-child:nth-child(odd)>*:not(.wp-block-post-featured-image){grid-column:2}
  .wv-blogindex .wp-block-post-title{font-size:1.2rem}
}
/* 2026-10-03: the English home H1 ("Traffic for every model, from every social platform.") is longer than the old
   one, so on wider screens it runs a size smaller to keep the trial button above the fold. */
@media (min-width:761px){
	.wv-hub2 .wv-hero .wv-h1{font-size:clamp(3rem,5vw,4.6rem)}
}
@media (max-width:370px){
  .wv-hub .wv-h1{font-size:38px}
  .wv-hub .wv-hero .wv-eyebrow{font-size:11.5px}
}