*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3f5f9;color:#101d36;font:16px/1.65 system-ui,-apple-system,sans-serif}main{max-width:1120px;margin:auto;padding:34px 32px 25px}nav{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:27px;font-weight:850;letter-spacing:-1px;color:inherit;text-decoration:none}.brand span{color:#3768e5}.label,.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#78869b}.hero{padding:104px 0 82px}.eyebrow{color:#3768e5}h1{font-size:clamp(42px,6vw,72px);line-height:1.12;letter-spacing:-3px;margin:22px 0}h1 span{color:#5a6e8b}.hero p{max-width:520px;color:#697a90;margin:25px 0}.button{display:inline-flex;gap:28px;align-items:center;padding:14px 21px;margin-top:10px;background:#3768e5;color:#fff;text-decoration:none;border-radius:12px;font-weight:650;font-size:14px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}article{background:#fff;border:1px solid #e5eaf2;border-radius:18px;padding:27px}.number{color:#3768e5;font-size:12px;font-weight:700}h2{font-size:20px;margin:25px 0 12px}article p{color:#78869b;font-size:14px;margin:0}footer{display:flex;justify-content:space-between;gap:20px;padding:40px 0 10px;color:#8b97a8;font-size:11px}a:focus-visible{outline:3px solid #9ab5ff;outline-offset:5px}@media(max-width:650px){main{padding:25px 21px}.label{font-size:8px;letter-spacing:1px}.hero{padding:70px 0 50px}h1{letter-spacing:-1.8px}.grid{grid-template-columns:1fr}article{padding:23px}h2{margin-top:17px}footer{flex-direction:column;gap:8px}}
.nav-actions{display:flex;align-items:center;gap:28px}.nav-panel{font-size:13px;font-weight:650;color:#3768e5;text-decoration:none;white-space:nowrap;padding:10px 0}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.secondary-link{color:#5a6e8b;text-decoration:none;font-size:14px;padding:14px 0;margin-top:10px;display:inline-flex;gap:10px}.button:hover{background:#2856cb}.nav-panel:hover,.secondary-link:hover{text-decoration:underline}.button,.nav-panel,.secondary-link{min-height:44px}@media(max-width:650px){.nav-actions{gap:16px}.nav-actions .label{display:none}.hero-actions{gap:12px 22px}}