*{box-sizing:border-box;}
body{margin:0;background:#fff;font-family:'Work Sans',sans-serif;color:oklch(32% 0.02 235);}
h1,h2,h3{font-family:'Sora',sans-serif;margin:0;}
a{color:oklch(45% 0.09 200);text-decoration:none;}
a:hover{color:oklch(38% 0.09 200);}

.site-nav{position:relative;background:#fff;border-bottom:1px solid oklch(93% 0.01 80);}
.nav-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:20px;padding:14px 24px;}
.nav-brand{display:flex;align-items:center;gap:10px;text-decoration:none;}
.nav-brand img{width:38px;height:38px;object-fit:contain;}
.nav-brand span{font-family:'Sora',sans-serif;font-weight:700;font-size:15px;color:oklch(28% 0.05 235);}
.nav-links{display:none;gap:22px;margin-left:auto;}
.nav-links a{font-size:14px;color:oklch(40% 0.02 235);}
.nav-links a.active{font-family:'Sora',sans-serif;font-weight:700;color:oklch(30% 0.06 235);}
.nav-cta{display:none;background:oklch(76% 0.1 50);color:oklch(20% 0.02 40);border-radius:8px;padding:10px 16px;font-family:'Sora',sans-serif;font-weight:600;font-size:13px;white-space:nowrap;}
.nav-burger{margin-left:auto;background:none;border:none;font-size:24px;cursor:pointer;color:oklch(30% 0.06 235);padding:4px;}
.nav-mobile{display:none;border-top:1px solid oklch(93% 0.01 80);padding:14px 24px;flex-direction:column;gap:16px;}
.nav-mobile a{font-size:16px;color:oklch(32% 0.02 235);}
.nav-mobile .nav-cta{display:inline-block;text-align:center;}
.nav-mobile.open{display:flex;}
@media (min-width:768px){
  .nav-links{display:flex;}
  .nav-cta{display:inline-block;}
  .nav-burger{display:none;}
  .nav-mobile{display:none !important;}
}

.site-footer{background:oklch(20% 0.03 235);color:oklch(85% 0.01 235);}
.footer-inner{max-width:1280px;margin:0 auto;padding:40px 24px 24px;display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;}
.footer-brand{max-width:380px;}
.footer-brand-row{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.footer-brand-row img{width:32px;height:32px;object-fit:contain;}
.footer-brand-row span{font-family:'Sora',sans-serif;font-weight:700;font-size:14px;color:#fff;}
.footer-brand p{font-size:12px;line-height:1.6;opacity:.85;margin:0;}
.footer-cols{display:flex;gap:40px;flex-wrap:wrap;}
.footer-col p.title{font-family:'Sora',sans-serif;font-weight:600;font-size:13px;color:#fff;margin:0 0 10px;}
.footer-col-links{display:flex;flex-direction:column;gap:7px;font-size:13px;}
.footer-col-links a{color:oklch(80% 0.01 235);}
.footer-social{display:flex;flex-direction:column;gap:7px;font-size:13px;color:oklch(72% 0.01 235);}
.footer-social a{color:oklch(80% 0.01 235);}
.footer-bottom{border-top:1px solid oklch(30% 0.02 235);padding:16px 24px;text-align:center;font-size:12px;opacity:.7;}
.footer-bottom a{color:oklch(80% 0.01 235);}