/* ===== extracted from <style id="email-marketing-mobile-banner-nudge"> ===== */
/* Mobile only — banner text thoda neeche */
      @media (max-width: 900px) {
        body.page-email-marketing.has-top-promo-bar .hero.hero--email {
          padding-top: 148px !important;
        }

        body.page-email-marketing .email-hero__copy {
          padding-top: 12px !important;
          transform: translateY(14px);
        }
      }

      @media (max-width: 480px) {
        body.page-email-marketing.has-top-promo-bar .hero.hero--email {
          padding-top: 156px !important;
        }

        body.page-email-marketing .email-hero__copy {
          transform: translateY(18px);
        }
      }

/* Surface Pro 7 — banner text thoda neeche (badge clear of nav) */
@media screen and (min-width: 901px) and (max-width: 1100px) {
  body.page-email-marketing.has-top-promo-bar .hero.hero--email,
  body.page-email-marketing .hero.hero--email {
    padding-top: 192px !important;
  }

  body.page-email-marketing .email-hero__copy {
    padding-top: 8px !important;
    transform: none !important;
  }
}

/* ===== extracted from <style id="email-marketing-form-width-mobile"> ===== */
/* Mobile — form width match logo-and-branding (hero pad 20px + full-width form) */
      @media (max-width: 768px) {
        body.page-email-marketing.has-top-promo-bar .hero.hero--email,
        body.page-email-marketing .hero.hero--email {
          padding-left: 20px !important;
          padding-right: 20px !important;
          box-sizing: border-box !important;
        }

        body.page-email-marketing .email-hero__copy {
          margin-left: 0 !important;
          margin-right: 0 !important;
          padding-left: 0 !important;
          padding-right: 0 !important;
          max-width: 100% !important;
          text-align: left !important;
        }

        body.page-email-marketing .email-hero__inner,
        body.page-email-marketing .email-hero__visual,
        body.page-email-marketing .email-hero__cluster,
        body.page-email-marketing .email-hero__form-wrap {
          width: 100% !important;
          max-width: 100% !important;
          margin: 0 !important;
          flex: none !important;
          flex-basis: auto !important;
          transform: none !important;
          box-sizing: border-box !important;
        }

        body.page-email-marketing .email-hero__form-wrap,
        body.page-email-marketing .email-hero__form.lead-form.lead-form--hero-v2,
        body.page-email-marketing .email-hero__form.lead-form--hero-v2 {
          width: 100% !important;
          max-width: 100% !important;
          margin-left: 0 !important;
          margin-right: 0 !important;
          transform: none !important;
          box-sizing: border-box !important;
        }
      }

      @media (max-width: 480px) {
        body.page-email-marketing.has-top-promo-bar .hero.hero--email,
        body.page-email-marketing .hero.hero--email {
          padding-left: 20px !important;
          padding-right: 20px !important;
        }
      }

