@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Montserrat","Poppins",Arial,sans-serif;color:#334155;background:#fff;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%}
button,input,select,textarea{font:inherit}
a{color:inherit}
.destination-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px}
.destination-icon img{width:22px;height:22px;display:block;object-fit:contain}
:focus-visible{outline:3px solid #FF6D00;outline-offset:2px;border-radius:4px}
.skip-link{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;z-index:9999}
.skip-link:focus{position:fixed;top:12px;left:12px;width:auto;height:auto;padding:12px 24px;background:#FF6D00;color:#fff;font-weight:700;border-radius:8px;text-decoration:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[hidden]{display:none!important}
body.menu-open{overflow:hidden}
.copy-button.is-copied{background:#E8F5E9!important;color:#18864B!important}
.faq-answer{display:block}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Final platform-logo and growth illustration polish */
.wf-root img[src*="telegram.svg"],
.wf-root img[src*="whatsapp.svg"],
.wf-root img[src*="x.svg"],
.wf-root img[src*="pinterest.svg"],
.wf-root img[src*="wordpress.svg"],
.wf-root img[src*="blogger.svg"] {
  image-rendering: auto;
  transform: translateZ(0);
}
@media (max-width: 767px) {
  img[src*="affiliate-growth-tree.png"] { width: 100% !important; max-width: 390px; margin: 0 auto; }
}

/* Responsive hardening for mobile and tablet */
html, body { width:100%; max-width:100%; overflow-x:hidden; }
body { min-width:0; }
.page-section, .page-section > div, .hero-top-grid, .wf-root, .wf-flow,
.two-col, .three-col, .four-col, .footer-grid { min-width:0; max-width:100%; }
.hero-top-grid > *, .wf-flow > *, .two-col > *, .three-col > *, .four-col > * { min-width:0; }

@media (max-width: 1023px) {
  header > div:first-child { padding-left:16px !important; padding-right:16px !important; gap:12px !important; }
  .hero-section { padding:36px 16px 44px !important; }
  .hero-section > div { padding-left:0 !important; padding-right:0 !important; }
  .hero-top-grid { grid-template-columns:1fr !important; gap:28px !important; }
  .hero-copy { width:100% !important; }
  .hero-automation-card { width:100% !important; max-width:620px !important; margin:0 auto !important; }
  .hero-meta { align-items:flex-start !important; margin-bottom:28px !important; padding-bottom:24px !important; }
  .hero-trust-badges { margin-left:0 !important; width:100% !important; }

  .wf-headings { display:none !important; }
  .wf-flow { display:grid !important; grid-template-columns:1fr 1fr !important; gap:22px !important; align-items:stretch !important; }
  .wf-col { flex:initial !important; width:100% !important; max-width:none !important; }
  .wf-arrow { display:none !important; }
  .wf-inputs, .wf-hub, .wf-platforms, .wf-growth { width:100% !important; }
  .growth-banner { width:100% !important; padding:16px 18px !important; gap:18px !important; }
  .growth-banner__image { width:min(320px,38vw) !important; max-height:170px !important; }
}

@media (max-width: 767px) {
  header > div:first-child { height:64px !important; padding-left:12px !important; padding-right:12px !important; }
  .header-logo { width:96px !important; }
  header a[data-event="header_start_trial"] { font-size:11px !important; padding:8px 11px !important; }
  #mobile-menu { top:64px !important; }

  .hero-section { padding:28px 16px 36px !important; }
  .hero-top-grid { gap:24px !important; margin-bottom:22px !important; }
  .hero-copy h1 { font-size:34px !important; line-height:1.08 !important; letter-spacing:-0.02em !important; }
  .hero-copy p { max-width:none !important; }
  .hero-actions { display:grid !important; grid-template-columns:1fr !important; gap:10px !important; }
  .hero-actions a { width:100% !important; text-align:center !important; padding:12px 14px !important; }
  .hero-automation-card { padding:18px 14px !important; border-radius:16px !important; gap:13px !important; }
  .hero-automation-card img { max-width:100% !important; }
  .hero-meta { display:block !important; margin-bottom:24px !important; padding-bottom:22px !important; }
  .hero-trial-note { margin:0 0 14px !important; }
  .hero-trial-note p { font-size:12px !important; line-height:1.55 !important; }
  .hero-trust-badges { display:grid !important; grid-template-columns:1fr 1fr !important; gap:7px !important; }
  .hero-trust-badges span { font-size:10px !important; padding:5px 7px !important; text-align:center !important; white-space:normal !important; }

  .wf-root { width:100% !important; overflow:visible !important; }
  .wf-flow { display:flex !important; flex-direction:column !important; gap:18px !important; }
  .wf-col { width:100% !important; flex-basis:auto !important; }
  .wf-inputs { gap:10px !important; }
  .wf-inputs > div { min-height:92px !important; }
  .wf-hub > div, .wf-platforms > div, .wf-growth > div { width:100% !important; }
  .wf-hub [style*="grid-template-columns:1fr 1fr"] { grid-template-columns:1fr !important; }
  .wf-platforms [style*="grid-template-columns:repeat(3"] { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
  .wf-growth { min-height:auto !important; }

  .growth-banner { flex-direction:column !important; text-align:center !important; padding:14px !important; gap:10px !important; }
  .growth-banner__image { width:100% !important; max-width:330px !important; max-height:190px !important; margin:0 auto !important; }
  .growth-banner__content { width:100% !important; }
  .growth-banner > div:last-child { width:100% !important; max-width:280px !important; margin:0 auto !important; }

  .two-col, .three-col, .four-col, .footer-grid { grid-template-columns:1fr !important; }
  .page-section { padding-left:16px !important; padding-right:16px !important; }
  .page-section > div { padding-left:0 !important; padding-right:0 !important; }
  table { width:100% !important; display:block; overflow-x:auto; }
}

@media (max-width: 380px) {
  .hero-copy h1 { font-size:30px !important; }
  .hero-trust-badges { grid-template-columns:1fr !important; }
  .wf-platforms [style*="grid-template-columns:repeat(3"] { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}