*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;scroll-behavior:smooth}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:var(--op-color-canvas);min-height:100vh;color:var(--op-color-ink);font-family:var(--op-font-sans);font-size:var(--op-type-body-size);line-height:var(--op-type-body-line);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--op-color-ink);text-underline-offset:3px}:focus-visible{outline:2px solid var(--op-focus-color);outline-offset:2px}.site-header{align-items:center;gap:var(--op-space-4);max-width:1080px;padding:var(--op-space-4) var(--op-space-6);border-bottom:1px solid var(--op-color-separator);margin:0 auto;display:flex}.brand{min-height:44px;color:var(--op-color-ink);align-items:center;gap:10px;font-weight:650;text-decoration:none;display:inline-flex}.logo-mark{background-color:currentColor;flex:none;display:inline-block;-webkit-mask:url(/logo-mask.png) 50%/contain no-repeat;mask:url(/logo-mask.png) 50%/contain no-repeat}.site-nav{align-items:center;gap:var(--op-space-1);margin-left:auto;display:flex}.site-nav a{min-height:44px;padding:0 var(--op-space-3);color:var(--op-color-ink-secondary);border-radius:var(--op-radius-sm);align-items:center;text-decoration:none;display:inline-flex}.site-nav a:hover{color:var(--op-color-ink);background:var(--op-color-sunken)}.button{min-height:44px;font:inherit;color:var(--op-color-ink);background:var(--op-color-surface);border:1px solid var(--op-color-border);border-radius:var(--op-radius-sm);justify-content:center;align-items:center;padding:10px 20px;font-weight:600;text-decoration:none;transition:background-color .12s ease-out;display:inline-flex}.button:hover{background:var(--op-color-sunken)}.button.primary{background:var(--op-color-ink);color:var(--op-color-ink-inverse);border-color:var(--op-color-ink)}.button.primary:hover{background:var(--op-color-ink-hover)}.button.small{min-height:44px;font-size:var(--op-type-supporting-size);padding:8px 16px}.site-header>.button{margin-left:var(--op-space-2);white-space:nowrap}.nav-menu{margin-left:auto;display:none;position:relative}.nav-menu summary{min-height:44px;padding:0 var(--op-space-3);cursor:pointer;border-radius:var(--op-radius-sm);align-items:center;font-weight:600;list-style:none;display:inline-flex}.nav-menu summary::-webkit-details-marker{display:none}.nav-menu nav{z-index:5;min-width:180px;padding:var(--op-space-2);background:var(--op-color-surface);border:1px solid var(--op-color-border);border-radius:var(--op-radius-sm);display:grid;position:absolute;right:0}.nav-menu nav a{min-height:44px;padding:0 var(--op-space-3);align-items:center;text-decoration:none;display:flex}main{max-width:1080px;padding:0 var(--op-space-6);margin:0 auto}section.band{padding:var(--op-space-10) 0;border-top:1px solid var(--op-color-separator)}.hero{padding:var(--op-space-10) 0}.eyebrow{margin:0 0 var(--op-space-3);font-size:var(--op-type-caption-size);letter-spacing:.12em;text-transform:uppercase;color:var(--op-color-ink-tertiary);font-weight:600}.hero h1{margin:0 0 var(--op-space-4);letter-spacing:-.03em;font-size:clamp(44px,8.5vw,84px);font-weight:700;line-height:1.02}.lede{margin:0 0 var(--op-space-3);color:var(--op-color-ink);max-width:30ch;font-size:clamp(19px,2.6vw,24px);font-weight:500;line-height:1.35}.hero-body{max-width:56ch;color:var(--op-color-ink-secondary);margin:0;font-size:17px}.actions{gap:var(--op-space-3);margin-top:var(--op-space-6);flex-wrap:wrap;display:flex}.beta-note{margin:var(--op-space-4) 0 0;max-width:56ch;color:var(--op-color-ink-secondary)}.diagram{margin:var(--op-space-9) 0 0}.diagram svg{width:100%;max-width:640px;height:auto;display:block}.diagram-node{fill:var(--op-color-surface);stroke:var(--op-color-border);stroke-width:1.5px}.diagram-label{fill:var(--op-color-ink-tertiary);font-family:var(--op-font-sans);font-size:12px}.diagram-line{stroke:var(--op-color-border);stroke-width:1.5px;stroke-dasharray:2 6;stroke-linecap:round}.diagram figcaption{margin-top:var(--op-space-2);font-size:var(--op-type-caption-size);color:var(--op-color-ink-tertiary)}h2{margin:0 0 var(--op-space-6);letter-spacing:-.02em;font-size:clamp(26px,4vw,36px);font-weight:650;line-height:1.15}h3{margin:0 0 var(--op-space-2);font-size:var(--op-type-section-title-size);line-height:var(--op-type-section-title-line);font-weight:600}.steps{gap:var(--op-space-6);counter-reset:step;grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.steps li{padding-top:var(--op-space-4);border-top:1px solid var(--op-color-border)}.step-index{margin-bottom:var(--op-space-3);font-family:var(--op-font-mono);font-size:var(--op-type-mono-caption-size);color:var(--op-color-ink-tertiary);display:block}.steps p,.panel p{color:var(--op-color-ink-secondary);margin:0}.grid{gap:var(--op-space-6);grid-template-columns:repeat(3,1fr);display:grid}.panel{padding-top:var(--op-space-4);border-top:1px solid var(--op-color-border)}.faq details{border-top:1px solid var(--op-color-separator)}.faq details:last-child{border-bottom:1px solid var(--op-color-separator)}.faq summary{min-height:44px;padding:var(--op-space-3) 28px var(--op-space-3) 0;cursor:pointer;align-items:center;font-weight:600;list-style:none;display:flex;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--op-color-ink-secondary);position:absolute;right:4px}.faq details[open] summary:after{content:"−"}.faq details p{padding:0 0 var(--op-space-4);max-width:64ch;color:var(--op-color-ink-secondary);margin:0}.site-footer{justify-content:space-between;align-items:center;gap:var(--op-space-4);max-width:1080px;padding:var(--op-space-5) var(--op-space-6) var(--op-space-8);border-top:1px solid var(--op-color-separator);font-size:var(--op-type-supporting-size);color:var(--op-color-ink-secondary);margin:0 auto;display:flex}.site-footer a{align-items:center;min-height:44px;display:inline-flex}.site-footer nav{justify-content:flex-end;column-gap:var(--op-space-4);flex-wrap:wrap;display:flex}@media (max-width:720px){.site-nav{display:none}.nav-menu{display:block}.site-footer{flex-direction:column;align-items:flex-start}.site-footer nav{justify-content:flex-start}.steps,.grid{grid-template-columns:1fr}.hero,section.band{padding:var(--op-space-8) 0}}@media (max-width:480px){.site-header{padding:var(--op-space-2) var(--op-space-4)}main,.site-footer{padding-left:var(--op-space-4);padding-right:var(--op-space-4)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}.demo-wrap{margin-top:var(--op-space-6)}.page-head{padding:var(--op-space-9) 0 var(--op-space-6)}.page-head h1{margin:0 0 var(--op-space-3);letter-spacing:-.03em;font-size:clamp(34px,6vw,56px);font-weight:700;line-height:1.05}.plans{gap:var(--op-space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.plan{gap:var(--op-space-3);min-width:0;padding:var(--op-space-5);background:var(--op-color-surface);border:1px solid var(--op-color-border);border-radius:var(--op-radius-md,12px);flex-direction:column;display:flex}.plan h2{font-size:var(--op-type-section-title-size);line-height:var(--op-type-section-title-line);margin:0}.plan .button{margin-top:auto}.plan-price{flex-wrap:wrap;align-items:baseline;gap:6px;margin:0;display:flex}.plan-price .amount{letter-spacing:-.02em;font-size:36px;font-weight:700}.plan-price .per,.plan-note{color:var(--op-color-ink-secondary)}.plan-note{min-height:1.5em;margin:0}.plan-features{color:var(--op-color-ink-secondary);margin:0;padding-left:1.1em}.plan-features li+li{margin-top:var(--op-space-2)}.plan.later{background:0 0;border-style:dashed}.later-label{width:fit-content;font-size:var(--op-type-caption-size);color:var(--op-color-ink-secondary);background:var(--op-color-sunken);border-radius:var(--op-radius-full);align-items:center;gap:6px;margin:0;padding:2px 8px;font-weight:600;display:inline-flex}.toggle{background:var(--op-color-sunken);border-radius:var(--op-radius-sm);width:fit-content;padding:3px;display:inline-flex}.toggle button{min-height:36px;font:inherit;color:var(--op-color-ink-secondary);border-radius:var(--op-radius-sm);cursor:pointer;background:0 0;border:0;padding:0 14px;font-weight:600}.toggle button.on{color:var(--op-color-ink);background:var(--op-color-surface);box-shadow:0 0 0 1px var(--op-color-border)}.notes{padding:var(--op-space-6) 0 var(--op-space-8);color:var(--op-color-ink-secondary)}.notes p{margin:0 0 var(--op-space-2);max-width:64ch}.compact-plans .plan-price .amount{font-size:28px}.beta-page{max-width:560px}.beta-card{padding:var(--op-space-5);background:var(--op-color-surface);border:1px solid var(--op-color-border);border-radius:var(--op-radius-md,12px)}.beta-card label{margin-bottom:6px;font-weight:600;display:block}.beta-card input{width:100%;min-height:44px;font:inherit;color:inherit;background:var(--op-color-canvas);border:1px solid var(--op-color-border);border-radius:var(--op-radius-sm);padding:9px 12px}.beta-card .code-input{font-family:var(--op-font-mono);letter-spacing:.3em;text-align:center;font-size:24px}.beta-state{margin:0 0 var(--op-space-4);align-items:flex-start;gap:8px;font-weight:600;display:flex}.form-error{margin:var(--op-space-3) 0 0;color:var(--op-color-error);background:var(--op-color-error-tint);border-radius:var(--op-radius-sm);align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.beta-state svg{flex:none;margin-top:5px}.form-error svg{flex:none;margin-top:3px}button.link{font:inherit;color:var(--op-color-ink);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;min-height:44px;padding:0;text-decoration:underline}.button:disabled{opacity:.55;cursor:not-allowed}.beta-points{margin:var(--op-space-6) 0 var(--op-space-8);color:var(--op-color-ink-secondary);padding-left:1.1em}@media (max-width:1000px){.plans{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.plans{grid-template-columns:minmax(0,1fr)}}