/* ==============================
   DESKTOP LAYOUT — CLEAN LAYER
   Applies only ≥ 992px screens
============================== */

@media (min-width: 992px){

  /* ---------- Base ---------- */

  body{
    display:block;
    padding:0;
  }

  .container{
    max-width:1200px;
    margin:auto;
    padding: 20px;
  }

  section{
    margin-bottom: 60px;
  }

  /* ---------- Desktop Nav ---------- */

  nav.desktop{
    display:flex !important;
    gap:30px;
    align-items:center;
  }

  .mobile-nav,
  .mobile-menu-btn,
  .ml-mobile-nav,
  .ml-mobile-btn,
  .backdrop,
  .mobile-bar,
  .nav-backdrop {
    display:none !important;
  }

  /* ---------- Hero ---------- */

  .hero{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    gap:40px;
    text-align:left;
    padding:60px;
  }

  .hero-content{
    max-width:650px;
  }

  /* ---------- Grids ---------- */

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

  .features-section{
    display:grid;
    grid-template-columns: repeat(3,1fr);
    gap:40px;
  }

  .team-container{
    display:grid;
    grid-template-columns: repeat(3,1fr);
    gap:30px;
    width:100%;
    max-width:1100px;
    margin:auto;
  }

  /* ---------- Images ---------- */

  .site-pics{
    width:100%;
    display:block;
    padding:20px;
  }

  .stp{
    width:100%;
    max-width:600px;
    height:auto;
    display:block;
    margin:30px auto;
  }

  /* ---------- Buttons ---------- */

  .aw,
  .yy{
    border:2px solid orange;
    border-radius:12px;
    padding:12px 18px;
    background:#fff;
    color:#000;
    box-shadow:0 5px 15px orange;
    text-decoration:none;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    font-size:18px;
    cursor:pointer;
    transition:.3s ease;
    margin-left:0;
    display:inline-block;
  }

  .aw:hover,
  .yy:hover{
    transform:translateY(-6px);
    background:blue;
    color:#fff;
    box-shadow:0 8px 18px orange;
  }

}