@media (max-width: 1199.98px) {
  .mobile-logo {
    position: static;
    transform: none;
    margin-right: auto;
  }

  .growth-scan-card {
    min-height: auto;
  }

  .floating-insight-one {
    right: -20px;
  }

  .floating-insight-two {
    left: -20px;
  }

  .case-study-hero {
    min-height: auto;
  }

  .case-study-floating-note {
    right: -10px;
  }

  .case-study-service-card {
    min-height: 285px;
  }

  .website-floating-card-one { right: 10px; }
  .website-floating-card-two { left: 10px; }
  .website-browser-visual { transform: none; }

  .ppc-funnel-visual {
    grid-template-columns: repeat(4, 1fr);
  }

  .ppc-funnel-visual > i {
    display: none;
  }

  .email-journey-preview {
    grid-template-columns: repeat(4, 1fr);
  }

  .email-journey-preview > i {
    display: none;
  }

  .ai-growth-dashboard { transform: none; }
  .ai-opportunity-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .custom-software-hero{min-height:auto}
  .software-dashboard{max-width:720px;margin:30px auto 0;transform:none}

}

@media (max-width: 991.98px) {
  .hero-section {
    padding-top: 130px;
  }

  .service-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .ai-panel {
    padding: 38px;
  }

   .process-grid,
  .why-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .local-panel,
  .final-cta {
    padding: 38px;
  }

  .ai-panel {
    padding: 45px 30px;
  }

  .ai-dashboard-wrap {
    max-width: 650px;
    margin: 20px auto 0;
  }

  .floating-insight {
    display: none;
  }

  .dashboard-orbit {
    display: none;
  }

  .process-heading {
    margin-bottom: 42px;
  }

  .process-step {
    min-height: 125px;
  }

  .process-visual-wrap {
    min-height: auto;
  }

  .process-visual {
    position: relative;
    top: auto;
    height: 520px;
  }

   .testimonials-heading-row {
    align-items: flex-start;
  }

  .testimonial-trust-row {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .testimonial-trust-divider {
    width: 100%;
    height: 1px;
  }

  .case-study-section {
    padding: 85px 0;
  }

  .case-study-hero {
    padding: 130px 0 85px;
  }

  .case-study-breadcrumbs {
    margin-bottom: 45px;
  }

  .case-study-hero-visual {
    padding-left: 0;
  }

  .case-study-browser {
    transform: none;
  }

  .case-study-browser-image img {
    min-height: auto;
  }

  .case-study-floating-note {
    right: 15px;
    bottom: 25px;
  }

  .case-study-approach-visual,
  .case-study-success-image {
    position: relative;
    top: auto;
    min-height: 560px;
  }

  .case-study-approach-visual > img,
  .case-study-success-image > img {
    height: 560px;
  }

  .case-study-technology-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .web-service-hero { min-height: auto; padding-top: 125px; }
  .service-breadcrumbs { margin-bottom: 45px; }
  .sticky-service-heading { position: static; }
  .web-benefit-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .process-visual-wrap, .process-visual { min-height: 520px; height: 520px; }
  .search-architecture-visual { margin-top: 25px; }

  .ppc-process-visual-wrap,
  .ppc-process-visual-wrap .process-visual {
    min-height: 590px;
    height: 590px;
  }

  .ppc-tracking-dashboard,
  .ppc-conversion-path {
    max-width: none;
    margin-left: 0;
  }

  .ppc-comparison-grid {
    grid-template-columns: 1fr;
  }

  .social-system-flow,
  .social-ad-dashboard {
    max-width: none;
    margin-left: 0;
  }

  .social-process-visual-wrap,
  .social-process-visual-wrap .process-visual {
    min-height: 590px;
    height: 590px;
  }

  .social-comparison-grid,
  .social-metrics-grid {
    grid-template-columns: 1fr;
  }

  .social-comparison-card {
    min-height: auto;
  }

  .email-lifecycle-flow,
  .email-use-case-dashboard,
  .email-compliance-card {
    max-width: none;
    margin-left: 0;
  }

  .email-process-visual-wrap,
  .email-process-visual-wrap .process-visual {
    min-height: 590px;
    height: 590px;
  }

  .email-comparison-grid,
  .email-metrics-grid {
    grid-template-columns: 1fr;
  }

  .email-comparison-card {
    min-height: auto;
  }

  .ai-growth-hero { min-height: auto; }
  .ai-growth-dashboard { margin-top: 20px; }
  .ai-assist-visual, .ai-decision-visual { max-width: none; margin-left: 0; }
  .ai-growth-process-visual-wrap { min-height: 590px; }
  .ai-growth-process-visual-wrap .process-visual { height: 590px; }

}

@media (max-width: 767.98px) {
  .service-grid {
    grid-template-columns: 1fr;
  }

  .hero-stats {
    display: grid;
    grid-template-columns: 1fr;
  }

  .ai-orbit {
    min-height: 300px;
  }

  .ai-orbit span {
    position: static;
    margin: 8px;
    display: inline-block;
  }

  .ai-orbit {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .process-grid,
  .why-grid,
  .ai-benefit-list {
    grid-template-columns: 1fr;
  }

  .location-list ul {
    columns: 1;
  }

  .location-strip-inner{
    align-items:flex-start;
    flex-direction:column;
    padding:25px;
  }

  .location-strip-content{
    align-items:flex-start;
  }

  .testimonials-heading-row {
    display: block;
    margin-bottom: 35px;
  }

  .testimonial-navigation {
    margin-top: 25px;
  }

  .testimonial-card {
    min-height: 410px;
    padding: 25px;
  }

  .testimonial-trust-row {
    margin-top: 38px;
    padding: 23px;
  }

  .case-study-hero h1 {
    font-size: clamp(2.65rem, 13vw, 4.6rem);
  }

  .case-study-hero-details {
    gap: 25px;
  }

  .case-study-hero-details > div {
    width: calc(50% - 13px);
  }

  .case-study-floating-note {
    position: relative;
    right: auto;
    bottom: auto;
    max-width: none;
    margin-top: 15px;
  }

  .case-study-fact {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .case-study-device-card > img {
    height: 390px;
  }

  .case-study-technology-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .case-study-testimonial {
    border-radius: 25px;
  }

  .case-study-final-cta-inner {
    border-radius: 27px;
  }

  .website-browser-top { grid-template-columns: auto 1fr; }
  .website-browser-live { display: none; }
  .website-browser-body { min-height: 500px; padding: 22px; }
  .website-preview-content { margin-top: 75px; }
  .website-preview-metrics { grid-template-columns: 1fr; margin-top: 65px; }
  .website-floating-card { display: none; }
  .service-inline-cta { align-items: flex-start; flex-direction: column; }
  .web-benefit-grid { grid-template-columns: 1fr; }
  .business-type-grid { grid-template-columns: 1fr; }
  .search-architecture-visual { min-height: 440px; transform: scale(.86); }
  .process-step { grid-template-columns: 58px 1fr; }
  .process-step-arrow { display: none; }
  .process-steps::before { left: 29px; }
  .process-step-icon { width: 58px; height: 58px; }

   .seo-preview-content {
    min-height: 260px;
  }

  .seo-growth-chart {
    height: 120px;
  }

  .seo-topic-map,
  .seo-service-page .business-type-grid {
    grid-template-columns: 1fr;
  }

  .seo-topic-core {
    grid-column: auto;
    align-items: flex-start;
  }

  .seo-topic-core span {
    margin-left: 0;
  }

  .ppc-funnel-visual,
  .ppc-landing-grid {
    grid-template-columns: 1fr;
  }

  .ppc-funnel-visual > div {
    min-height: 68px;
  }

  .ppc-path-step {
    grid-template-columns: 32px 44px 1fr;
    padding: 13px;
  }

  .ppc-path-step > i {
    width: 42px;
    height: 42px;
  }

  .ppc-path-line {
    margin-left: 70px;
  }

  .ppc-tracking-header {
    flex-direction: column;
  }

  .ppc-tracking-header strong {
    text-align: left;
  }

  .ppc-tracking-row {
    grid-template-columns: 44px 1fr;
  }

  .ppc-tracking-row em {
    grid-column: 2;
    justify-self: start;
  }

  .social-content-calendar,
  .social-service-definition-grid,
  .social-content-format-grid,
  .social-community-grid,
  .social-ai-grid {
    grid-template-columns: 1fr;
  }

  .social-system-step {
    grid-template-columns: 32px 44px 1fr;
    padding: 13px;
  }

  .social-system-step > i {
    width: 42px;
    height: 42px;
  }

  .social-repurpose-map {
    min-height: auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 11px;
  }

  .social-repurpose-core {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 150px;
    border-radius: 24px;
  }

  .repurpose-node {
    position: relative;
    inset: auto;
    width: 100%;
    justify-content: center;
    animation: none;
  }

  .repurpose-orbit {
    display: none;
  }

  .social-ad-header {
    flex-direction: column;
  }

  .social-ad-metrics {
    grid-template-columns: 1fr;
  }

  .email-journey-preview,
  .email-definition-grid,
  .email-list-growth-grid,
  .email-ecommerce-grid,
  .email-design-grid,
  .email-ai-grid,
  .email-deliverability-grid {
    grid-template-columns: 1fr;
  }

  .email-lifecycle-step {
    grid-template-columns: 32px 44px 1fr;
    padding: 13px;
  }

  .email-lifecycle-step > i {
    width: 42px;
    height: 42px;
  }

  .email-lifecycle-line {
    margin-left: 70px;
  }

  .email-segment-visual {
    min-height: auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 11px;
  }

  .email-segment-core {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 150px;
    border-radius: 24px;
  }

  .email-segment-node {
    position: relative;
    inset: auto;
    width: 100%;
    justify-content: center;
    animation: none;
  }

  .email-segment-orbit {
    display: none;
  }

  .email-use-case-header,
  .email-compliance-checks {
    grid-template-columns: 1fr;
  }

  .email-use-case-header {
    flex-direction: column;
  }

  .ai-growth-dashboard-body { min-height: auto; padding: 22px; }
  .ai-growth-dashboard-top { grid-template-columns: auto 1fr; }
  .ai-growth-dashboard-top .website-browser-live { display: none; }
  .ai-growth-flow { grid-template-columns: 1fr; }
  .ai-growth-flow > i { transform: rotate(90deg); justify-self: center; }
  .ai-growth-flow-node { min-height: 105px; }
  .ai-opportunity-grid { grid-template-columns: 1fr; }
  .ai-opportunity-card { min-height: auto; }
  .ai-decision-branches { grid-template-columns: 1fr; }

  .software-dashboard-body{min-height:0;padding:18px}
  .software-stat-row,.software-module-grid,.salvo-feature-list,.software-process-grid,.software-choice-grid{grid-template-columns:1fr}
  .software-flow{grid-template-columns:1fr}
  .software-flow>i{transform:rotate(90deg);justify-self:center}
  .salvo-search-bar{grid-template-columns:1fr}
  .salvo-search-bar button{min-height:44px}
  .salvo-case-study-panel{padding:25px}
  .software-dashboard-top{grid-template-columns:auto 1fr}
  .software-dashboard-top .website-browser-live{display:none}
  .software-process-grid article{grid-template-columns:48px 1fr;padding:19px}
  .software-process-grid article>span{width:46px;height:46px}

  .contact-page .contact-form-card {
        padding: 24px 18px;
        border-radius: 20px;
    }

    .contact-submit-row {
        align-items: stretch;
        flex-direction: column;
    }

    .contact-submit-row .btn-primary-custom {
        width: 100%;
        justify-content: center;
    }

     .about-hero-visual {
        min-height: 500px;
    }

    .about-image-wrap,
    .about-image-wrap > img {
        min-height: 500px;
        height: 500px;
    }

    .about-story-points {
        grid-template-columns: 1fr;
    }
}



@media (max-width: 575.98px) {
  .growth-scan-card {
    padding: 24px;
    border-radius: 24px;
  }

  .scan-card-top {
    align-items: flex-start;
  }

  .scan-heading {
    align-items: flex-start;
  }

  .scan-icon {
    width: 56px;
    height: 56px;
    border-radius: 17px;
    font-size: 1.45rem;
  }

  .scan-result-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }

  .scan-result-heading strong {
    padding-left: 27px;
    text-align: left;
  }

  .ai-panel {
    padding: 34px 20px;
    border-radius: 24px;
  }

  .ai-benefit-grid {
    grid-template-columns: 1fr;
  }

  .ai-benefit-item {
    min-height: auto;
  }

  .ai-actions {
    align-items: flex-start;
    flex-direction: column;
  }

  .ai-dashboard {
    padding: 20px;
    border-radius: 22px;
  }

  .dashboard-heading {
    align-items: flex-start;
  }

  .dashboard-score {
    width: 72px;
    height: 68px;
    flex-basis: 72px;
  }

  .dashboard-heading h3 {
    font-size: 1.15rem;
  }

  .dashboard-metric {
    grid-template-columns: 40px 1fr auto;
    padding: 13px;
  }

  .chart-area {
    height: 130px;
  }

  .process-step {
    grid-template-columns: 56px minmax(0, 1fr) 20px;
    gap: 15px;
    min-height: 120px;
    padding-right: 12px;
  }

  .process-steps::before {
    left: 28px;
  }

  .process-step-icon {
    width: 56px;
    height: 56px;
    border-radius: 17px;
  }

  .process-step-icon i {
    font-size: 21px;
  }

  .process-step-title {
    font-size: 1.15rem;
  }

  .process-step-description {
    font-size: 0.84rem;
  }

  .process-step:hover,
  .process-step.is-active {
    transform: translateX(3px);
  }

  .process-visual {
    height: 455px;
    border-radius: 24px;
  }

  .process-visual-top {
    top: 18px;
    right: 18px;
    left: 18px;
  }

  .process-visual-status {
    display: none;
  }

  .process-corner-card {
    top: 75px;
    right: 18px;
    left: 18px;
    max-width: none;
  }

  .process-visual-content {
    right: 24px;
    bottom: 54px;
    left: 24px;
  }

  .process-visual-content h3 {
    font-size: 2.65rem;
  }

  .process-visual-progress {
    right: auto;
    bottom: 22px;
    left: 24px;

    gap: 8px;
  }

  .process-progress-dot {
    width: 32px;
    height: 10px;
  }

  .process-progress-dot.is-active {
    width: 56px;
  }

  .testimonial-nav {
    width: 47px;
    height: 47px;
  }

  .testimonial-card {
    min-height: 430px;
    border-radius: 22px;
  }

  .testimonial-card blockquote {
    font-size: 0.94rem;
    line-height: 1.75;
  }

  .ai-growth-dashboard-top { display: flex; }
  .ai-growth-dashboard-title { font-size: .65rem; }
  .ai-growth-score-row { align-items: flex-start; }
  .ai-growth-metric-list > div { align-items: flex-start; }
  .ai-growth-metric-list strong { text-align: right; }
  .ai-human-panel { padding: 30px 22px; }
  .ai-assist-visual, .ai-decision-visual { padding: 18px; }
  .ai-assist-stage { grid-template-columns: 30px 44px 1fr; gap: 10px; padding: 14px; }
  .ai-assist-stage > i { width: 42px; height: 42px; }

  .about-hero-visual {
        min-height: 530px;
        padding: 20px;
    }

    .about-capability {
        padding: 10px 11px;
        font-size: .7rem;
    }

    .about-capability-one {
        top: 22%;
        left: 3%;
    }

    .about-capability-two {
        top: 33%;
        right: 3%;
    }

    .about-capability-three {
        bottom: 31%;
        left: 3%;
    }

    .about-capability-four {
        right: 3%;
        bottom: 20%;
    }

    .about-visual-core {
        width: 170px;
        height: 170px;
    }

    .about-core-logo {
        width: 82px;
        height: 82px;
        border-radius: 23px;
        font-size: 1.8rem;
    }

    .about-visual-footer {
        right: 18px;
        bottom: 18px;
        left: 18px;
    }

    .about-image-wrap,
    .about-image-wrap > img {
        min-height: 440px;
        height: 440px;
    }

    .about-timeline-item {
        grid-template-columns: 48px 1fr;
        gap: 15px;
        padding: 20px;
    }

    .about-timeline-marker {
        width: 44px;
        height: 44px;
        border-radius: 13px;
    }

    .about-timeline::before {
        left: 22px;
    }

    .about-accessible-panel {
        padding: 30px 22px;
        border-radius: 24px;
    }

    .graphic-colour-palette span {
        width: 31px;
        height: 31px;
        border-radius: 9px;
    }

}

@media (prefers-reduced-motion: reduce) {
  .scan-beam,
  .status-dot,
  .scan-progress span {
    animation: none;
  }

  .scan-progress span {
    width: var(--progress);
  }

  .dashboard-status span,
  .dashboard-scan-line,
  .floating-insight,
  .chart-line,
  .chart-fill {
    animation: none;
  }

  .chart-line {
    stroke-dashoffset: 0;
  }

  .chart-fill {
    opacity: 1;
  }

  .process-visual-status span,
  .process-corner-card {
    animation: none;
  }

  .process-main-image,
  .process-visual,
  .process-step,
  .process-visual-content {
    transition: none;
  }

  .testimonial-card,
  .testimonial-nav,
  .testimonial-card::after {
    transition: none;
  }

  .case-study-section {
    padding: 70px 0;
  }

  .case-study-hero {
    padding: 115px 0 70px;
  }

  .case-study-breadcrumbs {
    margin-bottom: 35px;
  }

  .case-study-actions,
  .case-study-final-actions {
    flex-direction: column;
  }

  .case-study-actions a,
  .case-study-final-actions a {
    width: 100%;
  }

  .case-study-hero-details > div {
    width: 100%;
  }

  .case-study-browser-top {
    padding: 12px;
  }

  .case-study-browser-address {
    max-width: 190px;
  }

  .case-study-facts {
    padding: 7px 22px;
  }

  .case-study-process-line {
    left: 24px;
  }

  .case-study-process-step {
    grid-template-columns: 48px 1fr;
    gap: 16px;
    padding: 16px 10px;
  }

  .case-study-process-icon {
    width: 48px;
    height: 48px;
  }

  .case-study-approach-visual,
  .case-study-success-image {
    min-height: 450px;
  }

  .case-study-approach-visual > img,
  .case-study-success-image > img {
    height: 450px;
  }

  .case-study-image-caption {
    right: 18px;
    bottom: 18px;
    left: 18px;
  }

  .case-study-technology-grid {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .case-study-technology-item {
    min-height: 125px;
    padding: 18px 10px;
  }

  .case-study-gallery-item,
  .case-study-gallery-item > img {
    min-height: 285px;
  }

  .case-study-contact-options {
    flex-direction: column;
    gap: 12px;
    align-items: center;
  }

  .website-floating-card, .search-node { animation: none; }

      .about-core-ring {
        animation: none;
    }
}