:root{--paper:#f8fafb;--ink:#102a34;--muted:#50616a;--line:#d7dfe3;--yellow:#edfa56;--mint:#70eac2;--canvas:#072732;--blue:#1b54cd;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-padding-top:20px;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif}.native-promo-intro{padding-block:30px 0}.native-promo-intro h1{letter-spacing:-.04em;margin-bottom:12px;font-size:30px;line-height:1.2}.native-promo-intro p{color:var(--muted);margin-bottom:10px;font-size:16px}.native-promo-intro small{color:var(--muted);font-size:11px}.native-promo-intro+.native-demo{padding-top:30px}@media (width<=600px){#native-demo-video{aspect-ratio:3/4;object-fit:contain}}body:has([data-feature-promo]){--paper:#f5f3ee;--ink:#242729;--muted:#5f655d;--line:#d4d5cb;background:var(--paper)}body:has([data-feature-promo]) .site-header{color:#242729;background:#eceae4;border-bottom:1px solid #d4d5cb;width:100%;padding-inline:max(40px,50vw - 620px)}body:has([data-feature-promo]) .site-header .stage{color:#656960}body:has([data-feature-promo]) .site-header .mark{color:#f5f3ee;background:#242729}body:has([data-feature-promo]) .site-header .mark span{color:#ff734c}.native-film{padding-block:40px}.native-film>details{border-block:1px solid var(--line);padding:20px 0}.native-film>details>summary{font-size:18px;font-weight:600}.native-film .native-demo{width:100%}@media (width<=700px){body:has([data-feature-promo]) .site-header{padding-inline:16px}}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}button,input{font:inherit}button,summary{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.65}a{color:inherit;text-underline-offset:.2em}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}button,a,input,summary{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance}p{line-height:1.65}svg{display:block}img{max-width:100%;display:block}.wrap{width:min(1240px,100% - 80px);margin-inline:auto}.skip{z-index:100;background:var(--ink);color:#fff;border-radius:6px;padding:14px 20px;position:fixed;top:-100px;left:20px}.skip:focus{top:16px}.site-header{justify-content:space-between;align-items:center;gap:28px;height:96px;display:flex}.wordmark{letter-spacing:-.055em;align-items:center;gap:10px;font-size:24px;font-weight:750;text-decoration:none;display:inline-flex}.mark{background:var(--ink);width:32px;height:34px;color:var(--paper);border-radius:9px;place-content:center;padding-right:4px;font:italic 31px/.8 Georgia,serif;display:grid;position:relative}.mark span{color:var(--yellow);position:absolute;bottom:5px;right:4px}.site-header nav{align-items:center;gap:30px;display:flex}.site-header nav a{padding:12px 0;font-size:14px;text-decoration:none}.stage{color:var(--muted);font-size:12px}.hero{grid-template-columns:1.4fr 1fr;align-items:end;gap:80px;padding-block:65px 75px;display:grid}.product-label{color:var(--muted);margin-bottom:22px;font-size:14px;display:block}.hero h1{letter-spacing:-.065em;margin-bottom:0;font-size:clamp(62px,7.8vw,112px);font-weight:760;line-height:.98}.ink-word{z-index:0;display:inline-block;position:relative}.ink-word svg{z-index:-1;fill:none;stroke:#b6e6e1;stroke-width:17px;stroke-linecap:round;width:103%;height:18%;position:absolute;bottom:-5px;left:-2%}.hero-aside{max-width:360px;padding-bottom:5px}.hero-aside>p{margin-bottom:24px;font-size:19px;line-height:1.55}.button{background:var(--ink);color:#fff;border-radius:7px;align-items:center;gap:50px;min-height:48px;padding:15px 20px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.button>span{font-size:22px;font-weight:400}.availability{color:var(--muted);margin-top:17px;font-size:12px;line-height:1.7;display:block}.cinema-hero{isolation:isolate;color:#f1f3ed;flex-direction:column;justify-content:center;align-items:flex-start;gap:30px;min-height:700px;padding-block:60px 80px;display:flex;position:relative}.cinema-hero:before{content:"";z-index:-2;background:#080e11;position:absolute;inset:0 calc(min(1240px,100vw - 80px)/2 - 50vw)}.cinema-hero .hero-copy,.cinema-hero .hero-aside{z-index:2;pointer-events:none;width:45%;max-width:485px;position:relative}.cinema-hero .hero-aside{padding:0}.cinema-hero a{pointer-events:auto}.cinema-hero h1{font-size:clamp(60px,7vw,102px)}.cinema-hero .product-label{color:#c0c8c9}.cinema-hero .hero-aside p{color:#c7cfd0;max-width:355px;font-size:17px}.cinema-hero .button{color:#182126;background:#f1cd60}.cinema-hero .button:hover{background:#ffe39b}.hero-proof-link{color:#d4dfe2;width:fit-content;margin-top:15px;font-size:13px;display:block}.cinema-hero .availability{color:#b0bfc4}.cinema-hero .ink-word svg{stroke:#634913}.cinematic-mark{z-index:0;--proof-reveal:1;width:65%;height:100%;position:absolute;top:0;right:0}.cinematic-mark canvas{width:100%;height:100%;position:absolute;inset:0}.cinematic-proof,.cinematic-fallback{aspect-ratio:1296/590;width:86%;position:absolute;top:38%;left:10%}.cinematic-proof{opacity:var(--proof-reveal)}.cinematic-proof img{border-radius:10px;width:100%;height:100%;box-shadow:0 15px 70px #0008}.proof-target{border:2px solid #dca51c;border-radius:6px;width:7%;height:13%;position:absolute;top:58.983%;left:50.617%;transform:translate(-50%,-50%)}.cinematic-mark canvas{display:none}.cinematic-mark[data-renderer=webgl] canvas{display:block}.cinematic-mark[data-renderer=webgl] .cinematic-fallback{display:none}.cinematic-fallback svg{width:100%;height:100%}.material-caption{color:#a7b8bf;font-size:12px;position:absolute;bottom:65px;left:25%}.cinematic-mark>button{color:#d9e1e2;background:0 0;border:1px solid #66747a;border-radius:6px;padding:9px 12px;font-size:11px;position:absolute;bottom:29px;right:12%}.cinematic-mark>button:focus-visible{outline-color:#f1cd60}.cinematic-status{color:#b7c1c5;max-width:65%;font-size:10px;position:absolute;bottom:9px;left:25%}.cinema-hero+.wrap{padding-top:65px}.demo-stage{background:var(--canvas);color:#f8fafb;border-radius:16px;overflow:hidden}.stage-heading{color:#b3cbd3;justify-content:space-between;align-items:center;gap:20px;padding:23px 28px 0;font-size:13px;display:flex}.motion-toggle{color:#edf5f6;background:0 0;border:1px solid #6d8d97;border-radius:6px;align-items:center;gap:8px;min-height:36px;padding:7px 11px;font-size:12px;display:inline-flex}.motion-toggle[aria-pressed=true]{color:var(--yellow);border-color:#b4c63e}.motion-icon{font-size:22px;line-height:15px}.demo-stage button:focus-visible{outline-color:var(--yellow)}.demo-scene{aspect-ratio:1000/440;isolation:isolate;--demo-zoom:1.5;--focus-x:60%;--focus-y:53%;min-height:300px;position:relative;overflow:hidden}.scene-world{transform-origin:65%;position:absolute;inset:0}.specimen-intro{color:#a3c4ce;letter-spacing:-.02em;font-size:clamp(13px,1.5vw,20px);position:absolute;top:13%;left:11%}.specimen{letter-spacing:-.07em;white-space:nowrap;font-size:clamp(80px,11.8vw,173px);font-weight:800;line-height:1;position:absolute;top:27%;left:10%;right:8%}.specimen-target{color:var(--yellow);display:inline-block;position:absolute;left:51%}.period{color:var(--mint);transform-origin:bottom;display:inline-block}.annotation-shapes{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.morph-outline{fill:none;stroke:var(--yellow);stroke-width:9px;stroke-linejoin:round;stroke-linecap:round}.pointing-arrow{stroke:var(--mint);stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;fill:none;transform-origin:94% 27%}.selection-points{fill:var(--canvas);stroke:#70eac2;stroke-width:2px}.annotation-hit-area{pointer-events:none}[data-enhanced=true] .editable-annotation{cursor:grab;touch-action:none}[data-enhanced=true] .annotation-hit-area{pointer-events:all}.editable-annotation.is-dragging{cursor:grabbing}.editable-annotation:focus-visible{outline:none}.editable-annotation:focus-visible .morph-outline{stroke:var(--mint)}[data-enhanced=true] .editable-annotation .selection-points{opacity:0}[data-enhanced=true] .editable-annotation[aria-pressed=true] .selection-points,[data-enhanced=true] .editable-annotation:hover .selection-points{opacity:1}.demo-edit-actions{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;font-size:11px;display:flex}.demo-edit-actions button{color:var(--ink);background:#fff;border:1px solid #9cabb3;border-radius:5px;min-height:36px;padding:8px 11px;font-size:12px}[data-edit-controls]>span{color:var(--muted);font-size:13px;line-height:1.5}.scene-note{color:#bfd6dd;font-size:14px;position:absolute;bottom:16%;left:11%}.cover-example{display:none;position:absolute;top:29%;left:23%;right:23%}.cover-example>span{color:#b8d4dd;margin-bottom:15px;font-size:14px;display:block}.token-wrap{border-block:1px solid #8ca9b4;padding:25px 10px;position:relative}.token-wrap code{text-align:center;letter-spacing:-.055em;white-space:nowrap;font-size:clamp(12px,2.8vw,34px);font-weight:650;display:block}.cover-patch{border-radius:5px;position:absolute;inset:8px 0}.demo-scene[data-mode=cover] .cover-example{display:block}.demo-scene[data-mode=cover] .specimen,.demo-scene[data-mode=cover] .specimen-intro,.demo-scene:not([data-mode=draw]) .annotation-shapes{visibility:hidden}.demo-scene[data-mode=zoom] .scene-world{transform:scale(var(--demo-zoom))}.demo-scene[data-mode=zoom] .scene-note,.demo-scene[data-mode=zoom] .specimen-intro{visibility:hidden}.demo-scene[data-cover=solid] .cover-patch{background:var(--yellow)}.demo-scene[data-cover=blur] .cover-patch{background:#446672}@supports (backdrop-filter:blur(12px)){.demo-scene[data-cover=blur] .cover-patch{backdrop-filter:blur(12px);background:#07273220}}.cover-patch canvas{width:100%;height:100%;image-rendering:pixelated;border-radius:inherit;display:none}.demo-scene[data-cover=pixelate] .cover-patch canvas{display:block}.demo-scene[data-cover=distort] .token-wrap code{filter:url(#cover-distortion)}.demo-scene[data-cover=distort] .cover-patch{background:0 0}.focus-mask{pointer-events:none;opacity:0;background:radial-gradient(ellipse 150px 135px at var(--focus-x) var(--focus-y), transparent 30%, #001117df 100%);position:absolute;inset:0}.demo-scene[data-mode=focus] .focus-mask{opacity:1}.tool-dock{width:fit-content;color:var(--ink);background:#f4f8f9;border-radius:14px;justify-content:center;align-items:center;gap:20px;margin:0 auto 28px;padding:9px 14px;display:flex;box-shadow:0 5px #ffffff18}.demo-tools{gap:7px;display:flex}.demo-tools button,.replay{background:0 0;border:0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:69px;min-height:64px;padding:8px;font-size:12px;display:flex}.demo-tools button[aria-pressed=true]{background:var(--yellow);box-shadow:inset 0 0 0 1px #bfce48}.demo-tools button:hover,.replay:hover{background:#dfe9ec}.demo-tools button[aria-pressed=true]:hover{background:var(--yellow)}.tool-dock button:focus-visible{outline-color:var(--blue)}.demo-tools svg,.replay svg{fill:none;stroke:currentColor;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;width:25px;height:25px}.dock-divider{background:#c6d4d9;width:1px;height:35px}.replay{width:58px}.stage-caption{color:#bbd2da;border-top:1px solid #ffffff1c;justify-content:space-between;gap:22px;padding:18px 28px;font-size:11px;display:flex}.static-note{color:#bcd5de;text-align:center;max-width:550px;margin:0 auto 30px;padding:10px 20px;font-size:14px}.demo-console{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:75px;min-height:190px;padding:28px 8px 45px;display:grid}.demo-description h2{letter-spacing:-.045em;margin-bottom:10px;font-size:23px;font-weight:650;line-height:1.2}.demo-description p{color:var(--muted);max-width:500px;margin:0;font-size:15px;line-height:1.6}.demo-options{border:0;align-self:start;min-width:0;max-width:470px;margin:0;padding:0}.demo-options>span,.demo-options legend,.demo-options>label{width:100%;color:var(--muted);justify-content:space-between;margin-bottom:12px;font-size:13px;display:flex}.demo-options p{color:var(--muted);margin:12px 0 0;font-size:12px;line-height:1.6}.demo-options output{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:600}.demo-options input[type=range]{width:100%;accent-color:var(--blue);cursor:pointer;min-height:28px}.shortcut-note{flex-wrap:wrap;align-items:center;gap:9px;margin-top:20px;font-size:13px;display:flex}kbd{color:var(--ink);background:#fff;border:1px solid #bfcdd2;border-radius:5px;padding:7px 9px;font:12px ui-monospace,monospace}.cover-choices{flex-wrap:wrap;gap:8px;display:flex}.cover-choices label{cursor:pointer;border:1px solid #bac8ce;border-radius:5px;align-items:center;gap:6px;padding:9px;font-size:13px;display:inline-flex}.cover-choices input{accent-color:var(--blue);margin:0}.cover-choices label:has(:checked){border-color:var(--blue);background:#e8eefc}.filter-definitions{pointer-events:none;position:absolute}.native-section{grid-template-columns:.85fr 1.45fr;align-items:center;gap:80px;padding-block:100px;display:grid}.native-demo{padding-block:70px 35px}.native-demo-heading{justify-content:space-between;align-items:end;gap:35px;margin-bottom:25px;display:flex}.native-demo-heading h2{letter-spacing:-.045em;margin:0;font-size:clamp(28px,3vw,42px);line-height:1.1}.native-demo-heading>p{max-width:390px;color:var(--muted);margin:0;font-size:14px}.native-demo video{border:1px solid var(--line);background:#11161d;border-radius:10px;width:100%;height:auto;display:block}.native-demo-chapters{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.native-demo-chapters button{background:#fff;border:1px solid #a9b9c0;border-radius:6px;min-height:40px;padding:10px 13px;font-size:13px}.native-demo-chapters button:hover{background:#e7eef1}.native-demo-status{color:var(--muted);margin:12px 0;font-size:12px}.native-demo-credit{color:var(--muted);margin:12px 0;font-size:12px;line-height:1.6}.native-demo-transcript{color:var(--muted);max-width:850px;font-size:13px;line-height:1.7}.native-demo-transcript summary{color:var(--ink);font-weight:600}.native-demo-transcript p{margin:12px 0 0}.native-copy h2,.tool-copy h2,.faq h2{letter-spacing:-.055em;margin-bottom:24px;font-size:clamp(32px,3.3vw,47px);font-weight:680;line-height:1.08}.native-copy p,.tool-copy p{color:var(--muted);font-size:16px;line-height:1.7}.text-link{align-items:center;gap:20px;margin-top:9px;font-size:14px;text-decoration-thickness:1px;display:inline-flex}.product-capture{min-width:0;margin:0}.product-capture img{border:1px solid var(--line);border-radius:9px;width:100%;height:auto;box-shadow:0 12px 25px -20px #19374280}figcaption{color:var(--muted);margin-top:13px;font-size:11px;line-height:1.6}.tool-section{grid-template-columns:1fr 1.1fr;align-items:center;gap:105px;padding-block:0 100px;display:grid}.library-capture{justify-self:center;max-width:390px;margin:0}.library-capture img{border-radius:12px;height:auto}.feature-list{margin:0}.feature-list>div{border-top:1px solid var(--line);grid-template-columns:78px 1fr;gap:20px;padding-block:18px;display:grid}.feature-list dt{font-size:16px;font-weight:600}.feature-list dd{color:var(--muted);margin:0;font-size:15px;line-height:1.6}.facts{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:85px;padding-block:35px 60px;display:grid}.facts p{color:var(--muted);margin:0;font-size:14px;line-height:1.75}.facts strong{color:var(--ink)}.pricing{border-block:1px solid var(--line);grid-template-columns:1fr 1fr;gap:85px;padding-block:65px;display:grid}.pricing h2{letter-spacing:-.05em;margin-bottom:24px;font-size:48px;font-weight:650;line-height:1.08}.pricing h2 span{letter-spacing:-.035em;font-size:31px;font-weight:450}.pricing p{color:var(--muted);max-width:450px;font-size:16px}.pricing-details p{font-size:14px}.closed-notice{margin-top:24px;font-size:15px;font-weight:600;display:block}.pricing-details small{color:var(--muted);margin-top:6px;font-size:12px;display:block}.faq{grid-template-columns:1fr 1.25fr;gap:50px;padding-block:75px;display:grid}.faq h2{font-size:35px}.faq-list details{border-bottom:1px solid var(--line);padding:19px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{font-size:16px;font-weight:550;line-height:1.55}.faq-list p{color:var(--muted);margin:15px 0 0;font-size:14px}.footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-block:30px;display:flex}.footer .wordmark{font-size:21px}.footer>div{flex-wrap:wrap;gap:24px;font-size:13px;display:flex}.footer>small{width:100%;color:var(--muted);font-size:11px}.coral{color:#136780}.prose{max-width:820px;padding-block:65px}.prose .eyebrow{color:var(--muted);letter-spacing:0;font-size:13px}.prose h1{letter-spacing:-.05em;margin-bottom:40px;font-size:clamp(42px,5vw,66px);font-weight:680;line-height:1.05}.prose h2{letter-spacing:-.035em;margin:38px 0 15px;font-size:25px}.prose p,.prose dd{color:var(--muted);font-size:16px;line-height:1.8}.prose dl{border-top:1px solid var(--line);grid-template-columns:190px 1fr;display:grid}.prose dt,.prose dd{border-bottom:1px solid var(--line);margin:0;padding-block:15px}.prose dt{padding-right:20px;font-size:13px;line-height:1.8}.prose dd{font-size:14px}@media (width<=1000px){.hero{gap:45px;padding-block:45px 55px}.hero h1{font-size:88px}.hero-aside>p{font-size:17px}.native-section,.tool-section{gap:45px}.native-section{grid-template-columns:1fr 1.3fr}.demo-console{gap:40px}.specimen{font-size:12vw}}@media (width<=760px){.native-demo-heading{display:block}.native-demo-heading>p{max-width:550px;margin-top:18px}.wrap{width:calc(100% - 40px)}.stage{display:none}.site-header{height:85px}.site-header nav{gap:19px}.hero{grid-template-columns:1fr;gap:28px;padding-block:35px 40px}.hero h1{font-size:78px}.hero h1 br{display:none}.hero-aside{grid-template-columns:1fr auto;gap:12px 28px;max-width:none;display:grid}.hero-aside p{grid-row:span 2;margin:0}.hero-aside .button{align-self:start}.availability{margin:0}.demo-scene{min-height:265px}.specimen{font-size:13vw;top:28%}.specimen-intro{top:10%}.scene-note{font-size:12px;bottom:13%}.stage-caption{flex-wrap:wrap;gap:6px;font-size:10px}.demo-console{gap:30px;min-height:210px}.native-section{grid-template-columns:1fr;gap:30px;padding-block:65px}.native-copy{max-width:590px}.native-copy h2 br{display:none}.tool-section{gap:35px;padding-bottom:65px}.library-capture{max-width:320px}.feature-list>div{grid-template-columns:1fr;gap:6px}.feature-list dd{font-size:14px}.facts,.pricing{gap:35px}.pricing{padding-block:50px}.pricing h2{font-size:42px}.pricing h2 span{font-size:25px}.faq{gap:30px;padding-block:55px}.faq h2{font-size:29px}.cinema-hero{justify-content:flex-start;gap:20px;min-height:960px;padding-top:40px}.cinema-hero:before{left:-20px;right:-20px}.cinema-hero .hero-copy,.cinema-hero .hero-aside{width:100%;max-width:550px}.cinema-hero .hero-aside{display:block}.cinema-hero h1{font-size:76px}.cinema-hero .hero-aside p{max-width:490px;margin-bottom:18px}.cinematic-mark{width:100%;height:470px;top:auto;bottom:0;right:0}.material-caption{bottom:55px;left:4%}.cinematic-status{bottom:8px;left:4%}.cinematic-mark>button{bottom:29px;right:0}}@media (width<=520px){.native-demo{padding-top:40px}.native-demo-chapters{grid-template-columns:1fr 1fr;display:grid}.cinema-hero:before{left:-16px;right:-16px}.cinema-hero{min-height:760px}.cinematic-mark{height:340px}.cinematic-proof,.cinematic-fallback{width:100%;top:25%;left:0}.cinematic-mark .material-caption{font-size:10px;bottom:64px;left:0}.cinematic-mark>button{bottom:20px}.cinematic-mark .cinematic-status{max-width:58%;font-size:9px;bottom:0;left:0}.wrap{width:calc(100% - 32px)}.site-header{flex-wrap:wrap;gap:15px;height:auto;padding-block:22px 15px}.site-header nav{justify-content:space-between;gap:12px;width:100%}.site-header nav a{padding-block:6px;font-size:13px}.hero{gap:25px;padding-top:25px}.product-label{margin-bottom:14px;font-size:12px}.hero h1{font-size:clamp(57px,14vw,75px);line-height:1.02}.hero h1 br,.hero-aside{display:block}.hero-aside>p{margin-bottom:21px;font-size:17px}.availability{margin-top:16px}.demo-stage{border-radius:10px}.stage-heading{padding:15px 16px 0;font-size:11px}.motion-toggle{gap:6px;padding:6px 8px;font-size:10px}.demo-scene{aspect-ratio:auto;min-height:220px}.scene-world{inset:5px 0}.specimen{font-size:15vw;top:33%;left:9%}.specimen-intro{font-size:11px;top:18%;left:10%}.annotation-shapes{height:80%;top:11%}.scene-note{font-size:10px;bottom:8%;left:10%}.selection-points{display:none}.focus-mask{background:radial-gradient(ellipse 85px 85px at var(--focus-x) var(--focus-y), transparent 25%, #001117df 100%)}.tool-dock{border-radius:10px;gap:8px;max-width:calc(100% - 24px);margin-bottom:21px;padding:7px}.demo-tools{gap:3px}.demo-tools button{width:48px;min-height:56px;padding:6px 4px;font-size:10px}.demo-tools svg,.replay svg{width:21px;height:21px}.replay{width:43px;min-height:56px;padding:4px;font-size:10px}.dock-divider{height:28px}.stage-caption{padding:13px 16px;font-size:9px;line-height:1.6;display:block}.stage-caption>span{display:block}.cover-example{top:25%;left:12%;right:12%}.cover-example>span{margin-bottom:10px;font-size:11px}.token-wrap{padding:20px 8px}.token-wrap code{font-size:18px}.demo-console{grid-template-columns:1fr;gap:24px;min-height:290px;padding:24px 0 30px}.demo-description h2{font-size:22px}.demo-description p{font-size:15px}.demo-options{max-width:none}.shortcut-note{margin-top:12px;font-size:12px}.cover-choices{gap:6px}.cover-choices label{padding:9px 6px;font-size:12px}.native-section{padding-block:50px}.native-copy h2,.tool-copy h2{font-size:34px}.native-copy p{font-size:15px}.native-copy h2 br{display:block}.tool-section{flex-direction:column-reverse;align-items:stretch;gap:24px;padding-bottom:45px;display:flex}.library-capture{align-self:center;max-width:335px}.feature-list>div{grid-template-columns:65px 1fr;gap:15px}.feature-list dd{font-size:15px}.facts{grid-template-columns:1fr;gap:22px;padding-bottom:40px}.facts p{font-size:14px}.pricing{grid-template-columns:1fr;gap:16px;padding-block:40px}.pricing h2{font-size:40px}.pricing h2 span{font-size:28px}.pricing-details p{font-size:15px}.faq{grid-template-columns:1fr;gap:12px;padding-block:40px}.faq h2{font-size:32px}.faq-list summary,.faq-list p{font-size:15px}.footer{gap:22px}.footer>div{gap:20px}.prose{padding-block:40px}.prose h1{font-size:45px}.prose dl{grid-template-columns:1fr}.prose dt{border:0;padding-bottom:0}.prose dd{padding-top:4px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.playground .demo-document,.playground .annotation-shapes{width:100%;height:100%;position:absolute;inset:0}.demo-document{fill:#f4f6ef;font-family:Bricolage Grotesque,Helvetica Neue,sans-serif}.demo-document-heading{letter-spacing:-5px;font-size:112px;font-weight:600}.demo-document .specimen-target{fill:var(--yellow);font-size:100px;display:inline;position:static}.demo-document-label{fill:#bdd1d6;letter-spacing:1px;font:18px ui-monospace,monospace}.demo-document-rule{stroke:#31515a}.demo-document-subtitle{fill:#bcd3d8;font-size:23px}.demo-underline{fill:none;stroke:#70eac2;stroke-width:5px;stroke-linecap:round}.playground .scene-note{display:none}.demo-scene[data-mode=cover] .demo-document,.demo-scene[data-mode=zoom] .demo-document-label,.demo-scene[data-mode=zoom] .demo-document-subtitle{visibility:hidden}.demo-reveal-replay{color:#c5dadd;text-underline-offset:4px;background:0 0;border:0;min-height:44px;margin:-12px auto 20px;padding:10px 16px;font-size:12px;text-decoration:underline;display:block}.demo-reveal-replay:disabled{opacity:1;color:#b3cbd3}.demo-tools button svg,.replay svg{overflow:visible}.demo-tools button span{display:block}.playground .tool-dock{isolation:isolate;box-shadow:none;background:0 0;position:relative}.tool-dock-surface{z-index:-1;border-radius:inherit;pointer-events:none;background:#f4f8f9;position:absolute;inset:0;box-shadow:0 5px #ffffff18}.playground .tool-dock button,.playground .tool-dock button:hover{box-shadow:none;background:0 0;padding:0}.playground .tool-button-content{width:100%;min-height:inherit;border-radius:inherit;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:8px;display:flex}.playground .tool-dock button:hover .tool-button-content{background:#dfe9ec}.playground .tool-dock button[aria-pressed=true] .tool-button-content{background:var(--yellow);box-shadow:inset 0 0 0 1px #bfce48}@font-face{font-family:Bricolage Grotesque;src:url(/_astro/bricolage-grotesque-latin.ClhJvfIn.woff2)format("woff2");font-style:normal;font-weight:200 800;font-display:swap}:root{--paper:#0b101a;--ink:#f1f4fc;--muted:#b8c3d8;--quiet:#97a3ba;--line:#243049;--hairline:#ffffff17;--accent:#ffb58c;--accent-strong:#ffcaaa;--accent-ink:#2b2018;--surface:#111928;--surface-raised:#182236;--selected:#e8eef9;--selected-ink:#121c2e;--blue:var(--accent);--coral:var(--accent);--text-display:clamp(30px, 2.7vw, 38px);--text-h2:clamp(28px, 2.4vw, 34px);--text-h3:21px;--text-lede:19px;--text-body:17px;--text-small:15px;--text-micro:13px;color-scheme:dark;scroll-padding-top:30px;font-family:Bricolage Grotesque,Trebuchet MS,sans-serif}body{background:radial-gradient(ellipse 100% 38% at 90% 0, #20304c66, transparent 75%), var(--paper)}::selection{background:var(--accent);color:var(--accent-ink)}.wrap{width:min(1080px,100% - 80px)}.site-header{z-index:20;isolation:isolate;border-radius:18px;gap:24px;width:min(1128px,100% - 32px);height:68px;margin-top:16px;padding-inline:24px;position:sticky;top:12px}.site-header:before{content:"";z-index:-1;border-radius:inherit;backdrop-filter:blur(18px);pointer-events:none;background:#121c2de8;border:1px solid #46567366;position:absolute;inset:0;box-shadow:0 22px 44px -32px #000}.scroll-sentinel{pointer-events:none;width:1px;height:24px;position:absolute;top:0;left:0}.wordmark{letter-spacing:-.06em;font-size:25px;font-weight:700}.mark{background:var(--accent);color:var(--accent-ink);border-radius:7px}.mark span{color:#9f3f24}.site-header nav{gap:28px;margin-left:auto}.site-header nav a{color:var(--muted);align-items:center;min-height:44px;font-size:15px;display:inline-flex}.site-header nav a:hover,.site-header nav [aria-current]{color:var(--ink)}.header-github{width:44px;height:44px;color:var(--muted);border-radius:10px;place-items:center;margin-right:-12px;display:inline-grid}.header-github:hover{color:var(--ink)}.button{background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);border-radius:10px;align-items:center;gap:26px;min-height:54px;padding:15px 22px;font-size:16px;font-weight:650;text-decoration:none;display:inline-flex;position:relative}.button:hover{background:var(--accent-strong)}.button svg:not(.scribble){width:20px;height:20px}.eyebrow{font-size:var(--text-small);color:var(--muted);margin:0 0 16px;font-weight:600;display:block}.screen-reader-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline-color:var(--accent)}.home-hero{padding-block:6px 72px}.hero-rail{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title cta""lede cta";align-items:end;gap:4px 40px;margin-bottom:18px;display:grid}.hero-title{font-size:var(--text-display);letter-spacing:-.025em;text-wrap:balance;grid-area:title;margin:0;font-weight:520;line-height:1.1}.hero-lede{font-size:var(--text-lede);color:var(--muted);grid-area:lede;margin:0;line-height:1.45}.hero-cta{flex-direction:column;grid-area:cta;align-items:flex-end;gap:8px;display:flex}.hero-availability{color:var(--muted);text-align:right;margin:0;font-size:14px}.player{isolation:isolate;background:var(--surface);min-width:0;box-shadow:0 0 0 1px var(--hairline), 0 40px 90px -54px #000, 0 18px 40px -32px #000c;border-radius:18px;margin:0;position:relative;overflow:hidden}.player-screen{background:var(--paper);aspect-ratio:var(--take-ratio);position:relative;overflow:hidden}.player-screen>picture,.player-screen>picture img,.player-screen>video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.take-frame>picture,.take-frame>picture img,.take-frame>video{object-position:top}.player-screen>video{background:0 0}.player-chin{border-top:1px solid var(--hairline);align-items:center;gap:12px 18px;min-height:60px;padding:8px 10px 8px 20px;display:flex}.player-chin-row{justify-content:space-between;align-items:center;gap:12px 20px;width:100%;display:flex}.player-caption{color:var(--muted);font-size:var(--text-small);margin:0;line-height:1.45}.player-caption strong{color:var(--ink);font-weight:600}.player-toggle{min-width:44px;min-height:44px;color:var(--ink);background:#0d1422;border:1px solid #394764;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 16px 0 13px;font-size:14px;font-weight:600;display:inline-flex}.player-toggle:hover{background:#1a2539;border-color:#5b6c8c}.player-toggle-symbol,.player-toggle-symbol>span{width:16px;height:16px;display:block}.player-toggle svg{width:100%;height:100%;display:block}.player-status{z-index:2;max-width:calc(100% - 28px);color:var(--ink);font-size:var(--text-micro);box-shadow:0 0 0 1px var(--hairline);background:#0b101ae6;border-radius:999px;margin:0;padding:7px 12px;position:absolute;top:14px;left:14px}.take-error,.reel-error{color:var(--muted);margin:10px 0 2px;font-size:14px}.reel-error{padding:0 20px 14px}.hero-reel{--take-ratio:var(--reel-ratio)}.reel-frame{aspect-ratio:var(--reel-actual-ratio,var(--reel-ratio))}.reel-chin{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"toggle chapters";align-items:center;gap:8px 18px;padding:7px 20px 7px 8px;display:grid}.reel-toggle{grid-area:toggle}.reel-chin:has(>.reel-sound:not([hidden])){grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"toggle sound chapters"}.reel-sound{grid-area:sound}.reel-sound[aria-pressed=true]{border-color:var(--accent)}.reel-sound[aria-pressed=true] .player-toggle-symbol{color:var(--accent)}.reel-chapters{grid-area:chapters;gap:4px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.reel-chapter{flex:var(--span) 1 0;align-items:flex-end;min-width:0;display:flex}.reel-chapter button{width:100%;min-width:0;min-height:46px;color:var(--quiet);text-align:left;background:0 0;border:0;flex-direction:column;justify-content:flex-end;gap:8px;padding:0 0 7px;font-size:14px;display:flex}.reel-chapter--title{padding-bottom:7px}.reel-chapter-label{white-space:nowrap;text-overflow:ellipsis;padding-inline:1px;overflow:hidden}.reel-chapter-bar{background:#ffffff21;border-radius:3px;width:100%;height:3px;display:block;position:relative;overflow:hidden}.reel-chapter-fill{background:var(--accent);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.reel-chapter[data-active] button,.reel-chapter button:hover{color:var(--ink)}.reel-chapter button:hover .reel-chapter-bar{background:#ffffff3d}.reel-now{min-width:0;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;grid-area:now;margin:0;font-size:14px;display:none;overflow:hidden}.product-stage{border-top:1px solid var(--line);min-width:0;padding-block:88px 80px;scroll-margin-top:96px;position:relative}.product-stage[data-enhanced]{grid-template:"intro screen""tabs screen""details screen"1fr"more more"/minmax(0,300px) minmax(0,1fr);align-items:start;column-gap:56px;display:grid}.stage-intro{grid-area:intro}.stage-intro h2,.section-heading h2,.simple-install h2{font-size:var(--text-h2);letter-spacing:-.03em;margin:0;font-weight:520;line-height:1.06}.stage-intro p,.section-heading p{max-width:34ch;color:var(--muted);font-size:var(--text-body);margin:14px 0 0;line-height:1.5}.stage-screen{grid-area:screen;min-width:0}.product-stage[data-enhanced] .stage-screen{display:grid}.product-stage[data-enhanced] .stage-screen>[data-stage-panel]{grid-area:1/1;min-width:0}.stage-screen>[data-entering]{z-index:1}.stage-tabs{--tab-h:44px;--tab-gap:2px;gap:var(--tab-gap);background:var(--surface);box-shadow:0 0 0 1px var(--hairline);border-radius:16px;flex-direction:column;grid-area:tabs;margin:30px 0 0;padding:6px;display:flex;position:relative}.stage-indicator{z-index:0;width:calc(100% - 12px);height:var(--tab-h);background:var(--selected);transform:translateY(calc(var(--active-row,0) * (var(--tab-h) + var(--tab-gap))));border-radius:10px;position:absolute;top:6px;left:6px;box-shadow:0 8px 20px -10px #000a}.stage-tabs button{z-index:1;min-height:var(--tab-h);color:var(--muted);text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:0 14px;font-size:16px;font-weight:550;line-height:1.1;display:flex;position:relative}.stage-tabs button[aria-selected=true]{color:var(--selected-ink)}.stage-tabs button:hover:not([aria-selected=true]){color:var(--ink);background:#1c2739}.feature-glyph{flex:0 0 20px;width:20px;height:20px;display:inline-flex}.feature-glyph svg{width:100%;height:100%}.product-stage:not([data-enhanced]) [data-stage-panel]>details>summary{border-top:1px solid var(--line);min-height:44px;font-size:var(--text-body);padding:12px 0}.product-stage:not([data-enhanced]) [data-stage-panel]>details[open]>summary{margin-bottom:12px}.recording-details{color:var(--muted);grid-area:details;margin-top:26px;font-size:14px;line-height:1.6}.recording-details summary{min-height:44px;color:var(--ink);font-size:var(--text-small);align-items:center;display:inline-flex}.recording-details p{margin:10px 0 0}.stage-more{background:var(--surface);box-shadow:0 0 0 1px var(--hairline);border-radius:18px;grid-area:more;margin-top:48px;padding:30px 32px 22px}.stage-more-intro{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 40px;display:flex}.stage-more h3{font-size:var(--text-h3);letter-spacing:-.02em;margin:0;font-weight:600}.stage-more-intro p{max-width:62ch;color:var(--muted);font-size:var(--text-small);margin:0;line-height:1.5}.stage-more kbd{box-shadow:inset 0 0 0 1px var(--hairline);color:var(--ink);font:inherit;background:#ffffff12;border-radius:5px;padding:1px 6px}.tool-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 36px;margin-top:26px;display:grid}.tool-group h4{color:var(--quiet);font-size:var(--text-micro);margin:0 0 10px;font-weight:600}.tool-group ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tool-group li{box-shadow:inset 0 0 0 1px var(--hairline);color:var(--ink);background:#ffffff0a;border-radius:999px;padding:5px 11px;font-size:14px;line-height:1.35}.stage-more-link{min-height:44px;color:var(--ink);font-size:var(--text-small);align-items:center;margin-top:16px;display:inline-flex}.settings-story{border-top:1px solid var(--line);padding-block:80px 48px}.section-heading{margin-bottom:32px}.settings-pair{grid-template-columns:1fr 1fr;gap:24px;display:grid}.shortcut-strip{background:var(--surface);box-shadow:0 0 0 1px var(--hairline);border-radius:18px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title keys""text keys";align-items:center;gap:6px 40px;margin-top:24px;padding:26px 28px;display:grid}.shortcut-strip h3{font-size:var(--text-h3);letter-spacing:-.02em;grid-area:title;margin:0;font-weight:600}.shortcut-strip p{max-width:52ch;color:var(--muted);font-size:var(--text-small);grid-area:text;margin:0;line-height:1.5}.shortcut-pair{grid-area:keys;align-items:flex-end;gap:28px;margin:0;display:flex}.shortcut-pair dt{color:var(--quiet);font-size:var(--text-micro);margin-bottom:8px}.shortcut-pair dd{margin:0}.keycaps{gap:6px;display:flex}.keycaps kbd{--key-depth:4px;min-width:48px;height:48px;color:var(--ink);box-shadow:0 var(--key-depth) 0 #182640, 0 var(--key-depth) 0 1px #4d6182, 0 calc(var(--key-depth) + 8px) 16px -6px #0008;background:linear-gradient(#34476a,#223350);border:1px solid #677c9c;border-radius:10px;place-items:center;padding-inline:12px;font:20px Bricolage Grotesque,sans-serif;display:grid}.simple-install{isolation:isolate;border-top:1px solid var(--line);background:radial-gradient(46% 58% at 76% 42%,#2a3f6a40,#0000 72%);grid-template:"copy guide""brew guide""more guide"1fr/minmax(0,1fr) minmax(0,1.12fr);align-items:start;column-gap:72px;padding-block:96px 104px;display:grid;position:relative}#install{scroll-margin-top:104px}.install-copy{grid-area:copy}.simple-install h2{letter-spacing:-.035em;margin:0 0 34px;font-size:clamp(32px,2.9vw,40px);line-height:1.06}.install-mark{white-space:nowrap;display:inline-block;position:relative}.install-ellipse{width:calc(100% + .7em);height:calc(100% + .46em);color:var(--accent);pointer-events:none;position:absolute;top:-.24em;left:-.3em}.install-ellipse path{stroke-width:3px}.download-action{gap:12px;min-height:60px;padding:16px 26px 16px 22px;font-size:17px}.install-needs{color:var(--ink);font-size:var(--text-small);text-wrap:pretty;margin:22px 0 0;line-height:1.45}.install-version{color:var(--muted);margin:6px 0 0;font-size:14px}.nowrap{white-space:nowrap}.install-guide{grid-area:guide}.install-scene{background:#0d1321;border-radius:18px;margin:0;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a,0 40px 80px -44px #000e}.install-scene svg{width:100%;height:auto;display:block}.install-scene text{font-family:inherit}.scene-label{fill:#e6ecf7;font-size:14.5px;font-weight:550}.scene-time{fill:#f1f4fc;font-size:11px;font-weight:600}.scene-ink{fill:none;stroke:var(--accent);stroke-width:3.4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 2;stroke-dashoffset:0}.scene-circle{stroke-width:2.6px}.scene-counter circle{fill:var(--accent)}.scene-counter text{fill:var(--accent-ink);font-size:13px;font-weight:750}.scene-ripple{fill:none;stroke:var(--accent);stroke-width:2px}.scene-select,.scene-drop,.scene-ripple,.scene-pointer,.scene-ghost{opacity:0}.scene-press{transform-box:fill-box;transform-origin:0 0}.scene-ghost,.scene-ripple{transform-box:fill-box;transform-origin:50%}.install-steps{counter-reset:step;gap:2px;margin:22px 0 0;padding:0;list-style:none;display:grid}.install-steps li{counter-increment:step;font-size:var(--text-body);align-items:flex-start;gap:14px;padding-block:8px;line-height:24px;display:flex}.install-steps li:before{content:counter(step);background:var(--accent);height:26px;color:var(--accent-ink);border-radius:50%;flex:0 0 26px;place-items:center;margin-top:-1px;font-size:13px;font-weight:750;line-height:1;display:grid}.install-steps small{color:var(--muted);font-size:var(--text-small);line-height:1.5;display:block}.brew{box-shadow:0 0 0 1px var(--hairline), 0 26px 50px -38px #000;background:#0c121d;border-radius:14px;grid-area:brew;margin-top:44px;overflow:hidden}.brew-bar{background:#141c2b;border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;min-height:50px;padding:5px 7px 5px 16px;display:flex}.brew-dots{gap:6px;display:flex}.brew-dots i{background:#34405a;border-radius:50%;width:10px;height:10px}.brew-bar h3{color:var(--muted);text-align:center;flex:1;margin:0;font-size:14px;font-weight:600}.brew-bar button{min-height:38px;color:var(--ink);background:#1b2538;border:1px solid #3c4a64;border-radius:8px;align-items:center;padding:7px 14px;font-size:14px;display:inline-flex;position:relative}.brew-bar button:hover{background:#222e45;border-color:#5a6c8c}.copy-check{width:18px;height:18px;color:var(--accent);margin-top:-9px;position:absolute;top:50%;right:calc(100% + 8px)}.copy-check path{stroke-width:2.6px}.brew-code{position:relative}.brew-code pre{color:var(--ink);white-space:normal;background:0 0;margin:0;padding:16px 18px 18px;font:13px/1.75 SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;overflow-x:auto}.brew-code code{font:inherit;color:inherit;display:block}.brew-code code>span{text-indent:-4ch;white-space:pre-wrap;overflow-wrap:anywhere;padding-left:4ch;display:block}.brew-code pre{container-type:inline-size}.brew-code .brew-arg{white-space:nowrap}.brew-code .brew-arg>span{text-indent:0}@container (width<=36ch){.brew-code .brew-cask{white-space:inherit}.brew-code .brew-cask>span{display:inline-block}}.brew-code code>span:before{content:"$";text-indent:0;width:2ch;color:var(--quiet);-webkit-user-select:none;user-select:none;display:inline-block}.copy-swipe{opacity:0;pointer-events:none;background:#ffb58c1f;position:absolute;inset:0}.brew-status{color:var(--muted);margin:0;padding:0 18px 14px;font-size:14px}.install-more{color:var(--muted);font-size:var(--text-small);grid-area:more;margin-top:20px}.install-more summary{min-height:44px;color:var(--ink);cursor:pointer;align-items:center;gap:10px;list-style:none;display:flex}.install-more summary::-webkit-details-marker{display:none}.install-more summary:before{content:"";height:7px;transition:rotate var(--beat-quarter) var(--ease-ui);border-bottom:1.8px solid;border-right:1.8px solid;flex:0 0 7px;margin-inline:2px 3px;rotate:-45deg}.install-more[open] summary:before{rotate:45deg}.install-more p{margin:10px 0 0;line-height:1.55}.install-more code{color:var(--ink);overflow-wrap:anywhere;font-size:.9em}.install-more a{min-height:44px;color:var(--ink);align-items:center;margin-top:4px;display:inline-flex}.long-demo{border-top:1px solid var(--line);padding-block:16px 36px}.long-demo>summary{min-height:48px;font-size:var(--text-body);align-items:center;padding:14px 0;display:flex}.long-demo .native-demo{width:100%;padding-top:20px}.native-demo video{aspect-ratio:16/9;object-fit:contain;border:0;border-radius:12px}.native-demo-chapters{gap:7px;margin-top:20px}.native-demo-chapters button{min-height:44px;color:var(--ink);background:#172236;border:1px solid #435470;border-radius:8px;padding:10px 13px;font-size:14px}.native-demo-status,.native-demo-credit{color:var(--muted);margin-top:17px;font-size:14px}.native-demo-transcript summary{min-height:44px;padding-block:10px}.footer{gap:24px;padding-block:30px;font-size:14px}.footer a{align-items:center;min-height:44px;display:inline-flex}.footer small{color:var(--muted);font-size:var(--text-micro)}.footer .coral{color:var(--accent)}.prose{max-width:820px}.prose h1,.prose h2{font-weight:550}.prose code{color:var(--accent)}.prose a{text-decoration-color:#7d8cab}.prose a:hover{text-decoration-color:var(--ink)}.guide-nav{border-block:1px solid var(--line);flex-wrap:wrap;gap:0 20px;margin:24px 0 32px;padding:14px 0;display:flex}.guide-nav a{align-items:center;min-height:44px;font-size:15px;display:inline-flex}.start-steps{padding-left:26px}.start-steps li{padding:4px 0 12px 8px;line-height:1.7}.help-notice{border-left:3px solid var(--accent);background:#1a2233;margin:28px 0;padding:20px 24px}.help-notice h2{margin:0 0 12px;font-size:24px}.help-notice p{margin:0}.skill-guide blockquote{border-left-color:var(--accent)}@media (width<=1000px){.wrap{width:calc(100% - 48px)}.site-header{width:calc(100% - 16px);padding-inline:16px}.hero-rail{grid-template-columns:minmax(0,1fr);grid-template-areas:"title""lede""cta";gap:12px}.hero-cta{flex-flow:wrap;justify-content:flex-start;align-items:center;gap:14px 20px;margin-top:8px}.hero-availability{text-align:left}.product-stage{padding-block:64px 56px}.product-stage[data-enhanced]{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""tabs""screen""details""more"}.tool-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-tabs{--tab-columns:8;--tab-h:58px;--tab-gap:4px;grid-template-columns:repeat(var(--tab-columns), minmax(0, 1fr));margin:24px 0 16px;display:grid}.stage-indicator{width:calc((100% - 12px - (var(--tab-columns) - 1) * var(--tab-gap)) / var(--tab-columns));transform:translate(calc(var(--active-col,0) * (100% + var(--tab-gap))), calc(var(--active-row,0) * (var(--tab-h) + var(--tab-gap))))}.stage-tabs button{text-align:center;flex-direction:column;justify-content:center;gap:5px;padding:6px 2px;font-size:14px}.settings-story{padding-block:64px 40px}.simple-install{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:44px}}@media (width<=760px){.wrap{width:calc(100% - 32px)}.site-header{flex-wrap:nowrap;gap:12px;width:calc(100% - 16px);height:64px;margin-top:8px;padding:0 8px;top:8px}.site-header nav{order:initial;flex-wrap:nowrap;gap:16px;width:auto}.site-header nav a{font-size:14px}.header-github{margin-right:-4px}.wordmark{gap:7px;font-size:21px}.home-hero{padding-block:16px 48px}.hero-title{font-size:clamp(28px,7.4vw,36px)}.hero-lede{font-size:var(--text-body)}.player{border-radius:16px}.player-chin{padding-left:16px}.settings-pair{grid-template-columns:1fr;gap:20px}.shortcut-strip{grid-template-columns:minmax(0,1fr);grid-template-areas:"title""keys""text";gap:16px;padding:22px}.simple-install{background:radial-gradient(90% 30% at 50% 44%,#2a3f6a38,#0000 72%);grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""guide""brew""more";row-gap:36px;padding-block:64px 72px}.simple-install h2{margin-bottom:28px}.brew,.install-more{margin-top:0}.brew-code pre{padding-inline:14px;font-size:12px}.native-demo video{aspect-ratio:3/4}.footer{flex-wrap:wrap}.footer>div{gap:16px}}@media (width<=600px){.hero-reel--phone .reel-frame{aspect-ratio:var(--reel-actual-ratio,var(--reel-phone-ratio))}.feature-clip .player-screen{aspect-ratio:var(--take-phone-ratio)}.stage-tabs{--tab-columns:4;--tab-h:62px;--tab-gap:2px;padding:4px}.stage-indicator{width:calc((100% - 8px - (var(--tab-columns) - 1) * var(--tab-gap)) / var(--tab-columns));top:4px;left:4px}.stage-tabs button{padding:4px 2px;font-size:13px}.reel-chin{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"toggle now""chapters chapters";row-gap:2px;padding:8px 14px 4px 8px}.reel-chin:has(>.reel-sound:not([hidden])){grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"toggle sound now""chapters chapters chapters"}.stage-more{margin-top:32px;padding:22px 18px 16px}.tool-groups{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:20px}.tool-group h4{margin-bottom:8px}.tool-group ul{gap:5px}.tool-group li{padding:4px 9px;font-size:13px}.reel-now{display:block}.reel-chapter-label{display:none}.reel-chapter{min-width:24px}.reel-chapter button{justify-content:center;min-height:40px;padding:0}.reel-chapter--title{align-items:center;padding-bottom:0}.player-chin-row{align-items:flex-start}}@media (width<=370px){.site-header nav{gap:11px}.wordmark{font-size:19px}.mark{width:27px;height:29px;font-size:27px}.site-header nav a{font-size:13px}.player-toggle{padding-inline:12px}}@media (width<=359px){.header-github{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important}}:root{--beat:.461538s;--beat-half:.230769s;--beat-quarter:.115385s;--beat-eighth:57.692ms;--beat-double:.923077s;--ease-ui:cubic-bezier(.2, 0, 0, 1);--ease-move:cubic-bezier(.65, 0, .35, 1);--ease-ink:cubic-bezier(.55, .1, .2, 1);--undrawn:1.05}:where(.scribble){fill:none;display:block;overflow:visible}:where(.scribble) path{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 2;stroke-dashoffset:0}html.js-motion:not([data-scrolled]) .site-header:before{opacity:0}.site-header:before{transition:opacity var(--beat-half) var(--ease-ui)}.site-header nav a{text-decoration:none;position:relative}.site-header nav a:hover,.site-header nav [aria-current]{text-decoration:none}.site-header nav a:after{content:"";transform-origin:100%;height:1.5px;transition:transform var(--beat-half) var(--ease-ui);background:currentColor;border-radius:1px;position:absolute;bottom:9px;left:0;right:0;transform:scaleX(0)}.site-header nav a:hover:after,.site-header nav a[aria-current]:after{transform-origin:0;transform:scaleX(1)}.wordmark .mark{transition:rotate var(--beat-half) var(--ease-ui)}.wordmark:hover .mark{rotate:-8deg}.button{transition:background-color var(--beat-quarter) var(--ease-ui), translate var(--beat-half) var(--ease-ui), scale var(--beat-quarter) var(--ease-ui)}.button:hover{translate:0 -2px}.button:active{translate:0 1px;scale:.98}.button svg:not(.scribble){transition:translate var(--beat-half) var(--ease-ui)}.get-annotator:hover svg:not(.scribble){translate:0 3px}.download-action:hover svg:not(.scribble){translate:0 2px}.button-ring{width:calc(100% + 40px);height:calc(100% + 30px);color:var(--accent);pointer-events:none;position:absolute;top:-15px;left:-20px}.button-ring path{stroke-width:2.2px;stroke-dashoffset:var(--undrawn);transition:stroke-dashoffset var(--beat-half) var(--ease-ui)}.button:hover .button-ring path,.button:focus-visible .button-ring path{stroke-dashoffset:0;transition-duration:var(--beat);transition-timing-function:var(--ease-ink)}.stage-tabs button,.player-toggle,.reel-chapter button,.brew-bar button,.native-demo-chapters button{transition:color var(--beat-quarter) var(--ease-ui), background-color var(--beat-quarter) var(--ease-ui), border-color var(--beat-quarter) var(--ease-ui), scale var(--beat-quarter) var(--ease-ui)}.stage-tabs button:active,.player-toggle:active,.reel-chapter button:active,.brew-bar button:active,.native-demo-chapters button:active{scale:.96}.reel-chapter-bar{transition:background-color var(--beat-quarter) var(--ease-ui)}.stage-indicator{transition:transform var(--beat) var(--ease-ui)}.stage-tabs button[aria-selected=true]{transition-delay:var(--beat-quarter), 0s, 0s, 0s}.stage-tabs [aria-selected=true] .feature-glyph path{stroke-dasharray:1 2;animation:ink-draw var(--beat) var(--ease-ink) var(--beat-eighth) backwards}@keyframes ink-draw{0%{stroke-dashoffset:var(--undrawn)}to{stroke-dashoffset:0}}[data-ready] .take-frame>video{opacity:0}[data-ready][data-presented] .take-frame>video{opacity:1;transition:opacity var(--beat-half) var(--ease-ui)}[data-playback=error] .take-frame>video{opacity:1}.keycaps kbd{transition:transform var(--beat-quarter) var(--ease-ui), --key-depth var(--beat-quarter) var(--ease-ui)}@media (hover:hover) and (pointer:fine){.keycaps kbd:hover{--key-depth:1px;transform:translateY(3px)}}@property --key-depth{syntax:"<length>";inherits:false;initial-value:4px}.copy-check path{stroke-dashoffset:var(--undrawn);transition:stroke-dashoffset var(--beat-half) var(--ease-ink)}[data-copied] .copy-check path{stroke-dashoffset:0}html[data-smooth-scroll]{scroll-behavior:smooth}@media (prefers-reduced-motion:no-preference){.js-motion [data-reveal=mark].is-revealed .install-ellipse path{transition:stroke-dashoffset var(--beat-double) var(--ease-ink) var(--beat-half)}.js-motion [data-reveal=mark]:not(.is-revealed) .install-ellipse path,.js-motion .install-scene:not(.is-revealed) .scene-ink{stroke-dashoffset:var(--undrawn)}.js-motion .install-scene.is-arriving :is(.scene-pointer,.scene-px,.scene-py,.scene-press,.scene-ghost,.scene-select,.scene-drop,.scene-ripple,.scene-arrow,.scene-arrowhead,.scene-circle){animation-duration:calc(var(--beat) * 5.4);animation-delay:calc(var(--beat) * 1.5);animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both}.js-motion .install-scene.is-arriving .scene-pointer{animation-name:scene-pointer}.js-motion .install-scene.is-arriving .scene-px{animation-name:scene-px}.js-motion .install-scene.is-arriving .scene-py{animation-name:scene-py}.js-motion .install-scene.is-arriving .scene-press{animation-name:scene-press}.js-motion .install-scene.is-arriving .scene-ghost{animation-name:scene-ghost}.js-motion .install-scene.is-arriving .scene-select{animation-name:scene-select}.js-motion .install-scene.is-arriving .scene-drop{animation-name:scene-drop}.js-motion .install-scene.is-arriving .scene-ripple{animation-name:scene-ripple}.js-motion .install-scene.is-arriving .scene-arrow{animation-name:scene-arrow}.js-motion .install-scene.is-arriving .scene-arrowhead{animation-name:scene-arrowhead}.js-motion .install-scene.is-arriving .scene-circle{animation-name:scene-circle}@view-transition{navigation:auto}.site-header{view-transition-name:site-header}::view-transition-old(root){animation:fade-out var(--beat-half) var(--ease-ui) both}::view-transition-new(root){animation:fade-in var(--beat-half) var(--ease-ui) both}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes scene-pointer{0%{opacity:0}6.5%,90.74%{opacity:1}to{opacity:0}}@keyframes scene-px{0%{animation-timing-function:cubic-bezier(.2,0,0,1);transform:translate(198px)}9.26%{transform:translate(172px)}13.89%{animation-timing-function:cubic-bezier(.45,0,.4,1);transform:translate(172px)}41.67%{transform:translate(392px)}50%{animation-timing-function:cubic-bezier(.65,0,.35,1);transform:translate(392px)}69.44%,to{transform:translate(444px)}}@keyframes scene-py{0%{animation-timing-function:cubic-bezier(.2,0,0,1);transform:translateY(212px)}9.26%{transform:translateY(176px)}13.89%{animation-timing-function:cubic-bezier(.25,.6,.45,1);transform:translateY(176px)}27.78%{animation-timing-function:cubic-bezier(.55,0,.75,.4);transform:translateY(146px)}41.67%{transform:translateY(176px)}50%{animation-timing-function:cubic-bezier(.65,0,.35,1);transform:translateY(176px)}69.44%,to{transform:translateY(12px)}}@keyframes scene-press{0%,9.26%{transform:scale(1)}12.04%,41.67%{transform:scale(.9)}44.44%,69.44%{transform:scale(1)}71.3%{transform:scale(.86)}74.07%,to{transform:scale(1)}}@keyframes scene-ghost{0%,13.89%{opacity:0;transform:scale(.92)}16.67%,41.67%{opacity:1;transform:scale(1)}47.22%,to{opacity:0;transform:scale(.5)}}@keyframes scene-select{0%,9.26%{opacity:0}13.89%,44.44%{opacity:1}54.63%,to{opacity:0}}@keyframes scene-drop{0%,34%{opacity:0}41.67%,47.22%{opacity:1}60%,to{opacity:0}}@keyframes scene-ripple{0%,69.44%{opacity:0;transform:scale(.4)}71.3%{opacity:.9}83.33%,to{opacity:0;transform:scale(2.6)}}@keyframes scene-arrow{0%,13.89%{stroke-dashoffset:var(--undrawn);animation-timing-function:cubic-bezier(.55,.1,.2,1)}41.67%,to{stroke-dashoffset:0}}@keyframes scene-arrowhead{0%,41.67%{stroke-dashoffset:var(--undrawn)}47.22%,to{stroke-dashoffset:0}}@keyframes scene-circle{0%,72.22%{stroke-dashoffset:var(--undrawn);animation-timing-function:cubic-bezier(.55,.1,.2,1)}90.74%,to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.stage-tabs [aria-selected=true] .feature-glyph path{animation:none}.reel-chapter[data-done] .reel-chapter-fill{opacity:.5;transform:scaleX(1)}}@media print{.js-motion [data-reveal] .scribble:not(.copy-check) path,.js-motion .install-scene .scene-ink{stroke-dashoffset:0!important}.install-scene *{animation:none!important}.take-frame>video{opacity:1!important}}