.bx-hero{padding:140px 0 70px;text-align:center;background:linear-gradient(180deg,#eaf2ff 0%,#fff 100%);position:relative;overflow:hidden}
.bx-hero h1{font-size:clamp(3.2rem,7.4vw,6.8rem);font-weight:300;letter-spacing:-.07em;line-height:.94;margin:16px auto 20px;color:var(--navy);max-width:980px}
.bx-hero h1 span{color:var(--blue)}
.bx-hero .lead{font-size:21px;line-height:1.5;color:var(--ink2);max-width:560px;margin:0 auto}
.bx-hero .btn-row{justify-content:center}
.bx-mock{margin:44px auto 0;width:min(1120px,100%);border-radius:28px;overflow:hidden;box-shadow:0 40px 90px rgba(20,60,140,.22),0 0 0 1px #dbe7f7}
.bx-mock img,.bx-strip img{display:block;width:100%;height:auto}
.bx-strip{position:relative;margin:26px auto 0;width:min(1120px,100%);height:230px;border-radius:24px;overflow:hidden;box-shadow:0 20px 50px rgba(20,60,140,.14)}
.bx-strip img{height:100%;object-fit:cover;object-position:50% 45%}
.bx-steps{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}
.bx-steps span{display:flex;gap:10px;align-items:center;padding:10px 20px;border-radius:99px;background:#fff;border:1px solid var(--line2);font-size:17px;color:var(--navy);box-shadow:0 6px 18px rgba(25,76,144,.07)}
.bx-steps b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--blue);color:#fff;font-size:14px}
.bx-fine{margin-top:18px;font-size:15px;color:var(--ink3)}
@media(max-width:700px){.bx-hero{padding:118px 0 50px}.bx-strip{height:140px;border-radius:16px}.bx-mock{border-radius:16px}.bx-hero .lead{font-size:18px}}