:root{--ground:#17191d;--ground-2:#1e2025;--raised:#25282e;--line:#2c2f36;--line-strong:#3b3f48;--text:#e4e6ea;--muted:#9a9fa9;--accent:#8e98ff;--accent-fill:#5a63e0;--teal:#44c7b5;--coral:#ff7a6b;--amber:#d9a13b;--sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", "Segoe UI", Roboto, sans-serif;--display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", "Segoe UI", Roboto, sans-serif;--radius:14px;--max:1160px;--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--ground);color:var(--text);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}img{max-width:100%;height:auto;display:block}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.wrap{width:min(var(--max), calc(100% - 40px));margin:0 auto}.muted{color:var(--muted)}.site-head{z-index:50;transition:background .3s var(--ease), border-color .3s var(--ease);border-bottom:1px solid #0000;position:fixed;inset:0 0 auto}.site-head.scrolled{background:color-mix(in srgb, var(--ground) 82%, transparent);-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--line)}.site-head .wrap{align-items:center;gap:28px;height:64px;display:flex}.brand{color:var(--text);font:600 19px/1 var(--display);letter-spacing:-.01em;align-items:center;gap:10px;display:flex}.brand:hover{text-decoration:none}.brand img{width:28px;height:28px}.nav{gap:22px;margin-left:auto;font-size:14px;display:flex}.nav a{color:var(--muted)}.nav a:hover{color:var(--text);text-decoration:none}.btn{border:1px solid var(--line-strong);color:var(--text);transition:transform .2s var(--ease), background .2s var(--ease), border-color .2s var(--ease);background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:12px 20px;font-size:15px;font-weight:500;display:inline-flex}.btn:hover{border-color:var(--muted);text-decoration:none;transform:translateY(-1px)}.btn.primary{background:var(--accent-fill);border-color:var(--accent-fill);color:#fff}.btn.primary:hover{background:#6971ec}.btn.small{border-radius:8px;padding:7px 13px;font-size:13px}.btn svg{flex:none;width:18px;height:18px}.hero{text-align:center;padding:150px 0 0;position:relative}.hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(40% 40% at 30% 30%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 70%), radial-gradient(35% 35% at 72% 38%, color-mix(in srgb, var(--teal) 11%, transparent), transparent 70%);height:900px;position:absolute;inset:0 0 auto}.hero h1{font:700 clamp(44px, 8vw, 104px)/1 var(--display);letter-spacing:-.045em;margin:0}.hero h1 .line{padding-bottom:.08em;display:block;overflow:hidden}.hero h1 .line>span{transition:transform 1.1s var(--ease);display:inline-block}.hero h1 .line:nth-child(2)>span{transition-delay:.12s}.hero h1 .line:nth-child(3)>span{transition-delay:.24s}.hero h1 em{color:var(--accent);font-style:normal}.hero h1 .teal{color:var(--teal)}.hero .lede{max-width:600px;color:var(--muted);margin:26px auto 0;font-size:19px}.hero .ctas{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px;display:flex}.hero .facts{color:var(--muted);margin:16px 0 0;font-size:13px}.hero .lede,.hero .ctas,.hero .facts{transition:opacity 1s var(--ease), translate 1s var(--ease)}.hero .lede{transition-delay:.5s}.hero .ctas{transition-delay:.65s}.hero .facts{transition-delay:.8s}.intro .hero h1 .line>span{transform:translateY(105%)}.intro .hero .lede,.intro .hero .ctas,.intro .hero .facts{opacity:0;translate:0 12px}.mac{background:var(--ground-2);border:1px solid var(--line-strong);border-radius:12px;position:relative;overflow:hidden;box-shadow:0 40px 120px -30px #000000bf,inset 0 0 0 1px #ffffff08}.mac .bar{border-bottom:1px solid var(--line);background:#1b1d22;align-items:center;gap:8px;height:32px;padding:0 13px;display:flex}.mac .bar i{background:#ff5f57;border-radius:50%;flex:none;width:12px;height:12px}.mac .bar i:nth-child(2){background:#febc2e}.mac .bar i:nth-child(3){background:#28c840}.mac .bar span{color:var(--muted);margin:0 auto;font-size:12px;transform:translate(-26px)}.mac .screen{aspect-ratio:1440/852;background:#1e2025;position:relative}.mac .screen img{object-fit:cover;object-position:top left;opacity:0;width:100%;height:100%;transition:opacity .6s var(--ease), transform 1s var(--ease);position:absolute;inset:0;transform:scale(1.02)}.mac .screen img.on{opacity:1;transform:none}.tour{position:relative}.stage-grid{grid-template-columns:minmax(300px,380px) 1fr;align-items:center;gap:56px;display:grid}.panel .progress{grid-template-columns:repeat(5,1fr);gap:6px;margin:0 0 34px;padding:0;list-style:none;display:grid}.progress button{all:unset;box-sizing:border-box;cursor:pointer;width:100%;color:var(--muted);transition:color .3s var(--ease);font-size:12px;display:block}.progress button:hover,.progress button.active{color:var(--text)}.progress button:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.progress .seg{background:var(--line-strong);border-radius:3px;height:3px;margin-bottom:9px;display:block;overflow:hidden}.progress .seg i{background:var(--accent);transform-origin:0;width:100%;height:100%;transform:scaleX(var(--f,0));display:block}.step .num{font:500 13px/1 var(--sans);color:var(--accent);letter-spacing:.04em;font-variant-numeric:tabular-nums}.step h3{font:700 clamp(28px, 3vw, 40px)/1.08 var(--display);letter-spacing:-.03em;margin:14px 0}.step p{color:var(--muted);margin:0 0 18px}.step ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.step li{align-items:baseline;gap:10px;font-size:15px;display:flex}.step li:before{content:"";background:var(--teal);border-radius:50%;flex:none;width:6px;height:6px;transform:translateY(-2px)}.step-shot{display:none}.kbd{font:500 12px/1 var(--sans);border:1px solid var(--line-strong);background:var(--raised);color:var(--text);border-radius:6px;padding:4px 7px;display:inline-block}.pinned .tour{height:640vh}.pinned .stage{align-items:center;height:100vh;padding-top:40px;display:flex;position:sticky;top:0}.pinned .stage-grid{width:min(var(--max), calc(100% - 64px))}.pinned .panel{opacity:var(--panel,1);translate:calc((1 - var(--panel,1)) * -24px) 0}.pinned .steps{display:grid}.pinned .step{opacity:0;transition:opacity .45s var(--ease), translate .6s var(--ease);pointer-events:none;grid-area:1/1;translate:0 18px}.pinned .step.past{translate:0 -18px}.pinned .step.active{opacity:1;pointer-events:auto;transition-delay:.12s;translate:0}.pinned .mac-slot{z-index:2;position:relative}.pinned .tour .mac{transform-origin:50%;position:absolute}html:not(.pinned) .tour{padding:56px 0 40px}html:not(.pinned) .stage-grid{flex-direction:column-reverse;align-items:stretch;gap:8px;display:flex}html:not(.pinned) .progress{display:none}html:not(.pinned) .step{border-top:1px solid var(--line);padding:48px 0 8px}html:not(.pinned) .step:first-child{border-top:0}html:not(.pinned) .step-shot{border:1px solid var(--line-strong);border-radius:10px;margin-top:24px;display:block;box-shadow:0 24px 60px -24px #000000b3}html:not(.pinned) .tour .mac{margin-bottom:24px}section{padding:120px 0;position:relative}.tour{padding:0}.kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--teal);font-size:13px;font-weight:500}.h2{font:700 clamp(34px, 4.6vw, 58px)/1.05 var(--display);letter-spacing:-.04em;margin:14px 0 0}.h2 em{color:var(--accent);font-style:normal}.sub{color:var(--muted);max-width:560px;font-size:18px}.js .reveal{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transform:translateY(28px)}.js .reveal.in{opacity:1;transform:none}.conn{grid-template-columns:1fr 1.2fr;align-items:center;gap:64px;display:grid}.pills{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.pill{border:1px solid var(--line);background:var(--ground-2);border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:14px;display:inline-flex}.pill img{object-fit:contain;flex:none;width:18px;height:18px}.pill img[src$=\.png]{border-radius:5px}.cards{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg, var(--ground-2), var(--ground));padding:28px}.card .ic{background:color-mix(in srgb, var(--accent) 14%, transparent);width:40px;height:40px;color:var(--accent);border-radius:10px;place-items:center;margin-bottom:18px;display:grid}.card .ic svg{width:20px;height:20px}.card h3{margin:0 0 8px;font-size:18px;font-weight:600}.card p{color:var(--muted);margin:0;font-size:15px}.ribbon{border-block:1px solid var(--line);margin-top:40px;padding:22px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.ribbon .track{gap:40px;width:max-content;animation:40s linear infinite scroll;display:flex}.ribbon span{color:var(--muted);white-space:nowrap;align-items:center;gap:10px;font-size:15px;display:inline-flex}@keyframes scroll{to{transform:translate(-50%)}}.faq{max-width:820px;margin:48px auto 0}.faq details{border-bottom:1px solid var(--line);padding:4px 0}.faq summary{cursor:pointer;justify-content:space-between;gap:20px;padding:18px 0;font-size:18px;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--muted);transition:transform .3s var(--ease);font-size:22px;line-height:1}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{color:var(--muted);margin:0 0 18px}.final{text-align:center;padding:140px 0}.final .h2{font-size:clamp(42px,6.5vw,88px)}.site-foot{border-top:1px solid var(--line);color:var(--muted);padding:40px 0 60px;font-size:14px}.site-foot .wrap{flex-wrap:wrap;align-items:center;gap:18px 28px;display:flex}.site-foot nav{flex-wrap:wrap;gap:20px;margin-left:auto;display:flex}.site-foot a{color:var(--muted)}.site-foot a:hover{color:var(--text)}.doc{padding-bottom:60px}.doc-hero{border-bottom:1px solid var(--line);padding:150px 0 56px;position:relative;overflow:hidden}.doc-hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(50% 90% at 20% 0%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 70%);position:absolute;inset:0}.doc-hero h1{font:700 clamp(38px, 6vw, 64px)/1.04 var(--display);letter-spacing:-.045em;margin:14px 0 0}.doc-lede{max-width:640px;color:var(--muted);margin:18px 0 0;font-size:18px}.doc .updated{color:var(--muted);margin:18px 0 0;font-size:13px}.doc-top{margin-top:48px}.help-cards{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.help-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg, var(--ground-2), var(--ground));color:var(--text);transition:border-color .2s var(--ease), transform .2s var(--ease);gap:6px;padding:22px;display:grid}.help-card:hover{border-color:var(--line-strong);text-decoration:none;transform:translateY(-2px)}.help-card b{font-weight:600}.help-card b:after{content:" →";color:var(--accent)}.help-card span{color:var(--muted);font-size:14px}.doc-grid{grid-template-columns:200px minmax(0,720px);gap:72px;margin-top:40px;display:grid}.doc-toc ul{border-left:1px solid var(--line);gap:10px;margin:0;padding:0 0 0 14px;list-style:none;display:grid}.doc-toc-head{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:8px 0 12px;font-size:12px;font-weight:500;display:block}.doc-toc{align-self:start;position:sticky;top:96px}.doc-toc a{color:var(--muted);font-size:14px;line-height:1.35;display:block}.doc-toc a:hover{color:var(--text);text-decoration:none}.doc-toc a.active{color:var(--accent)}.doc-body{min-width:0}.doc-body h2{font:650 24px/1.2 var(--display);letter-spacing:-.02em;margin:52px 0 12px;scroll-margin-top:90px}.doc-body h2:first-child{margin-top:8px}.doc-body h3{font:600 18px/1.3 var(--display);margin:28px 0 6px}.doc-body p,.doc-body li{color:#c9ccd3}.doc-body ul{padding-left:20px}.doc-body li{margin:7px 0}.doc-body li::marker{color:var(--teal)}.doc .note{border:1px solid var(--line);border-left:3px solid var(--teal);background:var(--ground-2);border-radius:10px;margin:24px 0;padding:16px 18px}.doc code{background:var(--raised);overflow-wrap:anywhere;border-radius:5px;padding:2px 6px;font-size:.86em}@media (max-width:1000px){.doc-grid{grid-template-columns:minmax(0,1fr);gap:0}.doc-toc{display:none}.help-cards{grid-template-columns:1fr}}@media (max-width:900px){.nav{display:none}.site-head .btn{margin-left:auto}.conn{grid-template-columns:1fr;gap:40px}.cards{grid-template-columns:1fr}section{padding:80px 0}}@media (max-width:560px){.wrap{width:calc(100% - 32px)}.site-head .wrap{gap:12px}.hero{padding-top:112px}.hero h1{font-size:clamp(40px,12.5vw,56px)}.hero .lede{font-size:17px}.hero .ctas{flex-direction:column;align-items:stretch}.mac{border-radius:9px}.mac .bar{gap:5px;height:22px;padding:0 9px}.mac .bar i{width:8px;height:8px}.mac .bar span{font-size:10px;transform:translate(-14px)}.step h3{font-size:28px}.card{padding:22px}.faq summary{font-size:16px}.final{padding:90px 0}.site-foot nav{margin-left:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.intro .hero h1 .line>span,.intro .hero .lede,.intro .hero .ctas,.intro .hero .facts{opacity:1;transform:translate(0,0)}.reveal{opacity:1;transform:none}}