/* ===== extracted from <style id="laptop-responsive-email-marketing"> ===== */
@media screen and (min-width: 1024px) and (max-width: 1536px) {
        body.has-top-promo-bar.page-email-marketing {
          --hero-nav-clearance: 140px;
        }

        body.has-top-promo-bar.page-email-marketing .hero {
          padding-top: 140px !important;
        }

        body.page-email-marketing .email-hero__inner {
          grid-template-columns: minmax(0, 1fr) minmax(0, 520px);
          gap: clamp(40px, 4vw, 56px);
          max-width: min(1140px, 100%);
          transform: translateY(-16px);
        }

        body.page-email-marketing .email-hero__visual {
          max-width: min(520px, 100%);
          justify-self: stretch;
          margin-right: 0;
        }

        body.page-email-marketing .email-hero__cluster {
          min-height: auto;
          width: 100%;
          max-width: 100%;
          transform: none;
          padding: 0;
        }

        body.page-email-marketing .email-hero__floats {
          display: none;
        }

        body.page-email-marketing .lead-form.lead-form--hero-v2 {
          padding: 26px 22px 22px;
          gap: 12px;
        }

        body.page-email-marketing .email-hero__copy {
          margin-left: clamp(0px, 3vw, 40px);
          padding-top: 8px;
          transform: translateY(8px);
        }

        body.page-email-marketing .email-hero__form.lead-form--hero-v2 .hero-float,
        body.page-email-marketing .email-hero__form .hero-float,
        body.page-mobile-application.page-email-marketing .hero .lead-form.lead-form--hero-v2 .hero-float {
          display: block !important;
          right: 16px !important;
          left: auto !important;
          top: -10px !important;
          transform: none !important;
          max-width: calc(100% - 24px);
          white-space: normal;
        }
      }

      @media screen and (min-width: 1400px) and (max-width: 1480px) and (min-height: 800px) and (max-height: 880px) {
        body.page-email-marketing .email-hero__inner {
          max-width: min(1280px, calc(100% - 72px)) !important;
          grid-template-columns: minmax(0, 1fr) minmax(560px, 700px) !important;
          gap: clamp(24px, 3vw, 36px) !important;
        }

        body.page-email-marketing .email-hero__visual {
          max-width: none !important;
          width: 100% !important;
          justify-self: end !important;
          margin-right: 50px !important;
          overflow: visible !important;
        }

        body.page-email-marketing .email-hero__cluster {
          width: max-content !important;
          max-width: none !important;
          justify-content: flex-end !important;
          margin-left: auto !important;
          transform: translateX(44px) !important;
          padding-right: 0 !important;
        }

        body.page-email-marketing .email-hero__form-wrap {
          max-width: 408px !important;
          flex: 0 0 408px !important;
          margin-right: 0 !important;
          transform: translateX(36px) !important;
        }

        body.page-email-marketing .email-hero__model {
          display: block !important;
          margin-left: 10px !important;
          margin-right: 0 !important;
          transform: translateX(34px) !important;
        }

        body.page-email-marketing .email-hero__model-stat {
          left: -2% !important;
        }
      }

      body.page-email-marketing .teams-section .task-track.v2 > div::after {
        content: none;
      }

      body.page-email-marketing .comparison-section--founders .comp-table tbody td:nth-child(3) {
        white-space: nowrap;
      }

      body.page-email-marketing #problem .stat-num .stat-num__x {
        font-weight: 500;
        text-transform: lowercase;
        letter-spacing: -0.02em;
        -webkit-text-stroke: 0;
      }

      body.page-email-marketing .hero-cta-arrow {
        display: inline-block;
        font-weight: 900;
        -webkit-text-stroke: 1.35px currentColor;
        paint-order: stroke fill;
        font-size: 1.16em;
        line-height: 1;
      }

/* ===== extracted from <style id="short-viewport-hero-nudge"> ===== */
@media screen and (min-width: 1024px) and (max-width: 1536px) and (max-height: 760px) {
        body[class][class][class][class][class][class][class][class] .email-hero__floats,
        body[class][class][class][class][class][class][class][class] .email-hero__float,
        body[class][class][class][class][class][class][class][class] .email-hero__model,
        body[class][class][class][class][class][class][class][class] .email-hero__model-stat {
          display: none !important;
        }

        body[class][class][class][class][class][class][class][class] .email-hero__copy {
          transform: translateY(30px) !important;
        }

        body[class][class][class][class][class][class][class][class] .email-hero__visual {
          max-width: min(420px, 100%) !important;
          width: 100% !important;
          margin-right: 0 !important;
          justify-self: end !important;
        }

        body[class][class][class][class][class][class][class][class] .email-hero__cluster {
          width: 100% !important;
          max-width: 100% !important;
          min-height: auto !important;
          align-items: flex-start !important;
          justify-content: flex-end !important;
          margin-left: auto !important;
          transform: none !important;
          padding: 0 !important;
        }

        body[class][class][class][class][class][class][class][class] .email-hero__form-wrap {
          transform: translate(-100px, 28px) !important;
          max-width: 360px !important;
          flex: 0 0 360px !important;
          margin: 0 0 0 auto !important;
          align-self: flex-start !important;
        }

        body[class][class][class][class][class][class][class][class] .email-hero__form.lead-form--hero-v2 {
          max-width: 360px !important;
          width: 100% !important;
          padding: 13px 13px 9px !important;
          gap: 5px !important;
        }

        body[class][class][class][class][class][class][class][class] .email-hero__form .lead-form__title {
          font-size: 15px !important;
        }

        body[class][class][class][class][class][class][class][class] .email-hero__form .lead-form__label {
          font-size: 10px !important;
        }

        body[class][class][class][class][class][class][class][class] .email-hero__form .lead-form__group {
          gap: 4px !important;
        }

        body[class][class][class][class][class][class][class][class] .email-hero__form .lead-form__input-shell .lead-form__input,
        body[class][class][class][class][class][class][class][class] .email-hero__form .lead-form__input {
          min-height: 32px !important;
          padding: 6px 10px 6px 30px !important;
          font-size: 12px !important;
        }

        body[class][class][class][class][class][class][class][class] .email-hero__form .lead-form__submit {
          font-size: 13px !important;
          padding: 10px 16px !important;
        }
      }

