@import url('https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700;800&family=Work+Sans:wght@400;500;600;700&display=swap');

:root{
  --bg:#F6F7FB; --surface:#FFFFFF; --surface-dim:#ECEDF6;
  --ink:#1B1E2A; --muted:#6B7080; --border:#E1E4ED;
  --indigo:#4A4E9E; --indigo-deep:#34386F; --rust:#D2572B; --green:#2E8B57;
}
*{box-sizing:border-box;}
body{margin:0; font-family:'Work Sans',sans-serif; background:var(--bg); color:var(--ink); line-height:1.55;}
.display{font-family:'Sora',sans-serif;}
a{color:inherit;}

.site-nav{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:18px 24px; border-bottom:1px solid var(--border);
  max-width:1080px; margin:0 auto; flex-wrap:wrap;
}
.site-nav .brand{display:flex; align-items:baseline; gap:10px;}
.site-nav .brand-name{font-family:'Sora',sans-serif; font-size:20px; font-weight:800; letter-spacing:-0.01em;}
.site-nav .brand-sub{font-size:12.5px; color:var(--muted);}
.site-nav .links{display:flex; align-items:center; gap:22px; font-size:14px; font-weight:600;}
.site-nav .links a{text-decoration:none; color:var(--muted); padding:4px 0; border-bottom:2px solid transparent;}
.site-nav .links a.active, .site-nav .links a:hover{color:var(--indigo); border-bottom-color:var(--indigo);}
.site-nav .links a.cta{background:var(--indigo); color:#fff; padding:8px 16px; border-radius:6px; border-bottom:none;}
.site-nav .links a.cta:hover{opacity:0.92; color:#fff;}

footer.site-footer{border-top:1px solid var(--border); margin-top:60px; padding:28px 24px;}
footer.site-footer .inner{max-width:1080px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; font-size:13px; color:var(--muted);}
footer.site-footer a{text-decoration:none; color:var(--muted);}
footer.site-footer a:hover{color:var(--indigo);}

.btn{font-family:'Work Sans',sans-serif; font-size:14px; font-weight:600; border-radius:7px; padding:11px 20px; cursor:pointer; border:1px solid var(--border); background:var(--surface); color:var(--ink); display:inline-flex; align-items:center; gap:8px; text-decoration:none;}
.btn-primary{background:var(--indigo); border-color:var(--indigo); color:#fff;}
.btn-primary:hover{background:var(--indigo-deep);}
.btn-outline{background:transparent;}
.btn-outline:hover{background:var(--surface-dim);}

@media (max-width:640px){
  .site-nav .links{gap:14px; font-size:13px;}
}