.tart{--tile:#f2f2ef;position:relative;display:block;width:100%;aspect-ratio:16/10;overflow:hidden;container-type:inline-size;border-radius:14px;background:var(--tile);isolation:isolate}.tart :where(span,i,b){display:block;box-sizing:border-box}.tart b,.tart em,.tart i{font-style:normal;font-weight:400}.tart img{object-fit:cover}.tart .pb-icon{display:block;flex:none}.tb-slide{position:absolute;inset:0;display:grid;place-items:center;border-radius:inherit;background:var(--bg);opacity:0}.tb-slide:first-child{opacity:1}.tb-mark{width:var(--size)}.tb-mark img{width:100%;height:auto}.tb-swatches{position:absolute;left:5cqw;bottom:4.6cqw;display:flex;gap:1.4cqw}.tb-swatches i{width:4.6cqw;height:4.6cqw;border-radius:50%;box-shadow:0 0 0 .3cqw rgb(128 128 128/.28)}.tb-name{position:absolute;right:5cqw;bottom:5.6cqw;font:400 2.5cqw/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);opacity:.75}.td-page,.td-phone{position:absolute;box-shadow:0 1.6cqw 4cqw rgb(20 30 60/.22),0 0 0 .2cqw rgb(0 0 0/.05)}.td-page{left:17cqw;top:6.5cqw;width:29cqw;aspect-ratio:560/967;overflow:hidden;border-radius:1.8cqw;rotate:-5deg}.td-phone{left:53cqw;top:4.5cqw;width:25cqw;aspect-ratio:9/19.5;padding:.9cqw;border-radius:4cqw;background:#111;rotate:4deg}.td-screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:3.2cqw}.td-select{left:53.5cqw;top:15cqw;width:23cqw;height:13cqw;rotate:4deg}.td-select,.td-select b{position:absolute;border:.3cqw solid #0d99ff}.td-select b{width:1.6cqw;height:1.6cqw;margin:-.95cqw;background:#fff}.td-select b:first-child{left:0;top:0}.td-select b:nth-child(2){right:0;top:0;margin-left:0;margin-right:-.95cqw}.td-select b:nth-child(3){left:0;bottom:0;margin-top:0;margin-bottom:-.95cqw}.td-select b:nth-child(4){right:0;bottom:0;margin:0 -.95cqw -.95cqw 0}.tbu-window{position:absolute;left:9cqw;right:9cqw;top:4cqw;overflow:hidden;border-radius:1.8cqw;background:#fff;box-shadow:0 2cqw 5cqw rgb(50 35 10/.24),0 0 0 .2cqw rgb(0 0 0/.07)}.tbu-bar{display:flex;align-items:center;gap:.9cqw;height:4.4cqw;padding:0 1.8cqw;background:#f3f1ec;border-bottom:.2cqw solid rgb(0 0 0/.06)}.tbu-bar i{width:1.3cqw;height:1.3cqw;border-radius:50%;background:#d6d1c7}.tbu-bar em{flex:1;margin-right:5cqw;font:400 2cqw/1 var(--font-sans);text-align:center;color:rgb(0 0 0/.45)}.tbu-view{position:relative;aspect-ratio:1100/668}.tbu-sketch{position:absolute;inset:0;background:#f8f6f1}.tbu-sketch b{position:absolute;border-radius:.8cqw;background:#e6e1d6}.tbu-top{left:2.5cqw;right:2.5cqw;top:2.5cqw;height:6cqw}.tbu-side{left:2.5cqw;width:16cqw}.tbu-grid,.tbu-side{top:10.5cqw;bottom:2.5cqw}.tbu-grid{left:20.5cqw;right:2.5cqw;background:repeating-linear-gradient(90deg,#ddd6c8 0 3.4cqw,transparent 3.4cqw 4.2cqw);-webkit-mask:repeating-linear-gradient(180deg,#000 0 3.4cqw,transparent 3.4cqw 4.4cqw);mask:repeating-linear-gradient(180deg,#000 0 3.4cqw,transparent 3.4cqw 4.4cqw)}.tbu-real{position:absolute;inset:0}.tbu-scan{position:absolute;top:0;bottom:0;left:0;width:.4cqw;background:#2f7cf6;box-shadow:0 0 2cqw .8cqw rgb(47 124 246/.45);opacity:0}.tbu-chip{position:absolute;left:5cqw;bottom:3cqw;display:grid;padding:1.2cqw 2.2cqw;border-radius:99px;background:#151617;font:400 2.3cqw/1 var(--font-mono);letter-spacing:.04em;color:#fff;box-shadow:0 1cqw 2.4cqw rgb(0 0 0/.25)}.tbu-chip>span{grid-area:1/1}.tbu-chip-a{opacity:0}.tx-editor{position:absolute;left:7cqw;top:8cqw;width:100cqw;height:60cqw;overflow:hidden;border-radius:2.4cqw;background:#fff;box-shadow:0 0 0 .2cqw rgb(0 0 0/.07),0 2cqw 5cqw rgb(0 0 0/.1)}.tx-tab{display:flex;align-items:center;gap:1.4cqw;height:8cqw;padding:0 3cqw;border-bottom:.2cqw solid rgb(0 0 0/.06);background:#fafaf8;font:400 2.9cqw/1 var(--font-sans);color:rgb(0 0 0/.6)}.tx-tab i{display:grid;place-items:center;width:3.6cqw;height:3.6cqw;border-radius:.7cqw;background:#3178c6;font:600 1.6cqw/1 var(--font-sans);color:#fff}.tx-code{padding:2.6cqw 0;font:400 3.4cqw/1 var(--font-mono);color:#24292f;white-space:nowrap}.tx-code b{display:inline}.tx-ln{display:flex;align-items:center;height:7.2cqw}.tx-ln em{flex:none;width:9cqw;padding-right:3cqw;font-style:normal;text-align:right;color:rgb(0 0 0/.26)}.tx-in{padding-left:4cqw}.tx-code .k{color:#8250df}.tx-code .f{color:#0550ae}.tx-swap{display:grid}.tx-swap>.tx-ln{grid-area:1/1}.tx-bad{background:rgb(229 72 77/.07);opacity:0}.tx-bad u{text-decoration:underline wavy #e5484d;text-decoration-thickness:.3cqw;text-underline-offset:1cqw}.tx-good{background:rgb(30 128 76/.08);box-shadow:inset .5cqw 0 #1e804c}.tx-hover{position:absolute;left:27cqw;top:41.5cqw;display:flex;align-items:center;gap:1.2cqw;padding:1.6cqw 2.4cqw 1.6cqw 2cqw;border-radius:1.6cqw;background:#fff;font:400 2.9cqw/1 var(--font-mono);color:#b42318;white-space:nowrap;box-shadow:0 0 0 .2cqw rgb(229 72 77/.35),0 1.4cqw 3.2cqw rgb(0 0 0/.12);opacity:0}.tx-hover .pb-icon{width:3.2cqw;height:3.2cqw}.tx-pass{position:absolute;right:5cqw;bottom:5cqw;display:flex;align-items:center;gap:1.2cqw;padding:1.7cqw 3cqw 1.7cqw 2.3cqw;border-radius:99px;background:#1e804c;font:400 3cqw/1 var(--font-sans);color:#fff;box-shadow:0 1.2cqw 3cqw rgb(30 128 76/.35)}.tx-pass .pb-icon{width:3.2cqw;height:3.2cqw;stroke-width:2.4}.tc-you{position:absolute;right:6cqw;top:7cqw;padding:2.2cqw 3.4cqw;border-radius:3.6cqw 3.6cqw 1cqw 3.6cqw;background:#151617;font:400 3.4cqw/1.35 var(--font-sans);color:#fff}.tc-claude{position:absolute;left:6cqw;right:12cqw;top:19cqw;padding:3cqw 3.6cqw 3.6cqw;border-radius:1cqw 3.6cqw 3.6cqw 3.6cqw;background:#fff;font:400 3.4cqw/1.4 var(--font-sans);color:#1f1f1f;box-shadow:0 0 0 .2cqw rgb(0 0 0/.06),0 2cqw 5cqw rgb(0 0 0/.09)}.tc-who{display:flex;align-items:center;gap:1.2cqw;margin-bottom:1.6cqw;font-size:2.8cqw;color:rgb(0 0 0/.5)}.tc-who img{width:3.6cqw;height:3.6cqw;object-fit:contain}.tc-typing{position:absolute;left:3.6cqw;top:10cqw;display:flex;gap:1cqw;opacity:0}.tc-typing i{width:1.5cqw;height:1.5cqw;border-radius:50%;background:rgb(0 0 0/.3)}.tc-text{text-wrap:pretty}.tc-options{display:flex;gap:1.6cqw;margin-top:2.6cqw}.tc-options span{padding:1.4cqw 2.6cqw;border-radius:99px;font-size:3cqw;line-height:1;color:rgb(0 0 0/.7);box-shadow:inset 0 0 0 .2cqw rgb(0 0 0/.14)}.tc-options .tc-pick{background:#151617;color:#fff;box-shadow:inset 0 0 0 .2cqw #151617}.tc-done{display:flex;align-items:center;gap:1cqw;margin-top:2.6cqw;font-size:2.9cqw;line-height:1;color:#1e804c}.tc-done .pb-icon{width:3.2cqw;height:3.2cqw;stroke-width:2.2}.tart-flow{background:radial-gradient(circle,rgb(0 0 0/.09) .16cqw,transparent .24cqw) 0 0 /3cqw 3cqw,var(--tile)}.tf-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.tf-wires path{fill:none;stroke:rgb(0 0 0/.25);stroke-width:.45;stroke-dasharray:1.2 1}.tf-spark{fill:#6b4fd8}.tf-node{position:absolute;left:calc(4cqw + var(--n) * 29cqw);top:calc(8cqw + var(--n) * 17cqw);display:flex;align-items:center;gap:2cqw;width:34cqw;height:12.5cqw;padding:0 2.2cqw;border-radius:2.6cqw;background:#fff;box-shadow:0 0 0 .2cqw rgb(0 0 0/.07),0 1.6cqw 3.6cqw rgb(0 0 0/.09)}.tf-icon{display:grid;place-items:center;flex:none;width:7.6cqw;height:7.6cqw;border-radius:2cqw;background:color-mix(in srgb,var(--tone) 13%,#fff);color:var(--tone)}.tf-icon .pb-icon{width:4.2cqw;height:4.2cqw}.tf-words{min-width:0}.tf-title{font:400 3.3cqw/1.2 var(--font-sans);color:#1b1b1b}.tf-note{margin-top:.4cqw;font:400 2.6cqw/1.2 var(--font-sans);color:rgb(0 0 0/.48);white-space:nowrap}.tf-tick{position:absolute;right:-1.4cqw;top:-1.4cqw;display:grid;place-items:center;width:4.4cqw;height:4.4cqw;border-radius:50%;background:#1e804c;color:#fff;box-shadow:0 0 0 .5cqw #fff}.tf-tick .pb-icon{width:2.8cqw;height:2.8cqw;stroke-width:2.6}@media (prefers-reduced-motion:reduce){.tf-spark{display:none}}@media (prefers-reduced-motion:no-preference){.tb-slide{animation:t-third 9s linear infinite;animation-delay:calc(var(--i) * 3s)}.tb-mark{animation:tb-mark 9s cubic-bezier(.2,.8,.2,1) infinite;animation-delay:calc(var(--i) * 3s)}.td-page{animation:t-drift 7s ease-in-out infinite alternate}.td-phone{animation:t-drift 7s ease-in-out -3.5s infinite alternate}.td-select{animation:td-select 8s cubic-bezier(.6,0,.2,1) infinite}.tbu-real{animation:tbu-real 7s cubic-bezier(.5,0,.3,1) infinite}.tbu-scan{animation:tbu-scan 7s cubic-bezier(.5,0,.3,1) infinite}.tbu-chip-a{animation:tbu-chip-a 7s linear infinite}.tbu-chip-b{animation:tbu-chip-b 7s linear infinite}.tx-bad{animation:tx-bad 7s ease infinite}.tx-good{animation:tx-good 7s ease infinite}.tx-hover{animation:tx-hover 7s ease infinite}.tx-pass{animation:tx-pass 7s cubic-bezier(.2,.8,.2,1) infinite}.tc-you{animation:tc-you 8s ease infinite}.tc-claude{animation:tc-claude 8s ease infinite}.tc-typing{animation:tc-typing 8s linear infinite}.tc-typing i{animation:tc-dot 1s ease-in-out infinite}.tc-typing i:nth-child(2){animation-delay:.15s}.tc-typing i:nth-child(3){animation-delay:.3s}.tc-text{animation:tc-text 8s ease infinite}.tc-options{animation:tc-options 8s ease infinite}.tc-options .tc-pick{animation:tc-pick 8s ease infinite}.tc-done{animation:tc-done 8s ease infinite}.tf-wires path{animation:tf-flow 1.2s linear infinite}.tf-node:first-of-type .tf-tick{animation:tf-t1 6s cubic-bezier(.2,.8,.2,1) infinite}.tf-node:nth-of-type(2) .tf-tick{animation:tf-t2 6s cubic-bezier(.2,.8,.2,1) infinite}.tf-node:nth-of-type(3) .tf-tick{animation:tf-t3 6s cubic-bezier(.2,.8,.2,1) infinite}.tf-node:nth-of-type(2) .tf-icon{animation:tf-busy 6s ease-in-out infinite}}@keyframes t-third{0%{opacity:0}4%{opacity:1}33.3%{opacity:1}37.3%{opacity:0}to{opacity:0}}@keyframes tb-mark{0%{scale:.82;rotate:-8deg}12%{scale:1;rotate:0deg}to{scale:1;rotate:0deg}}@keyframes t-drift{0%{translate:0 -1cqw}to{translate:0 1cqw}}@keyframes td-select{0%,40%{left:53.5cqw;top:15cqw;width:23cqw;height:13cqw;rotate:4deg}50%,90%{left:18.5cqw;top:31cqw;width:26cqw;height:9cqw;rotate:-5deg}to{left:53.5cqw;top:15cqw;width:23cqw;height:13cqw;rotate:4deg}}@keyframes tbu-real{0%,14%{clip-path:inset(0 100% 0 0);opacity:1}46%{clip-path:inset(0 0 0 0)}86%{clip-path:inset(0 0 0 0);opacity:1}95%,to{clip-path:inset(0 0 0 0);opacity:0}}@keyframes tbu-scan{0%,13%{left:0;opacity:0}15%{opacity:1}45%{left:100%;opacity:1}48%,to{left:100%;opacity:0}}@keyframes tbu-chip-a{0%,44%{opacity:1}47%,95%{opacity:0}98%,to{opacity:1}}@keyframes tbu-chip-b{0%,44%{opacity:0}47%,95%{opacity:1}98%,to{opacity:0}}@keyframes tx-bad{0%,44%{opacity:1}48%,94%{opacity:0}98%,to{opacity:1}}@keyframes tx-good{0%,44%{opacity:0}48%,94%{opacity:1}98%,to{opacity:0}}@keyframes tx-hover{0%,10%{opacity:0;translate:0 1cqw}14%,40%{opacity:1;translate:0 0}44%,to{opacity:0;translate:0 0}}@keyframes tx-pass{0%,52%{opacity:0;scale:.8}58%,92%{opacity:1;scale:1}97%,to{opacity:0;scale:1}}@keyframes tc-you{0%,4%{opacity:0;translate:0 2cqw}9%,94%{opacity:1;translate:0 0}99%,to{opacity:0}}@keyframes tc-claude{0%,14%{opacity:0;translate:0 2cqw}19%,94%{opacity:1;translate:0 0}99%,to{opacity:0}}@keyframes tc-typing{0%,17%{opacity:0}19%,28%{opacity:1}30%,to{opacity:0}}@keyframes tc-dot{0%,to{translate:0 0}50%{translate:0 -.8cqw}}@keyframes tc-text{0%,29%{opacity:0}33%,to{opacity:1}}@keyframes tc-options{0%,38%{opacity:0;translate:0 1cqw}42%,to{opacity:1;translate:0 0}}@keyframes tc-pick{0%,54%{background:transparent;color:rgb(0 0 0/.7);box-shadow:inset 0 0 0 .2cqw rgb(0 0 0/.14)}57%,to{background:#151617;color:#fff;box-shadow:inset 0 0 0 .2cqw #151617}}@keyframes tc-done{0%,64%{opacity:0}68%,to{opacity:1}}@keyframes tf-flow{to{stroke-dashoffset:-2.2}}@keyframes tf-t1{0%,7%{opacity:0;scale:0}11%,94%{opacity:1;scale:1}98%,to{opacity:0;scale:1}}@keyframes tf-t2{0%,45%{opacity:0;scale:0}49%,94%{opacity:1;scale:1}98%,to{opacity:0;scale:1}}@keyframes tf-t3{0%,69%{opacity:0;scale:0}73%,94%{opacity:1;scale:1}98%,to{opacity:0;scale:1}}@keyframes tf-busy{0%,30%{scale:1}34%{scale:1.1}38%{scale:1}42%{scale:1.1}46%,to{scale:1}}