@charset "utf-8";
/* CSS Document */
 :root{
 --accent:#7cb296; 
      --dark:#2F3743;
      --muted:#AEB5BD;
      --bg:#F5F8FA;
      --green:#3BAF5B;
    }
    *{
      box-sizing:border-box
    
  }
    body{
      font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; 
      margin:0; background:var(--bg); 
      color:var(--dark);
    }

    a{
      color:inherit; 
      text-decoration:none
    }

    .container{
      max-width:1100px; 
      margin:0 auto; padding:24px;
    }
    header{
      background:#fff; 
      box-shadow:0 1px 6px rgba(16,24,40,0.06);
    }
    .topbar{
      display:flex; 
      align-items:center; 
      justify-content:space-between; 
      gap:16px;
    }

    .brand{
      display:flex; 
      align-items:center; 
      gap:12px;
    }
        .logo{
      width:48px; 
      height:120px; 
      border-radius:8px; 
      display:flex; 
      align-items:center; 
      justify-content:center; 
    }

.logo img {
     width:120px; 
      height:120px; 
      border-radius:8px; 
      display:flex; 
      align-items:center; 
      justify-content:center; 
}
    nav ul{
      display:flex; 
      gap:18px; 
      list-style:none; 
      margin:0; 
      padding:0;
    }
    .cta{
      background:var(--accent); 
      color:#fff; 
      padding:10px 14px; 
      border-radius:8px;
    }
    footer{
      margin-top:30px; 
      padding:20px 0;
      color:var(--muted); 
      font-size:14px;
    }
    @media (max-width:900px)
    {nav ul{display:none}
    .topbar{padding:12px}
  }