*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#07091a;background:#fff;font:17px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:#5d25f5;text-underline-offset:.2em}a:hover{color:#3c00cc}a:focus-visible,summary:focus-visible{outline:3px solid #5d25f5;outline-offset:4px}.site-header{display:flex;align-items:center;gap:2rem;padding:20px max(3.3vw,20px);border-bottom:1px solid #e6e6eb}.site-header nav{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;margin-left:auto}.site-header nav a{color:#07091a;font-size:14px;font-weight:650;text-decoration:none}.brand{display:inline-flex;align-items:center;gap:10px;color:#07091a;font-size:30px;font-weight:800;letter-spacing:-1.1px;text-decoration:none;white-space:nowrap}.brand img{width:220px;height:50px;object-fit:contain}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:#fff;color:#07091a;padding:1rem;z-index:3}main{max-width:1180px;margin:auto;padding:3rem 24px 5rem}h1{font-size:clamp(36px,4vw,52px);line-height:1.08;letter-spacing:-1.8px;font-weight:800;margin:0 0 24px}h2{font-size:28px;line-height:1.22;letter-spacing:-.65px;margin:0 0 20px;font-weight:780}h3{line-height:1.3}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:56px;align-items:center;padding:30px 0 54px;border-bottom:1px solid #e6e6eb}.hero-copy p{margin:0 0 24px}.lede{font-size:19px;line-height:1.6}.hero .pill{margin-right:10px}.workflow{list-style:none;padding:0;margin:0;display:grid;gap:14px}.workflow li{display:flex;gap:18px;align-items:center;border:1px solid #d5d5df;border-radius:12px;padding:22px;margin:0;font-size:18px;font-weight:650;line-height:1.3}.workflow .number{display:grid;place-items:center;min-width:38px;height:38px;border-radius:50%;background:#5d25f5;color:white;font-size:16px}.workflow-wrap .example-label{margin-top:14px}.article-body{max-width:850px;margin:0 auto}.article-body>section{padding:42px 0;border-bottom:1px solid #e6e6eb}.article-body p{margin:0 0 18px}.example-label{font-size:12px;font-weight:650;letter-spacing:.025em;color:#555561;margin:0 0 9px}.eyebrow{font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:#555561}.template{padding:24px;border:1px solid #d5d5df;border-left:4px solid #5d25f5;border-radius:0 8px 8px 0;margin:22px 0;background:#fff}.template p:last-child{margin-bottom:0}table{width:100%;border-collapse:collapse;margin:22px 0;font-size:15px;line-height:1.55}th,td{text-align:left;vertical-align:top;padding:14px 12px;border-bottom:1px solid #d5d5df}th{background:#07091a;color:#fff;font-weight:650}caption{text-align:left;font-size:12px;color:#555561;margin-bottom:10px}li{margin:.5rem 0}video{display:block;width:100%;height:auto;margin:22px 0;border-radius:12px;background:#07091a}.pill{display:inline-block;background:#5d25f5;color:#fff;text-decoration:none;padding:12px 20px;border-radius:7px;font-weight:700;font-size:15px}.pill:hover{background:#4208cf;color:#fff}.pill.secondary{background:#fff;color:#5d25f5;border:1px solid #5d25f5}footer{border-top:1px solid #e6e6eb;padding:34px max(3.3vw,20px);color:#07091a}footer nav{display:flex;flex-wrap:wrap;gap:14px 24px}footer a{color:#07091a;font-size:14px;text-decoration:none}footer p{font-size:13px;color:#555561}code{overflow-wrap:anywhere;font-size:.9em}pre{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #d5d5df;padding:20px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.cards article{border:1px solid #d5d5df;padding:20px}@media(max-width:850px){.site-header{flex-wrap:wrap;gap:18px}.site-header nav{margin-left:0;gap:12px 18px}.hero{grid-template-columns:1fr;gap:26px;padding-top:12px}.hero-copy{max-width:650px}.workflow li{padding:16px}.workflow-wrap{max-width:650px}main{padding:28px 20px 55px}h1{font-size:40px;letter-spacing:-1.3px}h2{font-size:25px}.article-body>section{padding:32px 0}}@media(max-width:480px){body{font-size:16px}.site-header nav a{font-size:13px}.brand{font-size:27px}.brand img{width:190px;height:43px}.lede{font-size:17px}h1{font-size:36px}table{font-size:13px}td,th{padding:10px 7px}.hero .pill{font-size:14px;padding:11px 14px}.template{padding:18px}}