@media (max-width:1080px){
  .strip-grid{grid-template-columns:repeat(3,1fr)}
  .foot-grid{grid-template-columns:1fr 1fr}
  .hero-grid{grid-template-columns:1fr;gap:60px}
  .code-panel{transform:none}
}
@media (max-width:900px){
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .grid-3{grid-template-columns:repeat(2,1fr)}
  .prog-grid{grid-template-columns:1fr}
  .road::before{left:22px}
  .road-step{grid-template-columns:44px 1fr;gap:14px}
  .road-step .r-num{justify-self:start}
  .road-step .r-card:nth-child(3){display:none!important}
  .road-step .r-card:nth-child(1){visibility:visible!important;grid-column:2}
  .road-step:nth-child(even) .r-card:nth-child(1){visibility:visible!important}
  .road-step:nth-child(odd) .r-card:nth-child(3){display:none}
  /* ecosystem to grid */
  .eco-wrap{aspect-ratio:auto;max-width:100%}
  .eco-center{position:relative;left:auto;top:auto;transform:none;width:100%;height:auto;border-radius:20px;margin-bottom:20px;padding:26px}
  .eco-center::before,.eco-center::after{display:none}
  .eco-node{position:relative;left:auto!important;top:auto!important;transform:none;width:auto}
  .eco-nodes{display:grid;grid-template-columns:1fr 1fr;gap:12px}
}
@media (max-width:720px){
  section{padding:64px 0}
  .container{padding:0 18px}
  .nav-links,.nav .btn-primary{display:none}
  .hamb{display:block}
  .strip-grid{grid-template-columns:1fr 1fr}
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr}
  .hero{padding:50px 0 70px}
  .hero-cta .btn{width:100%;justify-content:center}
  .trust{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr;gap:28px}
  .foot-bot{flex-direction:column}
  .cta-final{padding:60px 20px}
  .float-cards{display:none}
  .p-hero{padding:44px 0 30px}
}
@media (max-width:420px){
  body{font-size:16px}
  h1{font-size:2rem}
  h2{font-size:1.55rem}
}