:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#183558;background:#f5f8fd;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 8%,#dceaff 0,transparent 42%)}main{max-width:1160px;margin:auto;padding:0 32px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0;border-bottom:1px solid #dae5f3}.brand{text-decoration:none;color:#183558;display:flex;align-items:center;gap:12px;font-size:18px;font-weight:750}.mark{display:grid;place-items:center;width:40px;height:40px;background:linear-gradient(135deg,#00bbce,#1955ed);border-radius:12px;color:white;font-size:28px}.muted{color:#708199;font-weight:450}.badge{background:#e4f6ef;color:#147354;border:1px solid #c9e9db;border-radius:30px;padding:8px 12px;font-size:12px;white-space:nowrap}.badge i{display:inline-block;width:7px;height:7px;background:#0aaa77;border-radius:50%;margin-right:6px}.hero{padding:64px 0 44px;max-width:770px}.eyebrow{font-size:11px;letter-spacing:2px;color:#3565a1;font-weight:750}h1{font-size:clamp(36px,5.5vw,62px);line-height:1.08;letter-spacing:-2.5px;margin:20px 0;color:#102f55}p{font-size:16px;line-height:1.7;color:#59718e}.hero p{max-width:580px}.actions{display:flex;align-items:center;gap:22px;margin-top:26px}.actions a{text-decoration:none;font-size:14px;font-weight:650}.primary{background:#1d63ec;color:white;border-radius:11px;padding:15px 20px;box-shadow:0 5px 15px #1d63ec19}.primary span{margin-left:15px}.secondary{color:#325784}.note{font-size:11px;color:#77899f;margin-top:16px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article{background:white;border:1px solid #dae5f3;border-radius:17px;padding:24px;position:relative}.icon{display:grid;place-items:center;background:#edf3ff;color:#2466f1;width:43px;height:43px;border-radius:12px;font-size:24px}.teal{color:#069f9a;background:#e4f8f6}.purple{color:#7f55db;background:#f1edff}.method{position:absolute;top:32px;right:24px;color:#548064;font-size:10px;font-weight:750;letter-spacing:1px}h2{font-size:19px;margin:20px 0 8px}.cards p{font-size:13px;min-height:88px;margin-bottom:16px}code{font-size:12px;background:#f4f7fc;border:1px solid #e7edf6;border-radius:7px;padding:8px 10px;display:block;color:#426187;overflow-wrap:anywhere}.connect{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid #dbe5f2;margin-top:44px;padding:36px 0}.connect h2{font-size:27px;margin:10px 0}.connect p{font-size:14px}.connect ol{margin:0;padding-left:22px}.connect li{padding:0 0 15px 8px;color:#2862bd}.connect b{font-size:14px}.connect li span{display:block;font-size:13px;line-height:1.6;color:#627892;margin-top:5px}footer{border-top:1px solid #dbe5f2;padding:22px 0;display:flex;justify-content:space-between;gap:15px;color:#8393a8;font-size:11px}a:focus-visible{outline:3px solid #06aebb;outline-offset:5px}@media(max-width:720px){main{padding:0 20px}.muted{display:none}.hero{padding-top:40px}.cards,.connect{grid-template-columns:1fr;gap:18px}.cards p{min-height:0}.actions{flex-wrap:wrap}footer{flex-direction:column}.badge{font-size:10px}header{gap:8px}.brand{font-size:16px}}