@media(max-width:1180px){
  .primary-nav{display:none}
  .mobile-toggle{display:inline-flex;align-items:center;justify-content:center}
  .header-cta{display:none}
  .brand-link{width:280px;max-width:calc(100vw - 120px)}
  .brand-logo{width:100%;max-height:66px}
  .primary-nav.open{display:flex!important;position:fixed;left:14px;right:14px;top:96px;max-height:calc(100vh - 120px);overflow-y:auto;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--pcl-border);border-radius:24px;padding:18px;box-shadow:0 30px 90px rgba(7,27,70,.24);z-index:10000}
  .primary-nav.open>a,.primary-nav.open .nav-item>.dropdown-toggle{display:flex;width:100%;min-height:52px;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:16px;background:#F8FBFF;color:var(--pcl-navy);font-size:18px;text-align:left}
  .primary-nav.open .nav-item{width:100%;position:static}
  .primary-nav.open .dropdown-toggle::after{content:"+";font-size:22px;color:var(--pcl-blue)}
  .primary-nav.open .nav-item.open .dropdown-toggle::after{content:"−"}
  .primary-nav.open .dropdown{position:static;transform:none;width:100%;display:none;grid-template-columns:1fr;opacity:1;visibility:visible;pointer-events:auto;box-shadow:none;border:0;background:transparent;padding:10px 0 0}
  .primary-nav.open .nav-item.open .dropdown{display:grid}
  .primary-nav.open .dropdown-list{display:grid;grid-template-columns:1fr;gap:8px;width:100%}
  .primary-nav.open .dropdown-card{display:block;width:100%;padding:13px 14px;border-radius:14px;background:#F1F7FF;border:1px solid #DBEAFE}
  .primary-nav.open .dropdown-card small,.primary-nav.open .dropdown-feature{display:none}
  .hero-grid,.page-hero-grid,.split,.contact-grid{grid-template-columns:1fr}
  .hero-dashboard{min-height:680px}
  .dashboard-cards{grid-template-columns:260px 260px;inset:62px 34px 112px}
  .dashboard-card{min-height:98px}
  .footer-grid{grid-template-columns:1.2fr 1fr 1fr;gap:34px}
}
@media(max-width:760px){
  .container{width:min(100% - 28px,1220px)}
  .header-inner{min-height:78px}
  .brand-link{width:220px;max-width:calc(100vw - 98px)}
  .brand-logo{width:100%;max-height:62px}
  .hero{padding:56px 0 66px}
  .hero-copy h1{font-size:40px;line-height:1.04}
  .hero-copy p,.page-hero p,p{font-size:16px;line-height:1.65}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:12px}
  .btn{width:100%;white-space:normal}
  .trust-strip{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:30px}
  .trust-strip div{min-height:auto;padding:0}
  .trust-strip div:after{display:none}
  .trust-strip strong{font-size:26px;margin-bottom:8px}
  .hero-dashboard{min-height:auto;padding:28px 14px 18px;border-radius:28px}
  .dashboard-ring{position:relative;left:auto;top:auto;transform:none;width:220px;height:220px;margin:0 auto 8px}
  .dashboard-ring:after{inset:24px;border-width:5px}
  .dashboard-pedestal{left:50%;top:184px;width:140px;height:46px;border-width:3px}
  .hero-shield-3d{position:absolute;left:50%;top:116px;width:220px;transform:translate(-50%,-50%)}
  .dashboard-cards{position:relative;inset:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px;pointer-events:auto}
  .dashboard-card{min-height:78px;padding:12px;gap:10px;border-radius:18px;box-shadow:0 12px 30px rgba(7,27,70,.10)}
  .dashboard-card span{flex-basis:34px;width:34px;height:34px;font-size:12px}
  .dashboard-card strong{font-size:13px}
  .dashboard-card small{display:none}
  .dashboard-card-ccaas{position:relative;left:auto;bottom:auto;width:100%;transform:none;margin-top:12px}
  .section{padding:70px 0}
  .section-head{display:block}
  .section-head p{margin-top:16px}
  .card-grid,.industry-grid,.process-grid,.feature-list,.form-grid{grid-template-columns:1fr}
  .page-logo-card{display:none}
  .contact-card,.form-card{padding:24px 18px;border-radius:24px}
  .cta-panel{display:block;padding:34px}
  .cta-panel .btn{margin-top:22px}
  .footer{padding:58px 0 26px}
  .footer .container{width:min(100% - 28px,1220px)}
  .footer-grid{grid-template-columns:1fr;gap:32px}
  .footer-brand{text-align:center}
  .footer-logo-wrap{max-width:310px;margin:0 auto 18px}
  .footer-brand img{object-position:center center}
  .footer-brand p{max-width:100%;text-align:center}
  .footer-enquire-btn{width:100%;max-width:260px}
}
@media(max-width:380px){
  .brand-link{width:198px}
  .brand-logo{width:100%;max-height:58px}
  .mobile-toggle{width:48px;height:48px}
  .primary-nav.open{top:88px}
}


