/* V13 source lines 200-355; original cascade order preserved. */
@media(max-width:960px){
  nav .links{display:none!important}
  .nav-contact-desktop{display:none!important}
  .mobile-menu-btn{display:flex}
  .nav{height:72px}
  .brand-logo-img{height:52px;max-width:190px}
  .hero{padding-top:112px}
}

@media(max-width:720px){
  body{overflow-x:hidden}
  .c{width:min(100% - 28px,1160px)}
  .sec{padding:68px 0}
  .title{font-size:clamp(35px,10.5vw,50px);line-height:1.04}
  .lead{font-size:16px;line-height:1.55}
  .ey{font-size:10px;letter-spacing:.12em}
  .hero{padding:106px 0 60px;min-height:auto}
  .hero-grid{gap:34px}
  .hero h1{font-size:clamp(48px,14vw,68px);line-height:.95;margin:12px 0 20px}
  .hero p{font-size:17px;line-height:1.55}
  .hero .actions{display:grid;grid-template-columns:1fr;gap:9px}
  .hero .actions .btn{width:100%;justify-content:center}
  .proof{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;margin-top:22px}
  .proof span{font-size:11px}
  .hero-brand-badge{margin-bottom:10px}
  .hero-brand-badge .hb-copy b{font-size:10px}
  .hero-brand-badge .hb-copy small{font-size:8px}

  .mock{border-radius:20px;padding:8px;box-shadow:0 16px 42px rgba(10,27,51,.15)}
  .browser{border-radius:14px}
  .dash{grid-template-columns:46px 1fr;min-height:355px}
  .side{padding:10px 6px}
  .side em{height:28px;border-radius:7px;margin:7px 0}
  .main{padding:12px}
  .main h3{font-size:16px}
  .kpis{gap:6px;margin-top:12px}
  .kpi{padding:9px}
  .kpi b{font-size:15px}
  .panels{margin-top:6px}
  .panel{height:150px;padding:8px}
  .bars{height:105px;padding-top:15px}

  .statement-grid{gap:24px}
  .statement p{font-size:16px}
  .services{gap:10px;margin-top:28px}
  .card{padding:20px;border-radius:16px}
  .icon{width:38px;height:38px;margin-bottom:18px}
  .card h3{font-size:18px}
  .card p{font-size:12px}

  .pain-grid{gap:28px}
  .beforeafter{border-radius:18px}
  .ba{padding:18px;min-height:320px}
  .system{grid-template-columns:50px 1fr}
  .sys-side{min-height:220px}

  .cases-head{gap:18px}
  .tabs{
    width:100%;display:flex;overflow-x:auto;white-space:nowrap;scrollbar-width:none;
    padding:5px;gap:5px;border-radius:12px
  }
  .tabs::-webkit-scrollbar{display:none}
  .tab{flex:0 0 auto;padding:10px 12px}
  .stage{margin-top:20px;border-radius:20px}
  .preview{min-height:455px;border-radius:14px}
  .app{grid-template-columns:82px 1fr;min-height:430px}
  .app aside{padding:10px 5px}
  .app aside h5{font-size:10px;margin:0 5px 12px}
  .app aside div{font-size:7px;padding:7px 5px}
  .app main{padding:11px}
  .app main h4{font-size:14px}
  .ui-kpis{gap:5px;margin:10px 0}
  .ui-kpis div{padding:8px}
  .ui-kpis b{font-size:12px}
  .table{padding:8px}
  .row{font-size:7px;padding:8px 0}
  .copy{padding:20px 10px;min-height:auto}
  .copy h3{font-size:34px}
  .copy>p{font-size:13px}
  .points{margin:18px 0}
  .pt strong{font-size:12px}
  .pt span{font-size:10px}

  .finance-grid{gap:28px}
  .finance-board{border-radius:20px;padding:10px}
  .finance-window{border-radius:14px}
  .finance-main{padding:12px}
  .finance-head h4{font-size:15px}
  .money-kpis{gap:6px}
  .money-kpis div{padding:9px}
  .money-kpis b{font-size:13px}
  .finance-table{padding:9px}
  .tx{font-size:7px;padding:8px 0}

  .concept-grid{gap:10px;margin-top:28px}
  .concept-card{min-height:230px;padding:17px;border-radius:16px}
  .concept-card h3{font-size:19px;margin:18px 0 6px}
  .concept-stage{margin-top:14px;border-radius:20px}
  .concept-preview{min-height:430px;border-radius:14px}
  .demoapp{grid-template-columns:80px 1fr;min-height:390px}
  .demoapp aside{padding:10px 5px}
  .demoapp aside h5{font-size:9px;margin:0 5px 12px}
  .demoapp aside div{font-size:7px;padding:7px 5px}
  .demoapp main{padding:10px}
  .demoapp main h4{font-size:14px}
  .concept-copy{padding:20px 10px;min-height:auto}
  .concept-copy h3{font-size:33px}
  .concept-copy>p{font-size:13px}

  .steps{gap:24px}
  .step b{width:54px;height:54px;border-radius:15px}
  .step h3{margin:15px 0 6px}
  .sectors{gap:10px}
  .sector{min-height:140px;padding:18px;border-radius:16px}
  .sector h3{margin:22px 0 5px}
  .benefits{gap:9px}
  .benefits div{padding:17px;border-radius:14px}

  .faq{gap:26px}
  .q{padding:18px 0;font-size:15px}
  .a{font-size:13px;line-height:1.55}

  .cta{padding:32px 20px;border-radius:20px}
  .cta h2{font-size:clamp(34px,10vw,48px)}
  .cta p{font-size:15px}
  .cta .actions{display:grid;grid-template-columns:1fr}
  .cta .actions .btn{width:100%;justify-content:center}
  .brand-watermark{gap:12px}
  .cta-logo-img{width:60px;height:60px}

  footer{padding:28px 0}
  .foot{gap:18px}
  .footer-logo{align-items:center}
}

@media(max-width:430px){
  .c{width:calc(100% - 22px)}
  .nav{height:66px}
  .brand-logo-img{height:46px;max-width:165px}
  .mobile-menu-btn{width:42px;height:42px}
  .hero{padding-top:96px}
  .proof{grid-template-columns:1fr}
  .kpis{grid-template-columns:1fr 1fr}
  .services,.steps,.sectors,.benefits,.concept-grid{grid-template-columns:1fr}
  .beforeafter{grid-template-columns:1fr}
  .tabs{margin-bottom:2px}
  .stage,.concept-stage{padding:8px}
  .preview,.concept-preview{min-height:415px}
  .app,.demoapp{grid-template-columns:72px 1fr}
  .app aside div,.demoapp aside div{font-size:6px}
  .money-kpis{grid-template-columns:1fr 1fr}
  .finance-body{grid-template-columns:1fr}
  .finance-summary{display:none}
  .form{grid-template-columns:1fr}
  .full{grid-column:1}
}