:root{--bg:#050816;--bg2:#081126;--card:rgba(255,255,255,.065);--line:rgba(255,255,255,.13);--txt:#f8fbff;--muted:#b7c5d8;--blue:#31a8ff;--cyan:#7dd3fc;--green:#34d399;--red:#fb7185}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,var(--bg),var(--bg2),var(--bg));color:var(--txt);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}
a{color:inherit}
.sx-wrap{padding:38px 18px;min-height:100vh}
.sx-inner{max-width:1180px;margin:0 auto}
.sx-nav{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:28px}
.sx-brand{text-decoration:none;font-weight:950;letter-spacing:-.4px}
.sx-pill{display:inline-flex;border:1px solid rgba(49,168,255,.38);background:rgba(49,168,255,.11);color:#dff3ff;padding:8px 13px;border-radius:999px;font-weight:850;text-decoration:none}
.sx-title{font-size:clamp(34px,5.5vw,70px);line-height:.98;margin:16px 0;letter-spacing:-2.6px}
.sx-sub{color:var(--muted);font-size:clamp(16px,2vw,21px);line-height:1.58;max-width:850px}
.sx-actions{display:flex;flex-wrap:wrap;gap:13px;margin:25px 0}
.sx-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:14px 22px;border-radius:17px;font-weight:950;text-decoration:none}
.sx-btn.primary{color:#031225;background:linear-gradient(90deg,var(--blue),var(--cyan));box-shadow:0 16px 45px rgba(49,168,255,.25)}
.sx-btn.secondary{color:#eef7ff;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.075)}
.sx-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:30px}
.sx-card{border:1px solid var(--line);background:var(--card);border-radius:24px;padding:19px;box-shadow:0 20px 80px rgba(0,0,0,.22)}
.sx-card h3{margin:0 0 8px}
.sx-card p,.sx-card li{color:#bfd0e3;line-height:1.52}
.sx-ba{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:25px}
.sx-before{background:rgba(248,113,113,.085)}
.sx-after{background:rgba(52,211,153,.105)}
.sx-section{margin-top:36px}
.sx-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.sx-link{border:1px solid var(--line);background:rgba(255,255,255,.055);padding:10px 12px;border-radius:999px;text-decoration:none;color:#dbeafe;font-weight:800}
.sx-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}
.sx-proof b{font-size:28px}
.sx-footer{margin-top:42px;color:#9fb2c9}
@media(max-width:880px){.sx-grid{grid-template-columns:1fr 1fr}.sx-ba,.sx-proof{grid-template-columns:1fr}.sx-nav{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.sx-grid{grid-template-columns:1fr}.sx-title{letter-spacing:-1.4px}}