.sp-hero{position:relative;overflow:hidden;padding:84px 16px 76px;background:#0A0A0B}
.sp-hero::before{content:"";position:absolute;inset:0;background:#0A234F;clip-path:polygon(0 0,100% 0,100% 62%,0 88%)}
.sp-svg-echo{position:absolute;right:-46px;bottom:-30px;width:340px;opacity:0.07;z-index:0;pointer-events:none}
.sp-grid{position:relative;z-index:1;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:34px;min-width:0}
.sp-txt{min-width:0}
.sp-txt .lead{margin:18px 0 26px}
.sp-svg{width:100%;max-width:260px;margin:0 auto;min-width:0}
.hbtnrow{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.hbtn{display:inline-block;padding:14px 30px;border-radius:8px;font-weight:700;font-size:1.02rem}
.hbtn-fill{background:#3EA1D9;color:#000000}
.hbtn-fill:hover{background:#5CB4E3;text-decoration:none}
.hbtn-ghost{background:transparent;border:1px solid #5CB4E3;color:#5CB4E3}
.hbtn-ghost:hover{background:rgba(62,161,217,0.12);text-decoration:none}
@media (min-width:1081px){.sp-grid{flex-direction:row;align-items:center;justify-content:space-between}.sp-txt{max-width:60%}.sp-svg{width:40%;max-width:320px;min-width:180px;margin:0}.hbtnrow{justify-content:flex-start}}
@media (max-width:768px){.sp-hero{padding:56px 16px 52px}}