.hero{display:grid;gap:var(--space-xl);padding-top:var(--space-xl);align-items:center}.hero__copy{display:grid;gap:var(--space-lg);align-content:start;justify-items:start}.hero__kicker{display:inline-flex;align-items:center;gap:var(--space-xs);font:.82rem/1.3 var(--font-mono);color:var(--color-ink-2);letter-spacing:.01em}.hero__ball{width:12px;height:12px;border-radius:50%;background:var(--color-red);flex:none}@media (min-width: 60rem){.hero{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:var(--space-2xl);padding-top:var(--space-2xl)}.hero .display{font-size:clamp(2.3rem,3.3vw + .5rem,3.7rem)}.hero{max-width:1400px}.hero .display{max-width:15ch}}.hero__demo{display:grid;gap:var(--space-md);min-width:0}.bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-sm)}@media (min-width: 40rem){.bento{gap:var(--space-md)}}.bento__demo,.bento__tile{position:relative;display:block;overflow:hidden;border-radius:var(--radius-lg);background:var(--tile-bg, #f8f3eb);box-shadow:0 0 0 1px var(--color-rule-2);transition:background-color var(--dur-long) var(--ease-out),box-shadow var(--dur-short) var(--ease-out)}.bento__demo{grid-column:1 / 3;grid-row:1 / 3;aspect-ratio:1}.bento__tile{border-radius:var(--radius-md);text-decoration:none;color:var(--color-ink)}.bento__tile--a{grid-column:3;grid-row:1;aspect-ratio:1}.bento__tile--b{grid-column:3;grid-row:2;aspect-ratio:1}.bento__tile--c{grid-column:1 / 3;grid-row:3}.bento__tile--d{grid-column:3;grid-row:3;aspect-ratio:1}.bento__anim{position:absolute;inset:0}.bento__name{position:absolute;left:8px;bottom:8px;max-width:calc(100% - 16px);padding:3px 8px;border-radius:var(--radius-pill);font:600 .72rem/1.3 var(--font-body);color:#1e1713;background:#f8f3ebeb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(4px);transition:opacity var(--dur-short) var(--ease-out),transform var(--dur-short) var(--ease-out)}.bento__tile:focus-visible .bento__name{opacity:1;transform:none}@media (hover: hover){.bento__tile:hover{box-shadow:0 0 0 1px var(--color-ink)}.bento__tile:hover .bento__name{opacity:1;transform:none}}.bento__demo:after{content:"";position:absolute;right:14px;top:14px;width:10px;height:10px;border-radius:50%;background:var(--color-red);opacity:0;transition:opacity var(--dur-short) var(--ease-out)}.bento__demo.is-busy:after{opacity:1}@media (prefers-reduced-motion: no-preference){.bento__demo.is-busy:after{animation:pulse .9s var(--ease-in-out) infinite alternate}@keyframes pulse{to{transform:scale(.55)}}}.demo__controls{display:grid;gap:var(--space-md)}.demo__controls .brands__row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:3px;margin:-3px}.demo__controls .brands__row::-webkit-scrollbar{display:none}.demo__caption{font-size:var(--text-sm);color:var(--color-muted)}.motion-toggle--inline{height:auto;min-height:0;padding:0 0 0 var(--space-2xs);font-size:var(--text-sm);color:var(--color-ink-2);text-decoration:underline;text-decoration-color:var(--color-rule);text-underline-offset:3px}.motion-toggle--inline .motion-toggle__icon{display:none}@media (min-width: 40rem){.demo__controls{grid-template-columns:minmax(0,14rem) minmax(0,1fr);align-items:end;column-gap:var(--space-lg)}.demo__caption{grid-column:1 / -1}}@media (prefers-reduced-motion: no-preference){.hero__copy>*,.hero__demo{animation:rise var(--dur-long) var(--ease-out) both}.hero__copy>:nth-child(2){animation-delay:60ms}.hero__copy>:nth-child(3){animation-delay:.12s}.hero__copy>:nth-child(4){animation-delay:.16s}.hero__copy>:nth-child(5){animation-delay:.2s}.hero__demo{animation-delay:.14s}.hero__ball{animation:hop 1.4s var(--ease-in-out) .6s 2 both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes hop{0%,to{transform:translateY(0)}40%{transform:translateY(-7px) scale(.92,1.08)}70%{transform:translateY(0) scale(1.12,.88)}}}.hero__formats{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;margin:0;font-size:.8rem;color:var(--color-muted)}.hero__formats span:first-child{color:var(--color-ink-2)}.stage{--pad-top: clamp(56px, 8vw, 96px);--pad-x: clamp(16px, 4vw, 44px);position:relative;background:var(--stage-sky);border-radius:36px;padding:var(--pad-top) var(--pad-x) clamp(20px,4vw,44px);min-width:0}.stage{--mo-w: clamp(84px, 11vw, 132px);--mo-r: clamp(40px, 16%, 120px)}.stage__mo{position:absolute;width:var(--mo-w);height:auto;right:var(--mo-r);top:clamp(10px,2.6vw,26px);transform-origin:50% 100%;overflow:visible}.stage__eyes{transform-box:fill-box;transform-origin:50% 50%}.ecard{position:relative;z-index:1;display:grid;gap:var(--space-md);background:var(--color-paper);color:var(--color-ink);border-radius:26px;padding:clamp(14px,2.4vw,26px);box-shadow:0 var(--sticker-offset) 0 color-mix(in oklch,var(--stage-sky) 55%,var(--color-ink) 12%),0 18px 40px -24px #1e171359;min-width:0}.ecard__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm)}.ecard__title{margin:0;font-weight:600;font-size:var(--text-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ecard__meta{margin:0;display:flex;gap:.9rem;font-size:.75rem;color:var(--color-muted);flex:none}.stage .bento{display:block}.stage .bento__tile{display:none}.stage .bento__demo{aspect-ratio:16 / 10;border-radius:16px}.ecard__export{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-xs)}.ecard__format{display:inline-flex;align-items:center;height:40px;padding:0 14px;border-radius:var(--radius-sm, 10px);border:1px solid var(--color-rule);font-size:.8rem;color:var(--color-ink-2)}.stage .chip input+span{border-radius:999px}@media (prefers-reduced-motion: no-preference){.stage__mo.is-hopping{animation:mo-hop .9s var(--ease-in-out) both}}@keyframes mo-idle{0%,70%,to{transform:translateY(0) scale(1)}76%{transform:translateY(0) scale(1.06,.92)}84%{transform:translateY(-18%) scale(.96,1.05)}92%{transform:translateY(0) scale(1.05,.94)}}@keyframes mo-look{0%,40%,to{transform:translate(0) scaleY(1)}46%{transform:translate(-10%) scaleY(1)}58%{transform:translate(-10%) scaleY(.12)}62%{transform:translate(-10%) scaleY(1)}68%{transform:translate(0) scaleY(1)}}@keyframes playhead{0%{transform:translate(0)}to{transform:translate(100%)}}.hero__formats{align-items:center;gap:.45rem;font-size:.8rem}.hero__formats>span:first-child{margin-right:.35rem;font-weight:600;color:var(--color-ink-2)}.fchip{display:inline-flex;align-items:center;height:26px;padding:0 10px;border:1.5px solid var(--color-ink);border-radius:999px;font:.74rem/1 var(--font-mono);color:var(--color-ink)}.sticker{position:absolute;z-index:2;display:inline-grid;place-items:center;font:800 .95rem/1 var(--font-brand);color:var(--on-stage);pointer-events:none}.sticker--pill{top:30%;right:-22px;padding:12px 20px;background:var(--stage-lemon);border-radius:999px;box-shadow:0 0 0 5px var(--sticker-edge),5px 6px 0 5px var(--sticker-shadow);transform:rotate(9deg)}.sticker--badge{left:-40px;top:16%;bottom:auto;width:112px;height:112px;transform:rotate(-14deg);filter:drop-shadow(4px 5px 0 var(--sticker-shadow))}.sticker--badge svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.sticker--badge path{fill:var(--stage-cobalt);stroke:var(--sticker-edge);stroke-width:6;stroke-linejoin:round;paint-order:stroke}.sticker--badge b{position:relative;width:70%;text-align:center;font-size:.82rem;line-height:1.05;color:var(--on-stage-cobalt)}@media (max-width: 40rem){.hero .sticker--badge{left:-10px;width:84px;height:84px;top:12%}.hero .sticker--pill{right:-4px}}@media (prefers-reduced-motion: no-preference){.sticker--pill{animation:wobble-a 4.8s var(--ease-in-out) infinite}.sticker--badge{animation:wobble-b 5.6s var(--ease-in-out) .6s infinite}}@keyframes wobble-a{0%,to{transform:rotate(9deg)}50%{transform:rotate(4deg) translateY(-3px)}}@keyframes wobble-b{0%,to{transform:rotate(-14deg) scale(1)}50%{transform:rotate(-8deg) scale(1.04)}}.stage .brands__row{flex-wrap:wrap;overflow:visible}.stage .chip input+span{font-size:0;gap:0;padding:0 9px}.stage .brands__row{gap:6px}.stage .chip input+span .dots{font-size:1rem}@media (min-width: 90rem){.hero{max-width:1480px}.hero .display{font-size:4rem}}.stage__mo .mo__face{transition:transform .26s var(--ease-out);transform:translate(calc(var(--lx, 0) * 1px),calc(var(--ly, 0) * 1px))}.stage__mo .mo__eye{transform-box:fill-box;transform-origin:50% 50%;transition:transform .12s var(--ease-out)}.stage__mo .mo__eye rect{transition:opacity 90ms linear}.stage__mo .mo__happy{opacity:0;transition:opacity 90ms linear}.stage__mo.is-blink .mo__eye,.stage__mo.is-wink .mo__eye--r{transform:scaleY(.1)}.stage__mo.is-wide .mo__eye{transform:scale(1.28,1.18)}.stage__mo.is-happy .mo__eye rect{opacity:0}.stage__mo.is-happy .mo__happy{opacity:1}.stage__mo.is-squish{animation:mo-squish .52s var(--ease-in-out)}@keyframes mo-squish{0%,to{transform:scale(1)}35%{transform:scale(1.1,.88)}70%{transform:scale(.96,1.05)}}.hero__title{position:relative;padding-top:1em}.hero__bubble{position:absolute;top:0;left:.1em;display:inline-flex;align-items:center;height:1.05em;padding:0 .45em;font-size:.3em;letter-spacing:0;line-height:1;color:var(--on-stage);background:var(--stage-lemon);border-radius:999px;box-shadow:0 0 0 4px var(--sticker-edge),4px 5px 0 4px var(--sticker-shadow);transform:rotate(-5deg);transform-origin:20% 100%;white-space:nowrap}.hero__bubble:after{content:"";position:absolute;z-index:0;left:.7em;bottom:-.26em;width:.42em;height:.42em;background:var(--stage-lemon);transform:rotate(45deg);border-radius:2px}.hero__bubble-word{position:relative;z-index:1;display:inline-block}@media (prefers-reduced-motion: no-preference){.hero__bubble{animation:bubble-in .52s var(--ease-out) .5s both}.hero__bubble-word.is-swap{animation:word-pop .42s var(--ease-out) both}}@keyframes bubble-in{0%{transform:rotate(-5deg) scale(.2);opacity:0}70%{transform:rotate(-7deg) scale(1.08);opacity:1}to{transform:rotate(-5deg) scale(1)}}@keyframes word-pop{0%{transform:translateY(40%) scale(.7);opacity:0}65%{transform:translateY(-6%) scale(1.06);opacity:1}to{transform:none}}.hero__bubble:after{display:none}@media (min-width: 56rem){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero .display{font-size:clamp(2.6rem,3.55vw + .3rem,4.9rem);max-width:none}}.stage .bento__demo{aspect-ratio:16 / 9}.ecard{container-type:inline-size}.stage .brands__row{flex-wrap:nowrap}.stage legend.field__label{white-space:nowrap}.hero__caption{margin:0}@media (min-width: 56rem) and (max-width: 80rem){.hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:var(--space-xl)}.stage{--pad-x: clamp(14px, 2.4vw, 32px);padding-inline:var(--pad-x)}}.hp{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;width:100%;max-width:36rem;min-width:0;margin-top:6px}.hero__copy{min-width:0}.hp__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hp__tile{position:relative;display:grid;align-content:start;gap:14px;padding:18px 18px 17px;border-radius:22px;background:color-mix(in oklch,var(--tile) 26%,#fff);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--tile) 45%,transparent);cursor:pointer;transition:translate .26s var(--ease-out),box-shadow .26s var(--ease-out);user-select:none;-webkit-tap-highlight-color:transparent}.hp__tile:hover{translate:0 -3px;box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--tile) 60%,transparent),0 16px 30px -18px color-mix(in oklch,var(--tile) 70%,black)}.hp__tile:active{translate:0 0}.hp__tile--bring{--tile: var(--stage-lemon)}.hp__tile--brand{--tile: var(--stage-bubblegum)}.hp__tile--click{--tile: var(--stage-sky)}.hp__tile--export{--tile: var(--stage-grass)}.hp__label{display:grid;gap:3px}.hp__label b{font-size:1rem;line-height:1.25;font-weight:650;color:var(--color-ink)}.hp__label span{font-size:.84rem;line-height:1.35;color:var(--color-ink-2)}.hp__vis{position:relative;display:flex;align-items:center;gap:6px;height:36px;min-width:0}.hp__logo,.hp__aa{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#fff;box-shadow:0 1px 2px #1a15121a,0 0 0 1px #1a15120f}.hp__logo svg{width:20px;height:20px}.hp__file{display:grid;place-items:center;height:28px;padding:0 8px;border-radius:8px;background:var(--color-ink);color:#fff;font:600 .62rem/1 var(--font-mono);letter-spacing:.03em}.hp__file--lottie{background:#fff;color:var(--color-ink);box-shadow:0 1px 2px #1a15121a,0 0 0 1px #1a15120f}.hp__aa{font:700 .95rem/1 var(--font-brand);color:var(--color-ink)}.hp__dot{width:20px;height:20px;border-radius:50%;background:#3a5bff;box-shadow:0 0 0 2px #fff,0 2px 4px #1a151226}.hp__dot:nth-of-type(2){background:#ffb547}.hp__dot:nth-of-type(3){background:#16c2a3}.hp__click{width:62px}.hp__star{width:32px;height:32px;fill:#fff;stroke:var(--color-ink);stroke-width:1.4;stroke-linejoin:round}.hp__cursor{position:absolute;left:24px;top:14px;width:22px;height:22px;fill:var(--color-ink);stroke:#fff;stroke-width:1.4;stroke-linejoin:round}.hp__flip{perspective:300px}.hp__fchip{display:inline-grid;place-items:center;height:32px;min-width:104px;padding:0 14px;border-radius:999px;background:#fff;box-shadow:0 1px 2px #1a15121a,0 0 0 1px #1a15120f;font:600 .76rem/1 var(--font-mono);color:var(--color-ink)}.hp__fchip.is-flip{animation:hp-flip .42s var(--ease-out)}.hp__burst{position:absolute;width:7px;height:7px;border-radius:2px;pointer-events:none;animation:hp-burst .64s var(--ease-out) forwards}@media (prefers-reduced-motion: no-preference){.hp__tile{animation:rise var(--dur-long) var(--ease-out) both}.hp__tile:nth-child(1){animation-delay:.2s}.hp__tile:nth-child(2){animation-delay:.25s}.hp__tile:nth-child(3){animation-delay:.3s}.hp__tile:nth-child(4){animation-delay:.35s}.ecard__ai svg{animation:hp-spin 6s linear infinite}.ecard__caret{animation:hp-caret 1s steps(1) infinite}.hp__logos>*{animation:hp-hop 3.2s var(--ease-in-out) infinite}.hp__logos>:nth-child(2){animation-delay:.25s}.hp__logos>:nth-child(3){animation-delay:.5s}.hp__logos>:nth-child(4){animation-delay:.75s}.hp__aa{animation:hp-breathe 2.4s var(--ease-in-out) infinite}.hp__dot{animation:hp-swap 3.6s var(--ease-in-out) infinite}.hp__dot:nth-of-type(2){animation-delay:-1.2s}.hp__dot:nth-of-type(3){animation-delay:-2.4s}.hp__cursor{animation:hp-tap 2.4s var(--ease-in-out) infinite}.hp__star{animation:hp-pop 2.4s var(--ease-out) infinite}.hp__tile:hover .hp__vis{animation:hp-wiggle .52s var(--ease-out)}.hp__tile.is-poked .hp__vis{animation:hp-poke .46s var(--ease-out)}}@keyframes hp-caret{50%{opacity:0}}@keyframes hp-spin{to{rotate:360deg}}@keyframes hp-send{40%{translate:5px 0;scale:.9}}@keyframes hp-hop{0%,30%,to{translate:0 0}12%{translate:0 -6px}20%{translate:0 1px}}@keyframes hp-breathe{50%{scale:1.08;rotate:-4deg}}@keyframes hp-swap{0%,to{translate:0 0}33%{translate:0 -5px;scale:1.12}66%{translate:0 2px;scale:.94}}@keyframes hp-tap{0%,to{translate:10px 8px}40%{translate:0 0}48%{translate:0 0;scale:.82}56%{translate:0 0;scale:1}}@keyframes hp-pop{0%,44%{scale:1;fill:#fff;rotate:0deg}52%{scale:1.3;fill:var(--stage-lemon);rotate:14deg}64%,90%{scale:1;fill:var(--stage-lemon);rotate:0deg}to{fill:#fff}}@keyframes hp-flip{0%{rotate:x 90deg;opacity:.3}to{rotate:x 0deg;opacity:1}}@keyframes hp-wiggle{30%{rotate:-5deg}60%{rotate:4deg}}@keyframes hp-poke{35%{scale:1.14;rotate:-6deg}70%{scale:.96}}@keyframes hp-burst{0%{opacity:1;translate:0 0;rotate:0deg}to{opacity:0;translate:var(--bx) var(--by);rotate:var(--br)}}@media (max-width: 30rem){.hp__logos>:nth-child(3),.hp__logos>:nth-child(5){display:none}.hp,.hp__grid{gap:10px}.hp__tile{padding:14px 14px 13px;gap:10px;border-radius:18px}.hp__label b{font-size:.92rem}.hp__label span{font-size:.78rem}.hp__click{width:54px}}.hp__actions{margin:4px 0 6px}@media (max-width: 40rem){.hero{gap:var(--space-lg)}.hero__copy,.hp{display:contents}.hero__copy>h1,.hero__copy>.lede,.hero__copy>.free-hero-lead,.hp__actions{order:1}.hero__demo{order:2}.hp>.yb{order:3}.hp__grid{display:none}.hp__actions{margin:0}}.hero__title{font-size:clamp(2.8rem,5vw,5.4rem)}.stage .ecard__head{align-items:center}.ecard__brands{margin:0;padding:0;border:0;min-width:0}.stage .ecard__brands .brands__row{flex-wrap:nowrap;gap:6px}.ecard__chatrow{position:relative}.ecard__chat{display:flex;align-items:center;gap:10px;min-height:50px;margin:0;padding:5px 5px 5px 6px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px #1a15121f,0 10px 24px -14px #1a151259;cursor:default;user-select:none}.ecard__ai{flex:none;display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 13px 0 11px;border-radius:999px;background:color-mix(in oklch,var(--color-red) 13%,#fff);color:var(--color-red);font-size:.8rem;font-weight:650;white-space:nowrap}.ecard__ai svg,.ecard__mode svg{flex:none;width:14px;height:14px;fill:currentColor}.ecard__typed{flex:0 1 auto;min-width:0;overflow:hidden;white-space:nowrap;font-size:.95rem;color:var(--color-ink)}.ecard__caret{flex:none;width:2px;height:1.15em;margin-left:-9px;border-radius:1px;background:var(--color-red)}.ecard__send{flex:none;display:grid;place-items:center;width:40px;height:40px;margin-left:auto;border-radius:50%;background:var(--color-ink)}.ecard__send svg{width:17px;height:17px;fill:none;stroke:#fff;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.ecard__chat.is-sent .ecard__send{animation:hp-send .52s var(--ease-out)}.ecard__modes{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:var(--color-paper-2);box-shadow:inset 0 0 0 1px #1a151214}.ecard__mode{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 13px;border-radius:999px;font-size:.82rem;font-weight:650;color:var(--color-ink-2);white-space:nowrap;transition:background .26s var(--ease-out),color .26s var(--ease-out)}.ecard__mode[data-mode=ai] svg{color:var(--color-red)}.ecard__mode.is-on{background:var(--color-ink);color:#fff}@container (max-width: 27rem){.ecard__ai{padding:0 9px;font-size:.74rem}}@media (max-width: 30rem){.ecard__chat{min-height:46px}.ecard__typed{font-size:.88rem}.ecard__send{width:36px;height:36px}.ecard__ai{height:34px}}.stage{display:flex;flex-direction:column;container:stage / inline-size}.deck{position:relative;z-index:1;display:grid;min-width:0}.deck>.dcard{grid-area:1 / 1}.deck>.sticker{z-index:8}.dcard{--rest: translate(0px, 0px) rotate(-1.6deg) scale(1);grid-template-rows:auto auto minmax(0,1fr) auto;min-width:0;transform:var(--rest);transition:transform .68s cubic-bezier(.3,1.25,.5,1) var(--td, 0ms)}.dcard[data-depth="0"]{z-index:3}.dcard[data-depth="1"]{z-index:2;--rest: translate(4.1px, -1.9px) rotate(2deg) scale(1)}.dcard[data-depth="2"]{z-index:1;--rest: translate(10.4px, -5.2px) rotate(4.5deg) scale(1)}@media (hover: hover) and (prefers-reduced-motion: no-preference){.stage:hover .dcard[data-depth="0"]{--rest: translate(0px, 0px) rotate(0deg) scale(1)}.stage:hover .dcard[data-depth="1"]{--rest: translate(9.2px, -3.4px) rotate(3.5deg) scale(1)}.stage:hover .dcard[data-depth="2"]{--rest: translate(19.1px, -7.7px) rotate(7deg) scale(1)}}.dcard.is-flying{transition:none}.dcard:before,.dcard:after{content:"";position:absolute;inset:0;z-index:20;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .34s var(--ease-out) var(--vd, 0ms)}.dcard:before{background:var(--stage-lemon)}.dcard:after{background:var(--stage-cobalt)}.dcard[data-depth="1"]:before,.dcard[data-depth="2"]:after{opacity:1}.deck.is-instant .dcard,.deck.is-instant .dcard:before,.deck.is-instant .dcard:after{transition:none}.deck__tabs{position:relative;z-index:2;order:1;align-self:center;display:inline-flex;gap:3px;margin-top:18px;padding:3px;border-radius:999px;background:color-mix(in oklch,var(--color-paper) 58%,transparent);box-shadow:inset 0 0 0 1px #1e171314}.deck__tab{position:relative;display:inline-flex;align-items:center;height:32px;padding:0 13px;border:0;border-radius:999px;overflow:hidden;background:transparent;color:var(--on-stage);font:650 .8rem/1 var(--font-body);white-space:nowrap;cursor:pointer;transition:background-color .24s var(--ease-out),color .24s var(--ease-out);-webkit-tap-highlight-color:transparent}.deck__tab:hover{background:color-mix(in oklch,var(--color-paper) 75%,transparent)}.deck__tab[aria-selected=true]{background:var(--color-ink);color:var(--color-paper)}.deck__tab:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@container stage (min-width: 30rem){.deck__tabs{position:absolute;top:calc(var(--pad-top) / 2 - 19px);left:var(--pad-x);margin:0}}.dcard__head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px;min-width:0}.dcard__title{display:inline-flex;align-items:center;gap:8px;min-width:0;margin:0;overflow:hidden;font-size:.95rem;font-weight:650;line-height:1.2;white-space:nowrap;text-overflow:ellipsis;color:var(--color-ink)}.dcard__icon{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.dcard__seg{flex:none;display:inline-flex;gap:2px;margin:0;padding:3px;border-radius:999px;background:var(--color-paper-2);box-shadow:inset 0 0 0 1px #1e171314}.dcard__seg span{display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:999px;font-size:.76rem;font-weight:650;color:var(--color-ink-2)}.dcard__seg .is-on{background:var(--color-paper);color:var(--color-ink);box-shadow:0 1px 2px #1e17131f,0 0 0 1px #1e17130f}.dcard__brand{flex:none;display:inline-flex;align-items:center;gap:7px;height:32px;margin:0;padding:0 12px 0 10px;border-radius:999px;background:var(--color-paper-2);font-size:.8rem;font-weight:650;white-space:nowrap;color:var(--color-ink)}.dcard__brand i{flex:none;width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 2px var(--color-paper)}.dcard__screen{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:16px;background:var(--tile-bg, #f2f4fb);box-shadow:inset 0 0 0 1px #1e17130f;isolation:isolate}.dcard__anim{position:absolute;inset:0}.dcard__tl{--lbl: 7rem;position:relative;display:grid;align-content:start;gap:8px;min-height:92px;padding:28px 22px 0 var(--pl, 0px);border-radius:8px;cursor:ew-resize;user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.dcard__tl:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.dcard__track{display:grid;grid-template-columns:var(--lbl) minmax(0,1fr);align-items:center;height:16px;font-size:.78rem;color:var(--color-ink-2)}.dcard__lbl{grid-column:1;overflow:hidden;padding-right:6px;white-space:nowrap;text-overflow:ellipsis}.dcard__lane{grid-column:2;grid-row:1;position:relative;height:100%}.dcard__lane:before{content:"";position:absolute;left:0;right:0;top:50%;height:4px;margin-top:-2px;border-radius:2px;background:var(--color-paper-3)}.kf{position:absolute;inset:0;pointer-events:none;transform:translate(calc(var(--at, 0) * 100%));transition:transform .56s var(--ease-out) var(--kd, 0ms)}.kf>b{position:absolute;left:0;top:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:1.5px;background:var(--kf, var(--color-ink));transform:translateY(var(--ky, 0px)) rotate(45deg);transition:transform .56s var(--ease-out) var(--kd, 0ms),scale .14s var(--ease-out)}.kf.is-held{transition:none}.kf.is-held>b{scale:1.45;background:var(--color-red)}.dcard__ph{position:absolute;top:0;bottom:0;left:calc(var(--pl, 0px) + var(--lbl));width:calc(100% - var(--pl, 0px) - var(--lbl) - 22px);border-left:2px solid var(--color-ink);pointer-events:none}.dcard__time{position:absolute;top:0;left:-1px;transform:translate(-50%);padding:1px 7px;border-radius:999px;background:var(--color-ink);color:var(--color-paper);font-size:.7rem;line-height:1.5;white-space:nowrap}.dcard__tl.is-scrubbing .dcard__time{background:var(--color-red)}.dcard__bar{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px;min-height:50px}.dcard__styles{display:flex;gap:6px;min-width:0}.dcard__style{flex:none;height:36px;padding:0 13px;border:0;border-radius:999px;background:var(--color-paper-2);box-shadow:inset 0 0 0 1px #1e17131a;color:var(--color-ink-2);font:650 .82rem/1 var(--font-body);cursor:pointer;transition:background-color .24s var(--ease-out),color .24s var(--ease-out),box-shadow .24s var(--ease-out);-webkit-tap-highlight-color:transparent}.dcard__style:hover{box-shadow:inset 0 0 0 1px var(--color-ink)}.dcard__style.is-on{background:var(--color-ink);color:var(--color-paper);box-shadow:none}.dcard__style:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.dcard__brands{margin:0;min-width:0}.dcard__brands .brands__row{flex-wrap:nowrap;gap:6px}.lv .lv__row{height:34px}.lv__lane{overflow:hidden;border-radius:8px}.lv__lane:before{top:0;height:100%;margin-top:0;border-radius:8px;background:transparent;border:1.5px dashed var(--color-rule)}.lv__clip{position:absolute;inset:0;transform-origin:0 50%;background:var(--clip, var(--stage-sky));opacity:0;translate:0 10px;transition:opacity .24s var(--ease-out) calc(var(--i, 0) * 90ms),translate .48s cubic-bezier(.3,1.45,.5,1) calc(var(--i, 0) * 90ms)}.lv__clip:nth-of-type(2){--clip: var(--stage-lemon)}.lv__clip:nth-of-type(3){--clip: var(--stage-grass)}.lv.is-built .lv__clip{opacity:1;translate:0 0}.lv.is-built.is-busy .lv__clip,.lv.is-built.is-busy .lv__name{opacity:.4;transition-delay:0ms}.lv__at{position:absolute;inset:0;pointer-events:none}.lv__cut>i{position:absolute;top:0;bottom:0;left:-1.5px;width:3px;background:var(--color-paper);opacity:0;transition:opacity .2s var(--ease-out)}.lv.is-built .lv__cut>i{opacity:1;transition-delay:.28s}.lv__cut>i:after{content:"";position:absolute;left:50%;top:50%;width:5px;height:14px;margin:-7px 0 0 -2.5px;border-radius:3px;background:var(--color-ink);opacity:0;transition:opacity .2s var(--ease-out),scale .14s var(--ease-out)}.lv.is-editor .lv__cut>i:after{opacity:.85}.lv__cut.is-held>i:after{background:var(--color-red);opacity:1;scale:1.25}.lv__name{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-left:8px;opacity:0;transition:opacity .24s var(--ease-out) calc(var(--i, 0) * 90ms + .16s)}.lv.is-built .lv__name{opacity:1}.lv__name b{max-width:calc(var(--w, 400px) - 12px);overflow:hidden;font-size:.74rem;font-weight:650;line-height:1.15;white-space:nowrap;text-overflow:ellipsis;color:var(--on-stage)}.lv__name em{font:500 .64rem/1.2 var(--font-mono);font-style:normal;color:#1e17139e}.lv__keys{opacity:.4;transition:opacity .3s var(--ease-out)}.lv.is-editor .lv__keys{opacity:1}.lv__screen>.lv__scene,.lv__screen>.bento{position:absolute;inset:0;opacity:0;transition:opacity .18s linear}.lv__screen>.bento{display:block}.lv__screen .bento__demo{position:absolute;inset:0;aspect-ratio:auto;border-radius:0;box-shadow:none}.lv__screen .bento__tile{display:none}.lv__screen[data-on="0"]>[data-scene="0"],.lv__screen[data-on="1"]>.bento,.lv__screen[data-on="2"]>[data-scene="2"]{opacity:1}.ecard__chat{transition:opacity .3s var(--ease-out)}.ecard__chat.is-quiet{opacity:.5}.lv__cursor{position:absolute;left:0;top:0;z-index:12;width:22px;height:22px;pointer-events:none;opacity:0;transition:opacity .2s var(--ease-out)}.lv__cursor.is-on{opacity:1}.lv__cursor svg{display:block;width:100%;height:100%;fill:var(--color-ink);stroke:#fff;stroke-width:1.4;stroke-linejoin:round;transform-origin:22% 14%;filter:drop-shadow(0 2px 3px oklch(21% .014 50 / .28));transition:scale .12s var(--ease-out)}.lv__cursor.is-down svg{scale:.84}.ecard__answer{display:none;flex:0 1 auto;min-width:0;overflow:hidden;font-size:.92rem;font-weight:600;white-space:nowrap;text-overflow:ellipsis;color:var(--color-ink)}.ecard__answer:before{content:"";display:inline-block;margin-right:9px;vertical-align:1px;width:8px;height:8px;border-radius:50%;background:var(--stage-grass);box-shadow:0 0 0 3px color-mix(in oklch,var(--stage-grass) 30%,transparent)}.ecard__answer.is-thinking{color:var(--color-ink-2);font-weight:500}.ecard__answer.is-thinking:before{background:var(--stage-lemon);box-shadow:0 0 0 3px color-mix(in oklch,var(--stage-lemon) 35%,transparent)}.ecard__chat.is-answer .ecard__answer{display:block}.ecard__chat.is-answer .ecard__typed,.ecard__chat.is-answer .ecard__caret{display:none}@media (prefers-reduced-motion: no-preference){.ecard__chat.is-answer .ecard__answer{animation:dc-in .3s var(--ease-out)}.ecard__answer.is-thinking:before{animation:dc-blink .9s var(--ease-in-out) infinite alternate}}@keyframes dc-in{0%{opacity:0;translate:0 5px}}@keyframes dc-blink{to{opacity:.35;scale:.8}}.ecard__typed{display:flex;justify-content:flex-end}@media (prefers-reduced-motion: no-preference){.dcard__style.is-on{animation:dc-pop .38s var(--ease-out)}}@keyframes dc-pop{40%{scale:1.35}}@container (max-width: 31rem){.dcard--text .ecard__export{display:none}.dcard--text .dcard__bar{grid-template-columns:minmax(0,1fr)}}@container (max-width: 25rem){.dcard__head{min-height:34px}.dcard__tl{--lbl: 5.4rem}.dcard__seg{display:none}.dcard__style{height:34px;padding:0 10px;font-size:.74rem}.dcard__styles{gap:5px}.dcard--video .dcard__title{display:none}.lv{--lbl: 0px;--pl: 14px}.lv .dcard__lbl{visibility:hidden}.lv__name{padding-left:6px}.lv__name b{font-size:.7rem}.dcard--video .ecard__export{display:none}.dcard--video .dcard__bar{grid-template-columns:minmax(0,1fr)}}@container (min-width: 34rem){.dcard__brands .chip input+span{gap:7px;padding:0 13px 0 10px;font-size:.8rem}}@container stage (max-width: 29.99rem){.deck>.sticker--badge{top:calc(4px - var(--pad-top));left:-4px;width:clamp(58px,16cqi,76px);height:clamp(58px,16cqi,76px)}.deck>.sticker--badge b{font-size:.6rem}.deck>.sticker--pill{top:calc(14px - var(--pad-top));right:auto;bottom:auto;left:clamp(66px,19cqi,92px);padding:7px 12px;font-size:.76rem}}@media (prefers-reduced-motion: reduce){.dcard,.dcard:before,.dcard:after,.kf,.kf>b,.lv__clip,.lv__name,.lv__cut>i,.lv__screen>*,.ecard__chat{transition:none}}.hero__title{font-family:var(--font-brand);font-weight:800;letter-spacing:-.02em;line-height:1.04}.hp__tile{background:var(--color-paper-2);box-shadow:none;border-radius:22px;transition:translate .32s var(--ease-out),box-shadow .32s var(--ease-out),background-color .32s var(--ease-out)}.hp__tile:hover{background:var(--color-paper);box-shadow:var(--shadow-soft)}.hp__label b{letter-spacing:-.015em;font-weight:600}.hp__label span{color:var(--color-muted)}.hp__logo,.hp__aa,.hp__fchip,.hp__file--lottie{box-shadow:0 1px 2px #1a151114}.film-sec{margin-top:clamp(72px,8vw,128px)}.statement{display:grid;justify-items:center;text-align:center;gap:28px}.statement__text{font-size:clamp(1.7rem,2.2vw + .85rem,3.05rem);line-height:1.14;max-width:31ch}.doors__stack{gap:clamp(28px,5vw,64px)}.door{display:grid;gap:clamp(16px,2vw,28px);padding:clamp(10px,1.2vw,16px);border-radius:var(--radius-media);background:var(--color-paper);box-shadow:var(--shadow-lift)}@media (min-width: 60rem){.door{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);height:min(620px,calc(100svh - var(--nav-h) - 84px));min-height:520px}}.door__text{display:grid;align-content:center;justify-items:start;gap:16px;padding:clamp(14px,3vw,44px);min-width:0}.door__ico{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:var(--color-paper-2);color:var(--color-ink);margin-bottom:6px}.door__ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.door--ai .door__ico svg{fill:currentColor;stroke:none}.door__title{margin:0;font:700 clamp(1.9rem,1.9vw + 1rem,2.85rem)/1.02 var(--font-head);letter-spacing:-.04em}.door__body{font-size:var(--text-lede);line-height:1.5;color:var(--color-muted);max-width:34ch}.door__aside{font-size:.95rem;line-height:1.5;color:var(--color-muted);max-width:36ch}.door__aside:before{content:"";display:inline-block;width:6px;height:6px;margin:0 9px 2px 0;border-radius:50%;background:var(--color-ink);vertical-align:middle}.door__links{display:flex;flex-wrap:wrap;gap:8px 22px}.door__media{position:relative;min-width:0;min-height:300px;display:grid;place-items:center;padding:clamp(18px,3.4vw,52px);border-radius:calc(var(--radius-media) - 8px);background:var(--door-c, var(--color-paper-2));overflow:hidden}.door--ai{--door-c: var(--stage-grass)}.door--lib{--door-c: var(--stage-lemon)}.door--editor{--door-c: var(--stage-sky)}.door__app{width:min(100%,520px);display:grid;gap:10px;padding:10px;border-radius:26px;background:var(--color-paper);box-shadow:var(--shadow-lift)}.door__screen{position:relative;aspect-ratio:4 / 3;border-radius:18px;overflow:hidden;background:var(--tile-bg, var(--color-paper-2))}.door__anim{position:absolute;inset:0}.door__prompt{display:flex;align-items:center;gap:10px;min-height:52px;padding:6px 6px 6px 8px;border-radius:999px;background:var(--color-paper-2)}.door__ai{flex:none;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px 0 10px;border-radius:999px;background:var(--color-paper);color:var(--color-ink);font-size:.8rem;font-weight:600;white-space:nowrap}.door__ai svg{width:13px;height:13px;fill:var(--color-red)}.door__line{flex:1 1 auto;min-width:0;font-size:.92rem;line-height:1.3;color:var(--color-ink);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.door__caret{display:inline-block;width:2px;height:1.05em;margin-left:2px;vertical-align:-.16em;border-radius:1px;background:var(--color-red)}@media (prefers-reduced-motion: no-preference){.door__caret{animation:hp-caret 1s steps(1) infinite}}.door__send{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--color-ink)}.door__send svg{width:17px;height:17px;fill:none;stroke:var(--color-paper);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.door__media--shelf{align-content:center}.door__media--shelf .tiles{--cols: 4;--gap: 12px;width:100%}.door__media--shelf .tile--wide,.door__media--shelf .tile--tall,.door__media--shelf .teaser__tiles>li:last-child{grid-column:auto;grid-row:auto;grid-template-rows:auto auto}.door__media--shelf .tile__stage,.door__media--shelf .tile--tall .tile__stage,.door__media--shelf .teaser__tiles>li:last-child .tile__stage{height:calc((100cqw - 3 * var(--gap)) / 4);border-radius:16px;box-shadow:0 10px 24px -16px #1a151159}.door__media--shelf .tile{gap:6px}.door__media--shelf .tile__name{font-size:.8rem}.door__media--shelf .teaser__cat{display:none}@media (max-width: 40rem){.door__media--shelf .tiles{--cols: 3;--gap: 8px}.door__media--shelf .tile__stage,.door__media--shelf .tile--tall .tile__stage,.door__media--shelf .teaser__tiles>li:last-child .tile__stage{height:calc((100cqw - 2 * var(--gap)) / 3);border-radius:12px}.door__media--shelf .teaser__tiles>li:nth-child(n+7){display:none}.door__media--shelf .tile__meta{display:none}}.door__editor{position:relative;width:100%;aspect-ratio:1600 / 1000;border-radius:16px;overflow:hidden;background:var(--color-paper);box-shadow:var(--shadow-lift)}.more-link{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:.98rem;letter-spacing:-.01em;color:var(--color-ink);text-decoration:none}.more-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--dur-short) var(--ease-out)}@media (hover: hover){.more-link:hover svg{transform:translate(3px)}.more-link:hover{color:var(--color-ink-2)}}.more-row{margin-top:clamp(28px,4vw,48px);display:flex;justify-content:center}main>.mq{max-width:none;padding-inline:0}.mq__head{max-width:var(--page-max);margin-inline:auto;padding-inline:var(--page-gutter)}.mq__rows{display:grid;gap:28px}.mq__row{--mq-h: 176px;overflow-x:auto;scrollbar-width:none;padding:4px var(--page-gutter) 6px;scroll-snap-type:x proximity;scroll-padding-inline:var(--page-gutter)}.mq__row::-webkit-scrollbar{display:none}@media (min-width: 40rem){.mq__row{--mq-h: 232px}}.mq__row.is-moving{overflow:hidden;padding-inline:0;scroll-snap-type:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.mq__track{list-style:none;margin:0;padding:0;display:flex;gap:20px;width:max-content;will-change:transform}.mq__item{flex:none;width:calc(var(--mq-h) * var(--ar, 1));scroll-snap-align:start}.mq__card{display:grid;gap:12px;text-decoration:none;color:var(--color-ink)}.mq__stage{position:relative;display:block;height:var(--mq-h);border-radius:var(--radius-lg);overflow:hidden;background:var(--tile-bg, var(--color-paper-2));transition:transform var(--dur-long) var(--ease-out),box-shadow var(--dur-long) var(--ease-out)}.mq__anim{position:absolute;inset:0}.mq__name{padding-inline:2px;font-size:.92rem;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (hover: hover) and (prefers-reduced-motion: no-preference){.mq__card:hover .mq__stage{transform:translateY(-3px);box-shadow:var(--shadow-soft)}}.mq__card:focus-visible{outline:none}.mq__card:focus-visible .mq__stage{outline:2px solid var(--color-focus);outline-offset:3px}.cats{max-width:var(--page-max);margin:clamp(40px,5vw,64px) auto 0;padding-inline:var(--page-gutter)}.cats__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.cats__list a{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:var(--radius-pill);background:var(--color-paper-2);text-decoration:none;font-size:.9rem;font-weight:500;color:var(--color-ink);transition:background-color var(--dur-micro) var(--ease-out)}@media (hover: hover){.cats__list a:hover{background:var(--color-paper-3)}}.cats__n{font-size:.8rem;color:var(--color-muted);font-variant-numeric:tabular-nums}.mq__cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-sm) var(--space-lg);margin-top:28px;padding-inline:var(--page-gutter)}.bsec__title{font-size:clamp(2rem,3vw + .8rem,3.9rem);line-height:1.08;max-width:19ch}.bsec__panel{display:grid;gap:clamp(20px,3vw,40px);padding:clamp(14px,3vw,44px);border-radius:var(--radius-media);background:var(--color-paper-2);align-items:center}@media (min-width: 60rem){.bsec__panel{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}}.bsec__side{display:grid;gap:16px;align-content:start;min-width:0}.bsec__side .brands__row{gap:8px}.bsec__side .chip input+span{background:var(--color-paper)}.bsec__side .chip input:checked+span{background:var(--color-ink)}.bsec__side .chip input:hover:not(:checked)+span{background:var(--color-paper-3)}.bsec__side .chip input+span .dots i{box-shadow:0 0 0 2px var(--color-paper)}.bsec__side .chip input:checked+span .dots i{box-shadow:0 0 0 2px var(--color-ink)}.bset{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1.6vw,18px);align-items:end}.bset__item{margin:0;display:grid;gap:10px;min-width:0}.bset__stage{position:relative;display:block;aspect-ratio:var(--ar, 1);border-radius:var(--radius-lg);overflow:hidden;background:var(--tile-bg, var(--color-paper));box-shadow:var(--shadow-soft);transition:background-color var(--dur-long) var(--ease-out),transform var(--dur-long) var(--ease-out)}@media (hover: hover) and (prefers-reduced-motion: no-preference){.bset__stage:hover{transform:translateY(-3px)}}.bset__anim{position:absolute;inset:0}.bset__item figcaption{font-size:.9rem;font-weight:600;letter-spacing:-.01em;padding-inline:2px}.kit{border-radius:var(--radius-lg);background:var(--color-paper);padding:22px;display:grid;gap:18px;box-shadow:var(--shadow-soft)}.kit__top{display:flex;align-items:center;gap:14px}.kit__mark{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--kit-c0, var(--color-red));color:var(--kit-on, var(--color-paper));font:700 1.5rem/1 var(--font-head);flex:none;transition:background-color var(--dur-long) var(--ease-out)}.kit__name{font:700 1.35rem/1.1 var(--font-head);letter-spacing:-.03em}.kit__font{font-size:var(--text-sm);color:var(--color-muted)}.kit__swatches{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.kit__swatches li{aspect-ratio:1.5;border-radius:12px;transition:background-color var(--dur-long) var(--ease-out)}.kit__feel{font-size:var(--text-sm);color:var(--color-muted);min-height:2.8em}.kit__feel strong{color:var(--color-ink);font-weight:600}@media (max-width: 40rem){.bset{grid-template-columns:repeat(3,minmax(0,1fr))}.bset__item figcaption{font-size:.8rem}}.feat{list-style:none;margin:0;padding:0;display:grid;gap:clamp(36px,4vw,56px) clamp(24px,4vw,56px);grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));max-width:68rem;margin-inline:auto}@media (min-width: 60rem){.feat{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 40rem){.feat{gap:32px}.feat__icon{width:44px;height:44px;border-radius:13px;margin-bottom:4px}}.feat__item{display:grid;gap:8px;align-content:start}.feat__icon{position:relative;display:block;width:52px;height:52px;margin-bottom:8px;border-radius:15px;background:var(--color-paper-2);overflow:hidden}.feat__icon>span{position:absolute;inset:2px}.feat__title{margin:0;font:600 1.12rem/1.3 var(--font-head);letter-spacing:-.02em}.feat__item p{color:var(--color-muted);max-width:32ch}.plans__grid{list-style:none;margin:0 auto;padding:0;display:grid;gap:16px;align-items:stretch;max-width:72rem}@media (min-width: 56rem){.plans__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.plan{position:relative;display:grid;grid-template-rows:auto auto auto auto 1fr;gap:12px;align-content:start;padding:clamp(24px,2.6vw,34px);border-radius:var(--radius-card);background:var(--color-paper-2)}.plan--pro{background:var(--color-ink);color:var(--color-paper);box-shadow:var(--shadow-lift)}.plan__name{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0;font:600 1.15rem/1.2 var(--font-head);letter-spacing:-.02em}.plan__badge{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:var(--color-paper);color:var(--color-ink);font:600 .75rem/1 var(--font-body);letter-spacing:0}.plan__price{margin:6px 0 0;font-size:.95rem;color:var(--color-muted)}.plan__price span{font:700 clamp(2.8rem,3vw + 1.4rem,3.8rem)/1 var(--font-head);color:var(--color-ink);letter-spacing:-.05em;margin-right:6px}.plan--pro .plan__price,.plan--pro .plan__note{color:#c0bdb8}.plan--pro .plan__price span{color:var(--color-paper)}.plan__note{margin:-4px 0 8px;font-size:.88rem;color:var(--color-muted)}.plan .btn{justify-self:stretch}.btn--light{background:var(--color-paper);color:var(--color-ink)}@media (hover: hover){.btn--light:hover{background:var(--color-paper-3)}}.plan .btn--line{background:var(--color-paper)}@media (hover: hover){.plan .btn--line:hover{background:var(--color-paper-3)}}.plan__list{margin:12px 0 0;padding:18px 0 0;list-style:none;display:grid;gap:10px;align-content:start;font-size:.95rem;border-top:1px solid var(--color-rule-2)}.plan--pro .plan__list{border-top-color:#ffffff1f}.plan__list li{position:relative;padding-left:28px;line-height:1.4}.plan__list li:before{content:"";position:absolute;left:0;top:.16em;width:18px;height:18px;border-radius:50%;background:var(--color-paper)}.plan__list li:after{content:"";position:absolute;left:6.5px;top:calc(.16em + 4px);width:4px;height:8px;border:solid var(--color-ink);border-width:0 1.8px 1.8px 0;rotate:45deg}.plan--pro .plan__list li:before{background:#ffffff24}.plan--pro .plan__list li:after{border-color:var(--color-paper)}@media (min-width: 56rem){.faq{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);column-gap:clamp(40px,6vw,96px);align-items:start}.faq .faq__list{margin-top:0;max-width:none}.faq__head{position:sticky;top:calc(var(--nav-h) + 32px)}}.band .closing__burst{display:none}@media (min-width: 56rem) and (max-height: 880px){.hero{min-height:calc(100svh - var(--nav-h));align-content:center;padding-block:12px 20px}.stage{--pad-top: 70px;--pad-x: 26px;padding:var(--pad-top) var(--pad-x) 26px;border-radius:32px}.stage{--mo-w: 104px;--mo-r: clamp(40px, 14%, 96px)}.stage__mo{top:8px}.ecard{gap:12px;padding:16px 18px 14px;border-radius:22px}.dcard__head{min-height:34px}.dcard__tl{min-height:78px;padding-top:24px;gap:6px}.lv .lv__row{height:32px}.dcard__bar{min-height:46px}.hp{gap:12px;margin-top:0}.hp__grid{gap:12px}.hp__tile{padding:16px 16px 15px;gap:11px;border-radius:20px}.hp__actions{margin:0 0 4px}.hero__copy{gap:20px}.hp .yb{gap:4px}.hp .yb__note{min-height:1.5em}.hp .yb:not([data-state=error]) .yb__note{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media (min-width: 56rem) and (max-height: 720px){.stage{--pad-top: 64px;padding-bottom:22px}.stage{--mo-w: 96px}.stage__mo{top:6px}.dcard__screen{aspect-ratio:16 / 8.4}}@media (pointer: coarse){.deck__tab{height:44px;padding:0 16px}.dcard__style{height:44px;min-width:44px}}@media (min-width: 56rem){.plans__grid{grid-template-rows:repeat(5,auto)}.plan{grid-row:span 5;grid-template-rows:subgrid;row-gap:12px}}@media (max-width: 55.99rem){.plan--pro{order:-1}}.hp__tile{container-type:inline-size}.hp__logos>*{flex:none}@container (max-width: 12.9rem){.hp__logos>:nth-child(5){display:none}}.dcard:not([data-depth="0"]):not([data-depth="1"]):not([data-depth="2"]):not(.is-flying){visibility:hidden}.deck__tabs{max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:5px}.deck__tabs::-webkit-scrollbar{display:none}.deck__tabs[data-more-end]{mask-image:linear-gradient(to right,#000 calc(100% - 36px),transparent)}.deck__tabs[data-more-start]{mask-image:linear-gradient(to right,transparent,#000 36px)}.deck__tabs[data-more-start][data-more-end]{mask-image:linear-gradient(to right,transparent,#000 36px,#000 calc(100% - 36px),transparent)}.deck__tab{flex:0 0 auto}.deck__tab:focus-visible{outline-offset:-3px}.deck__tab:active{opacity:.8}@container stage (min-width: 30rem){.deck__tabs{max-width:calc(100% - var(--pad-x) - var(--mo-r) - var(--mo-w) - 12px)}}@container stage (max-width: 29.99rem){.deck__tabs{flex-wrap:wrap;justify-content:center;row-gap:3px;border-radius:22px;overflow-x:visible;mask-image:none}}.dcard--library .ecard__export{display:block}.dcard--library .dcard__bar{grid-template-columns:minmax(0,1fr) auto}.dcard--library .brands__row{flex-wrap:nowrap;overflow-x:auto}.dcard--library .chip input+span{padding-inline:7px}.dcard--library .chip .dots i{width:7px;height:7px}.dcard--library .dcard__brand{display:block;max-width:35%;overflow:hidden;text-overflow:ellipsis;line-height:32px}.dcard__status{position:absolute;inset:0;display:grid;place-content:center;margin:0;padding:12px;background:var(--color-paper-2);color:var(--color-ink);text-align:center;font-size:.8rem}.dcard__status[hidden],.dcard__retry[hidden]{display:none}.dcard__retry{position:absolute;bottom:8px;left:50%;translate:-50% 0;min-height:32px}.hp .yb{gap:4px}.hp .yb[data-state=idle] .yb__note{display:none}.hp .yb__note{min-height:0}.hp .yb__go,.hp .yb__on{height:46px}@media (min-width: 75rem){.stage{justify-content:center}}.formats,.integ{--section-spring: cubic-bezier(.34, 1.56, .64, 1);--section-depth: 0 2px 3px var(--sticker-shadow), 0 16px 28px -16px var(--sticker-shadow);--section-line: color-mix(in oklch, var(--on-stage) 14%, transparent)}.formats__head{display:grid;gap:var(--space-lg);justify-items:stretch;margin-bottom:var(--space-xl)}.formats__head>div:first-child{display:grid;gap:var(--space-lg);justify-items:start}.formats__head .h2{max-width:17ch}.formats__intro{display:grid;gap:var(--space-md);align-content:end}.formats__tools{max-width:48ch;font-size:.95rem;color:var(--color-muted)}.formats__tools a{color:var(--color-ink);text-decoration-color:var(--color-rule);text-underline-offset:3px}.formats__cards{display:grid;gap:var(--space-md);grid-template-columns:minmax(0,1fr);list-style:none;margin:0;padding:0}.format-card{--format-stage: var(--stage-sky);--format-on-stage: var(--on-stage);--format-surface: color-mix(in oklch, var(--format-stage) 9%, var(--color-paper));display:grid;grid-template-columns:76px minmax(0,1fr);align-items:start;gap:var(--space-lg);min-width:0;padding:var(--space-lg);border-radius:var(--radius-card);background:var(--format-surface);box-shadow:var(--shadow-soft)}.format-card--json{--format-surface: var(--stage-sky);--format-stage: var(--stage-cobalt);--format-on-stage: var(--on-stage-cobalt);color:var(--on-stage)}.format-card--lottie{--format-stage: var(--stage-grass)}.format-card--mp4{--format-stage: var(--stage-cobalt);--format-on-stage: var(--on-stage-cobalt)}.format-card--webm{--format-stage: var(--stage-bubblegum)}.format-card--gif{--format-stage: var(--stage-lemon)}.format-card--png{--format-stage: var(--stage-sky)}.format-card--svg{--format-stage: var(--stage-grass)}.format-card__badge{position:relative;display:grid;place-items:center;width:76px;height:86px;border:4px solid var(--sticker-edge);border-radius:15px 25px 15px 15px;background:var(--format-stage);color:var(--format-on-stage);box-shadow:var(--section-depth);font:700 1.1rem/1 var(--font-body);letter-spacing:-.04em;transform:rotate(-5deg);transform-origin:50% 80%}.format-card__badge:after{content:"";position:absolute;top:0;right:0;width:16px;height:16px;border-radius:0 18px 0 5px;background:var(--sticker-edge)}.format-card:nth-child(2n) .format-card__badge{transform:rotate(4deg)}.format-card__copy{display:grid;gap:var(--space-sm);min-width:0;height:100%}.format-card .h3{font-size:1.15rem;font-weight:700}.format-card__where{font-size:.94rem;line-height:1.45;color:var(--color-ink-2)}.format-card__tip{margin-top:auto;padding-top:var(--space-sm);border-top:1px solid var(--section-line);font-size:.83rem;line-height:1.4;color:var(--color-ink-2)}.format-card--json .format-card__where,.format-card--json .format-card__tip{color:var(--on-stage)}.integ__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-md);list-style:none;margin:0;padding:0}.integ__card{--integ-stage: var(--stage-sky);--integ-ink: var(--on-stage);--integ-rule: var(--section-line);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;align-content:start;gap:var(--space-xs);min-width:0;padding:24px;border-radius:var(--radius-media);background:var(--integ-stage);color:var(--integ-ink);box-shadow:var(--shadow-soft)}.integ__card--app{--integ-stage: var(--stage-lemon)}.integ__card--design{--integ-stage: var(--stage-bubblegum)}.integ__card--ai{--integ-stage: var(--stage-cobalt);--integ-ink: var(--on-stage-cobalt);--integ-rule: color-mix(in oklch, var(--on-stage-cobalt) 25%, transparent)}.integ__card .h3{font-size:1.35rem;font-weight:700}.integ__card>p{color:var(--integ-ink);font-size:.97rem;line-height:1.5}.integ__chips{display:flex;flex-wrap:wrap;gap:5px 12px;list-style:none;margin:16px 0 0;padding:14px 0 0;border-top:1px solid var(--integ-rule)}.integ__chips li{color:var(--integ-ink);font-size:.8rem;font-weight:600;line-height:1.5}.integ__art{position:relative;height:162px;min-width:0;margin-bottom:var(--space-md);pointer-events:none}.integ__sticker{position:absolute;display:grid;place-items:center;border:5px solid var(--sticker-edge);border-radius:24px;background:var(--sticker-edge);color:var(--on-stage);box-shadow:var(--section-depth)}.integ__code{position:absolute;top:20px;left:0;right:6px;margin:0;padding:18px 12px;border-radius:18px;background:var(--stage-cobalt);color:var(--on-stage-cobalt);font:400 .68rem/1.7 var(--font-mono);white-space:pre;transform:rotate(-4deg);box-shadow:var(--section-depth)}.integ__code code{font:inherit}.integ__brackets{width:74px;height:66px;right:-2px;bottom:3px;background:var(--stage-grass);font:700 1.65rem/1 var(--font-mono);transform:rotate(8deg)}.integ__app-tile{width:114px;height:114px;left:calc(50% - 78px);top:12px;background:var(--stage-cobalt);transform:rotate(-9deg)}.integ__app-tile svg{width:78px;fill:var(--stage-lemon)}.integ__app-check{width:70px;height:70px;left:calc(50% + 8px);top:66px;background:var(--stage-grass);transform:rotate(8deg)}.integ__app-check svg{width:44px;fill:none;stroke:var(--on-stage);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.integ__app-label{position:absolute;bottom:0;left:0;right:0;text-align:center;font:600 .72rem/1.4 var(--font-mono)}.integ__figma{width:88px;height:88px;left:10px;top:8px;transform:rotate(-10deg)}.integ__canva{padding:16px 18px;right:0;top:36px;font:700 1.18rem/1 var(--font-body);transform:rotate(8deg)}.integ__adobe{left:14px;bottom:2px;padding:12px 15px;font:600 .92rem/1 var(--font-body);transform:rotate(-5deg)}.integ__chat{position:absolute;left:0;top:6px;padding:13px 18px;border-radius:20px 20px 20px 5px;background:var(--sticker-edge);color:var(--on-stage);font-size:.9rem;font-weight:600;box-shadow:var(--section-depth);transform:rotate(-4deg)}.integ__reply{width:90px;height:90px;right:10px;bottom:0;background:var(--stage-lemon);transform:rotate(8deg)}.integ__reply svg{width:58px;fill:var(--stage-cobalt)}.integ__mcp{position:absolute;left:6px;bottom:14px;font:400 .78rem/1 var(--font-mono);letter-spacing:.06em}@media (min-width: 42rem){.formats__cards,.integ__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.format-card--json{grid-column:span 2}.integ__art{width:230px;max-width:100%;justify-self:center}}@media (min-width: 64rem){.formats__head{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--space-2xl);align-items:end}.formats__cards,.integ__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.format-card{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:20px;padding:26px}.format-card--json{grid-template-columns:130px minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:center;gap:28px}.format-card--json .format-card__badge{width:126px;height:146px;border-radius:22px 32px 22px 22px;font-size:1.8rem}.format-card--json .format-card__badge:after{width:24px;height:24px;border-radius:0 24px 0 7px}.format-card--json .h3{font-size:1.6rem}.format-card--json .format-card__copy{height:auto}.integ__card{padding:24px 22px}}@media (max-width: 23rem){.format-card{padding:20px 16px;gap:16px;grid-template-columns:64px minmax(0,1fr)}.format-card__badge{width:64px;height:76px;font-size:.95rem}}@media (prefers-reduced-motion: no-preference){[data-section-card]{transition:transform .46s var(--section-spring),opacity .34s var(--ease-out)}[data-section-card].section-card--waiting{opacity:0;transform:translateY(18px)}[data-section-card].section-card--entering{animation:section-card-in .6s var(--section-spring) both}.format-card__badge,.integ__sticker,.integ__chat{transition:transform .46s var(--section-spring)}@media (hover: hover) and (pointer: fine){[data-section-card]:hover{transform:translateY(-4px)}.format-card:hover .format-card__badge,.integ__card:hover .integ__sticker,.integ__card:hover .integ__chat{transform:rotate(0) translateY(-3px)}}}@keyframes section-card-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){[data-section-card],.format-card__badge,.integ__sticker,.integ__chat{animation:none;transition:none}[data-section-card].section-card--waiting{opacity:1;transform:none}}@media print{[data-section-card]{opacity:1!important;transform:none!important;animation:none!important}}