@font-face{font-family:general;src:url(../media/general_sans_400-s.p.2bw9n2r1d6id1.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:general;src:url(../media/general_sans_500-s.p.0k_79f4guym1z.woff2)format("woff2");font-display:swap;font-weight:500}@font-face{font-family:general;src:url(../media/general_sans_600-s.p.43ayu7ok-ea8v.woff2)format("woff2");font-display:swap;font-weight:600}@font-face{font-family:general;src:url(../media/general_sans_700-s.p.2e10_-xm6yxi6.woff2)format("woff2");font-display:swap;font-weight:700}@font-face{font-family:general Fallback;src:local(Arial);ascent-override:99.89%;descent-override:23.74%;line-gap-override:9.89%;size-adjust:101.11%}._9Is1NG_className{font-family:general,general Fallback}._9Is1NG_variable{--font-general:"general", "general Fallback"}
@font-face{font-family:mono;src:url(../media/ibm_plex_mono_400-s.p.19gbeb610ur4n.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:mono;src:url(../media/ibm_plex_mono_500-s.p.25_05y-blbp24.woff2)format("woff2");font-display:swap;font-weight:500}@font-face{font-family:mono;src:url(../media/ibm_plex_mono_600-s.p.04jv21_rdbjv3.woff2)format("woff2");font-display:swap;font-weight:600}@font-face{font-family:mono Fallback;src:local(Arial);ascent-override:77.95%;descent-override:20.91%;line-gap-override:0.0%;size-adjust:131.49%}.vYk7uG_className{font-family:mono,mono Fallback}.vYk7uG_variable{--font-mono:"mono", "mono Fallback"}
:root{--bg:#f6f5f2;--surface:#eae9e5;--paper:#fcfbf8;--ink:#17191b;--muted:#666b73;--accent:#0065f5;--accent-hover:#0055d9;--accent-ink:#fff;--radius:5px;--step-small:13px;--step-body:16px;--step-lead:23px;--step-head:48px;--gutter:6vw}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{color:var(--ink);background:var(--bg);font-family:var(--font-general), Arial, sans-serif;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,summary,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance;font-weight:500}p{text-wrap:pretty}svg{flex-shrink:0}img{max-width:100%;height:auto;display:block}::selection{color:#101b2b;background:#c5ddfb}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:100;background:var(--ink);color:var(--paper);font:14px var(--font-general), sans-serif;padding:12px 18px;position:fixed;top:16px;left:16px}.skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden}.wrap{max-width:1672px;padding-inline:var(--gutter);margin-inline:auto}.brand{font:600 31px/1 var(--font-general), Arial, sans-serif;letter-spacing:-1.5px;align-items:center;gap:9px;display:inline-flex}.button{background:var(--accent);color:#fff;border-radius:var(--radius);border:0;justify-content:center;align-items:center;gap:22px;min-height:50px;padding:13px 23px;font-size:15px;font-weight:500;line-height:1.5;transition:background .2s,transform .2s;display:inline-flex}.button:hover{background:var(--accent-hover);transform:translateY(-1px)}.button:active{transform:none}.button.small{gap:10px;min-height:42px;padding:10px 15px;font-size:13px}.inline-link{align-items:center;gap:13px;display:inline-flex}.inline-link:hover{color:var(--accent)}.text-button{color:var(--accent);text-underline-offset:4px;background:0 0;border:0;padding:8px 0;font-size:13px;text-decoration:underline}.demo-composition,.desktop-stage{position:relative}.capture-pill{font-family:-apple-system,BlinkMacSystemFont,sans-serif}.pill-controls,.mode-switch,.inputs,.source-select{align-items:center;display:flex}.mode-switch button,.inputs button,.settings-toggle{border:0;place-items:center;display:grid}.source-select{position:relative}.source-select select{appearance:none;border:0}.settings-toggle,.mode-switch button{background:0 0}.inputs button{border-radius:50%;transition:background .18s,transform .18s}.inputs button:hover{transform:translateY(-1px)}.capture-action{border:0}.pill-caption{align-items:center;display:flex}.pill-caption kbd{margin-left:auto;font-family:inherit}.demo-settings{display:grid}.shot-options{border-radius:5px;padding:3px;display:flex}.shot-options button{color:#c3cac7;background:0 0;border:0;border-radius:4px}.shot-options button[aria-pressed=true]{color:#fff;background:#636a66}.pill-elapsed{font-variant-numeric:tabular-nums;flex:1;align-items:center;gap:10px;display:flex}.pill-elapsed>span:last-child{color:#b9c0bd;font-size:15px}.record-dot{background:#fa6c63;border-radius:50%;width:7px;height:7px;display:inline-block}.notch{color:#eef2ef;z-index:8;justify-content:space-around;align-items:center;font-size:13px;display:flex;position:absolute;transform:translate(-50%)}.notch button{color:#fff;background:#48504d;border:0;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.demo-overlay{z-index:10;place-items:center;display:grid;position:absolute}.demo-dialog{background:var(--paper);color:var(--ink);border-radius:12px;width:370px;max-width:calc(100% - 24px);padding:24px;box-shadow:0 12px 40px #10213040}.dialog-icon{background:#e4e9ee;border-radius:10px;place-items:center;width:43px;height:43px;margin-bottom:14px;display:grid}.demo-dialog h3{letter-spacing:-.045em;font-size:22px;line-height:1.4}.demo-dialog p{color:#515b68;margin-top:12px;font-size:14px;line-height:1.7}.demo-dialog>div:last-child{justify-content:flex-end;align-items:center;gap:18px;margin-top:20px;display:flex}.demo-cancel{color:var(--ink);background:0 0;border:0;padding:8px 0;font-size:13px}.demo-filename{margin-top:15px;font-size:12px;display:block}.demo-filename input{width:100%;color:var(--ink);background:#fff;border:1px solid #6f7984;border-radius:4px;margin-top:7px;padding:9px;font-size:13px;display:block}.demo-saved{z-index:9;background:var(--paper);color:var(--ink);border-radius:9px;align-items:center;gap:13px;padding:17px;display:flex;position:absolute;box-shadow:0 8px 22px #17253733}.saved-icon{color:#21578d;background:#dde8f8;border-radius:4px;place-items:center;width:42px;height:48px;display:grid}.demo-saved b{font-size:14px;display:block}.demo-saved div>span{margin-top:3px;font-size:11px;line-height:1.6;display:block}.demo-saved button{color:var(--ink);background:#e3e7ec;border:0;border-radius:50%;width:29px;height:29px;margin-left:auto}.demo-camera{color:#fff;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#344c65;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:145px;height:116px;font-size:12px;display:flex;position:absolute;box-shadow:0 6px 20px #10243b33}.demo-camera:active{cursor:grabbing}.demo-camera small{color:#d9e7f7;font-size:10px}.demo-tabs{gap:8px;display:flex}.demo-tabs button{border:0}.demo-under{display:flex}.product-idea,.workflow-grid,.capability-notes,.beta-grid,.faq-section{display:grid}.product-idea>div:last-child{justify-self:end}.workflow-intro,.inside-heading,.workflow-title{justify-content:space-between;align-items:flex-end;display:flex}.workflow-title{justify-content:flex-start;align-items:center}.workflow-grid ol{padding:0;list-style:none;display:grid}.workflow-grid li{position:relative}.workflow-grid li:before{content:"↳";position:absolute;left:0}.real-capture{flex-direction:column;align-items:center;display:flex;overflow:hidden}.real-capture>a{cursor:zoom-in;width:100%;display:block}.real-capture img{width:100%;height:auto}.faq-list{display:grid}.faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-plus{flex-shrink:0;width:15px;height:15px;position:relative}.faq-plus:before,.faq-plus:after{content:"";background:currentColor;width:13px;position:absolute;top:7px;left:1px}.faq-plus:after{transition:transform .18s;transform:rotate(90deg)}.faq-list details[open] .faq-plus:after{transform:rotate(0)}.faq-list a{text-underline-offset:4px;text-decoration:underline}.site-footer{justify-content:space-between;gap:25px;display:flex}.site-footer>div{flex-wrap:wrap;align-items:center;display:flex}.site-footer a:hover{color:var(--accent)}.waitlist-form{position:relative}.waitlist-form>label:first-child{margin-bottom:10px;font-weight:500;display:block}.email-row{display:flex}.email-row>input{width:100%;min-width:0;color:var(--ink)}.email-row input::placeholder{color:#646b75}.consent-label{cursor:pointer;align-items:flex-start;gap:11px;display:flex}.consent-label input{flex-shrink:0}.form-error{color:#a02a27;margin-top:13px;line-height:1.7}.form-error:empty{margin:0}.form-note{margin-top:18px}.form-note a{text-underline-offset:3px;text-decoration:underline}.honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.signup-success{padding-block:10px}.success-check{place-items:center;width:47px;height:47px;margin-bottom:18px;display:grid}.signup-success p{max-width:50ch;margin-top:15px}.signup-success a{text-underline-offset:4px;margin-top:20px;text-decoration:underline;display:inline-block}.spinner{animation:1s linear infinite spin}.legal-header{justify-content:space-between;align-items:center;gap:25px;padding-block:35px;display:flex}.legal-header>a:last-child{font-size:13px}.legal-content{max-width:820px;margin:45px auto 100px;padding:0 24px}.legal-content h1{margin-bottom:30px}.legal-content h2{margin:38px 0 15px}.legal-content p,.legal-content ul{margin-bottom:16px}.legal-content a{text-underline-offset:4px;text-decoration:underline}.legal-content .button{margin-top:18px;text-decoration:none}.legal-content .legal-note{color:var(--muted);font-size:12px}.changelog-entry{border-block:1px solid #17191b44;margin-block:35px;padding-block:30px}.changelog-entry h2{margin-top:22px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:760px){.workflow-intro,.inside-heading{display:block}.site-footer{flex-direction:column;align-items:flex-start}.legal-header{padding-block:25px}.legal-content{margin-block:25px 70px}.demo-dialog>div:last-child{gap:12px}.pill-elapsed>span:last-child{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.button:hover,.inputs button:hover{transform:none}}
:root{--bg:#f6f5f2;--surface:#eae9e5;--ink:#17191b;--muted:#666b73;--accent:#0065f5;--accent-hover:#0055d9;--gutter:6vw;--header-height:84px;--canvas-height:max(56.2799vw, 100svh)}body{background:var(--bg) url(/artwork/paper-v2.webp) repeat;font-family:var(--font-mono), "Courier New", monospace;background-size:1672px 941px}.reference-header{z-index:10;height:var(--header-height);align-items:center;gap:52px;padding:20px 5.08% 20px 5.98%;display:flex;position:relative}.reference-header .brand{font-family:var(--font-general), Arial, sans-serif;letter-spacing:-1.7px;gap:12px;font-size:34px;font-weight:700;line-height:1}.reference-header .brand svg{width:29px;height:29px}.reference-header nav{align-items:center;gap:52px;margin-left:auto;font-size:16px;font-weight:500;line-height:1.5;display:flex}.reference-header nav a{transition:color .2s}.reference-header nav a:hover{color:var(--accent)}.header-join{background:var(--accent);color:#fff;text-transform:uppercase;white-space:nowrap;border-radius:21px;justify-content:center;align-items:center;gap:10px;padding:10px 23px;font-size:16px;font-weight:600;line-height:24px;display:flex}.header-join:before{content:"";background:var(--ink);width:1px;height:28px;position:absolute;top:28px;right:16.88%}.header-join:hover{background:var(--accent-hover)}.registration{fill:none;stroke:var(--ink);stroke-width:1px;pointer-events:none;width:40px;height:40px;position:absolute}.header-registration{top:21px;left:50%;transform:translate(-50%)}.hero-art{inset:calc(-1 * var(--header-height)) 0 0;z-index:-1;pointer-events:none;position:absolute}.hero-art img{object-fit:fill}.reference-copy{left:5.98%;top:calc(var(--canvas-height) * .1318 - var(--header-height));z-index:2;position:absolute}.capture-index{font-size:18px;font-weight:500;line-height:24px}.pixel-heading{color:#171919;letter-spacing:0;flex-direction:column;gap:20px;margin:15px 0 0;line-height:1;display:flex;position:relative}.pixel-line{max-width:none;height:67px;display:block;overflow:visible}.pixel-first{width:545px}.pixel-second{width:640px}.hero-description{letter-spacing:-.025em;margin-top:15px;font-size:36px;font-weight:600;line-height:1.35}.hero-subline{letter-spacing:-.035em;color:#66676b;margin-top:10px;font-size:21px;font-weight:500;line-height:1.5}.version-annotation{left:73.1%;top:calc(var(--canvas-height) * .206 - var(--header-height));z-index:2;white-space:nowrap;align-items:flex-start;gap:4px;font-size:15px;font-weight:500;line-height:22px;display:flex;position:absolute}.version-annotation svg{width:59px;height:80px;stroke:var(--ink);fill:none;stroke-width:1.1px;margin-top:10px}.version-annotation svg circle{fill:var(--ink)}.reference-button{background:var(--accent);color:#fff;text-transform:uppercase;white-space:nowrap;border-radius:24px;justify-content:center;align-items:center;gap:13px;padding:14px 32px;font-size:21px;font-weight:500;line-height:26px;transition:background .2s,transform .2s;display:inline-flex}.reference-button:hover{background:var(--accent-hover);transform:translateY(-2px)}.hero-cta>p{color:#575b64;white-space:normal;letter-spacing:-.025em;max-width:74ch;margin:10px 0 0 8px;font-size:16px;line-height:1.6}.macos-annotation{right:10.5%;top:calc(var(--canvas-height) * .875 - var(--header-height));white-space:nowrap;align-items:center;gap:26px;font-size:15px;line-height:24px;display:flex;position:absolute}.macos-annotation>span{background:repeating-linear-gradient(90deg,#5f6878 0 2px,#0000 2px 8px);width:193px;height:2px}.bottom-registration{bottom:20px;left:50%;transform:translate(-50%)}.corner{pointer-events:none;z-index:11;border-color:#333;width:30px;height:30px;position:absolute}.corner-tl{left:21px;top:calc(-1 * var(--header-height) + 21px);border-top:1px solid;border-left:1px solid}.corner-tr{right:21px;top:calc(-1 * var(--header-height) + 21px);border-top:1px solid;border-right:1px solid}.corner-bl{border-bottom:1px solid;border-left:1px solid;bottom:21px;left:21px}.corner-br{border-bottom:1px solid;border-right:1px solid;bottom:21px;right:21px}.technical-dots{left:3.55%;top:calc(var(--canvas-height) * .465 - var(--header-height));background:repeating-linear-gradient(#59616a 0 2px,#0000 2px 8px);width:2px;height:110px;position:absolute}@media (min-width:1800px){:root{--header-height:94px}.reference-header{padding-block:25px}.reference-copy .pixel-line{height:4.01vw}.pixel-first{width:32.6vw}.pixel-second{width:38.28vw}.hero-description{font-size:2.15vw}.hero-subline{font-size:1.26vw}.capture-index{font-size:1.08vw}.pixel-heading{gap:1.2vw}.reference-button{font-size:1.26vw}}@media (min-width:1101px) and (max-width:1500px){:root{--header-height:76px}.reference-header{gap:40px}.reference-header nav{gap:36px}.header-join:before{display:none}.reference-copy{top:calc(var(--canvas-height) * .1318 - var(--header-height))}.pixel-line{height:4vw}.pixel-first{width:32.6vw}.pixel-second{width:38.28vw}.pixel-heading{gap:1.2vw}.hero-description{font-size:2.15vw}.hero-subline{font-size:1.26vw}.hero-cta>p{font-size:14px}.reference-button{padding:13px 27px;font-size:18px}.macos-annotation{font-size:13px;right:8%}.macos-annotation>span{width:135px}}@media (max-width:1100px){:root{--header-height:80px;--canvas-height:1030px}.reference-header{gap:28px;padding-inline:6%}.reference-header .brand{font-size:31px}.reference-header nav{gap:27px;font-size:14px}.header-join{padding:9px 19px;font-size:14px}.header-join:before,.header-registration{display:none}.reference-copy{top:45px;right:6%}.pixel-line{height:min(65px,9.5vw)}.pixel-first{width:520px;max-width:85.25%}.pixel-second{width:610px;max-width:100%}.hero-description{margin-top:22px;font-size:29px}.hero-subline{max-width:600px;font-size:18px}.hero-art img{object-fit:cover;object-position:63% center}.hero-art:after{content:"";opacity:.94;background:url(/artwork/paper-v2.webp);height:290px;position:absolute;top:80px;left:0;right:20%;-webkit-mask-image:linear-gradient(90deg,#000 75%,#0000);mask-image:linear-gradient(90deg,#000 75%,#0000)}.hero-cta>p{white-space:normal;max-width:580px;font-size:14px}.reference-button{padding:14px 26px;font-size:18px}.version-annotation{top:283px;left:auto;right:8%}.version-annotation svg{width:38px;height:55px}.macos-annotation{font-size:13px;top:auto;bottom:35px;right:6%}.macos-annotation>span{width:110px}.bottom-registration{width:28px;height:28px;bottom:24px}.technical-dots{height:85px;top:355px}}@media (max-width:620px){:root{--header-height:82px;--canvas-height:1050px}.reference-header{gap:20px;padding:21px 24px}.reference-header .brand{gap:9px;font-size:29px}.reference-header .brand svg{width:26px;height:26px}.reference-header nav{display:none}.header-join{border-radius:17px;gap:6px;min-height:39px;margin-left:auto;padding:8px 14px;font-size:12px}.reference-copy{top:40px;left:24px;right:24px}.capture-index{font-size:13px;line-height:20px}.pixel-heading{gap:13px;margin-top:17px}.pixel-line{height:clamp(31px,9.2vw,51px)}.pixel-first{width:84%}.pixel-second{width:100%}.hero-description{letter-spacing:-.05em;white-space:nowrap;margin-top:25px;font-size:clamp(18px,5.1vw,26px)}.hero-subline{letter-spacing:-.025em;max-width:35ch;margin-top:10px;font-size:14px;line-height:1.75}.hero-art img{object-fit:cover;object-position:66% center}.hero-art:after{opacity:1;background:url(/artwork/paper-v2.webp);height:290px;top:77px;left:0;right:0;-webkit-mask-image:linear-gradient(#000 86%,#0000);mask-image:linear-gradient(#000 86%,#0000)}.reference-button{border-radius:21px;min-height:52px;padding:14px 23px;font-size:16px}.hero-cta>p{max-width:37ch;margin:12px 0 0;font-size:12px;line-height:1.9}.version-annotation{gap:0;font-size:12px;line-height:20px;top:278px;right:26px}.version-annotation svg{width:30px;height:43px;margin-top:8px}.technical-dots{height:40px;top:299px;left:12px}.macos-annotation{gap:14px;font-size:11px;bottom:31px;right:24px}.macos-annotation>span{width:75px}.bottom-registration{width:25px;height:25px;bottom:23px;left:38px}.corner{width:18px;height:18px}.corner-tl{left:12px;top:calc(-1 * var(--header-height) + 12px)}.corner-tr{right:12px;top:calc(-1 * var(--header-height) + 12px)}.corner-bl{bottom:12px;left:12px}.corner-br{bottom:12px;right:12px}}@media (max-width:355px){.hero-description{font-size:18px}.header-join{padding-inline:12px;font-size:11px}}@media (prefers-reduced-motion:reduce){.reference-button:hover{transform:none}}.reference-header nav{margin-right:46px}@media (max-width:1100px){.reference-header nav{margin-right:0}}@media (max-width:620px){.version-annotation{top:402px}.hero-art:after{height:370px;-webkit-mask-image:linear-gradient(#000 80%,#0000);mask-image:linear-gradient(#000 80%,#0000)}}.reference-header:after{content:"";pointer-events:none;border-bottom:1px solid #17191b0c;position:absolute;bottom:0;left:6%;right:5.1%}.wrap{max-width:1672px;margin-inline:auto;padding-inline:6%}.section-index{letter-spacing:0;color:var(--muted);font-size:13px;font-weight:500;line-height:22px;margin-bottom:25px!important}.product-idea{grid-template-columns:1.15fr 1fr;align-items:center;gap:9%;padding-block:130px 135px}.idea-statement>p:last-child{letter-spacing:-.055em;max-width:28ch;font-size:clamp(25px,2.4vw,38px);font-weight:500;line-height:1.4}.product-idea>div:last-child{align-self:end;max-width:550px}.product-idea>div:last-child>p{font-size:16px;line-height:1.95}.product-idea .inline-link{color:var(--accent);gap:13px;margin-top:23px;font-size:13px}.workflow-section{background:0 0;padding-block:0 115px}.workflow-intro{border-top:1px solid #17191b33;margin-bottom:50px;padding-top:55px}.workflow-intro h2,.inside-heading h2,.faq-heading h2,.beta-grid h2{letter-spacing:-.065em;font-size:clamp(34px,3.2vw,51px);font-weight:500;line-height:1.15}.workflow-intro>p,.inside-heading>p{width:38%;font-size:15px;line-height:1.9}.workflow-grid{grid-template-columns:1fr 1fr;gap:8%}.workflow-title{gap:12px;margin-bottom:25px}.workflow-title h3{letter-spacing:-.055em;font-size:23px;line-height:1.4}.workflow-title svg{stroke-width:1.5px;width:23px}.flow-sequence{color:var(--accent);border-block:1px dotted #586c8970;padding-block:18px;font-size:13px;line-height:1.8}.workflow-grid ol{gap:15px;margin-top:25px}.workflow-grid li{max-width:54ch;padding-left:24px;font-size:15px;line-height:1.9}.workflow-grid li:before{color:var(--accent)}.workflow-footnote{color:var(--muted);max-width:53ch;margin-top:25px;font-size:13px;line-height:1.9}.inside-section{padding-top:0;padding-bottom:115px}.inside-heading{border-top:1px solid #17191b33;margin-bottom:45px;padding-top:55px}.real-capture{background:#101214;border:1px solid #676c6e;border-radius:2px;gap:14px;max-width:1170px;margin:auto;padding:18px 35px}.real-capture>a{max-width:1040px}.image-caption{max-width:105ch;margin-top:16px;font-size:12px;line-height:1.9}.capability-notes{margin-top:53px;display:block}.capability-notes>div{border-top:1px solid #17191b22;grid-template-columns:1fr 1.4fr;align-items:start;gap:12%;padding-block:28px;display:grid}.capability-notes h3{letter-spacing:-.055em;font-size:22px;line-height:1.5}.capability-notes p{max-width:65ch;margin:0;font-size:15px;line-height:1.9}.capability-notes .input-symbols{display:none}.beta-honesty{color:var(--muted);max-width:105ch;margin-top:27px;font-size:12px;line-height:1.9}.beta-section{isolation:isolate;background:0 0;border-block:1px solid #17191b33;padding-block:90px 92px;position:relative;overflow:hidden}.beta-section:before{content:"";z-index:-1;opacity:.45;pointer-events:none;background:url(/artwork/folded-ribbon.webp) 50%/cover;width:1050px;height:590px;position:absolute;bottom:-445px;right:-310px;transform:rotate(12deg);-webkit-mask-image:linear-gradient(270deg,#000 0,#0000 85%);mask-image:linear-gradient(270deg,#000 0,#0000 85%)}.beta-grid{grid-template-columns:1fr 1.2fr;align-items:start;gap:10%}.beta-grid h2{font-size:43px}.beta-grid>div>p:not(.section-index){margin-top:25px;font-size:15px;line-height:1.9}.signup-column{padding-top:9px}.waitlist-form>label:first-child{font-size:13px}.email-row{flex-wrap:wrap;gap:10px}.email-row>input{font-family:var(--font-mono), monospace;background:#fcfbf8;border:1px solid #646b75;border-radius:0;flex-basis:100%;min-height:55px;padding:15px 17px;font-size:14px}.email-row>.button{background:var(--accent);text-transform:uppercase;border-radius:23px;flex-grow:0;gap:20px;min-height:48px;margin-top:2px;padding:14px 23px;font-size:14px}.email-row>.button:hover{background:var(--accent-hover)}.consent-label{color:#444a52;max-width:65ch;margin-top:20px;font-size:12px;line-height:1.9}.consent-label input{accent-color:var(--accent);width:18px;height:18px;margin-top:3px}.form-note{color:#515965;max-width:60ch;font-size:12px;line-height:1.9}.form-error{font-size:13px}.success-check{color:var(--accent);background:#d7e6fc;border-radius:0}.signup-success p{font-size:15px;line-height:1.8}.signup-success h3{letter-spacing:-.055em;font-size:27px;font-weight:500}.signup-success a{font-size:12px}.faq-section{grid-template-columns:1fr 1.45fr;gap:10%;padding-block:100px 105px}.faq-heading{align-self:start;position:sticky;top:45px}.faq-list{gap:0}.faq-list details,.faq-list details[open]{background:0 0;border-bottom:1px solid #17191b33;border-radius:0}.faq-list details:first-child{border-top:1px solid #17191b33}.faq-list summary{gap:22px;min-height:75px;padding:23px 0;font-size:16px;font-weight:500;line-height:1.6}.faq-list details>p{max-width:66ch;padding:0 35px 27px 0;font-size:14px;line-height:1.95}.faq-list summary:hover,.faq-list details[open] summary{color:var(--accent)}.faq-plus:before,.faq-plus:after{height:1px}.site-footer{border-top:1px solid #17191b33;align-items:center;padding-top:35px;padding-bottom:39px}.site-footer .brand{font-family:var(--font-general), Arial, sans-serif;font-size:30px;font-weight:700}.site-footer>p{font-size:12px}.site-footer>div{gap:20px;font-size:12px}.contact-placeholder{font-size:12px}.legal-header .brand{font-family:var(--font-general), Arial, sans-serif;letter-spacing:-1.4px;font-weight:700}.legal-content h1{letter-spacing:-.06em;font-size:clamp(36px,5vw,66px);line-height:1.2}.legal-content h2{letter-spacing:-.045em;font-size:25px;font-weight:500;line-height:1.4}.legal-content p,.legal-content ul{font-size:15px;line-height:1.95}.legal-content .button{background:var(--accent);border-radius:23px;font-size:14px}.admin-shell,.admin-login{font-family:var(--font-general), Arial, sans-serif}.admin-shell .brand{font-weight:700}@media (max-width:1100px) and (min-width:621px){.hero-art:after{opacity:1;height:390px;top:80px;right:0;-webkit-mask-image:linear-gradient(#000 85%,#0000);mask-image:linear-gradient(#000 85%,#0000)}.product-idea,.workflow-grid{gap:45px}.workflow-grid li{font-size:14px}.workflow-title h3{font-size:20px}.flow-sequence{align-items:center;min-height:77px;font-size:11px;display:flex}.beta-grid{gap:45px}.beta-grid h2{font-size:35px}.beta-grid>div>p:not(.section-index){font-size:14px}.faq-section{gap:45px}.faq-list summary{font-size:15px}.reference-header{gap:28px}.inside-heading>p,.workflow-intro>p{width:42%;font-size:14px}}@media (max-width:620px){.hero-art:after{height:460px;-webkit-mask-image:linear-gradient(#000 85%,#0000);mask-image:linear-gradient(#000 85%,#0000)}.wrap{padding-inline:24px}.section-index{font-size:11px;margin-bottom:19px!important}.product-idea{grid-template-columns:1fr;gap:28px;padding-block:68px 75px}.idea-statement>p:last-child{letter-spacing:-.065em;max-width:23ch;font-size:25px;line-height:1.5}.product-idea>div:last-child{max-width:100%}.product-idea>div:last-child>p{font-size:14px;line-height:1.9}.product-idea .inline-link{gap:9px;font-size:11px}.workflow-section{padding-bottom:70px}.workflow-intro{margin-bottom:35px;padding-top:35px}.workflow-intro h2,.inside-heading h2,.faq-heading h2,.beta-grid h2{letter-spacing:-.065em;font-size:34px;line-height:1.2}.workflow-intro>p,.inside-heading>p{width:auto;max-width:32ch;margin-top:25px;font-size:13px;line-height:1.9}.workflow-grid{grid-template-columns:1fr;gap:40px}.workflow-title h3{font-size:21px;line-height:1.5}.workflow-title{gap:10px;margin-bottom:20px}.workflow-title svg{width:21px}.flow-sequence{padding-block:13px;font-size:11px;line-height:2}.workflow-grid ol{gap:13px;margin-top:20px}.workflow-grid li{padding-left:22px;font-size:13px;line-height:1.95}.workflow-footnote{margin-top:20px;font-size:12px;line-height:1.9}.inside-section{padding-bottom:70px}.inside-heading{margin-bottom:28px;padding-top:35px}.real-capture{gap:9px;margin:0 -8px;padding:9px 0}.real-capture>a{width:100%}.image-caption{margin-top:13px;font-size:11px;line-height:1.9}.capability-notes{margin-top:29px}.capability-notes>div{padding:23px 0;display:block}.capability-notes h3{letter-spacing:-.065em;font-size:21px;line-height:1.6}.capability-notes p{margin-top:10px;font-size:13px;line-height:1.95}.beta-honesty{margin-top:18px;font-size:11px;line-height:1.9}.beta-section{padding-block:55px 58px}.beta-grid{grid-template-columns:1fr;gap:30px}.beta-grid>div>p:not(.section-index){margin-top:23px;font-size:13px;line-height:1.9}.beta-section:before{opacity:.22;bottom:-160px;right:-550px}.signup-column{padding-top:0}.waitlist-form>label:first-child{font-size:12px}.email-row>input{min-height:54px;padding:14px;font-size:12px}.email-row>.button{justify-content:space-between;margin-top:0;font-size:13px}.consent-label{margin-top:17px;font-size:11px;line-height:1.9}.form-note{font-size:11px;line-height:1.9}.faq-section{padding-block:65px 70px;display:block}.faq-heading{margin-bottom:32px;position:static}.faq-list summary{min-height:70px;padding-block:20px;font-size:14px;line-height:1.8}.faq-list details>p{padding:0 15px 24px 0;font-size:12px;line-height:2}.site-footer{align-items:flex-start;gap:24px;padding-top:32px;padding-bottom:29px}.site-footer>p{order:2;max-width:31ch;font-size:11px;line-height:1.9}.site-footer>div{gap:13px;font-size:11px;line-height:1.9}.contact-placeholder{font-size:11px}.site-footer .brand{font-size:29px}.legal-content p,.legal-content ul{font-size:13px}.legal-content h1{font-size:38px}.legal-content h2{font-size:23px}.legal-header>a:last-child{font-size:12px}.signup-success p{font-size:13px}.signup-success a{font-size:11px}}.reference-hero{isolation:isolate;min-height:calc(var(--canvas-height) - var(--header-height));padding-top:calc(var(--canvas-height) * .472 - var(--header-height));grid-template-columns:minmax(0,1fr);align-content:start;padding-bottom:64px;display:grid;position:relative}.hero-product{z-index:4;grid-row:1;width:53.83%;max-width:960px;margin-left:23.02%;position:relative;container:capture-demo/inline-size}.hero-cta{z-index:3;grid-row:2;margin:64px 6% 0 5.5%;position:relative}.hero-product .demo-composition{--demo-gap:clamp(8px, 1.6cqi, 14px);--demo-padding:clamp(14px, 2.6cqi, 24px);--demo-type:clamp(15px, 2.2cqi, 19px);--control-height:42px}.hero-product .desktop-stage{background:0 0;min-height:0;margin:0;position:relative}.hero-product .notch{display:none}.hero-product .notch.is-recording{background:#191c1c;border-radius:0 0 10px 10px;width:150px;height:30px;display:flex;top:-38px;left:50%}.hero-product .capture-pill{width:100%;padding:var(--demo-padding);color:#f0f2f2;background:linear-gradient(120deg,#2c2f2e,#1c2022 65%,#22282c);border:1px solid #626867;border-radius:18px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;animation:none;position:relative;transform:none;box-shadow:0 12px 24px #13253e38,inset 0 1px #ffffff21}.hero-product .pill-controls{align-items:center;gap:var(--demo-gap);grid-template-columns:100px minmax(112px,180px) auto minmax(42px,1fr) 112px;display:grid}.hero-product .pill-controls>*{min-width:0}.hero-product .mode-switch{height:var(--control-height);background:linear-gradient(#353a38,#282d2b);border:0;border-radius:8px;gap:3px;padding:1px;box-shadow:inset 0 0 0 1px #505655}.hero-product .mode-switch button{color:#e4e7e5;border-radius:5px;flex:1;height:100%}.hero-product .mode-switch button[aria-pressed=true]{background:linear-gradient(#727775,#5b615e);box-shadow:inset 0 0 0 1px #ffffff24,0 1px 2px #0003}.hero-product .mode-switch svg,.hero-product .inputs svg,.hero-product .settings-toggle svg{stroke-width:1.7px;width:21px;height:21px}.hero-product .source-select select,.hero-product .native-framerate select{appearance:none;width:100%;height:var(--control-height);color:#fff;font:500 var(--demo-type) / 1.2 -apple-system, BlinkMacSystemFont, sans-serif;background:linear-gradient(#626967,#4d5553);border:1px solid #707776;border-radius:7px;padding:0 32px 0 11px}.hero-product .source-select>svg,.hero-product .native-stepper{width:23px;height:calc(var(--control-height) - 8px);color:#fff;pointer-events:none;background:linear-gradient(#2b95ff,#0866e8);border-radius:4px;padding:3px;position:absolute;top:4px;right:4px}.hero-product .inputs{gap:6px}.hero-product .inputs button{width:var(--control-height);height:var(--control-height);color:#b4bdbc;background:#303635;box-shadow:inset 0 0 0 1px #ffffff05}.hero-product .inputs button[aria-pressed=true]{color:#55acff;background:#213a50}.hero-product .settings-toggle{width:var(--control-height);height:var(--control-height);color:#bdc5c4;border-radius:7px;justify-self:end;padding:0}.hero-product .settings-toggle[aria-expanded=true],.hero-product .settings-toggle:hover{color:#fff;background:#ffffff0a}.hero-product .capture-action{height:var(--control-height);color:#fff;font-size:var(--demo-type);background:linear-gradient(#137dff,#075bdc);border:1px solid #3288ff;border-radius:8px;padding:0 14px;font-weight:650;line-height:1.2;box-shadow:inset 0 1px #ffffff1a,0 2px 4px #0002}.hero-product .capture-action:hover{background:linear-gradient(#2b8aff,#0968ef)}.hero-product .capture-action.stop-action{background:#b53e37;border-color:#d67871}.hero-product .pill-caption{color:#b3bcbb;flex-wrap:wrap;gap:6px;margin-top:13px;font-size:clamp(13px,1.8cqi,15px);line-height:1.5}.hero-product .pill-caption b{font-weight:600}.hero-product .pill-caption kbd{font-size:12px}.hero-product .demo-settings{border-top:1px solid #ffffff26;gap:12px;margin-top:16px;padding-top:15px}.hero-product .native-settings-row,.hero-product .native-settings-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;width:100%;display:flex}.hero-product .native-settings-row{font-size:clamp(14px,2.1cqi,18px)}.hero-product .native-cursor,.hero-product .native-framerate{min-height:var(--control-height);align-items:center;gap:10px;display:flex}.hero-product .native-cursor{cursor:pointer}.hero-product .native-cursor input{accent-color:#167fff;width:18px;height:18px;margin:0}.hero-product .native-select-wrap{width:118px;display:flex;position:relative}.hero-product .native-framerate select{font-size:16px}.hero-product .native-settings-footer button{color:#fff;background:linear-gradient(#626967,#4d5553);border:1px solid #707776;border-radius:7px;justify-content:center;align-items:center;gap:10px;min-height:36px;padding:0 12px;font-size:15px;line-height:1.2;display:inline-flex}.hero-product .native-settings-footer button:hover{filter:brightness(1.12)}.hero-product .native-permissions svg{width:16px;height:16px}.hero-product .permission-note,.hero-product .native-shortcut{color:#c4cdcc;max-width:65ch;font-size:13px;line-height:1.65}.hero-product .demo-under{justify-content:flex-end;margin-top:14px;position:relative}.hero-product .demo-tabs{display:none}.hero-product .demo-under>p{color:#343d47;font:11px / 1.6 var(--font-mono), monospace}.hero-product .shot-options{height:var(--control-height);background:#303735;border:0;border-radius:7px;grid-column:span 2;gap:3px;padding:1px;box-shadow:inset 0 0 0 1px #505655}.hero-product .shot-options button{flex:1;padding:0 8px;font-size:15px}.hero-product .pill-elapsed{min-height:var(--control-height);grid-column:span 2}.hero-product .demo-overlay{background:#171d2873;border-radius:18px;min-height:300px;inset:0}.hero-product .demo-dialog{font-family:var(--font-mono), monospace}.hero-product .demo-saved{width:100%;margin-top:14px;position:relative}.hero-product .demo-camera-area{--camera-width:clamp(88px, 22cqi, 145px);--camera-height:clamp(76px, 17cqi, 116px);height:calc(var(--camera-height) + 32px);margin-top:12px;position:relative}.hero-product .demo-camera{z-index:8;width:var(--camera-width);height:var(--camera-height);max-height:calc(100% - 16px);font-family:var(--font-general), sans-serif;font-size:11px}@container capture-demo (max-width:740px){.hero-product .pill-controls{gap:10px var(--demo-gap);grid-template-columns:100px minmax(0,1fr) 42px 112px}.hero-product .source-select{grid-column:2/-1;max-width:180px}.hero-product .inputs{grid-area:2/1/auto/3}.hero-product .settings-toggle{grid-area:2/3}.hero-product .capture-action{grid-area:2/4}.hero-product .shot-options,.hero-product .pill-elapsed{grid-column:2/-1}.hero-product .native-settings-footer button{min-height:40px}}@container capture-demo (max-width:419px){.hero-product .demo-composition{--control-height:40px;--demo-gap:6px;--demo-padding:14px}.hero-product .pill-controls{grid-template-columns:minmax(124px,1fr) 40px minmax(80px,1fr)}.hero-product .mode-switch,.hero-product .shot-options{padding:0}.hero-product .inputs{grid-column:1;gap:2px}.hero-product .settings-toggle{grid-column:2}.hero-product .capture-action{grid-column:3;padding-inline:8px}.hero-product .pill-controls[data-mode=screenshot]{grid-template-columns:88px minmax(0,1fr)}.hero-product [data-mode=screenshot] .settings-toggle{grid-column:1}.hero-product [data-mode=screenshot] .capture-action{grid-column:2}.hero-product .shot-options button{padding-inline:4px;font-size:12px}.hero-product .native-settings-row{gap:8px}.hero-product .native-framerate{flex:auto;justify-content:space-between}}@media (max-width:1100px){.reference-hero{padding-top:390px}.hero-product{width:88%;margin-left:6%}.hero-cta{margin-left:6%}}@media (max-width:620px){.reference-hero{min-height:0;padding-top:40px;padding-bottom:100px}.reference-copy{grid-row:1;margin-inline:24px;position:relative;top:auto;left:auto;right:auto}.hero-cta{grid-row:2;margin:24px 24px 0}.hero-product{grid-row:4;width:calc(100% - 32px);margin:20px 16px 0}.version-annotation{grid-row:3;justify-self:end;margin:12px 26px 0;position:relative;top:auto;bottom:auto;right:auto}.version-annotation svg{height:28px;margin-top:0}.hero-product .demo-under{justify-content:flex-start}.hero-product .demo-dialog{padding:18px}.hero-product .demo-dialog h3{font-size:19px}.hero-product .demo-dialog p{font-size:12px}.hero-product .demo-dialog .button.small{gap:7px;padding:9px 11px;font-size:11px}}