/* ===== extracted from <style id="email-marketing-hero-float-nudge"> ===== */
/* 1200x580 — Active Email Studio tag, thoda right */
      @media screen and (min-width: 1024px) and (max-width: 1536px) and (max-height: 760px) {
        body[class][class][class][class][class][class][class][class][class] .hero .email-hero__form.lead-form--hero-v2 .hero-float,
        body[class][class][class][class][class][class][class][class][class] .hero .email-hero__form .hero-float {
          right: 4px !important;
          transform: translateX(28px) !important;
        }
      }

/* ===== extracted from <style id="email-marketing-founders-comp-rows"> ===== */
.comparison-section--founders .comp-table tbody tr {
        height: 64px;
      }

      .comparison-section--founders .comp-table tbody td {
        height: 64px;
        padding-top: 12px;
        padding-bottom: 12px;
        vertical-align: middle;
        line-height: 1.35;
        box-sizing: border-box;
      }

      body.page-email-marketing .comparison-section--founders .comp-table svg.wrong {
        vertical-align: middle;
        position: relative;
        top: -3px;
      }

/* ===== extracted from <style id="email-marketing-form-guarantees-mobile"> ===== */
/* Mobile — form foot guarantees stay inside card (same as logo-branding) */
      @media (max-width: 768px) {
        html body.page-email-marketing .lead-form.lead-form--hero-v2 .lead-form__guarantees--bar {
          display: flex !important;
          align-items: center !important;
          justify-content: space-between !important;
          flex-wrap: nowrap !important;
          gap: 4px !important;
          width: 100% !important;
          max-width: 100% !important;
          box-sizing: border-box !important;
          margin: 2px 0 0 !important;
          padding: 8px 0 6px !important;
        }

        html body.page-email-marketing .lead-form.lead-form--hero-v2 .lead-form__guarantees--bar .lead-form__guarantee-item {
          flex: 1 1 0 !important;
          min-width: 0 !important;
          justify-content: flex-start !important;
          gap: 4px !important;
          padding: 0 2px !important;
          font-size: 10px !important;
          line-height: 1.2 !important;
          white-space: nowrap !important;
        }

        html body.page-email-marketing .lead-form.lead-form--hero-v2 .lead-form__guarantee-icon svg {
          width: 14px !important;
          height: 14px !important;
        }
      }

      @media (max-width: 400px) {
        html body.page-email-marketing .lead-form.lead-form--hero-v2 .lead-form__guarantees--bar .lead-form__guarantee-item {
          font-size: 9px !important;
          padding: 0 1px !important;
          gap: 3px !important;
        }

        html body.page-email-marketing .lead-form.lead-form--hero-v2 .lead-form__guarantee-icon svg {
          width: 12px !important;
          height: 12px !important;
        }
      }

