@media (max-width: 1100px) {
  .roi-metrics {
    grid-template-columns: repeat(2, 1fr);
  }
  .roi-row {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 680px) {
  .roi-metrics {
    grid-template-columns: 1fr;
  }
  .roi-cell {
    padding: 20px;
  }
}
@media (max-width: 1100px) {
  .nav-links {
    display: none;
  }
  .hero-grid,
  .about-grid,
  .process-grid,
  .health-grid,
  .section-head {
    grid-template-columns: 1fr;
  }
  .hero-visual {
    min-height: 620px;
  }
  .client-grid {
    grid-template-columns: repeat(5, 1fr);
  }
  .solution-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .industry-grid,
  .why-grid {
    grid-template-columns: 1fr 1fr;
  }
  .story,
  .story:nth-child(even) {
    grid-template-columns: 1fr;
  }
  .story:nth-child(even) .story-img {
    order: 0;
  }
  .arch-flow {
    grid-template-columns: repeat(4, 1fr);
  }
  .journey-line {
    grid-template-columns: 1fr;
    gap: 22px;
  }
  .journey-line:before {
    display: none;
  }
  .journey-step {
    text-align: left;
    padding: 0 0 0 104px;
  }
  .flag-badge {
    left: 0;
    top: 0;
    transform: none;
    width: 72px;
    height: 72px;
    border-radius: 24px;
    font-size: 34px;
  }
  .flag-badge img {
    width: 48px;
    height: 32px;
    border-radius: 7px;
  }
  .journey-step:hover .flag-badge {
    transform: translateY(-4px);
  }
  .journey-card {
    min-height: 0;
    padding: 18px 20px;
  }
  .dot {
    left: 20px;
    top: 8px;
    transform: none;
  }
  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 680px) {
  .process-panel p{
    margin-bottom: 20px;
  }
  .solution-card{
    min-height: 1px;
  }
	h2{
		font-size: 27px;
	}
  .hero:before,
  .hero:after {
    inset: 74px 0 0 0;
  }
  .client-logo {
    height: 84px;
    min-width: 160px;
    padding: 12px 20px;
  }
  .client-logo img {
    max-height: 56px;
    max-width: 140px;
  }
  .logo-track {
    gap: 12px;
    animation-duration: 42s;
  }
  .logo-marquee:before,
  .logo-marquee:after {
    width: 48px;
  }
  .wrap {
    width: min(100% - 32px, 1260px);
  }
  section {
    padding: 78px 0;
  }
  .nav {
    height: 74px;
  }
  .brand-logo img {
    width: 210px;
  }
  h1 {
    font-size: 35px;
    letter-spacing: -2.2px;
  }
  .hero h1{
  	line-height: 48px !important;
  }
  .hero {
    padding-top: 112px;
  }
  .hero-proof {
    grid-template-columns: 1fr 1fr;
  }
  .dashboard {
    position: relative;
    right: auto;
    top: auto;
    width: auto;
    margin: 20px;
  }
  .hero-visual {
    min-height: auto;
    padding-top: 360px;
  }
  .visual-title {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    padding: 24px;
  }
  .dash-row {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .client-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .solution-grid,
  .process-steps,
  .industry-grid,
  .why-grid,
  .footer-grid,
  .about-stats {
    grid-template-columns: 1fr;
  }
  .arch-flow {
    grid-template-columns: repeat(2, 1fr);
  }
  .story-stats {
    grid-template-columns: 1fr;
  }
  .cta-box {
    display: block;
    padding: 36px;
  }
  .footer-logo img {
    width: 240px;
  }
  .copyright {
    display: block;
  }
}
@media (max-width: 1100px) {
  .wrap {
    width: min(100% - 48px, 1200px);
  }
  section {
    padding: 88px 0;
  }
  .hero {
    padding-top: 116px;
  }
  .hero-copy {
    max-width: 540px;
  }
  .exec-stat-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .journey-line:before {
    display: none;
  }
  .journey-step {
    padding: 0 0 0 98px;
    text-align: left;
    min-height: 82px;
  }
  .flag-badge {
    left: 0;
    top: 0;
    transform: none;
  }
  .journey-step:hover .flag-badge {
    transform: translateY(-5px);
  }
  .journey-card {
    padding: 18px 22px;
  }
  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 680px) {
  .roi-card {
    display: block;
    min-height: 1px;
  }
  .wrap {
    width: min(100% - 32px, 1200px);
  }
  section {
    padding: 72px 0;
  }
  .nav {
    height: 72px;
  }
  .brand-logo img {
    width: 198px;
  }
  .hero {
    min-height: 88vh;
    padding: 108px 0 50px;
  }
  .hero:before,
  .hero:after {
    inset: 72px 0 0 0;
  }
  .hero:after {
    background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.97) 0%,
      rgba(255, 255, 255, 0.86) 45%,
      rgba(255, 255, 255, 0.18) 100%
    );
  }
  .hero-copy {
    padding: 12px 0;
    max-width: 100%;
  }
  .hero h1 {
    max-width: 100%;
    letter-spacing: -1.8px;
  }
  .hero .lead {
    font-size: 16px;
    max-width: 100%;
  }
  .hero-actions {
    gap: 10px;
  }
  .btn {
    width: 100%;
  }
  .exec-stat-grid,
  .roi-metrics,
  .solution-grid,
  .industry-grid,
  .why-grid,
  .footer-grid {
    grid-template-columns: 1fr;
  }
  .executive-stats {
    padding: 24px 0 66px;
  }
  .story-copy {
    padding: 34px;
  }
  .story-img {
    min-height: 310px;
  }
  .journey {
    padding: 32px;
  }
  .journey-step {
    padding-left: 92px;
  }
  .footer-logo img {
    width: 220px;
  }
}
@media (min-width: 1200px) {
  .hero-content {
    padding-right: 40px !important;
  }
}