:root{
  --ink:#0e1726;
  --muted:#5b6776;
  --bg:#ffffff;
  --bg-alt:#f6f8fa;
  --brand:#1f2b57;
  --accent:#b02324;
}
*{box-sizing:border-box;}
body{
  margin:0;padding:0;
  font-family: Inter,Arial,sans-serif;
  background:#fff;color:var(--ink);
}
.container{max-width:1200px;margin:0 auto;padding:0 24px;}
.header{position:sticky;top:0;background:#fff;border-bottom:1px solid #e8edf2;}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 0;}
.brand{display:flex;align-items:center;text-decoration:none;}
.nav{display:flex;gap:22px;}
.nav a{text-decoration:none;color:#1b2432;font-weight:600;}
.nav .btn{background:var(--brand);color:#fff;font-weight:700;padding:12px 16px;border-radius:10px;}
.hero{background:linear-gradient(180deg,#f3f6fb,#eef3f9);border-bottom:1px solid #e8edf2;}
.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;padding:72px 0;}
.kicker{text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#6a7380;font-size:12px;margin:0 0 8px;}
h1{font-size:48px;margin:0 0 12px;}
.lede{color:var(--muted);max-width:60ch;}
.pills{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap;}
.pill{background:#fff;border:1px solid #e8edf2;border-radius:30px;padding:8px 12px;font-weight:600;}
.btn-main{background:var(--brand);color:#fff;padding:12px 16px;border-radius:10px;font-weight:700;text-decoration:none;}
.btn-alt{background:var(--accent);color:#fff;padding:12px 16px;border-radius:10px;font-weight:700;text-decoration:none;}
.section{padding:64px 0;}
.section h2{font-size:32px;margin:0 0 8px;}
.subtle{color:#6a7380;margin:0 0 20px;}
.feature-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.feature{background:#fff;border:1px solid #e8edf2;padding:14px;border-radius:12px;text-align:center;font-weight:600;}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.card{background:#fff;border:1px solid #e8edf2;border-radius:14px;padding:18px;}
.thumb{width:100%;height:190px;object-fit:cover;border-radius:12px;}
.cta-bar{background:var(--bg-alt);border-top:1px solid #e8edf2;border-bottom:1px solid #e8edf2;padding:28px 0;}
.footer{background:#0f1414;color:#dbe5ee;padding:44px 0;margin-top:44px;}
.footer a{color:#dbe5ee;text-decoration:none;}
.footer-cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px;}


@media (max-width: 768px){
  .header-inner{
    flex-direction: row;
    align-items: center;
  }
  .nav{
    gap:12px;
    font-size:14px;
    flex-wrap:wrap;
    justify-content:flex-end;
  }
  .hero-inner{
    grid-template-columns:1fr;
    padding:40px 0;
  }
  .cards{
    grid-template-columns:1fr;
  }
  .feature-row{
    grid-template-columns:1fr 1fr;
  }
  .footer-cols{
    grid-template-columns:1fr;
    row-gap:16px;
  }
  .container{
    padding:0 16px;
  }
}

@media (max-width: 480px){
  .nav{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
  }
  h1{
    font-size:32px;
  }
  .section{
    padding:40px 0;
  }
}