.how-page{max-width:1180px}.intro{background:linear-gradient(135deg,#10243d,#1d3d63);color:#fff;border-radius:24px;padding:54px;position:relative;overflow:hidden;box-shadow:0 20px 50px #10243d26}.intro:after{content:"";position:absolute;width:380px;height:380px;border:70px solid #d6a53422;border-radius:50%;right:-130px;top:-190px}.eyebrow{color:#f2c451;font-weight:800;letter-spacing:.12em}.intro h1{font-size:48px;line-height:1.08;margin:14px 0}.intro p{max-width:690px;color:#dce7f4;font-size:19px}.status-pill{display:inline-block;background:#d6a534;color:#15263c;border-radius:14px;padding:6px 12px;font-size:12px;font-weight:800}.flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:12px;align-items:stretch;margin:28px 0}.flow article,.explain-card,.feature-grid article,.audience-grid article{background:#fff;border:1px solid #dce3ed;border-radius:16px;padding:22px;box-shadow:0 8px 30px #17304b0d}.flow article b{display:flex;width:34px;height:34px;border-radius:50%;align-items:center;justify-content:center;background:#5268e8;color:#fff}.flow h2,.explain-card h2{font-size:18px;margin:14px 0 7px}.flow p,.explain-card p,.feature-grid p,.audience-grid p{color:#68778b;margin:0}.flow i{align-self:center;color:#d6a534;font-size:28px;font-style:normal}.explain-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.feature-section,.audience-section{margin:46px 0}.section-heading span{color:#5268e8;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.section-heading h2{font-size:30px;margin:7px 0 20px}.feature-grid,.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-grid strong{display:block;font-size:18px;margin-bottom:8px}.audience-grid article{position:relative;overflow:hidden}.audience-grid h3{font-size:18px;margin:10px 0 7px}.audience-icon{font-size:28px}.route{display:flex;align-items:center;justify-content:center;gap:24px;background:#fff;border:1px solid #dce3ed;border-radius:16px;padding:26px;margin:26px 0}.route div{text-align:center}.route span{display:block;color:#68778b;font-size:12px}.route strong{display:block;margin-top:4px}.route em{font-size:30px;color:#d6a534;font-style:normal}.privacy{border-left:5px solid #5268e8;background:#edf3fb;padding:22px 26px;border-radius:10px}.privacy h2{margin-top:0}.cta{display:flex;align-items:center;justify-content:space-between;background:#192f4b;color:#fff;border-radius:18px;padding:28px;margin:26px 0}.cta h2{margin:0 0 5px}.cta p{margin:0;color:#cfdceb}footer{text-align:center;color:#68778b;padding:20px 15px 36px}@media(max-width:900px){.intro{padding:34px 26px}.intro h1{font-size:36px}.flow{grid-template-columns:1fr}.flow i{transform:rotate(90deg);justify-self:center}.explain-grid,.feature-grid,.audience-grid{grid-template-columns:1fr}.route{flex-direction:column}.route em{transform:rotate(90deg)}.cta{align-items:flex-start;flex-direction:column;gap:18px}}