:root{
  --accent:#e11d48;
  --line:#e2e8f0;
  --text:#0f172a;
  --muted:#64748b;
}

*{box-sizing:border-box}
body{margin:0;font-family:system-ui,Segoe UI,Roboto,Arial;color:var(--text);background:#fff}
.container{max-width:1180px;margin:0 auto;padding:0 16px}

.header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line);z-index:10}
.header__inner{display:flex;align-items:center;justify-content:space-between;padding:18px 0}

/* PROFESSIONAL BIG LOGO */
.brand img{
  height:64px;   /* BIG BUT CLEAN */
  width:auto;
}

.nav a{
  margin-left:18px;
  font-weight:700;
  text-decoration:none;
  color:#111;
}

.pill{
  padding:8px 14px;
  border-radius:999px;
  border:1px solid var(--line);
}

.pill--primary{
  background:var(--accent);
  color:#fff;
  border-color:var(--accent);
}

.hero{
  padding:60px 0;
  background:linear-gradient(135deg,#fafafa,#ffffff);
}

.hero h1{
  font-size:44px;
  margin-bottom:16px;
}

.hero p{
  color:var(--muted);
  font-size:18px;
  max-width:700px;
}

.section{
  padding:60px 0;
}

.footer{
  background:#0b1220;
  color:#fff;
  text-align:center;
  padding:30px 0;
  margin-top:60px;
}