*{box-sizing:border-box}html,body{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;color:#17202b;background:#f5f6f8;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{overflow-wrap:anywhere}.hero{color:#fff;text-align:center;background:#0f2040;padding:64px 22px 52px}.hero h1{letter-spacing:-1.5px;margin:0 0 12px;font-size:46px;line-height:1.05}.hero .hero-sub{color:#c7d2e4;margin:0 0 10px;font-size:19px}.hero .hero-tag{color:#8fa1bd;margin:0;font-size:15px}.wrap{max-width:980px;margin:0 auto;padding:38px 22px 70px}.cards{grid-template-columns:minmax(0,1fr);gap:16px;max-width:680px;margin:0 auto;display:grid}.card{color:inherit;background:#fff;border:1px solid #e3e6eb;border-radius:16px;min-width:0;padding:24px 22px;text-decoration:none;transition:transform .15s,border-color .15s;display:block}.card:hover{border-color:#0f2040;transform:translateY(-2px)}.card:focus-visible{outline-offset:2px;outline:3px solid #0f2040}.card .picons{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.card .picons img{border-radius:10px;width:40px;height:40px;display:block}.card h3{color:#0f2040;margin:0 0 8px;font-size:19px}.card p{color:#5a6472;margin:0;font-size:14.5px;line-height:1.65}.card .go{color:#0f2040;margin-top:14px;font-size:14px;font-weight:650;display:inline-block}.footer{text-align:center;color:#9aa1ab;padding:0 22px 34px;font-size:13px;line-height:1.6}.footer a{color:#0f2040}@media (width<=760px){.hero{padding-top:48px}.hero h1{font-size:36px}.hero .hero-sub{font-size:16.5px}}@media (prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}