/* ===== ADAPTIVE ===== */

@media(max-width:900px){

.hero-grid{
grid-template-columns:1fr;
text-align:center;
}

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

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

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

/* ===== SPLIT (левая/правая колонка) ===== */

.split {
  display: grid;
  grid-template-columns: 60% 40%; /* ровно пополам */
  gap: 0; /* убираем разрыв */
  align-items: stretch;
  width: 100%;
}



.split.right {
  padding: 20px;
}


/* =========================
   DESKTOP (1025px и больше)
   ========================= */

@media (min-width: 1025px) {

  .hero h1{
    font-size:28px;
  }

  .hero-grid{
    grid-template-columns:1.1fr .9fr;
    gap:40px;
  }

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

  .split{
    grid-template-columns:60% 40%;
  }

  .container{
    max-width:1200px;
  }

}

/* =========================
   TABLET (768px–1024px)
   ========================= */

@media (min-width:768px) and (max-width:1024px) {

  .container{
    padding:80px 20px;
  }

  .hero h1{
    font-size:28px;
  }

  .hero p{
    font-size:18px;
  }

  .hero-grid{
    grid-template-columns:1fr;
    gap:36px;
    text-align:center;
  }

  .hero-orb{
    width:300px;
    height:300px;
    margin:auto;
  }

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

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

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

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

  .section-title{
    font-size:34px;
  }

  .title-blue{
    font-size:26px;
  }

}

/* =========================
   MOBILE (до 767px)
   ========================= */

@media (max-width:767px){

  .hero-grid,
  .split,
  .grid-3,
  .grid-4,
  .grid-5{
    grid-template-columns:1fr;
  }

  .hero h1{
    font-size:24px;
  }

  .hero p{
    font-size:16px;
  }

  .section-title{
    font-size:28px;
  }

  .card{
    padding:24px;
  }

}

/* По умолчанию скрыт */
.burger{
    display:none;
    font-size:28px;
    color:white;
    cursor:pointer;
}

/* Телефон */
@media (max-width:767px){

    .burger{
        display:block;
    }

    .nav{
        position:relative;
    }

    nav{
        display:none;
        flex-direction:column;
        position:absolute;
        top:60px;
        right:0;
        width:220px;
        background:var(--navy);
        padding:15px;
        border-radius:12px;
        box-shadow:0 10px 25px rgba(0,0,0,.2);
    }

    nav.active{
        display:flex;
    }

    nav a{
        margin:0;
        padding:10px 0;
    }
}

/* ПК */
.burger{
    display:none;
}

/* Телефон */
@media (max-width:767px){

    .burger{
        display:block;
        font-size:30px;
        cursor:pointer;
        color:white;
    }

    #menu{
        display:none;
        position:absolute;
        top:70px;
        right:10px;
        flex-direction:column;
        background:var(--navy);
        padding:20px;
        border-radius:12px;
        width:220px;
    }

    #menu.active{
        display:flex;
    }

    #menu a{
        margin:10px 0;
    }
}

.menu-toggle{
    display:none;
    background:none;
    border:none;
    color:white;
    font-size:30px;
    cursor:pointer;
}

/* Телефон */
@media (max-width:767px){

    .menu-toggle{
        display:block;
    }

    .menu{
        display:none;
        position:absolute;
        top:70px;
        right:15px;
        width:250px;
        background:var(--navy);
        border-radius:12px;
        padding:20px;
        flex-direction:column;
        gap:15px;
        z-index:1000;
    }

    .menu.active{
        display:flex;
    }

    .menu a{
        margin:0;
    }
}