/* TOP BAR */
.topbar{
  background:#f8fafc;
  border-bottom:1px solid #e5e7eb;
  font-size:13px;
  color:#1e293b;
}
.topbar-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  height:38px;
}
.topbar a{
  color:#1e293b;
  font-weight:600;
}
*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}
body{background:#0e1117;color:#e5e7eb;line-height:1.6}
a{text-decoration:none;color:inherit}
.container{max-width:1200px;margin:auto;padding:0 20px}

/* HEADER */
.header{
  position:fixed;
  top:38px;
  width:100%;
  background:#0b0e13;
  z-index:10;
  border-bottom:1px solid #1f2937
}
.nav{display:flex;align-items:center;justify-content:space-between;height:70px}
.brand{display:flex;align-items:center;gap:10px}
.brand__logo{height:36px}
.menu a{margin-left:20px;font-weight:600}
.menu .btn--sm{padding:8px 16px;background:#2563eb;border-radius:6px}

/* BURGER */
.burger{display:none;background:none;border:none}
.burger span{display:block;width:24px;height:2px;background:#fff;margin:5px}

/* HERO */
.hero{padding:120px 0;background:linear-gradient(120deg,#020617,#0f172a)}
.hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.badge{color:#60a5fa;font-weight:bold;margin-bottom:10px}
h1{font-size:48px;margin-bottom:15px}
.lead{color:#cbd5e1;margin-bottom:20px}
.cta .btn{padding:14px 24px;background:#2563eb;border-radius:8px;margin-right:10px}
.btn--ghost{border:1px solid #2563eb}
.trust{display:flex;gap:20px;margin-top:30px}
.trust__item strong{display:block;color:#60a5fa}

/* SECTIONS */
.section{padding:80px 0}
.section--alt{background:#0b1220}
.section__head{text-align:center;margin-bottom:40px}
.section__head h2{font-size:36px;margin-bottom:10px}
.section__head p{color:#94a3b8}

/* GRID */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card,.product{background:#111827;padding:25px;border-radius:14px;border:1px solid #1f2937}
.card h3,.product h3{color:#60a5fa;margin-bottom:10px}
.product ul{padding-left:15px}
.product li{margin-bottom:8px}

/* STEPS */
.steps{max-width:700px;margin:auto}
.steps li{margin-bottom:15px}
.steps strong{color:#60a5fa}

/* TEAM */
.team{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.person{display:flex;gap:15px;background:#111827;padding:20px;border-radius:14px}
.person img{width:70px;height:70px;border-radius:50%;object-fit:cover}
.role{color:#60a5fa}

/* CONTACT */
.contact{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.contact__row{margin:10px 0}
.form__grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.form input,.form textarea{
  width:100%;padding:10px;border-radius:6px;border:1px solid #1f2937;
  background:#020617;color:#fff
}
.form .full{grid-column:1/3}
button.btn{margin-top:10px}

/* FOOTER */
.footer{background:#020617;padding:40px 0}
.footer__grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}
.small{font-size:14px;color:#94a3b8}
.muted{color:#64748b}

/* MOBILE */
@media(max-width:900px){
.hero__grid,.grid3,.team,.contact,.footer__grid{grid-template-columns:1fr}
.menu{display:none;position:absolute;top:70px;right:0;background:#020617;width:100%;text-align:center}
.menu a{display:block;padding:15px;border-bottom:1px solid #1f2937}
.menu--open{display:block}
.burger{display:block}
h1{font-size:36px}
}