/* V12 finalized dashboard image responsive override */
@media(max-width:1180px){
  .hero-dashboard-image-wrap{
    min-height:auto !important;
    margin-top:12px;
  }
  .hero-dashboard-image{
    max-width:920px;
    margin-inline:auto;
  }
}

@media(max-width:760px){
  .hero-dashboard-image-wrap{
    min-height:auto !important;
    margin-top:28px;
  }
  .hero-dashboard-image{
    max-width:430px;
    width:100%;
    filter:drop-shadow(0 20px 44px rgba(7,27,70,.13));
  }
}


/* V13 dashboard image sizing final */
@media(max-width:1180px){
  .hero-dashboard-image{
    max-width:100%;
  }
}
@media(max-width:760px){
  .hero-dashboard-image{
    max-width:430px;
  }
}


/* V14 final approved hero responsive override */
@media(max-width:1180px){
  .hero-grid{
    grid-template-columns:1fr !important;
    gap:34px !important;
  }
  .hero-dashboard-image-wrap{
    min-height:auto !important;
    margin-top:8px !important;
  }
  .hero-dashboard-image{
    max-width:960px !important;
    margin-inline:auto !important;
  }
}

@media(max-width:760px){
  .hero{
    padding:54px 0 76px !important;
  }
  .hero-copy h1{
    font-size:40px !important;
    line-height:1.04 !important;
  }
  .hero-copy p{
    font-size:16px !important;
    line-height:1.65 !important;
  }
  .trust-strip{
    grid-template-columns:1fr 1fr !important;
    gap:12px !important;
    margin-top:30px !important;
  }
  .trust-strip div{
    grid-template-columns:36px 1fr !important;
    min-height:62px !important;
  }
  .trust-strip div:after{
    display:none !important;
  }
  .trust-strip strong{
    width:36px !important;
    height:36px !important;
    font-size:16px !important;
  }
  .trust-strip span{
    font-size:12px !important;
  }
  .trust-strip small{
    display:none !important;
  }
  .hero-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }
  .hero-dashboard-image-wrap{
    min-height:auto !important;
    margin-top:28px !important;
  }
  .hero-dashboard-image{
    width:100% !important;
    max-width:430px !important;
    filter:drop-shadow(0 18px 44px rgba(7,27,70,.13)) !important;
  }
}


/* V16 inner page panel mobile spacing */
@media(max-width:760px){
  .page-info-panel{
    padding:24px 18px !important;
    border-radius:24px !important;
  }
  .mini-metric{
    gap:12px !important;
  }
  .mini-metric strong{
    flex-basis:58px !important;
    font-size:18px !important;
  }
}


/* V17 mobile hero image containment */
@media(max-width:760px){
  .hero-dashboard-image-wrap{
    width:calc(100vw - 20px) !important;
    max-width:520px !important;
    margin:28px auto 0 !important;
  }
  .hero-dashboard-image-wrap picture,
  .hero-dashboard-image{
    width:100% !important;
    max-width:none !important;
    display:block !important;
  }
}


/* V19 final spacing override */
@media(max-width:1180px){
  .hero{
    padding-top:44px !important;
    padding-bottom:48px !important;
  }
  .hero-grid{
    gap:20px !important;
  }
  .hero-dashboard-image-wrap{
    min-height:auto !important;
    margin-top:10px !important;
  }
}

