.product-page .demo-files[data-astro-cid-a3kmdllu]{max-width:1040px}.demo-files[data-astro-cid-a3kmdllu]{padding-block:16px 48px}h2[data-astro-cid-a3kmdllu]{text-align:center;font-size:clamp(26px,2.4vw,34px)}.demo-intro[data-astro-cid-a3kmdllu],.demo-note[data-astro-cid-a3kmdllu]{color:#63718a;text-align:center}.demo-intro[data-astro-cid-a3kmdllu]{max-width:65ch;margin:12px auto 24px}.demo-note[data-astro-cid-a3kmdllu]{margin-top:18px;font-size:13px}.demo-grid[data-astro-cid-a3kmdllu]{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}article[data-astro-cid-a3kmdllu]{background:linear-gradient(150deg,#fff,#f4f7fc);border:1px solid #e1e6ee;border-radius:24px;flex-direction:column;align-items:flex-start;padding:26px;display:flex;box-shadow:0 8px 30px #203b6510,inset 0 1px #fff}h3[data-astro-cid-a3kmdllu]{font-size:21px}article[data-astro-cid-a3kmdllu] p[data-astro-cid-a3kmdllu]{color:#63718a;margin-block:12px 22px;font-size:14px}.demo-actions[data-astro-cid-a3kmdllu]{flex-wrap:wrap;gap:4px 20px;margin-top:auto;display:flex}.copy-banner[data-astro-cid-a3kmdllu]{top:calc(18px + env(safe-area-inset-top,0px));z-index:1000;color:#222522;backdrop-filter:blur(20px)saturate(160%);pointer-events:none;opacity:0;background:linear-gradient(135deg,#fffffff2,#fffbd6eb);border:1px solid #fffc;border-radius:24px;align-items:center;gap:16px;width:min(460px,100vw - 32px);padding:14px 22px 14px 16px;font-size:15px;line-height:1.45;transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .22s;display:flex;position:fixed;left:50%;transform:translate(-50%,calc(-100% - 32px))scale(.96);box-shadow:0 12px 36px #34381720,0 2px 8px #3438170d,inset 0 1px #fff,inset 0 -1px #dcd8a033}.copy-banner[data-astro-cid-a3kmdllu].is-visible{opacity:1;transform:translate(-50%)scale(1)}.copy-banner-icon[data-astro-cid-a3kmdllu]{background:linear-gradient(145deg, #fff894, var(--yellow,#fff000));border-radius:13px;flex:0 0 36px;place-items:center;height:36px;display:grid;box-shadow:inset 0 1px #fffb,0 2px 5px #ada1001a}.copy-banner-icon[data-astro-cid-a3kmdllu] svg[data-astro-cid-a3kmdllu]{width:20px;height:20px}@supports (backdrop-filter:blur(20px)){.copy-banner[data-astro-cid-a3kmdllu]{background:linear-gradient(135deg,#fffc,#fffbd6b8)}}@media (prefers-reduced-motion:reduce){.copy-banner[data-astro-cid-a3kmdllu]{transition:none}}button[data-astro-cid-a3kmdllu]{cursor:pointer;text-align:left;color:#205b9e;text-underline-offset:4px;background:0 0;border:0;padding-block:10px;padding-inline:0;font-weight:600;text-decoration:underline}button[data-astro-cid-a3kmdllu]:hover{color:#173d6a}button[data-astro-cid-a3kmdllu]:focus-visible{outline-offset:5px;border-radius:3px;outline:3px solid #205b9e}@media (width<=700px){.demo-grid[data-astro-cid-a3kmdllu]{grid-template-columns:1fr}}.product-page{--line:#e0e5ee;background:#fafbfe}.product-page .wrap{max-width:1280px}.product-subnav{color:#63718a;flex-wrap:wrap;gap:30px;padding-top:22px;font-size:12px;display:flex}.product-subnav a:first-child{margin-right:auto}.product-intro{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(32px,4vw,72px);padding-block:48px;display:grid}.product-intro .preview-section{justify-self:end;width:100%;min-width:0;max-width:900px}.product-hero{text-align:left;flex-direction:column;align-items:flex-start;min-width:0;display:flex}.product-hero .download-buttons{justify-content:flex-start}.product-hero>.app-icon,.product-hero>.product-icon{margin-block:25px 14px}.product-name{letter-spacing:-.7px;font-size:20px}.product-hero h1{letter-spacing:-3px;margin-block:22px;font-size:clamp(38px,3.8vw,64px);line-height:1.06}.product-hero p{color:#66758a;font-size:17px}.product-hero .release-note{color:#69788d}.screenshot-frame{background:#e6edf8;border:1px solid #d5e0f1;border-radius:19px;padding:8px;overflow:hidden;box-shadow:0 20px 50px #1e49851c}.screenshot-frame img{border-radius:11px;width:100%}.image-caption{text-align:center;color:#6f7c8f;margin-top:14px;font-size:10px}.workflow{padding-block:30px 56px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.workflow h2{text-align:center;letter-spacing:-1.2px;margin:0 auto 26px;font-size:clamp(26px,2.4vw,34px);font-weight:600;line-height:1.2}.workflow h2 span{color:#7b8493}.steps{grid-template-columns:repeat(var(--columns,3), minmax(0, 1fr));background:linear-gradient(150deg,#fff,#f4f7fc);border:1px solid #e1e6ee;border-radius:24px;max-width:1040px;margin:0 auto;padding:8px;list-style:none;display:grid;box-shadow:0 8px 30px #203b6510,inset 0 1px #fff}.steps li{min-width:0;padding:22px 26px;position:relative}.steps li+li{border-left:1px solid #e2e7ef}.steps li:nth-child(n+4){border-top:1px solid #e2e7ef}.steps li:nth-child(3n+1){border-left:0}.steps li:nth-child(3n+1):before{display:none}.steps li+li:before{content:"›";color:#a1acbc;background:#f8fafd;place-items:center;width:21px;height:25px;font-size:23px;display:grid;position:absolute;top:36px;left:-11px}.step-topline{justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px;display:flex}.step-visual{color:#3977cc;background:linear-gradient(145deg,#eef5ff,#e6eefb);border:1px solid #dce6f5;border-radius:12px;justify-content:center;align-items:center;width:62px;height:46px;display:flex}.step-visual svg{width:28px;height:28px}.step-number{font-variant-numeric:tabular-nums;color:#8c96a5;font-size:11px;font-weight:500}.steps h3{letter-spacing:-.5px;font-size:20px;font-weight:600}.steps p{color:#687385;max-width:28ch;margin-top:8px;font-size:13px;line-height:1.55}.keycaps{gap:4px}.keycaps kbd{color:#5276a8;background:#fff;border:1px solid #d9e1ef;border-bottom-width:2px;border-radius:5px;place-items:center;width:23px;height:27px;font:15px -apple-system,BlinkMacSystemFont,sans-serif;display:grid}.product-principles p{color:#66758b;margin-top:13px;font-size:14px}.product-principles{background:#edf3fc;border:1px solid #e0e8f4;border-radius:16px;padding:35px 38px}.product-page .product-principles{max-width:1040px}.feature-items{grid-template-columns:repeat(var(--columns,3), minmax(0, 1fr));gap:48px;margin-top:25px;display:grid}.product-principles article>span{color:#3165ac;font-size:30px}.product-principles h3{margin-top:16px;font-size:18px}.product-page .faq{max-width:1040px}.faq{padding-block:52px 64px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.faq h2{text-align:center;letter-spacing:-1.2px;margin-bottom:26px;font-size:clamp(26px,2.4vw,34px);font-weight:600}.faq-panel{background:linear-gradient(150deg,#fff,#f4f7fc);border:1px solid #e1e6ee;border-radius:24px;padding-inline:28px;box-shadow:0 8px 30px #203b6510,inset 0 1px #fff}.faq details+details{border-top:1px solid #e2e7ef}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding-block:19px;font-size:16px;font-weight:500;line-height:1.4;list-style:none;display:flex}.faq summary:hover,.faq details[open] summary{color:#2465b8}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:#4b77b4;background:#eaf0f9;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:20px;font-weight:400;display:grid}.faq details[open] summary:after{content:"−"}.faq-answer{color:#687385;max-width:76ch;padding:0 34px 22px 0;font-size:14px;line-height:1.65}@media (width<=1000px){.product-intro{grid-template-columns:minmax(0,1fr);gap:32px;padding-block:36px}.product-intro .preview-section{justify-self:center;max-width:720px}.product-hero{text-align:center;align-items:center}.product-hero .download-buttons{justify-content:center}.steps li{padding:20px}.feature-items{gap:25px}}@media (width<=700px){.product-subnav{gap:17px;font-size:11px}.product-intro{padding-block:28px}.product-hero .eyebrow{letter-spacing:1.6px;font-size:9px}.product-hero h1{letter-spacing:-2.5px;font-size:46px}.product-hero p{font-size:14px}.screenshot-frame{border-radius:11px;padding:4px}.screenshot-frame img{border-radius:7px}.workflow{padding-block:22px 36px}.workflow h2{margin-bottom:22px;font-size:26px}.workflow h2 span{margin-top:4px;display:block}.steps{border-radius:20px;grid-template-columns:minmax(0,1fr)}.steps li{padding:18px}.steps li+li{border-top:1px solid #e2e7ef;border-left:0}.steps li+li:before{display:none}.step-topline{margin-bottom:12px}.steps p{max-width:42ch}.product-principles{padding:27px}.feature-items{grid-template-columns:1fr;gap:27px}.faq{padding-block:36px 44px}.faq h2{margin-bottom:22px;font-size:26px}.faq-panel{border-radius:20px;padding-inline:18px}.faq summary{gap:12px;font-size:15px}.image-caption{font-size:9px}}.product-intro.without-preview{grid-template-columns:minmax(0,1fr)}.product-hero h1,.product-name,.steps h3,.faq summary{overflow-wrap:anywhere}.markdown-copy p+p,.markdown-copy ul,.markdown-copy ol{margin-top:12px}.markdown-copy a{color:var(--blue);text-underline-offset:3px;text-decoration:underline}.markdown-copy strong{font-weight:600}.markdown-copy ul,.markdown-copy ol{padding-left:22px}.preview-track{scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:16px;display:flex;overflow-x:auto}.preview-track::-webkit-scrollbar{display:none}.preview-slide{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;min-width:0;margin:0}.preview-slide .screenshot-frame{box-shadow:none;border:1px solid #d5dce5;border-radius:16px;padding:0;display:block}.preview-slide img{border-radius:0;height:auto;display:block}.preview-slide .image-caption{margin:14px 0 0;font-size:12px}.screenshot-camera{isolation:isolate;overflow:hidden}.screenshot-camera img{transform-origin:0 0}.screenshot-camera.has-camera img{transform:var(--camera-from)}[data-active=true] .has-camera img{will-change:transform;animation:16s ease-in-out infinite alternate screenshot-flight}[data-offscreen=true] .has-camera img{animation-play-state:paused}@keyframes screenshot-flight{0%{transform:var(--camera-from)}to{transform:var(--camera-to)}}.preview-controls{color:#52647b;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:20px;margin-top:18px;font-size:12px;display:flex}.preview-controls[hidden]{display:none}.preview-controls button{color:#2465b8;width:44px;height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d5e0f1;border-radius:50%;font-size:20px}.preview-controls button:hover:not(:disabled){background:#fff36a}.preview-controls button:disabled{opacity:.35;cursor:default}.preview-section :focus-visible{outline-offset:-3px;outline:3px solid #2465b8}@media (prefers-reduced-motion:reduce){[data-active=true] .has-camera img{will-change:auto;animation:none}}.product-page[data-product-theme=yellow]{--line:#dfe1d7;--blue:#665d00;background:#f7f7f2}.product-page[data-product-theme=yellow] .product-hero{max-width:880px}.product-page[data-product-theme=yellow] .product-subnav,.product-page[data-product-theme=yellow] .product-hero p,.product-page[data-product-theme=yellow] .release-note,.product-page[data-product-theme=yellow] .steps p,.product-page[data-product-theme=yellow] .product-principles p,.product-page[data-product-theme=yellow] .faq-answer,.product-page[data-product-theme=yellow] .button.outline{color:var(--muted)}.product-page[data-product-theme=yellow] .button.blue{background:var(--yellow);color:#222522}.product-page[data-product-theme=yellow] .button.blue:disabled{color:var(--muted);border-color:var(--line);background:#eeecd1}.product-page[data-product-theme=yellow] .steps,.product-page[data-product-theme=yellow] .faq-panel{border-color:var(--line);background:linear-gradient(150deg,#fff,#f6f6ec);box-shadow:0 8px 30px #45450008}.product-page[data-product-theme=yellow] .steps li,.product-page[data-product-theme=yellow] .faq details,.product-page[data-product-theme=yellow] .button.outline{border-color:var(--line)}.product-page[data-product-theme=yellow] .steps li:before{color:var(--muted);background:#f7f7f2}.product-page[data-product-theme=yellow] .step-visual,.product-page[data-product-theme=yellow] .faq summary:after{color:#665d00;background:#fff8a6;border-color:#e9df8d}.product-page[data-product-theme=yellow] .product-principles{background:#f5f2cc;border-color:#e8e3b1}.product-page[data-product-theme=yellow] .product-principles article>span,.product-page[data-product-theme=yellow] .faq summary:hover,.product-page[data-product-theme=yellow] .faq details[open] summary{color:#665d00}.product-page .product-story{max-width:1040px;margin-block:12px 72px}.story-section{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);padding-block:56px;display:grid}.story-intro h2{letter-spacing:-1.5px;margin-block:18px 24px;font-size:clamp(30px,3vw,44px);line-height:1.12}.story-intro p{color:var(--muted);line-height:1.7}.story-intro .story-note{border-left:3px solid var(--blue);margin-top:24px;padding-left:16px;font-size:13px}.story-items{background:linear-gradient(150deg,#fff,#f4f7fc);border:1px solid #e1e6ee;border-radius:24px;align-self:start;margin:0;padding:12px 28px;list-style:none;box-shadow:0 8px 30px #203b6510,inset 0 1px #fff}.story-items li{gap:18px;padding-block:24px;display:flex}.story-items li+li{border-top:1px solid var(--line)}.story-items h3{margin-bottom:10px;font-size:20px;line-height:1.3}.story-items p{color:var(--muted);font-size:15px;line-height:1.65}.story-number{color:var(--muted);flex-shrink:0;padding-top:5px;font-size:12px}[data-product-theme=yellow] .story-items{background:#fffef5;border-color:#e8e3b1;box-shadow:0 8px 30px #45450008}@media (width<=700px){.story-section{grid-template-columns:minmax(0,1fr);padding-block:36px}.story-items{padding-inline:20px}}.story-screenshot{grid-column:1/-1;min-width:0}.story-screenshot .preview-section{width:100%}