*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f7fa;color:#18263a;font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:#174cc9;text-underline-offset:4px}a:hover{color:#0b2f88}a:focus-visible,button:focus-visible{outline:3px solid #e8931b;outline-offset:5px}header,main,footer{max-width:1120px;margin:auto;padding:24px 36px}header{display:flex;align-items:center;justify-content:space-between;gap:24px}nav{display:flex;flex-wrap:wrap;gap:22px;font-size:15px}nav a{text-decoration:none;color:#25354d}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#18263a;font-weight:750}.brand img{width:42px;height:42px}.brand span{font-size:12px;color:#627189;font-weight:500;letter-spacing:.12em}.hero{padding:70px 0 40px;display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.15em;font-weight:750;color:#335797}h1{font-size:clamp(38px,5vw,62px);line-height:1.08;letter-spacing:-.05em;margin:16px 0 26px}h2{font-size:28px;letter-spacing:-.025em;line-height:1.3;margin:0 0 18px}h3{font-size:20px;margin:0 0 8px}p{margin:0 0 18px}.lede{font-size:20px;color:#52627a}.button{display:inline-block;border-radius:9px;background:#174cc9;color:#fff!important;padding:11px 19px;text-decoration:none;font-weight:650;font-size:15px}.button.secondary{background:#e8edf5;color:#25354d!important}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:24px 0}.fine{font-size:14px;color:#52627a}.demo{padding:26px;background:#fff;border:1px solid #dfe6f0;border-radius:18px;box-shadow:0 24px 60px #172a4420}.demo-label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#546b89}.url{padding:14px;margin:16px 0;background:#f0f4fa;border-radius:8px;font-size:14px;overflow-wrap:anywhere}.route{padding:15px;border:1px solid #dfe6f0;border-radius:10px;display:flex;gap:14px;margin-top:10px;align-items:center}.dot{height:30px;width:30px;background:#dfeaff;color:#174cc9;border-radius:50%;display:grid;place-items:center;font-weight:700}.route small{display:block;color:#68778d;line-height:1.5}.section{padding:48px 0;border-top:1px solid #dce4ef}.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.step{font-size:13px;font-weight:750;color:#335797;display:block;margin-bottom:10px}.note{padding:20px 24px;border-left:3px solid #174cc9;background:#eaf0fa;margin:24px 0}.article{max-width:820px;padding-top:40px;padding-bottom:70px}.article h1{font-size:44px}.article h2{font-size:23px;margin-top:36px}.article ul,.article ol{padding-left:24px}footer{border-top:1px solid #dce4ef;display:flex;justify-content:space-between;gap:24px;font-size:13px;color:#637189}@media(max-width:760px){header,main,footer{padding:22px}header{align-items:flex-start;flex-direction:column;gap:15px}nav{gap:18px}.hero{padding:36px 0;grid-template-columns:1fr;gap:28px}.cols{grid-template-columns:1fr;gap:26px}.section{padding:32px 0}footer{flex-direction:column;gap:8px}.article h1{font-size:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
code{font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere;background:#e8edf5;padding:2px 5px;border-radius:4px}