@media(max-width:760px){
  .hero{
    padding-top:28px !important;
    padding-bottom:42px !important;
  }
  .hero-grid{
    gap:10px !important;
  }
  .hero-copy p{
    margin-top:16px !important;
  }
  .trust-strip{
    margin-top:20px !important;
  }
  .hero-actions{
    margin-top:22px !important;
  }
  .hero-dashboard-image-wrap{
    width:calc(100vw - 20px) !important;
    max-width:520px !important;
    margin:14px auto 0 !important;
    min-height:auto !important;
  }
  .hero-dashboard-image-wrap picture,
  .hero-dashboard-image{
    width:100% !important;
    max-width:520px !important;
    height:auto !important;
    display:block !important;
  }
  .hero:after{
    bottom:-46px !important;
    height:105px !important;
  }
}


/* V21 trust-strip mobile alignment */
@media(max-width:760px){
  .trust-strip{
    grid-template-columns:1fr 1fr !important;
    gap:14px !important;
  }
  .trust-strip div{
    grid-template-columns:38px 1fr !important;
    align-items:flex-start !important;
  }
  .trust-strip span{
    font-size:13px !important;
    line-height:1.2 !important;
  }
}


/* V22 mobile trust-strip alignment fix */
@media(max-width:760px){
  .trust-strip{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:12px !important;
    max-width:100% !important;
  }
  .trust-strip div{
    display:grid !important;
    grid-template-columns:34px minmax(0,1fr) !important;
    gap:9px !important;
    align-items:center !important;
    min-height:54px !important;
    padding:8px 6px !important;
    border-radius:14px !important;
  }
  .trust-strip div:after{
    display:none !important;
  }
  .trust-strip strong{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    margin:0 !important;
    font-size:15px !important;
    line-height:1 !important;
  }
  .trust-strip span{
    display:block !important;
    min-width:0 !important;
    font-size:12px !important;
    line-height:1.12 !important;
    text-align:left !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
  }
  .trust-strip small{
    display:none !important;
  }
}
@media(max-width:380px){
  .trust-strip{
    gap:8px !important;
  }
  .trust-strip div{
    grid-template-columns:30px minmax(0,1fr) !important;
    gap:7px !important;
    padding:7px 4px !important;
  }
  .trust-strip strong{
    width:29px !important;
    height:29px !important;
    min-width:29px !important;
    font-size:13px !important;
  }
  .trust-strip span{
    font-size:11px !important;
  }
}


/* V23 keep mobile dropdown compact */
@media(max-width:1180px){
  .primary-nav.open .dropdown-feature,
  .primary-nav.open .dropdown-feature-grid,
  .primary-nav.open .dropdown-feature-note,
  .primary-nav.open .dropdown-feature-cta{
    display:none !important;
  }
}


/* V24 interactive About page responsive */
@media(max-width:1180px){
  .about-hero .page-hero-grid,
  .about-story-grid,
  .about-tabs{
    grid-template-columns:1fr !important;
  }

  .about-timeline,
  .difference-grid,
  .about-value-strip{
    grid-template-columns:repeat(2,1fr) !important;
  }

  .about-pulse-card{
    min-height:390px;
  }
}

@media(max-width:760px){
  .about-pulse-card{
    min-height:340px;
    border-radius:26px;
  }

  .pulse-ring{
    width:205px;
    height:205px;
  }

  .pulse-core{
    width:174px;
    min-height:118px;
    border-radius:24px;
    padding:18px;
  }

  .pulse-core strong{
    font-size:19px;
  }

  .orbit-card{
    width:104px;
    padding:11px;
    border-radius:16px;
  }

  .orbit-card span{
    font-size:16px;
  }

  .orbit-card small{
    font-size:11px;
  }

  .orbit-1{left:12px;top:26px}
  .orbit-2{right:12px;top:28px}
  .orbit-3{left:14px;bottom:26px}
  .orbit-4{right:14px;bottom:24px}

  .about-interactive-cards,
  .about-timeline,
  .difference-grid,
  .about-value-strip{
    grid-template-columns:1fr !important;
  }

  .about-tabs{
    padding:16px;
    border-radius:24px;
  }

  .about-tab-buttons{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }

  .about-tab-button{
    min-height:50px;
    padding:12px;
    font-size:13px;
    text-align:center;
  }

  .about-tab-panels{
    padding:22px;
    min-height:auto;
  }

  .about-tab-panel ul{
    grid-template-columns:1fr;
  }
}


