*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
:root{
  --ink:#1a1b25;--ink-soft:#4b5066;--ink-muted:#8b90a8;
  --white:#fff;--off:#f9f9fc;--off2:#f1f2f8;
  --blue:#4361ee;--blue-dark:#3451d1;--blue-pale:#eaedfd;
  --border:#e4e6f0;--r:12px;--rl:18px;
}
body{font-family:'Nunito',sans-serif;background:var(--white);color:var(--ink);overflow-x:hidden;line-height:1.65;}

nav{position:sticky;top:0;z-index:500;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);}
.nav-inner{max-width:1140px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:60px;}
.brand{display:flex;align-items:center;gap:9px;text-decoration:none;}

.brand-name{font-size:17px;font-weight:900;color:var(--ink);letter-spacing:-.3px;}
.brand-name b{color: #4956a5;font-size: 27px;}
.nav-right{display:flex;align-items:center;gap:6px;}
.nav-link{padding:6px 13px;border-radius:8px;font-size:14px;font-weight:600;color:var(--ink-soft);text-decoration:none;transition:.15s;}
.nav-link:hover{background:var(--off);color:var(--ink);}
.nav-cta{background:var(--blue)!important;color:#fff!important;padding:8px 18px!important;border-radius:9px;font-weight:700!important;font-size:14px;box-shadow:0 3px 12px rgba(67,97,238,.3);transition:all .2s;}
.nav-cta:hover{background:var(--blue-dark);transform:translateY(-1px);}

footer{background:#0e0f18;padding:52px 20px 28px;color:rgba(255,255,255,.75);}
.foot-inner{max-width:1140px;margin:0 auto;}
.foot-top{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:44px;margin-bottom:40px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.07);}
.foot-brand p{font-size:13px;line-height:1.75;margin-top:10px;max-width:260px;}
.foot-col h5{color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;margin-bottom:14px;}
.foot-col a{display:block;font-size:13px;color:rgba(255,255,255,.75);text-decoration:none;margin-bottom:9px;transition:.15s;}
.foot-col a:hover{color:#fff;}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;}
.foot-links{display:flex;gap:18px;}
.foot-links a{color:rgba(255,255,255,.7);text-decoration:none;transition:.15s;}
.foot-links a:hover{color:rgba(255,255,255);}



@media(max-width:900px){
  .hero{grid-template-columns:1fr;gap:32px;padding:40px 20px 0;}
  .hero-right{order:-1;}.feat-grid{grid-template-columns:1fr 1fr;}
  .steps{grid-template-columns:1fr 1fr;}.kp-grid{grid-template-columns:1fr 1fr;}
  .seo-grid{grid-template-columns:1fr;}.cta-inner{grid-template-columns:1fr;text-align:center;padding:40px 28px;}
  .foot-top{grid-template-columns:1fr 1fr;gap:28px;}
  .nav-link:not(.nav-cta){display:none;}
}
@media(max-width:600px){
  .feat-grid,.steps{grid-template-columns:1fr;}
  .kp-grid{grid-template-columns:1fr 1fr;}
  .foot-top{grid-template-columns:1fr;}
  .foot-bottom{flex-direction:column;gap:10px;text-align:center;}
  .cta-outer{padding:0 0 48px;}.cta-inner{border-radius:0;}
  .arrow-prev{left:-8px;}.arrow-next{right:-8px;}
}


@keyframes hbob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}