/* ===== extracted from <style id="email-marketing-sol-layers-mobile"> ===== */
/* Mobile — role cards: wider shell (same as mobile-application / link-building) */
      @media (max-width: 768px) {
        body.page-email-marketing #solution-os.solution-section {
          padding-left: 20px !important;
          padding-right: 20px !important;
          overflow-x: hidden;
        }

        body.page-email-marketing #solution-os.solution-section .container,
        body.page-email-marketing #solution-os.solution-section .solution-shell,
        body.page-email-marketing #solution-os.solution-section .solution-layers {
          max-width: 100%;
          width: 100%;
          box-sizing: border-box;
          min-width: 0;
        }

        body.page-email-marketing #solution-os.solution-section .solution-shell {
          padding: 12px !important;
        }

        body.page-email-marketing .solution-section .sol-layer,
        body.page-email-marketing #solution-os.solution-section .sol-layer {
          grid-template-columns: minmax(0, 1fr) auto !important;
          grid-template-rows: auto auto !important;
          column-gap: 10px !important;
          row-gap: 8px !important;
          max-width: 100%;
          box-sizing: border-box;
          min-width: 0;
          overflow: visible;
        }

        body.page-email-marketing #solution-os.solution-section .sol-num {
          grid-column: 1;
          grid-row: 1;
          min-width: 0;
        }

        body.page-email-marketing #solution-os.solution-section .sol-layer > div:nth-child(2) {
          grid-column: 1 / -1 !important;
          grid-row: 2 !important;
        }

        body.page-email-marketing #solution-os.solution-section .sol-tag {
          grid-column: 2;
          grid-row: 1;
          white-space: nowrap !important;
          max-width: none !important;
          width: max-content;
          justify-self: end;
          align-self: start;
          text-align: center;
          font-size: 9px;
          letter-spacing: 0.04em;
          line-height: 1.2;
          padding: 5px 9px;
        }
      }

      @media (max-width: 400px) {
        body.page-email-marketing #solution-os.solution-section .sol-tag {
          font-size: 8px;
          padding: 4px 8px;
        }
      }

/* ===== extracted from <style id="email-marketing-comp-table-mobile"> ===== */
/* Mobile — horizontal scroll + sticky Feature col + side-rail clear */
      @media (max-width: 768px) {
        body.page-email-marketing .comparison-section--founders .comp-table-wrap {
          overflow-x: auto !important;
          -webkit-overflow-scrolling: touch;
          overscroll-behavior-x: contain;
          max-width: 100%;
          margin-left: -20px;
          margin-right: -20px;
          padding-left: max(20px, env(safe-area-inset-left, 0px));
          padding-right: max(56px, calc(20px + 40px));
          padding-bottom: 10px;
        }

        body.page-email-marketing .comparison-section--founders .comp-table {
          width: max-content !important;
          min-width: 920px !important;
          max-width: none !important;
          table-layout: auto;
        }

        body.page-email-marketing .comparison-section--founders .comp-table th,
        body.page-email-marketing .comparison-section--founders .comp-table td {
          padding: 12px 12px;
          font-size: 12.5px;
          line-height: 1.35;
          overflow-wrap: normal !important;
          word-break: normal !important;
          hyphens: none;
          white-space: normal;
          vertical-align: middle;
        }

        body.page-email-marketing .comparison-section--founders .comp-table th:first-child,
        body.page-email-marketing .comparison-section--founders .comp-table td:first-child {
          min-width: 132px;
          max-width: 148px;
          position: sticky;
          left: 0;
          z-index: 1;
          border-right: 1px solid var(--border-light);
          box-shadow: 7px 0 14px -8px rgba(27, 42, 107, 0.28);
          overflow-wrap: break-word;
          word-break: keep-all;
        }

        body.page-email-marketing .comparison-section--founders .comp-table thead th:first-child {
          z-index: 2;
          background: var(--lavender);
        }

        body.page-email-marketing .comparison-section--founders .comp-table tbody td:first-child {
          background: #fff;
        }

        body.page-email-marketing .comparison-section--founders .comp-table tbody tr:nth-child(even) td:first-child {
          background: #f7f8fc;
        }

        body.page-email-marketing .comparison-section--founders .comp-table th:not(:first-child),
        body.page-email-marketing .comparison-section--founders .comp-table td:not(:first-child) {
          min-width: 108px;
          white-space: nowrap;
        }

        body.page-email-marketing .comparison-section--founders .comp-table th.hi,
        body.page-email-marketing .comparison-section--founders .comp-table td.hi {
          min-width: 118px;
        }

        body.page-email-marketing .comparison-section--founders .comp-table th.hi .logo1,
        body.page-email-marketing .comparison-section--founders .comp-table th.hi .logo2 {
          width: 96px;
          max-width: 96px;
          height: auto;
        }
      }

      @media (max-width: 480px) {
        body.page-email-marketing .comparison-section--founders .comp-table-wrap {
          padding-right: max(52px, calc(16px + 36px));
        }

        body.page-email-marketing .comparison-section--founders .comp-table {
          min-width: 860px !important;
        }
      }

