@font-face{font-family:OptimusPrinceps;src:url(/fonts/OptimusPrincepsSemiBold.ttf)format("truetype");font-weight:600;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#d6dfeb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#10151e;font-family:system-ui,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.75}a{color:#8bc9ff;text-underline-offset:4px}a:hover{color:#c4e4ff}a:focus-visible{outline-offset:5px;border-radius:2px;outline:2px solid #8bc9ff}p{margin:0 0 16px}strong{color:#f0e5cb;font-weight:600}code{color:#b4d6ee;overflow-wrap:anywhere;font-size:.9em}section{scroll-margin-top:24px}h1,h2{color:#f0e5cb;font-family:OptimusPrinceps,Georgia,serif;font-weight:600;line-height:1.2}h1{letter-spacing:-.025em;max-width:760px;margin:16px 0 24px;font-size:clamp(36px,5.5vw,60px)}h1 span{color:#90caff;white-space:nowrap}h2{margin:0 0 24px;font-size:clamp(26px,3vw,32px)}h3{color:#f0e5cb;margin:28px 0 12px;font-size:19px;font-weight:600;line-height:1.4}.skip-link{z-index:1;background:#10151e;padding:12px;position:absolute;top:-100px;left:20px}.skip-link:focus{top:12px}.site-header,main,.site-footer{width:min(920px,100% - 48px);margin-inline:auto}.site-header{border-bottom:1px solid #2c394a;justify-content:space-between;align-items:center;gap:16px;padding-block:20px;display:flex}.brand{color:#f0e5cb;align-items:center;gap:10px;font-weight:600;text-decoration:none;display:inline-flex}.brand img{flex:0 0 32px}.header-link{align-items:center;min-height:44px;font-size:14px;display:inline-flex}.hero{padding:64px 0 40px}.eyebrow{color:#9bb1ca;text-transform:uppercase;letter-spacing:.13em;margin:0;font-size:12px;font-weight:600}.lead{color:#bdcadd;max-width:680px;font-size:20px;line-height:1.65}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px 24px;margin:28px 0 14px;display:flex}.button{color:#edf6ff;background:#1c3449;border:1px solid #6faddd;border-radius:5px;justify-content:center;align-items:center;min-height:48px;padding:10px 20px;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{color:#fff;background:#26445f}.text-link{align-items:center;min-height:44px;display:inline-flex}.hero-note{color:#9cacc0;margin:0;font-size:13px}.contents{border-block:1px solid #2c394a;flex-wrap:wrap;align-items:center;gap:4px 24px;margin-bottom:48px;padding:16px 0;font-size:14px;display:flex}.contents span{color:#9cacc0}.contents a{align-items:center;min-height:44px;display:inline-flex}article>section{max-width:780px;margin-bottom:56px}.steps{counter-reset:step;margin:0;padding:0;list-style:none}.steps>li{counter-increment:step;padding:0 0 32px 56px;position:relative}.steps>li:last-child{padding-bottom:0}.steps>li:before{content:counter(step, decimal-leading-zero);color:#8bc9ff;font-variant-numeric:tabular-nums;background:#172637;border:1px solid #354e68;border-radius:50%;place-items:center;width:36px;height:36px;font-size:13px;display:grid;position:absolute;top:0;left:0}.steps h3{margin-top:0;padding-top:4px}figure{margin:24px 0 0}.screenshot-link{width:fit-content;max-width:100%;display:block}figure img{background:#111;border:1px solid #35475d;border-radius:6px;max-width:100%;height:auto;display:block}figcaption{color:#9cacc0;margin-top:10px;font-size:13px;line-height:1.6}.dialog-figure{max-width:440px}ul{margin:0 0 20px;padding-left:22px}li{margin-bottom:8px;padding-left:4px}.callout{background:#17222f;border:1px solid #35475d;border-radius:6px;padding:28px}.callout h2{margin-top:10px}.callout p:last-child{margin-bottom:0}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#10151e;border:1px solid #2c394a;border-radius:4px;padding:16px;line-height:1.6}.end-cta{border-top:1px solid #2c394a;padding-block:36px}.end-cta h2{margin-bottom:12px}.site-footer{color:#9cacc0;border-top:1px solid #2c394a;padding-block:24px 40px;font-size:12px}.site-footer p{max-width:700px;margin-bottom:8px}@media (width<=600px){.site-header,main,.site-footer{width:calc(100% - 32px)}.site-header{gap:10px;padding-block:12px}.brand{gap:8px;font-size:14px}.header-link{font-size:12px}.hero{padding-top:40px}.lead{font-size:18px}.hero-actions{flex-direction:column;align-items:stretch;gap:8px}.hero-actions .text-link{justify-content:center}.contents{gap:0 18px;margin-bottom:36px}.contents span{flex-basis:100%}.steps>li{padding-left:44px}.steps>li:before{width:32px;height:32px}.steps figure{margin-left:-44px}.callout{padding:20px}article>section{margin-bottom:40px}}