/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--pct:100}*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-border-style:solid;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-outline-style:solid}}}@property --pct{syntax:"<integer>";inherits:true;initial-value:100}@layer components{.glass{background:hsl(var(--card) / .6);border:1px solid hsl(var(--foreground) / .1);-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);box-shadow:0 1px 0 hsl(var(--foreground) / .08) inset, 0 24px 48px -24px hsl(var(--shadow) / .9)}.shot{border-radius:var(--radius-panel,14px);border:1px solid hsl(var(--foreground) / .1);background:hsl(var(--card))}[data-glow]{isolation:isolate;position:relative}[data-glow]:before,[data-glow]:after{pointer-events:none;content:"";border-radius:inherit;opacity:0;transition:opacity .35s;position:absolute}[data-glow]:before{z-index:-1;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%), hsl(var(--tint,var(--primary)) / .13), transparent 45%);inset:0}[data-glow]:after{background:radial-gradient(260px circle at var(--mx,50%) var(--my,0%), hsl(var(--tint,var(--primary)) / .9), transparent 60%);-webkit-mask:linear-gradient(hsl(var(--foreground)) 0 0) content-box, linear-gradient(hsl(var(--foreground)) 0 0);-webkit-mask-composite:xor;-webkit-mask:linear-gradient(hsl(var(--foreground)) 0 0) content-box, linear-gradient(hsl(var(--foreground)) 0 0);-webkit-mask:linear-gradient(hsl(var(--foreground)) 0 0) content-box, linear-gradient(hsl(var(--foreground)) 0 0);-webkit-mask:linear-gradient(hsl(var(--foreground)) 0 0) content-box, linear-gradient(hsl(var(--foreground)) 0 0);mask:linear-gradient(hsl(var(--foreground)) 0 0) content-box, linear-gradient(hsl(var(--foreground)) 0 0);-webkit-mask-composite:xor;-webkit-mask-composite:xor;padding:1px;inset:-1px;-webkit-mask-composite:xor;mask-composite:exclude}[data-glow]:hover:before,[data-glow]:hover:after,[data-glow]:focus-within:before{opacity:1}.section-head-center .kicker{justify-content:center}.definition{max-width:var(--container-2xl,42rem);color:hsl(var(--foreground));border-left:2px solid hsl(var(--tint,var(--primary)));padding-left:1rem;font-size:clamp(1.0625rem,.95rem + .45vw,1.3rem);line-height:1.6}.eyebrow{align-items:center;gap:calc(var(--spacing,.25rem) * 2);padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 1.5);font-size:var(--text-small,.8125rem);line-height:var(--tw-leading,var(--text-small--line-height,1.25rem));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:hsl(var(--foreground));background:linear-gradient(hsl(var(--card) / .92), hsl(var(--card) / .92)) padding-box, linear-gradient(100deg, hsl(var(--primary) / .7), hsl(var(--foreground) / .12) 45%, hsl(var(--tint-captions) / .6)) border-box;border:1px solid #0000;border-radius:2147483647px;display:inline-flex}.icon-dot{width:calc(var(--spacing,.25rem) * 5);height:calc(var(--spacing,.25rem) * 5);color:hsl(var(--tint,var(--primary)));justify-content:center;align-items:center;display:flex}.icon-dot svg{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4)}.section-head{max-width:var(--container-3xl,48rem);gap:calc(var(--spacing,.25rem) * 4);flex-direction:column;display:flex}.section-head-center{text-align:center;align-items:center;margin-inline:auto}.section-head-split{justify-content:space-between;align-items:flex-start;gap:calc(var(--spacing,.25rem) * 4);flex-direction:column;max-width:none;display:flex}@media (width>=40rem){.section-head-split{flex-direction:row;align-items:flex-end}}.hero{align-items:center;gap:calc(var(--spacing,.25rem) * 14);padding-top:calc(var(--spacing,.25rem) * 6);padding-bottom:calc(var(--spacing,.25rem) * 10);display:grid;position:relative}@media (width>=64rem){.hero{padding-top:calc(var(--spacing,.25rem) * 14)}}@media (width>=80rem){.hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr)}}.hero{isolation:isolate}.hero-feature{padding-top:0}@media (width>=64rem){.hero-feature{padding-top:calc(var(--spacing,.25rem) * 4)}}@media (width>=80rem){.hero-feature{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.hero-feature .display{font-size:clamp(2.3rem,1.1rem + 3.6vw,4.1rem)}.hero-backdrop,.band:before{pointer-events:none;z-index:-1;width:100vw;position:absolute;left:50%;translate:-50%}.hero-backdrop{-webkit-mask-image:linear-gradient(to bottom, hsl(var(--foreground)) 55%, transparent);-webkit-mask-image:linear-gradient(to bottom, hsl(var(--foreground)) 55%, transparent);-webkit-mask-image:linear-gradient(to bottom, hsl(var(--foreground)) 55%, transparent);mask-image:linear-gradient(to bottom, hsl(var(--foreground)) 55%, transparent);top:-10rem;bottom:-6rem;overflow:hidden}.hero-light{background:radial-gradient(38% 46% at 74% 36%, hsl(var(--primary) / .38), transparent 70%), radial-gradient(32% 40% at 18% 18%, hsl(var(--tint-stickman) / .3), transparent 70%), radial-gradient(28% 36% at 88% 80%, hsl(var(--tint-captions) / .2), transparent 70%);filter:blur(24px);position:absolute;inset:0}.hero-feature .hero-light{background:radial-gradient(36% 46% at 76% 40%, hsl(var(--tint,var(--primary)) / .3), transparent 70%), radial-gradient(30% 40% at 16% 14%, hsl(var(--primary) / .22), transparent 70%), radial-gradient(26% 34% at 92% 86%, hsl(var(--tint-stickman) / .18), transparent 70%)}.hero-floor{background-image:linear-gradient(hsl(var(--foreground) / .09) 1px, transparent 1px), linear-gradient(90deg, hsl(var(--foreground) / .09) 1px, transparent 1px);transform-origin:50% 0;height:22rem;-webkit-mask-image:linear-gradient(to bottom, transparent, hsl(var(--foreground)) 35%, transparent 92%);-webkit-mask-image:linear-gradient(to bottom, transparent, hsl(var(--foreground)) 35%, transparent 92%);-webkit-mask-image:linear-gradient(to bottom, transparent, hsl(var(--foreground)) 35%, transparent 92%);mask-image:linear-gradient(to bottom, transparent, hsl(var(--foreground)) 35%, transparent 92%);inset-inline:0;background-size:56px 56px;position:absolute;bottom:2rem;transform:perspective(520px)rotateX(64deg)}.hero-points{column-gap:calc(var(--spacing,.25rem) * 5);row-gap:calc(var(--spacing,.25rem) * 2);font-size:var(--text-small,.8125rem);line-height:var(--tw-leading,var(--text-small--line-height,1.25rem));color:hsl(var(--muted-foreground));flex-wrap:wrap;display:flex}.hero-points li{align-items:center;gap:calc(var(--spacing,.25rem) * 2);display:flex}.hero-points li:before{width:calc(var(--spacing,.25rem) * 1.5);height:calc(var(--spacing,.25rem) * 1.5);background-color:hsl(var(--primary));content:"";border-radius:2147483647px}.stage{perspective:1800px;perspective-origin:50% 40%}.stage-tilt{transform-style:preserve-3d;transform:rotateX(calc(10deg + var(--tilt-x,0deg))) rotateY(calc(-18deg + var(--tilt-y,0deg))) rotateZ(1.5deg);transition:transform .4s cubic-bezier(.2,.7,.2,1);position:relative}.window{border-radius:var(--radius-panel,14px);background:linear-gradient(hsl(var(--card)), hsl(var(--card))) padding-box, linear-gradient(140deg, hsl(var(--foreground) / .35), hsl(var(--foreground) / .06) 40%, hsl(var(--primary) / .5)) border-box;box-shadow:0 60px 120px -30px hsl(var(--shadow)), 0 40px 90px -40px hsl(var(--primary) / .55);border:1px solid #0000;position:relative;overflow:hidden}.window-glare{pointer-events:none;background:radial-gradient(70% 60% at var(--glare-x,22%) var(--glare-y,0%), hsl(var(--foreground) / .13), transparent 60%);transition:background-position .3s;position:absolute;inset:0}.window-bar{align-items:center;gap:calc(var(--spacing,.25rem) * 1.5);padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 2);background:hsl(var(--muted));border-bottom:1px solid hsl(var(--foreground) / .08);display:flex}.window-bar span{width:calc(var(--spacing,.25rem) * 2.5);height:calc(var(--spacing,.25rem) * 2.5);background:hsl(var(--foreground) / .25);border-radius:2147483647px}.window-bar span:first-child{background:hsl(var(--primary))}.window .shot{border-style:var(--tw-border-style);border-width:0;border-radius:0;display:block}.layer{transform:translateZ(var(--depth,60px));position:absolute}.layer-body{border-radius:var(--radius-card,10px)}.layer-caption{top:44%;left:calc(var(--spacing,.25rem) * -8);--depth:130px}.layer-caption .layer-body{padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 2.5)}.layer-studios{top:8%;right:calc(var(--spacing,.25rem) * -5);--depth:170px}.layer-studios .layer-body,.layer-langs .layer-body{gap:calc(var(--spacing,.25rem) * 2);padding:calc(var(--spacing,.25rem) * 3);flex-direction:column;display:flex}.layer-langs{top:6%;right:calc(var(--spacing,.25rem) * -5);--depth:170px}.layer-langs span{padding-inline:calc(var(--spacing,.25rem) * 2.5);padding-block:calc(var(--spacing,.25rem) * .5);font-size:var(--text-small,.8125rem);line-height:var(--tw-leading,var(--text-small--line-height,1.25rem));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:hsl(var(--foreground));background:hsl(var(--background) / .6);border:1px solid hsl(var(--foreground) / .1);border-radius:2147483647px}.layer-timeline{right:16%;bottom:calc(var(--spacing,.25rem) * -8);--depth:90px;left:8%}.layer-timeline .layer-body{padding:calc(var(--spacing,.25rem) * 3);overflow:hidden}.layer-export{right:calc(var(--spacing,.25rem) * -4);width:calc(var(--spacing,.25rem) * 56);--depth:150px;bottom:20%}.layer-export .layer-body{padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 2.5)}.layer-board{top:calc(var(--spacing,.25rem) * -6);right:calc(var(--spacing,.25rem) * -6);--depth:160px;width:42%}.layer-figure{right:calc(var(--spacing,.25rem) * -4);bottom:calc(var(--spacing,.25rem) * -6);--depth:160px;width:24%}.layer-figure .layer-body{padding:calc(var(--spacing,.25rem) * 2)}.chip{align-items:center;gap:calc(var(--spacing,.25rem) * 2);padding-inline:calc(var(--spacing,.25rem) * 2.5);padding-block:var(--spacing,.25rem);font-size:var(--text-meta,.75rem);line-height:var(--tw-leading,var(--text-meta--line-height,1rem));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:hsl(var(--foreground));background:hsl(var(--background) / .6);border:1px solid hsl(var(--foreground) / .1);border-radius:2147483647px;display:inline-flex}.studio-dot{width:calc(var(--spacing,.25rem) * 2.5);height:calc(var(--spacing,.25rem) * 2.5);border-radius:2147483647px;flex-shrink:0;display:inline-block}.tint-dot{background:hsl(var(--tint,var(--primary)))}.say{column-gap:var(--spacing,.25rem);row-gap:var(--spacing,.25rem);color:hsl(var(--foreground));text-transform:uppercase;font-family:var(--font-display);letter-spacing:-.01em;flex-wrap:wrap;font-size:clamp(.95rem,.7rem + .8vw,1.4rem);font-weight:800;line-height:1.2;display:flex}.say span{padding-inline:calc(var(--spacing,.25rem) * 1.5);border-radius:.4rem;display:inline-block}.say .hot{color:hsl(var(--primary-foreground));background-color:hsl(var(--primary))}.tl{gap:calc(var(--spacing,.25rem) * 2);flex-direction:column;display:flex}.tl-ruler{height:calc(var(--spacing,.25rem) * 2);background:linear-gradient(90deg, hsl(var(--foreground) / .4) 1px, transparent 1px) 0 0 / 12.5% 100% repeat-x, linear-gradient(90deg, hsl(var(--foreground) / .18) 1px, transparent 1px) 0 100% / 2.5% 50% repeat-x}.tl-tracks{gap:calc(var(--spacing,.25rem) * 1.5);flex-direction:column;display:flex;position:relative}.track{height:calc(var(--spacing,.25rem) * 3);gap:calc(var(--spacing,.25rem) * 1.5);display:flex}.track span{border-radius:2147483647px;height:100%}.tl-playhead{pointer-events:none;inset-inline:0;top:calc(var(--spacing,.25rem) * -4);bottom:calc(var(--spacing,.25rem) * -1);position:absolute;translate:42%}.tl-playhead span{width:calc(var(--spacing,.25rem) * .5);background-color:hsl(var(--primary));box-shadow:0 0 12px hsl(var(--primary) / .8);margin-left:-1px;position:absolute;top:0;bottom:0;left:0}.tl-playhead span:before{top:calc(var(--spacing,.25rem) * -.5);width:calc(var(--spacing,.25rem) * 2.5);height:calc(var(--spacing,.25rem) * 2.5);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);background-color:hsl(var(--primary));content:"";clip-path:polygon(0 0,100% 0,100% 55%,50% 100%,0 55%);position:absolute;left:50%}.export{align-items:center;gap:calc(var(--spacing,.25rem) * 2.5);font-size:var(--text-small,.8125rem);line-height:var(--tw-leading,var(--text-small--line-height,1.25rem));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:hsl(var(--foreground));display:flex}.export-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.export-bar{height:var(--spacing,.25rem);background:hsl(var(--foreground) / .12);border-radius:2147483647px;display:block;overflow:hidden}.export-bar span{transform-origin:0;background:linear-gradient(90deg, hsl(var(--primary)), hsl(var(--tint-stickman)));width:100%;height:100%;scale:calc(var(--pct) / 100) 1;border-radius:2147483647px;display:block}.export-pct{text-align:right;--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);counter-reset:pct var(--pct);flex-shrink:0;width:4.5ch}.export-pct:after{content:counter(pct) "%"}.doodle{width:100%;height:auto;display:block}.board-surface,.layer-board .layer-body,.card-live-board{background:radial-gradient(120% 90% at 30% 10%, hsl(var(--foreground)), hsl(var(--foreground) / .9));border:1px solid hsl(var(--foreground) / .6)}.layer-board .layer-body{padding:calc(var(--spacing,.25rem) * 2)}.ink{stroke:hsl(var(--background));stroke-width:3.4px;stroke-dasharray:1;stroke-dashoffset:0}.ink-accent{stroke:hsl(var(--primary))}.stick{width:100%;height:auto;stroke:hsl(var(--tint-stickman));stroke-width:6px;display:block}.stick-head{fill:hsl(var(--tint-stickman) / .22)}.stick-shadow{fill:hsl(var(--shadow) / .6);stroke:none;transform-box:fill-box;transform-origin:50%}.stick-arm-right{transform-box:view-box;transform-origin:60px 58px}.stick-leg-left,.stick-leg-right{transform-box:view-box;transform-origin:60px 94px}.wave{height:calc(var(--spacing,.25rem) * 10);align-items:center;gap:3px;display:flex}.wave span{transform-origin:50%;background:hsl(var(--tint-voice));border-radius:2147483647px;width:3px;height:100%;display:block;scale:1 .4}.wave span:nth-child(3n){scale:1 .75}.wave span:nth-child(4n+1){scale:1 .55}.wave span:nth-child(5n){scale:1 .9}.numbers{border-radius:var(--radius-panel,14px);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}@media (width>=64rem){.numbers{grid-template-columns:repeat(4,minmax(0,1fr))}}.numbers{background:linear-gradient(hsl(var(--background) / .94), hsl(var(--background) / .94)) padding-box, linear-gradient(90deg, hsl(var(--primary) / .55), hsl(var(--foreground) / .1) 30%, hsl(var(--foreground) / .1) 70%, hsl(var(--tint-captions) / .55)) border-box;border:1px solid #0000}.numbers>div{gap:var(--spacing,.25rem);padding-inline:calc(var(--spacing,.25rem) * 5);padding-block:calc(var(--spacing,.25rem) * 8);text-align:center;box-shadow:-1px -1px 0 hsl(var(--foreground) / .08);flex-direction:column;display:flex}.numbers strong{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(2rem,1.2rem + 2.6vw,3.25rem);font-weight:800;line-height:1.1;display:block}.numbers span{font-size:var(--text-small,.8125rem);line-height:var(--tw-leading,var(--text-small--line-height,1.25rem));color:hsl(var(--muted-foreground))}.studio-grid{gap:calc(var(--spacing,.25rem) * 5);display:grid}@media (width>=40rem){.studio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.studio-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.studio-card,.link-card{border-radius:var(--radius-panel,14px);background:linear-gradient(180deg, hsl(var(--card)), hsl(var(--card) / .7));border:1px solid hsl(var(--foreground) / .09);box-shadow:0 1px 0 hsl(var(--foreground) / .06) inset;flex-direction:column;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s;display:flex;overflow:hidden}@media (width>=40rem){.studio-large{grid-column:span 2/span 2}}@media (width>=64rem){.studio-large{grid-column:span 4/span 4}}@media (width>=40rem){.studio-tall{grid-column:span 2/span 2}}@media (width>=64rem){.studio-tall{grid-column:span 2/span 2}.studio-half,.studio-small{grid-column:span 3/span 3}}.studio-card:hover,.link-card:hover{border-color:hsl(var(--tint) / .45);box-shadow:0 30px 60px -30px hsl(var(--tint) / .6);transform:perspective(1000px)rotateX(3deg)translateY(-6px)}.studio-visual,.link-card-shot{border-bottom:1px solid hsl(var(--foreground) / .08);position:relative;overflow:hidden}.studio-visual .shot,.link-card-shot .shot{border-style:var(--tw-border-style);border-width:0;border-radius:0;transition:scale .6s cubic-bezier(.2,.7,.2,1);display:block}:where(.studio-card,.link-card):hover .shot{scale:1.04}.studio-visual-tall{padding-block:calc(var(--spacing,.25rem) * 8);background:radial-gradient(60% 60% at 50% 40%, hsl(var(--tint-captions) / .18), transparent 70%), hsl(var(--background) / .4);justify-content:center;align-items:center;display:flex}.card-live{border-radius:var(--radius-card,10px);box-shadow:0 20px 40px -16px hsl(var(--shadow));position:absolute}.card-live-board{width:30%;padding:calc(var(--spacing,.25rem) * 1.5);bottom:6%;right:4%}.card-live-figure{width:18%;padding:var(--spacing,.25rem);bottom:6%;right:5%}.card-link{color:hsl(var(--foreground));text-decoration-line:none}.card-link:after{z-index:10;border-radius:var(--radius-panel,14px);content:"";position:absolute;inset:0}.card-link:focus-visible{outline:none}.card-link:focus-visible:after{outline-style:var(--tw-outline-style);outline-width:2px;outline-color:hsl(var(--ring));outline-offset:-3px;box-shadow:inset 0 0 0 6px hsl(var(--ring) / .18)}.card-more{align-items:center;gap:calc(var(--spacing,.25rem) * 1.5);padding-top:calc(var(--spacing,.25rem) * 2);font-size:var(--text-small,.8125rem);line-height:var(--tw-leading,var(--text-small--line-height,1.25rem));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:hsl(var(--tint,var(--primary)));margin-top:auto;display:inline-flex}.card-more svg{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);translate:var(--nudge,0) 0;transition:translate .25s cubic-bezier(.2,.7,.2,1)}.studio-card:hover,.link-card:hover{--nudge:4px}.phone{width:calc(var(--spacing,.25rem) * 44);aspect-ratio:9/16;border:6px solid hsl(var(--background));box-shadow:0 0 0 1px hsl(var(--foreground) / .16), 0 30px 60px -20px hsl(var(--tint-captions) / .45);border-radius:1.6rem;position:relative;overflow:hidden}.phone-scene{inset:calc(var(--spacing,.25rem) * -4);background:radial-gradient(60% 40% at 70% 22%, hsl(var(--tint-story) / .55), transparent 70%), radial-gradient(70% 50% at 20% 70%, hsl(var(--tint-captions) / .45), transparent 70%), linear-gradient(170deg, hsl(var(--tint-stickman) / .55), hsl(var(--background)) 85%);position:absolute}.say-phone{inset-inline:calc(var(--spacing,.25rem) * 2);text-align:center;text-shadow:0 2px 8px hsl(var(--shadow));justify-content:center;font-size:1rem;position:absolute;bottom:18%}.tint-story{--tint:var(--tint-story)}.tint-whiteboard{--tint:var(--tint-whiteboard)}.tint-stickman{--tint:var(--tint-stickman)}.tint-image{--tint:var(--tint-image)}.tint-voice{--tint:var(--tint-voice)}.tint-captions{--tint:var(--tint-captions)}.tint-primary{--tint:var(--primary)}.showcase{gap:calc(var(--spacing,.25rem) * 8);display:grid}@media (width>=48rem){.showcase{grid-template-columns:repeat(2,minmax(0,1fr))}}.showcase figure,.gallery{gap:calc(var(--spacing,.25rem) * 3);flex-direction:column;display:flex}.frame{border-radius:var(--radius-panel,14px);background:linear-gradient(hsl(var(--card)), hsl(var(--card))) padding-box, linear-gradient(140deg, hsl(var(--foreground) / .3), hsl(var(--foreground) / .05) 45%, hsl(var(--tint,var(--primary)) / .45)) border-box;box-shadow:0 40px 80px -30px hsl(var(--shadow));border:1px solid #0000;transition:transform .5s cubic-bezier(.2,.7,.2,1);overflow:hidden}.showcase :where(figure:first-child) .frame{transform:perspective(1400px)rotateY(10deg)rotateX(4deg)}.showcase :where(figure:last-child) .frame{transform:perspective(1400px)rotateY(-10deg)rotateX(4deg)}.gallery .frame{width:100%;max-width:var(--container-5xl,64rem);margin-inline:auto;transform:perspective(1800px)rotateX(8deg)}.showcase :where(figure:hover) .frame,.gallery:hover .frame{transform:perspective(1400px)}.frame .shot{border-style:var(--tw-border-style);border-width:0;border-radius:0;display:block}.showcase figcaption,.gallery figcaption{font-size:var(--text-small,.8125rem);line-height:var(--tw-leading,var(--text-small--line-height,1.25rem));color:hsl(var(--muted-foreground))}.gallery figcaption{text-align:center}.feature{gap:calc(var(--spacing,.25rem) * 3);border-radius:var(--radius-panel,14px);padding:calc(var(--spacing,.25rem) * 6);background:linear-gradient(180deg, hsl(var(--card) / .85), hsl(var(--card) / .45));border:1px solid hsl(var(--foreground) / .08);flex-direction:column;transition:border-color .25s,transform .25s;display:flex}.feature:hover{border-color:hsl(var(--tint,var(--primary)) / .4);transform:translateY(-3px)}.icon-tile{width:calc(var(--spacing,.25rem) * 11);height:calc(var(--spacing,.25rem) * 11);border-radius:var(--radius-card,10px);color:hsl(var(--tint,var(--primary)));background:hsl(var(--tint,var(--primary)) / .12);border:1px solid hsl(var(--tint,var(--primary)) / .3);box-shadow:0 10px 24px -12px hsl(var(--tint,var(--primary)) / .6);flex-shrink:0;justify-content:center;align-items:center;display:flex}.icon-tile svg{width:calc(var(--spacing,.25rem) * 5);height:calc(var(--spacing,.25rem) * 5)}.steps{gap:calc(var(--spacing,.25rem) * 5);display:grid;position:relative}@media (width>=48rem){.steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.steps{counter-reset:step}@media (width>=48rem){.steps-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.steps-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=48rem){.steps-5{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.steps-5{grid-template-columns:repeat(5,minmax(0,1fr))}}.steps:before{pointer-events:none;height:calc(var(--spacing,.25rem) * .5);display:none;position:absolute}@media (width>=64rem){.steps:before{display:block}}.steps:before{content:"";background:linear-gradient(90deg, hsl(var(--primary) / .7), hsl(var(--tint-stickman) / .6), hsl(var(--tint-captions) / .6));top:2.75rem;left:2.75rem;right:2.75rem}.step{gap:calc(var(--spacing,.25rem) * 3);border-radius:var(--radius-panel,14px);padding:calc(var(--spacing,.25rem) * 6);background:hsl(var(--card) / .92);border:1px solid hsl(var(--foreground) / .08);counter-increment:step;flex-direction:column;display:flex;position:relative}.step:before{width:calc(var(--spacing,.25rem) * 10);height:calc(var(--spacing,.25rem) * 10);font-size:var(--text-lead,1.0625rem);line-height:var(--tw-leading,var(--text-lead--line-height,1.65));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:hsl(var(--primary-foreground));content:counter(step);font-family:var(--font-display);background:linear-gradient(135deg, hsl(var(--primary)), hsl(var(--tint-stickman)));box-shadow:0 12px 30px -12px hsl(var(--primary) / .8);border-radius:2147483647px;justify-content:center;align-items:center;display:flex}.band{padding-block:calc(var(--spacing,.25rem) * 16);isolation:isolate;position:relative}.band:before{content:"";background:radial-gradient(50% 70% at 50% 0%, hsl(var(--primary) / .12), transparent 70%), linear-gradient(hsl(var(--foreground) / .05) 1px, transparent 1px) 0 0 / 100% 48px, linear-gradient(90deg, hsl(var(--foreground) / .05) 1px, transparent 1px) 0 0 / 48px 100%, hsl(var(--card) / .35);border-block:1px solid hsl(var(--foreground) / .07);-webkit-mask-image:linear-gradient(90deg, transparent, hsl(var(--foreground)) 15%, hsl(var(--foreground)) 85%, transparent);-webkit-mask-image:linear-gradient(90deg, transparent, hsl(var(--foreground)) 15%, hsl(var(--foreground)) 85%, transparent);-webkit-mask-image:linear-gradient(90deg, transparent, hsl(var(--foreground)) 15%, hsl(var(--foreground)) 85%, transparent);mask-image:linear-gradient(90deg, transparent, hsl(var(--foreground)) 15%, hsl(var(--foreground)) 85%, transparent);top:0;bottom:0}.vault{aspect-ratio:1;width:calc(var(--spacing,.25rem) * 48);margin-inline:auto;position:relative}@media (width>=64rem){.vault{width:calc(var(--spacing,.25rem) * 60)}}.vault{perspective:900px}.vault span{border-radius:var(--radius-panel,14px);transform-style:preserve-3d;border:1px solid hsl(var(--tint-voice) / .5);background:hsl(var(--tint-voice) / .08);transform:rotateX(58deg) rotateZ(-38deg) translateZ(var(--depth));box-shadow:0 20px 40px -20px hsl(var(--tint-voice) / .6);position:absolute;inset:0}.vault span:first-child{--depth:0px}.vault span:nth-child(2){--depth:34px}.vault span:nth-child(3){--depth:68px;background:hsl(var(--tint-voice) / .18)}.vault svg{width:calc(var(--spacing,.25rem) * 14);height:calc(var(--spacing,.25rem) * 14);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);color:hsl(var(--tint-voice));filter:drop-shadow(0 8px 20px hsl(var(--tint-voice) / .6));position:absolute;top:50%;left:50%}.price-small{color:hsl(var(--foreground));font-family:var(--font-display);letter-spacing:-.03em;font-size:1.9rem;font-weight:800;line-height:1.1}.plans-panel{align-items:center;gap:calc(var(--spacing,.25rem) * 8);border-radius:var(--radius-panel,14px);padding:calc(var(--spacing,.25rem) * 7);display:grid;position:relative;overflow:hidden}@media (width>=64rem){.plans-panel{padding:calc(var(--spacing,.25rem) * 10);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}.plans-panel{background:radial-gradient(60% 90% at 100% 0%, hsl(var(--primary) / .16), transparent 70%) padding-box, linear-gradient(hsl(var(--card)), hsl(var(--card))) padding-box, linear-gradient(120deg, hsl(var(--foreground) / .2), hsl(var(--foreground) / .05) 40%, hsl(var(--primary) / .6)) border-box;border:1px solid #0000}.mini-plan{gap:calc(var(--spacing,.25rem) * 3);border-radius:var(--radius-card,10px);padding:calc(var(--spacing,.25rem) * 5);background:hsl(var(--background) / .55);border:1px solid hsl(var(--foreground) / .1);flex-direction:column;display:flex}.mini-plan-featured{border-color:hsl(var(--primary) / .6);box-shadow:0 24px 48px -28px hsl(var(--primary) / .7)}.faq{gap:calc(var(--spacing,.25rem) * 10);display:grid}@media (width>=64rem){.faq{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.faq-head{top:calc(var(--spacing,.25rem) * 24);align-self:flex-start;position:sticky}}.question{border-radius:var(--radius-card,10px);padding-inline:calc(var(--spacing,.25rem) * 5);padding-block:calc(var(--spacing,.25rem) * 4);background:hsl(var(--card) / .6);border:1px solid hsl(var(--foreground) / .08);transition:border-color .2s,background-color .2s}.question:hover{background:hsl(var(--card) / .85)}.question[open]{border-color:hsl(var(--primary) / .4)}.question summary{cursor:pointer;justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 4);border-radius:var(--radius-control,6px);font-size:var(--text-lead,1.0625rem);line-height:var(--tw-leading,var(--text-lead--line-height,1.65));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:hsl(var(--foreground));list-style-type:none;display:flex}.question summary::-webkit-details-marker{display:none}.question summary:after{font-size:var(--text-h4,1.125rem);line-height:var(--tw-leading,var(--text-h4--line-height,1.5rem));font-weight:var(--tw-font-weight,var(--text-h4--font-weight,600));color:hsl(var(--primary-ink));content:"+";flex-shrink:0;transition:rotate .2s}.question[open] summary:after{rotate:45deg}.question[open] summary{margin-bottom:calc(var(--spacing,.25rem) * 2)}.faq-list{gap:calc(var(--spacing,.25rem) * 3);flex-direction:column;display:flex}.faq-item{gap:calc(var(--spacing,.25rem) * 2);border-radius:var(--radius-card,10px);padding-inline:calc(var(--spacing,.25rem) * 5);padding-block:calc(var(--spacing,.25rem) * 4);background:hsl(var(--card) / .6);border:1px solid hsl(var(--foreground) / .08);flex-direction:column;display:flex}.faq-item dt{font-size:var(--text-lead,1.0625rem);line-height:var(--tw-leading,var(--text-lead--line-height,1.65));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:hsl(var(--foreground))}.faq-item dd{font-size:var(--text-body,.9375rem);line-height:var(--tw-leading,var(--text-body--line-height,1.6));color:hsl(var(--muted-foreground))}.closing{align-items:center;gap:calc(var(--spacing,.25rem) * 5);border-radius:var(--radius-panel,14px);padding-inline:calc(var(--spacing,.25rem) * 6);padding-block:calc(var(--spacing,.25rem) * 20);text-align:center;isolation:isolate;background:radial-gradient(60% 90% at 50% 0%, hsl(var(--primary) / .35), transparent 70%) padding-box, radial-gradient(40% 60% at 90% 100%, hsl(var(--tint-stickman) / .25), transparent 70%) padding-box, linear-gradient(hsl(var(--card)), hsl(var(--card))) padding-box, linear-gradient(120deg, hsl(var(--primary) / .8), hsl(var(--foreground) / .08) 45%, hsl(var(--tint-captions) / .6)) border-box;border:1px solid #0000;flex-direction:column;display:flex;position:relative;overflow:hidden}.closing-rings{pointer-events:none;z-index:-1;perspective:700px;position:absolute;inset:0}.closing-rings span{aspect-ratio:1;border:1px solid hsl(var(--primary) / .28);border-radius:2147483647px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotateX(72deg)}.closing-rings span:before{top:calc(var(--spacing,.25rem) * -1);width:calc(var(--spacing,.25rem) * 2);height:calc(var(--spacing,.25rem) * 2);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);background-color:hsl(var(--primary));content:"";box-shadow:0 0 14px hsl(var(--primary));border-radius:2147483647px;position:absolute;left:50%}.closing-rings span:first-child{width:22rem}.closing-rings span:nth-child(2){border-color:hsl(var(--tint-stickman) / .22);width:38rem}.closing-rings span:nth-child(3){border-color:hsl(var(--tint-captions) / .16);width:56rem}.hub-hero{align-items:center;gap:calc(var(--spacing,.25rem) * 6);padding-top:calc(var(--spacing,.25rem) * 4);text-align:center;isolation:isolate;flex-direction:column;display:flex;position:relative}.hub-hero .definition{border-style:var(--tw-border-style);text-align:center;border-width:0;padding-left:0}.hub-grid{gap:calc(var(--spacing,.25rem) * 5);display:grid}@media (width>=40rem){.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.hub-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.hub-grid>li{grid-column:span 2/span 2}.hub-grid>li:nth-child(-n+2){grid-column:span 3/span 3}}@media (width>=40rem){.hub-grid>li:last-child{grid-column:span 2/span 2}}@media (width>=64rem){.hub-grid>li:last-child{grid-column:span 2/span 2}}}@media (width<=1279px){.stage{width:100%;max-width:var(--container-3xl,48rem);justify-self:center}.stage-tilt{transform:rotateX(8deg)rotateY(-10deg)}.layer-studios,.layer-langs{display:none}.layer-caption{top:-1.25rem;left:1.25rem}.layer-export{width:11.5rem;bottom:16%;right:1rem}.layer-board{width:36%;top:auto;bottom:-1rem;right:1rem}.layer-figure{width:22%;bottom:-1rem;right:1rem}.layer-timeline{left:4%;right:4%}}@media (prefers-reduced-motion:no-preference){.float{animation:7s ease-in-out infinite float}.float-slow{animation:9s ease-in-out infinite reverse float}.hero-light{animation:16s ease-in-out infinite alternate drift}.pulse{animation:2.4s ease-out infinite pulse}.tl-playhead{animation:8s linear infinite playhead}.export{animation:7s ease-in-out infinite export-count}.export-tick{animation:7s ease-in-out infinite export-done}.say span{animation:none}.say span:first-child{animation-name:say-1}.say span:nth-child(2){animation-name:say-2}.say span:nth-child(3){animation-name:say-3}.say span:nth-child(4){animation-name:say-4}.say span:nth-child(5){animation-name:say-5}.say span:nth-child(6){animation-name:say-6}.ink{animation:none}.ink-1{animation-name:ink-1}.ink-2{animation-name:ink-2}.ink-3{animation-name:ink-3}.ink-4{animation-name:ink-4}.stick-body{animation:1.4s ease-in-out infinite bob}.stick-arm-right{animation:.7s ease-in-out infinite alternate wave}.stick-leg-left{animation:1.4s ease-in-out infinite step-left}.stick-shadow{animation:1.4s ease-in-out infinite shadow}.wave span{animation:1.1s ease-in-out infinite alternate voice}.wave span:nth-child(2n){animation-duration:.8s}.wave span:nth-child(3n){animation-duration:1.3s;animation-delay:-.4s}.wave span:nth-child(5n){animation-delay:-.7s}.phone-scene{animation:14s ease-in-out infinite alternate drift-scene}.closing-rings span{animation:24s linear infinite ring}.closing-rings span:nth-child(2){animation-duration:36s;animation-direction:reverse}@supports (animation-timeline:view()){[data-reveal]{animation:linear both reveal;animation-timeline:view();animation-range:entry entry 35%}}@supports (animation-timeline:scroll()){.hero .layer{animation:linear both rise;animation-timeline:scroll(root);animation-range:0 70vh}.layer-caption{--rise:-60px}.layer-studios,.layer-langs{--rise:-110px}.layer-export,.layer-board,.layer-figure{--rise:-85px}.layer-timeline{--rise:-30px}}}@media (prefers-reduced-motion:reduce){.stage-tilt{transition:none}}@keyframes float{50%{translate:0 -10px}}@keyframes drift{to{translate:4% 2rem;scale:1.08}}@keyframes reveal{0%{opacity:0;translate:0 36px;scale:.98}to{opacity:1;translate:0;scale:1}}@keyframes rise{to{translate:0 var(--rise,-40px)}}@keyframes pulse{50%{opacity:.5}}@keyframes playhead{0%{translate:0}to{translate:100%}}@keyframes export-count{0%,8%{--pct:0}70%,to{--pct:100}}@keyframes export-done{0%,68%{opacity:.25;scale:.75}74%,to{opacity:1;scale:1}}@keyframes say-1{0%,7%{color:hsl(var(--foreground) / .4);background-color:hsl(var(--primary) / 0)}8%,20%{color:hsl(var(--primary-foreground));background-color:hsl(var(--primary))}21%,92%{color:hsl(var(--foreground));background-color:hsl(var(--primary) / 0)}98%,to{color:hsl(var(--foreground) / .4);background-color:hsl(var(--primary) / 0)}}@keyframes say-2{0%,20%{color:hsl(var(--foreground) / .4);background-color:hsl(var(--primary) / 0)}21%,33%{color:hsl(var(--primary-foreground));background-color:hsl(var(--primary))}34%,92%{color:hsl(var(--foreground));background-color:hsl(var(--primary) / 0)}98%,to{color:hsl(var(--foreground) / .4);background-color:hsl(var(--primary) / 0)}}@keyframes say-3{0%,33%{color:hsl(var(--foreground) / .4);background-color:hsl(var(--primary) / 0)}34%,46%{color:hsl(var(--primary-foreground));background-color:hsl(var(--primary))}47%,92%{color:hsl(var(--foreground));background-color:hsl(var(--primary) / 0)}98%,to{color:hsl(var(--foreground) / .4);background-color:hsl(var(--primary) / 0)}}@keyframes say-4{0%,46%{color:hsl(var(--foreground) / .4);background-color:hsl(var(--primary) / 0)}47%,59%{color:hsl(var(--primary-foreground));background-color:hsl(var(--primary))}60%,92%{color:hsl(var(--foreground));background-color:hsl(var(--primary) / 0)}98%,to{color:hsl(var(--foreground) / .4);background-color:hsl(var(--primary) / 0)}}@keyframes say-5{0%,59%{color:hsl(var(--foreground) / .4);background-color:hsl(var(--primary) / 0)}60%,72%{color:hsl(var(--primary-foreground));background-color:hsl(var(--primary))}73%,92%{color:hsl(var(--foreground));background-color:hsl(var(--primary) / 0)}98%,to{color:hsl(var(--foreground) / .4);background-color:hsl(var(--primary) / 0)}}@keyframes say-6{0%,72%{color:hsl(var(--foreground) / .4);background-color:hsl(var(--primary) / 0)}73%,85%{color:hsl(var(--primary-foreground));background-color:hsl(var(--primary))}86%,92%{color:hsl(var(--foreground));background-color:hsl(var(--primary) / 0)}98%,to{color:hsl(var(--foreground) / .4);background-color:hsl(var(--primary) / 0)}}@keyframes ink-1{0%{stroke-dashoffset:1px;opacity:0}2%{stroke-dashoffset:1px;opacity:1}24%,86%{stroke-dashoffset:0;opacity:1}94%,to{stroke-dashoffset:0;opacity:0}}@keyframes ink-2{0%,24%{stroke-dashoffset:1px;opacity:0}25%{stroke-dashoffset:1px;opacity:1}36%,86%{stroke-dashoffset:0;opacity:1}94%,to{stroke-dashoffset:0;opacity:0}}@keyframes ink-3{0%,36%{stroke-dashoffset:1px;opacity:0}37%{stroke-dashoffset:1px;opacity:1}52%,86%{stroke-dashoffset:0;opacity:1}94%,to{stroke-dashoffset:0;opacity:0}}@keyframes ink-4{0%,52%{stroke-dashoffset:1px;opacity:0}53%{stroke-dashoffset:1px;opacity:1}68%,86%{stroke-dashoffset:0;opacity:1}94%,to{stroke-dashoffset:0;opacity:0}}@keyframes bob{50%{translate:0 -5px}}@keyframes wave{0%{rotate:12deg}to{rotate:-28deg}}@keyframes step-left{50%{rotate:10deg}}@keyframes shadow{50%{opacity:.7;scale:.85 1}}@keyframes voice{0%{scale:1 .25}to{scale:1}}@keyframes drift-scene{to{translate:.75rem -.75rem;scale:1.08}}@keyframes ring{to{transform:translate(-50%,-50%)rotateX(72deg)rotate(360deg)}}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}