/* ===== extracted from <style id="email-pricing-equal-height"> ===== */
body.page-email-marketing #pricing .pricing-grid {
        display: flex !important;
        align-items: flex-end !important;
      }
      body.page-email-marketing #pricing .p-card.featured {
        transform: translateY(-18px);
        position: relative;
        z-index: 2;
      }
      body.page-email-marketing #pricing .p-card.featured:hover {
        transform: translateY(-22px);
      }
      body.page-email-marketing #pricing .p-card:not(.featured) {
        display: flex !important;
        flex-direction: column !important;
        box-sizing: border-box !important;
      }
      body.page-email-marketing #pricing .p-card:not(.featured) .p-features {
        flex: 1 1 auto !important;
        margin-bottom: 0 !important;
      }
      body.page-email-marketing #pricing .p-card:not(.featured) .p-btn {
        margin-top: auto !important;
        flex-shrink: 0 !important;
      }
      @media (max-width: 940px) {
        body.page-email-marketing #pricing .pricing-grid {
          align-items: stretch !important;
        }
        body.page-email-marketing #pricing .p-card.featured {
          transform: none;
        }
        body.page-email-marketing #pricing .p-card.featured:hover {
          transform: none;
        }
      }

      body.page-email-marketing .pf-lightbox__close {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0;
      }

      body.page-email-marketing .pf-lightbox__close svg {
        display: block;
      }

/* ===== SVG caution icon fills (moved from inline <defs><style>) ===== */
svg.wrong .cls-1 {
  fill: #1a1a1a;
}
svg.wrong .cls-2 {
  fill: #ffef11;
  fill-rule: evenodd;
}

/* Mobile — See Plans beside green CTA (same row) */
@media screen and (max-width: 768px) {
  html body.page-email-marketing .email-hero__actions,
  html body.page-email-marketing .hero.hero--email .hero-actions.email-hero__actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
  }

  html body.page-email-marketing .email-hero__actions .btn-green,
  html body.page-email-marketing .email-hero__actions .btn-ghost {
    width: auto !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }
}

/* Mobile — form width same as logo-and-branding (full hero content width) */
@media screen and (max-width: 900px) {
  html body.page-email-marketing.has-top-promo-bar .hero.hero--email,
  html body.page-email-marketing .hero.hero--email {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  html body.page-email-marketing .email-hero__inner,
  html body.page-email-marketing .email-hero__visual,
  html body.page-email-marketing .email-hero__cluster,
  html body.page-email-marketing .email-hero__form-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    flex: none !important;
    flex-basis: auto !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  html body.page-email-marketing .email-hero__form.lead-form.lead-form--hero-v2,
  html body.page-email-marketing .email-hero__form.lead-form--hero-v2 {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    transform: none !important;
  }
}

/* Email marketing mobile portfolio: one-by-one loop (both rows) */
@media (max-width: 768px) {
  body.page-email-marketing #portfolio .portfolio-row.pf-rows-loop {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  body.page-email-marketing #portfolio .portfolio-row.pf-rows-loop::-webkit-scrollbar {
    display: none;
  }

  body.page-email-marketing #portfolio .pf-rows-loop .portfolio-track {
    animation: none !important;
    transform: none !important;
  }

  body.page-email-marketing #portfolio .pf-rows-loop .portfolio-card {
    scroll-snap-align: center;
  }
}