
.how-hero{padding:165px 0 95px;background:linear-gradient(135deg,#f7fbff 0%,#eef7ff 60%,#f5ffff 100%);position:relative;overflow:hidden}
.how-hero:after{content:"";position:absolute;width:520px;height:520px;right:-250px;top:-250px;border-radius:50%;background:rgba(0,168,168,.07)}
.how-hero h1{font-family:'Manrope','Inter',sans-serif;font-size:62px;line-height:1.08;font-weight:800;color:var(--dark);margin:18px 0 22px;position:relative;z-index:1}
.how-hero h1 span{color:var(--secondary)}
.how-hero p{max-width:760px;font-size:19px;line-height:1.85;color:#5e6d80;position:relative;z-index:1}
.how-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px;position:relative;z-index:1}
.how-summary-card{background:#10243e;border-radius:28px;padding:30px;box-shadow:0 28px 65px rgba(16,36,62,.22);position:relative;z-index:1}
.summary-top{display:flex;justify-content:space-between;color:#9bb7d2;text-transform:uppercase;letter-spacing:1.2px;font-size:12px;font-weight:800;margin-bottom:12px}
.summary-top i{color:#59d5ca;font-size:18px}
.summary-step{display:grid;grid-template-columns:45px 1fr 22px;align-items:center;gap:12px;padding:18px 0;border-top:1px solid rgba(255,255,255,.1);color:#e4edf6}
.summary-step b{color:#55d2c7;font-size:13px}.summary-step i{font-size:12px;color:#7995af}
.how-section{padding:100px 0;background:#fff}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}
.how-card{border:1px solid #e4ebf2;border-radius:24px;padding:30px;background:#fff;box-shadow:0 15px 40px rgba(15,76,129,.045);transition:.3s}.how-card:hover{transform:translateY(-7px);box-shadow:0 25px 55px rgba(15,76,129,.1);border-color:#c7ddeb}
.how-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.how-card-top span{font-size:13px;font-weight:900;color:var(--secondary)}.how-card-top i{width:48px;height:48px;border-radius:15px;background:#eef7ff;color:var(--primary);display:flex;align-items:center;justify-content:center}
.how-card h3{font-family:'Manrope','Inter',sans-serif;font-size:22px;font-weight:800;color:var(--dark);margin-bottom:12px}.how-card p{color:#687588;line-height:1.75;margin:0}
.how-dark{padding:100px 0;background:#10243e;color:#fff}.how-dark h2{font-family:'Manrope','Inter',sans-serif;font-size:44px;line-height:1.18;font-weight:800;margin:15px 0 20px}.how-dark p{color:#b8c8d9;font-size:17px;line-height:1.85}.how-dark .eyebrow{background:rgba(255,255,255,.08);color:#8ce2da}
.how-points{border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:8px 24px;background:rgba(255,255,255,.035)}.how-points div{display:flex;gap:13px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.09);color:#dce7f1}.how-points div:last-child{border-bottom:0}.how-points i{color:#55d2c7;margin-top:4px}
.how-final-cta{padding:80px 0}.how-final-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:50px;border:1px solid #dce8f2;border-radius:30px;background:linear-gradient(135deg,#fff,#f5fbff);box-shadow:0 20px 50px rgba(15,76,129,.06)}.how-final-inner h2{font-family:'Manrope','Inter',sans-serif;font-size:38px;color:var(--dark);font-weight:800;margin:10px 0}.how-final-inner p{color:#687588;margin:0}
@media(max-width:991px){.how-hero h1{font-size:46px}.how-grid{grid-template-columns:repeat(2,1fr)}.how-dark h2{font-size:36px}.how-final-inner{flex-direction:column;align-items:flex-start}}
@media(max-width:576px){.how-hero{padding:135px 0 70px}.how-hero h1{font-size:36px}.how-hero p{font-size:16px}.how-grid{grid-template-columns:1fr}.how-dark,.how-section{padding:70px 0}.how-final-inner{padding:30px}.how-final-inner h2{font-size:30px}}
