*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:#07101c;color:#eef5ff;overflow-x:hidden}.container{width:min(1180px,92%);margin:auto}a{text-decoration:none;color:inherit}.nav{position:sticky;top:0;background:rgba(7,16,28,.8);backdrop-filter:blur(14px);border-bottom:1px solid #1d3350;z-index:9}.nav .container{display:flex;justify-content:space-between;align-items:center;padding:18px 0}.nav nav{display:flex;gap:26px}.brand{display:flex;align-items:center;gap:12px}.mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#7c3aed);display:grid;place-items:center;font-weight:800}.brand small{display:block;color:#9db0c8}.btn,.ghost{padding:14px 22px;border-radius:12px}.btn{background:linear-gradient(90deg,#2563eb,#3b82f6);color:#fff}.ghost{border:1px solid #3b82f6}.hero{position:relative;padding:90px 0}.heroGrid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.badge{display:inline-block;padding:8px 14px;border-radius:99px;background:#10233d}.hero h1{font-size:60px;line-height:1.05;margin:20px 0}.hero p{font-size:20px;color:#bfd0e4}.cta{display:flex;gap:16px;margin:30px 0}.trust{display:flex;gap:24px;flex-wrap:wrap}.panel{height:440px;border-radius:28px;background:rgba(255,255,255,.06);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;position:relative}.ring{width:260px;height:260px;border:2px dashed #4f8ef7;border-radius:50%;animation:spin 20s linear infinite}.core{position:absolute;font-size:120px;color:#60a5fa}.mini{position:absolute;bottom:30px;background:#10233d;padding:10px 16px;border-radius:999px}.blob{position:absolute;border-radius:50%;filter:blur(60px)}.a{width:260px;height:260px;background:#2563eb33;top:-50px;left:-80px}.b{width:300px;height:300px;background:#7c3aed2e;right:-80px;bottom:40px}.sec{padding:80px 0}.sec h2{font-size:42px;margin-bottom:22px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.card{background:#0d1828;padding:28px;border:1px solid #1f3d63;border-radius:20px;transition:.3s}.card:hover{transform:translateY(-8px);border-color:#4f8ef7}.card i{font-size:34px;color:#60a5fa;margin-bottom:18px}.chips{display:flex;flex-wrap:wrap;gap:14px}.chips span{padding:12px 18px;background:#0d1828;border:1px solid #24496e;border-radius:999px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.steps div{padding:22px;background:#0d1828;border-radius:16px;text-align:center}.ctaBand{background:linear-gradient(90deg,#10233d,#162f55);padding:55px 0}.band{display:flex;justify-content:space-between;align-items:center;gap:20px}form{display:grid;gap:18px;max-width:620px}input{padding:16px;border-radius:12px;border:1px solid #2a486b;background:#0d1828;color:#fff}.hint{margin-top:14px;color:#9eb2ca}.foot{padding:36px 0;border-top:1px solid #1d3350;display:flex;justify-content:space-between;align-items:center}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:860px){.heroGrid,.band,.foot,.steps{display:grid;grid-template-columns:1fr}.hero h1{font-size:42px}.nav nav{display:none}}/* === PATCH ONLY: Add this at the END of your existing style.css === */

/* Prevent horizontal scrolling */
html,
body{
    width:100%;
    overflow-x:hidden;
}

*,
*::before,
*::after{
    box-sizing:border-box;
}

/* Keep original width while preventing overflow */
.container{
    width:min(1180px,92%);
    max-width:1180px;
    margin:0 auto;
}

/* Hero fixes */
.hero{
    overflow:hidden;
}

/* Decorative blobs */
.a{
    left:-180px;
}

.b{
    right:-180px;
}

/* Responsive fixes only */
@media (max-width:860px){

.heroGrid{
    grid-template-columns:1fr;
    gap:40px;
}

.hero h1{
    font-size:42px;
    line-height:1.15;
}

.panel{
    height:320px;
}

.ring{
    width:180px;
    height:180px;
}

.core{
    font-size:80px;
}

.nav nav{
    display:none;
}

.steps{
    grid-template-columns:1fr;
}

.foot{
    display:grid;
    grid-template-columns:1fr;
    gap:20px;
}

.blob{
    display:none;
}
}


/* ==== Logo support ==== */
.logo{display:block;height:54px;width:auto}
footer .logo{height:46px}

/* ==== Width & overflow fixes ==== */
html,body{width:100%;overflow-x:hidden}
.container{width:min(1180px,92%);max-width:1180px;margin:0 auto}
.hero,.nav,.sec,footer{overflow:hidden}
img,svg{max-width:100%;height:auto}
.a{left:-180px}
.b{right:-180px}

/* ==== Responsive ==== */
@media (max-width:860px){
.container{width:92%}
.nav .container{padding:14px 0}
.nav nav{display:none}
.logo{height:42px}
.hero{padding:60px 0}
.heroGrid{grid-template-columns:1fr;gap:36px}
.hero h1{font-size:40px}
.hero p{font-size:18px}
.panel{height:320px}
.ring{width:180px;height:180px}
.core{font-size:80px}
.cta{flex-direction:column}
.cta .btn,.cta .ghost{width:100%;text-align:center}
.grid,.steps,.band,.foot{display:grid;grid-template-columns:1fr}
.blob{display:none}
}


/* ===== Logo responsive fix ===== */
.logo{
display:block;
height:52px;
width:auto;
max-width:220px;
object-fit:contain;
}
footer .brand{
display:flex;
align-items:center;
gap:12px;
}
.footer-logo{
display:block;
height:48px;
width:auto;
max-width:200px;
object-fit:contain;
}
.hero{overflow:hidden;}
.container{max-width:1180px;}
@media (max-width:860px){
.logo{height:40px;max-width:170px;}
.footer-logo{height:38px;max-width:160px;}
.nav .container{flex-wrap:wrap;gap:12px;}
.heroGrid{grid-template-columns:1fr;gap:36px;}
.panel{height:320px;}
.ring{width:180px;height:180px;}
.core{font-size:80px;}
.steps{grid-template-columns:1fr;}
.foot{display:grid;grid-template-columns:1fr;gap:16px;text-align:center;}
.blob{display:none;}
}