/* V25 inner page mobile top spacing confirmation */
@media(max-width:760px){
  body:not(.pcl-home) .page-hero{
    padding-top:32px !important;
  }
}


/* V26 About hero pulse mobile text alignment */
@media(max-width:760px){
  .pulse-core{
    width:180px !important;
    min-height:122px !important;
    padding:18px !important;
  }

  .pulse-core strong{
    max-width:145px !important;
    font-size:20px !important;
    line-height:1.08 !important;
  }

  .pulse-core span{
    max-width:150px !important;
    margin-top:8px !important;
    font-size:12px !important;
    line-height:1.35 !important;
  }

  .orbit-card{
    width:112px !important;
    min-height:96px !important;
    padding:13px 14px !important;
    justify-content:center !important;
    align-items:flex-start !important;
    text-align:left !important;
  }

  .orbit-card span{
    font-size:18px !important;
    line-height:1 !important;
    margin-bottom:7px !important;
  }

  .orbit-card small{
    font-size:12px !important;
    line-height:1.28 !important;
    font-weight:800 !important;
  }

  .orbit-1{left:12px !important;top:24px !important}
  .orbit-2{right:12px !important;top:28px !important}
  .orbit-3{left:14px !important;bottom:26px !important}
  .orbit-4{right:14px !important;bottom:24px !important}
}


/* V28 final About pulse mobile alignment */
@media(max-width:760px){
  .about-pulse-card{
    min-height:390px !important;
  }

  .pulse-core{
    width:210px !important;
    min-height:132px !important;
    padding:18px 20px !important;
    border-radius:26px !important;
  }

  .pulse-core strong{
    max-width:180px !important;
    font-size:23px !important;
    line-height:1.12 !important;
    text-align:center !important;
  }

  .pulse-core span{
    max-width:180px !important;
    font-size:12.5px !important;
    line-height:1.35 !important;
    margin-top:8px !important;
    text-align:center !important;
  }

  .orbit-card{
    width:104px !important;
    min-height:88px !important;
    padding:10px 8px !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }

  .orbit-card span{
    font-size:18px !important;
    margin-bottom:5px !important;
    text-align:center !important;
  }

  .orbit-card small{
    max-width:88px !important;
    font-size:11.5px !important;
    line-height:1.22 !important;
    text-align:center !important;
  }

  .orbit-1{left:10px !important;top:26px !important}
  .orbit-2{right:10px !important;top:26px !important}
  .orbit-3{left:10px !important;bottom:26px !important}
  .orbit-4{right:10px !important;bottom:26px !important}
}

@media(max-width:380px){
  .about-pulse-card{
    min-height:372px !important;
  }

  .pulse-core{
    width:190px !important;
    min-height:124px !important;
  }

  .pulse-core strong{
    font-size:21px !important;
  }

  .pulse-core span{
    font-size:11.5px !important;
  }

  .orbit-card{
    width:96px !important;
    min-height:82px !important;
  }

  .orbit-card span{
    font-size:16px !important;
  }

  .orbit-card small{
    font-size:10.5px !important;
  }
}


/* V29 About pulse mobile/tablet no-overlap layout */
@media(max-width:760px){
  .about-pulse-card{
    padding:22px 16px !important;
    grid-template-columns:1fr 1fr !important;
    grid-template-areas:
      "qa ai"
      "core core"
      "ccaas web" !important;
    gap:16px 12px !important;
    min-height:auto !important;
  }

  .about-pulse-card .pulse-ring{
    width:205px !important;
    height:205px !important;
  }

  .about-pulse-card .pulse-core{
    width:220px !important;
    min-height:132px !important;
    position:relative !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    grid-area:core !important;
  }

  .about-pulse-card .orbit-card{
    width:118px !important;
    min-height:96px !important;
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
  }
}