@media (max-width: 1199.98px) {
  .site-header {
    background: rgba(255, 255, 255, .95);
  }

  .navbar-collapse {
    margin-top: 14px;
    padding: 20px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: white;
    box-shadow: var(--shadow-lg);
  }

  .nav-link {
    margin: 2px 0;
    padding: 9px !important;
  }

  .nav-link::after {
    display: none;
  }

  .nav-cta {
    display: block;
    margin: 12px 0 0 !important;
    text-align: center;
  }

  .dropdown-menu.service-menu {
    width: 100%;
    border: 0;
    box-shadow: none;
  }

  .hero-copy h1 {
    font-size: clamp(2.8rem, 5vw, 4.4rem);
  }

  .service-wide {
    grid-template-columns: auto 1.4fr 1fr;
  }

  .service-wide>.btn {
    grid-column: 2 / -1;
    justify-self: start;
  }

  .tech-cloud {
    grid-template-columns: repeat(3, 1fr);
  }

  .footer-main {
    grid-template-columns: 1.5fr 1fr 1fr;
  }

  .footer-news {
    grid-column: 2 / 4;
  }

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

@media (max-width: 991.98px) {
  .section-padding {
    padding: 90px 0;
  }

  .hero-section {
    min-height: auto;
    padding: 140px 0 55px;
  }

  .hero-section .min-vh-100 {
    min-height: auto !important;
  }

  .hero-copy {
    padding-top: 0;
    text-align: center;
  }

  .hero-copy h1,
  .hero-copy>p {
    margin-right: auto;
    margin-left: auto;
  }

  .hero-actions,
  .hero-trust {
    justify-content: center;
  }

  .hero-visual {
    margin-top: 20px;
  }

  .hero-stats {
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
    margin-top: 55px;
  }

  .brand-strip .container {
    display: block;
    text-align: center;
  }

  .brand-strip p {
    margin-bottom: 20px;
  }

  .focus-marquee {
    flex-wrap: wrap;
    justify-content: center;
  }

  .about-visual {
    margin: auto;
  }

  .solution-layout {
    grid-template-columns: 1fr;
  }

  .solution-main {
    min-height: 480px;
  }

  .industry-grid {
    grid-template-columns: repeat(3, 1fr);
  }

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

  .portfolio-grid {
    grid-template-columns: 1fr 1fr;
  }

  .portfolio-card:last-child {
    grid-column: 1 / -1;
    max-width: calc(50% - 12px);
  }

  .process-track {
    grid-template-columns: repeat(4, 1fr);
    row-gap: 35px;
  }

  .process-track::before {
    display: none;
  }

  .contact-shell {
    grid-template-columns: 1fr;
    gap: 50px;
  }

  .contact-info {
    text-align: center;
  }

  .contact-points {
    max-width: 650px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
  }

  .contact-info .social-links {
    justify-content: center;
  }

  .cta-shell {
    display: block;
    padding: 50px;
    text-align: center;
  }

  .cta-shell p {
    margin-bottom: 25px;
  }

  .page-hero {
    padding: 150px 0 80px;
  }

  .service-detail-layout {
    grid-template-columns: 1fr;
  }

  .service-sidebar {
    position: static;
    grid-template-columns: 1fr 1fr;
  }

  .service-nav-card nav {
    grid-template-columns: 1fr 1fr;
  }

  .services-overview-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .showcase-section .detail-grid,
  .about-showcase .detail-grid,
  .models-showcase .detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .about-showcase .detail-card:first-child {
    grid-column: 1 / -1;
    grid-row: auto;
  }
}

@media (max-width: 767.98px) {
  body {
    font-size: 15px;
  }

  .section-padding {
    padding: 75px 0;
  }

  .section-heading {
    margin-bottom: 35px;
  }

  .hero-section {
    padding-top: 120px;
  }

  .hero-copy h1 {
    font-size: 2.65rem;
  }

  .hero-actions {
    display: grid;
  }

  .hero-actions .btn {
    width: 100%;
  }

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

  .hero-stats div:nth-child(2) {
    border-right: 0;
  }

  .hero-stats div:nth-child(-n+2) {
    border-bottom: 1px solid var(--line);
  }

  .floating-card {
    transform: scale(.85);
  }

  .float-a {
    left: -2%;
  }

  .float-b {
    right: -2%;
  }

  .chip-stage {
    min-height: auto;
  }

  .mission-grid {
    grid-template-columns: 1fr;
  }

  .service-wide {
    display: block;
  }

  .service-wide .service-icon {
    margin-bottom: 20px;
  }

  .service-wide .wide-tags {
    margin: 20px 0;
  }

  .solution-main {
    padding: 40px;
  }

  .solution-copy {
    max-width: 100%;
  }

  .solution-copy h3 {
    font-size: 1.9rem;
  }

  .dashboard-art {
    opacity: .3;
  }

  .solution-side {
    grid-template-columns: 1fr 1fr;
  }

  .tech-tabs .nav {
    flex-wrap: nowrap;
    justify-content: flex-start !important;
    overflow-x: auto;
  }

  .tech-tabs .nav-item {
    flex: 0 0 auto;
  }

  .tab-content {
    padding: 25px;
  }

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

  .industry-grid {
    grid-template-columns: 1fr 1fr;
  }

  .portfolio-grid {
    grid-template-columns: 1fr;
  }

  .portfolio-card:last-child {
    grid-column: auto;
    max-width: none;
  }

  .commitment-carousel article {
    min-height: 380px;
    padding: 38px;
  }

  .cta-shell {
    padding: 40px 25px;
  }

  .footer-main {
    grid-template-columns: 1fr 1fr;
  }

  .footer-brand {
    grid-column: 1 / -1;
  }

  .footer-news {
    grid-column: 1 / -1;
  }

  .detail-grid {
    grid-template-columns: 1fr;
  }

  .service-sidebar {
    grid-template-columns: 1fr;
  }

  .service-nav-card nav {
    grid-template-columns: 1fr;
  }

  .inner-page .service-content-grid {
    grid-template-columns: 1fr;
  }

  .service-feature-media img {
    aspect-ratio: 16 / 9;
  }

  .showcase-section .container::before {
    min-height: 250px;
  }

  .showcase-section .detail-grid,
  .about-showcase .detail-grid,
  .models-showcase .detail-grid {
    grid-template-columns: 1fr;
  }

  .models-showcase .detail-card {
    padding-left: 28px;
  }

  .models-showcase .detail-icon {
    position: static;
  }
}

@media (max-width: 575.98px) {
  .container {
    padding-right: 20px;
    padding-left: 20px;
  }

  .navbar-brand {
    font-size: 1rem;
  }

  .logo-mark {
    width: 32px;
    height: 32px;
  }

  .hero-copy h1 {
    font-size: 2.25rem;
  }

  .hero-copy>p {
    font-size: 1rem;
  }

  .eyebrow {
    font-size: .63rem;
  }

  .hero-trust {
    align-items: flex-start;
    text-align: left;
  }

  .console-status {
    gap: 7px;
    padding: 14px 8px;
  }

  .console-status span {
    font-size: .6rem;
  }

  .floating-card {
    display: none;
  }

  .hero-stats div {
    padding: 18px 14px;
  }

  .hero-stats strong {
    font-size: 1.45rem;
  }

  .focus-marquee {
    display: grid;
    grid-template-columns: 1fr 1fr;
    text-align: left;
  }

  .about-art {
    min-height: 400px;
  }

  .ring-one {
    width: 230px;
    height: 230px;
  }

  .ring-two {
    width: 340px;
    height: 340px;
  }

  .art-core {
    width: 100px;
    height: 100px;
  }

  .art-node {
    padding: 8px 10px;
    font-size: .62rem;
  }

  .about-badge {
    right: 4px;
    bottom: 18px;
  }

  .service-card {
    padding: 26px;
  }

  .solution-main {
    min-height: 540px;
    padding: 32px 25px;
  }

  .solution-side {
    grid-template-columns: 1fr;
  }

  .dashboard-art {
    right: -90px;
  }

  .tech-cloud {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .tech-cloud span {
    min-height: 82px;
    padding: 10px;
    font-size: .68rem;
  }

  .industry-grid {
    grid-template-columns: 1fr;
  }

  .industry-grid article {
    min-height: 120px;
  }

  .why-grid {
    grid-template-columns: 1fr;
  }

  .why-grid article {
    min-height: auto;
    padding: 28px;
  }

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

  .commitment-carousel article {
    min-height: 410px;
    padding: 30px 25px;
  }

  .commitment-carousel article>p {
    font-size: 1.3rem;
  }

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

  .contact-form-wrap {
    padding: 28px 22px;
  }

  .footer-main {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .footer-brand,
  .footer-news {
    grid-column: auto;
  }

  .footer-bottom {
    display: block;
    text-align: center;
  }

  .footer-bottom div {
    justify-content: center;
    margin-top: 10px;
  }

  .page-hero {
    padding: 130px 0 65px;
  }

  .page-hero h1 {
    font-size: 2.2rem;
  }

  .page-hero p {
    font-size: .96rem;
  }

  .page-intro {
    padding: 24px;
  }

  .detail-card {
    padding: 25px;
  }

  .service-detail-section {
    padding-top: 60px;
  }

  .service-nav-card,
  .service-contact-card,
  .inner-page .service-content-grid .detail-card,
  .service-overview-card {
    padding: 20px;
  }

  .service-nav-card h2,
  .service-contact-card h2 {
    text-align: left;
  }

  .services-overview-grid {
    grid-template-columns: 1fr;
  }

  .service-feature-media img {
    aspect-ratio: 4 / 3;
  }

  .showcase-section .container::before {
    min-height: 210px;
    margin-bottom: 24px;
  }

  .showcase-section .detail-card,
  .about-showcase .detail-card:first-child,
  .models-showcase .detail-card:first-child {
    padding: 22px;
  }
}