/* V67 — screenshot-led mobile fixes + Easy Integration intro tightening */

/* Easy Integration: reduce first-section visual weight */
.easy-integration-page .ei65-intro-grid{align-items:center;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:30px}
.easy-integration-page .ei65-copy{padding:26px 28px;height:auto;align-self:center}
.easy-integration-page .ei66-checklist{margin-top:22px;gap:11px}
.easy-integration-page .ei66-checklist article{padding:15px 16px}
.easy-integration-page .ei66-hero-image{height:auto;min-height:0;align-self:center}
.easy-integration-page .ei66-hero-image img{height:430px;min-height:0;object-fit:cover}
.easy-integration-page .ei66-hero-image figcaption{padding:14px 16px;left:18px;right:18px;bottom:18px}

/* Keep all subtitle pills content-width instead of stretched bars */
.v6-eyebrow,.ai43-chip,.fr49-chip,.faq48-chip,.ts47-chip,.sa-kicker,.pi-kicker,.adm-kicker,.aa-kicker,.sr-kicker,.uad-kicker,.ei-kicker,.rt65-kicker,.ind51-eyebrow,.feature-kicker,.v25-mv-kicker{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  align-items:center;
  white-space:normal!important;
  align-self:flex-start;
}

@media(max-width:767px){
  /* Header: logo left, menu right. Never keep the phone CTA in the mobile header. */
  .static-inner .v6-header{height:72px!important}
  .static-inner .v6-nav{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important}
  .static-inner .v6-logo{justify-self:start!important;min-width:0}
  .static-inner .v6-logo img{width:142px!important;max-width:48vw!important;height:auto!important}
  .static-inner .v6-links,.static-inner .v6-phone{display:none!important}
  .static-inner .site-menu-toggle{display:grid!important;place-items:center!important;justify-self:end!important;position:static!important;margin:0!important;width:44px!important;height:44px!important;padding:0!important;border:1px solid rgba(0,119,255,.32)!important;border-radius:10px!important;background:rgba(5,24,44,.72)!important;font-size:24px!important;line-height:1!important}
  .static-inner .v6-mobile-menu.open{top:68px!important;left:14px!important;right:14px!important;max-height:calc(100vh - 86px)!important;z-index:90!important}

  /* Hero spacing */
  .static-inner .v6-hero{padding-top:112px!important;padding-bottom:54px!important;min-height:255px!important}
  .static-inner .v6-hero h1{font-size:clamp(34px,10vw,42px)!important;line-height:1.08!important}
  .static-inner .v6-breadcrumb{margin-bottom:17px!important}

  /* Subtitle pills: inline on phones as requested */
  .v6-eyebrow,.ai43-chip,.fr49-chip,.faq48-chip,.ts47-chip,.sa-kicker,.pi-kicker,.adm-kicker,.aa-kicker,.sr-kicker,.uad-kicker,.ei-kicker,.rt65-kicker,.ind51-eyebrow,.feature-kicker,.v25-mv-kicker{
    width:max-content!important;
    max-width:calc(100vw - 36px)!important;
    min-width:0!important;
    padding-left:11px!important;
    padding-right:11px!important;
    line-height:1.25!important;
  }

  /* General mobile spacing: prevent content from touching section edges */
  main section:not(.v6-hero){padding-top:66px!important;padding-bottom:66px!important}
  main section .v6-section-title{margin-top:12px!important;margin-bottom:14px!important}
  main section p{overflow-wrap:normal;word-break:normal}

  /* Easy Integration intro */
  .easy-integration-page .ei65-intro-grid{grid-template-columns:1fr!important;gap:22px!important}
  .easy-integration-page .ei65-copy{padding:0!important;background:transparent!important;border:0!important;border-radius:0!important}
  .easy-integration-page .ei65-copy p{margin-top:13px!important}
  .easy-integration-page .ei66-checklist{margin-top:20px!important;gap:10px!important}
  .easy-integration-page .ei66-checklist article{grid-template-columns:38px minmax(0,1fr)!important;padding:14px!important}
  .easy-integration-page .ei65-icon{width:38px!important;height:38px!important}
  .easy-integration-page .ei66-hero-image{width:100%!important;border-radius:22px!important}
  .easy-integration-page .ei66-hero-image img{height:300px!important;min-height:0!important}
  .easy-integration-page .ei66-hero-image figcaption{position:static!important;border:0!important;border-radius:0!important;background:#051525!important;backdrop-filter:none!important;padding:15px 16px!important}
  .easy-integration-page .ei66-hero-image::after{display:none!important}

  /* Services rhythm: stop headings wrapping one character at a time */
  .services-rhythm-row-v41,
  .services-rhythm-row-v41.is-active,
  .services-rhythm-row-v41:hover{
    grid-template-columns:34px minmax(0,1fr) 40px!important;
    gap:10px!important;
    min-height:0!important;
    padding:20px 0!important;
  }
  .services-rhythm-number{grid-column:1!important;grid-row:1!important;align-self:start!important}
  .services-rhythm-copy{grid-column:2!important;grid-row:1!important;min-width:0!important}
  .services-rhythm-copy h3{font-size:20px!important;line-height:1.2!important;word-break:normal!important;overflow-wrap:normal!important;white-space:normal!important}
  .services-rhythm-mark{grid-column:3!important;grid-row:1!important;width:38px!important;height:38px!important;justify-self:end!important}
  .services-rhythm-row-v41>p{grid-column:1/-1!important;grid-row:2!important;margin-top:4px!important}
  .services-rhythm-intro-v41{gap:12px!important}

  /* Testimonials: use a readable static stack on phones instead of the depth stage. */
  .home-page .testimonials-section{min-height:0!important;height:auto!important;padding-bottom:70px!important}
  .home-page .testimonials-grid.fp-depth-ready,
  .home-page .fp-depth-testimonials .testimonials-list{overflow:visible!important;min-height:0!important;height:auto!important;padding:12px 0 0!important}
  .home-page .testimonials-grid.fp-depth-ready{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .home-page .testimonials-grid.fp-depth-ready>.testimonial,
  .home-page .fp-depth-testimonials .testimonial-item{
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    top:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:none!important;
    filter:none!important;
  }
  .home-page .testimonials-grid.fp-depth-ready>.testimonial.fp-far:nth-of-type(n+4){display:none!important}

  /* Feature Request: avoid subtitle bars and cramped two-column content */
  .fr49-form-layout,.fr49-after-grid,.fr50-after-grid,.fr49-review-head,.fr50-review-head{grid-template-columns:1fr!important}
  .fr49-form-copy,.fr50-after-copy{padding-right:0!important}
  .fr49-form-copy .v6-section-title,.fr50-after-copy .v6-section-title{font-size:30px!important;line-height:1.08!important}
  .fr49-form-copy .v6-sub,.fr50-after-copy .v6-sub{margin-top:12px!important}

  /* AI Innovation / feature pages: make text blocks breathe */
  .ai43-grid,.ai43-control,.pi-intro-shell,.sa-intro-grid{gap:24px!important}
  .ai43-section .v6-section-title,.pi-intro-copy h2,.sa-copy h2{font-size:30px!important;line-height:1.08!important}
}

@media(max-width:390px){
  .static-inner .v6-logo img{width:132px!important}
  .static-inner .site-menu-toggle{width:40px!important;height:40px!important}
  .static-inner .v6-hero h1{font-size:34px!important}
  .v6-section-title{font-size:28px!important}
  .services-rhythm-row-v41,
  .services-rhythm-row-v41.is-active,
  .services-rhythm-row-v41:hover{grid-template-columns:28px minmax(0,1fr) 36px!important;gap:8px!important}
  .services-rhythm-copy h3{font-size:19px!important}
}

/* V68 — Easy Integration handoff column balance */
@media (min-width:1051px){
  .easy-integration-page .ei65-intro-grid{
    align-items:stretch!important;
  }
  .easy-integration-page .ei65-copy{
    border:0!important;
    height:100%!important;
    align-self:stretch!important;
  }
  .easy-integration-page .ei66-hero-image{
    height:100%!important;
    min-height:0!important;
    align-self:stretch!important;
  }
  .easy-integration-page .ei66-hero-image img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    object-fit:cover!important;
  }
}
@media (min-width:768px) and (max-width:1050px){
  .easy-integration-page .ei65-copy{
    border:0!important;
  }
  .easy-integration-page .ei66-hero-image img{
    height:420px!important;
    min-height:0!important;
  }
}