*{box-sizing:border-box}body{margin:0;background:#eef2f8;color:#1d1d1f;font:16px/1.7 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:#007aff;text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:960px;margin:auto;padding:28px 22px 72px}.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border:1px solid #fff;border-radius:18px;background:rgba(248,250,254,.8);box-shadow:0 12px 30px rgba(76,91,121,.09)}.brand{display:flex;align-items:center;gap:10px;color:#1d1d1f;font-weight:750}.brand:hover{text-decoration:none}.mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#007aff;color:white;font-weight:800}.navlinks{display:flex;gap:18px;font-size:13px;color:#667085}.hero{padding:76px 8px 46px;max-width:780px}.eyebrow{color:#007aff;font-size:12px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.hero h1{margin:12px 0 18px;font-size:clamp(2.4rem,6vw,4.8rem);line-height:1.05;letter-spacing:-.06em}.hero p{max-width:680px;color:#596579;font-size:19px}.cta{display:inline-flex;margin-top:22px;padding:13px 20px;border-radius:13px;background:#007aff;color:#fff;font-weight:700;box-shadow:0 10px 22px rgba(0,122,255,.2)}.cta:hover{background:#006fe6;text-decoration:none}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 44px}.card{padding:20px;border:1px solid rgba(255,255,255,.9);border-radius:18px;background:rgba(248,250,254,.72);box-shadow:0 12px 30px rgba(76,91,121,.07)}.card h3{margin:0 0 7px;font-size:17px}.card p{margin:0;color:#667085;font-size:14px}.content{max-width:760px}.content h2{margin-top:42px;font-size:28px;letter-spacing:-.03em}.content li{margin:8px 0;color:#596579}.note{padding:16px 18px;border-left:4px solid #007aff;border-radius:10px;background:#e5f0ff;color:#40516b}.footer{margin-top:56px;padding-top:22px;border-top:1px solid #d5ddea;color:#7b8799;font-size:13px}@media(max-width:700px){.navlinks{gap:8px;font-size:11px}.grid{grid-template-columns:1fr}.hero{padding-top:52px}.hero p{font-size:17px}}
.nav{border-color:rgba(255,255,255,.95);background:rgba(248,250,254,.9);box-shadow:0 14px 34px rgba(76,91,121,.1),inset 0 1px 0 rgba(255,255,255,.9)}.brand{font-weight:800;letter-spacing:-.02em}.navlinks{align-items:center;gap:5px;font-size:13px;font-weight:700;color:#53627a}.navlinks a{padding:9px 12px;border-radius:11px;transition:background .2s ease,color .2s ease,transform .2s ease}.navlinks a:hover,.navlinks a.active{background:#e5f0ff;color:#006ee6;text-decoration:none}.navlinks a.active{box-shadow:inset 0 0 0 1px rgba(0,122,255,.1)}
@media(max-width:700px){.nav{padding:12px 14px}.navlinks{gap:2px;font-size:11px}.navlinks a{padding:8px 7px}}