[data-feature-html-card]{--color-bg:#faf7f4;--color-canvas:#faf7f4;--color-surface:#fff;--color-ink:#2d2a26;--color-muted:#6f6a64;--color-faint:var(--muted-strong);--color-line:#2d2a2614;--color-brand:#d13440;--color-on-brand:#fff;--color-peach:#f3d5c0;--color-peach-ink:#9a4a28;--color-todo:#eef3fa;--color-chip-ink:#3d6ea3;--color-scale:var(--success-text);--color-warn:var(--color-peach-ink);--color-danger:var(--primary-strong);--color-star:#d4a017;--color-demo-from:#4aa8f0;--color-demo-to:#e44b88;--color-tile-review:#7a5ea8;--color-tile-promo:#e25c3a;--color-tile-event:#8b6bb0;--color-tile-menu:#e04b8a;--color-tile-post:#4a90d4;--color-fan:#1d4ed8;--shadow-card:0 0 0 1px #2d2a260a, 0 1px 2px #2d2a260a, 0 12px 28px #2d2a260f;--shadow-item:0 0 0 1px #2d2a260d, 0 1px 2px #2d2a260a;--ease-out-soft:cubic-bezier(.25, .92, .18, 1);color:var(--color-ink)}[data-feature-html-card] *,[data-feature-html-card] :before,[data-feature-html-card] :after{box-sizing:border-box}[data-feature-html-card] .t{margin:0}[data-feature-html-card] .t-lg{letter-spacing:-.02em;margin-bottom:10px;font-size:1.05rem;font-weight:600}[data-feature-html-card] .t-md{font-size:.8rem;font-weight:600}[data-feature-html-card] .t-sm{font-size:.78rem;font-weight:500}[data-feature-html-card] .t-xs{font-size:.58rem}[data-feature-html-card] .row{align-items:center;display:flex}[data-feature-html-card] .between{justify-content:space-between}[data-feature-html-card] .gap{gap:6px}[data-feature-html-card] .gap-2{gap:8px}[data-feature-html-card] .center{place-items:center;display:grid}[data-feature-html-card] .todo-box{background:var(--color-todo);border-radius:16px;padding:6px}[data-feature-html-card] .kicker{color:var(--color-chip-ink);align-items:center;gap:4px;padding:2px 6px 4px;font-size:.65rem;font-weight:500;display:flex}[data-feature-html-card] .list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}[data-feature-html-card] .item{background:var(--color-surface);box-shadow:var(--shadow-item);border-radius:12px;padding:8px 10px}[data-feature-html-card] .chip-ink{color:var(--color-chip-ink)}[data-feature-html-card] .faint{color:var(--color-faint)}[data-feature-html-card] .muted{color:var(--color-muted)}[data-feature-html-card] .dot{border-radius:999px;width:28px;height:28px}[data-feature-html-card] .ico{border-radius:6px;place-items:center;width:24px;height:24px;display:grid}[data-feature-html-card] .badge{background:var(--color-todo);border-radius:999px;padding:2px 6px;font-size:.58rem;font-weight:500}[data-feature-html-card] .icon{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}[data-feature-html-card] .icon-fill{fill:currentColor;stroke:none}[data-feature-html-card] .a-scene{place-items:center;display:grid;position:absolute;inset:0}[data-feature-html-card] .a-list{background:var(--color-surface);width:18rem;box-shadow:var(--shadow-card);animation:a-list 8s var(--ease-out-soft) 1 both;border-radius:1.65rem;padding:1.05rem 1rem .9rem}[data-feature-html-card] .a-stack-wrap{opacity:0;animation:a-stack 8s var(--ease-out-soft) 1 both;flex-direction:column;align-items:center;display:flex}[data-feature-html-card] .a-hot{animation:a-hot 8s var(--ease-out-soft) 1}[data-feature-html-card] .a-approve{width:9.25rem;height:2.05rem;color:var(--color-on-brand);background:linear-gradient(90deg, var(--color-demo-from), var(--color-demo-to));animation:a-press 8s var(--ease-out-soft) 1;border-radius:999px;place-items:center;margin-top:.65rem;font-size:.78rem;font-weight:600;display:grid}[data-feature-html-card] .a-cursor{z-index:8;filter:drop-shadow(0 2px 3px #1a171433);width:1.5rem;height:1.5rem;animation:a-cursor 8s var(--ease-out-soft) 1 both;pointer-events:none;position:absolute;top:0;left:0}[data-feature-html-card] .a-ripple{border:2px solid var(--color-demo-from);opacity:0;pointer-events:none;border-radius:999px;width:1.15rem;height:1.15rem;animation:8s linear both a-ripple;position:absolute;top:.05rem;left:.05rem}[data-feature-html-card] .a-fan{width:11.25rem;height:14.1rem;position:relative}[data-feature-html-card] .a-fan>span{background:var(--color-fan);border-radius:1.15rem;position:absolute;inset:0}[data-feature-html-card] .a-fan-b{opacity:.32;transform:rotate(-13deg)translate(-.85rem,.15rem)}[data-feature-html-card] .a-fan-m{opacity:.44;transform:rotate(11deg)translate(.9rem,-.1rem)}[data-feature-html-card] .a-fan-f{place-items:center;display:grid;overflow:hidden;box-shadow:0 16px 32px #1a376e47}[data-feature-html-card] .a-fan-copy{position:absolute;bottom:.85rem;left:.85rem;right:.85rem}[data-feature-html-card] .a-play{background:var(--color-surface);border-radius:999px;place-items:center;width:2.5rem;height:2.5rem;display:grid;box-shadow:0 6px 16px #1a17142e}@keyframes a-list{0%,22%{opacity:1;filter:blur();transform:translate(0)scale(1)}32%{opacity:.78;filter:blur(2px);transform:translate(-30%,-6%)scale(.72)}42%,62%{opacity:0;filter:blur(6px);transform:translate(-44%,-10%)scale(.5)}74%{opacity:1;filter:blur(3px);transform:scale(.28)}86%,to{opacity:1;filter:blur();transform:scale(1)}}@keyframes a-stack{0%,20%{opacity:0;filter:blur(5px);transform:translate(32%,14%)scale(.56)}34%{opacity:1;filter:blur();transform:translate(10%,3%)scale(.97)}42%,60%{opacity:1;filter:blur();transform:translate(0)scale(1)}70%{opacity:0;filter:blur(6px);transform:scale(.2)}78%,to{opacity:0;filter:blur(4px);transform:translate(20%,12%)scale(.52)}}@keyframes a-hot{0%,8%{box-shadow:var(--shadow-item);transform:scale(1)}12%,24%{transform:scale(1);box-shadow:0 0 0 1.5px #93c5fd,0 0 0 4px #dbeafe8c}30%,to{box-shadow:var(--shadow-item);transform:scale(1)}}@keyframes a-press{0%,46%,54%,to{transform:scale(1)}50%{transform:scale(.96)}}@keyframes a-cursor{0%{opacity:1;transform:translate(15.2rem,13.6rem)rotate(-5deg)}10%{transform:translate(14.6rem,8.35rem)rotate(-1deg)}14%{transform:translate(14.55rem,8.4rem)scale(.92)}18%{transform:translate(14.6rem,8.35rem)scale(1)}30%{transform:translate(17rem,11.3rem)rotate(6deg)}42%{transform:translate(11.4rem,18.55rem)rotate(0)}48%{transform:translate(11.35rem,18.6rem)scale(.92)}52%{transform:translate(11.4rem,18.55rem)scale(1)}62%{opacity:1;transform:translate(18.8rem,20.2rem)rotate(8deg)}70%{opacity:0}82%{opacity:0;transform:translate(16rem,12rem)}92%,to{opacity:1;transform:translate(15.2rem,13.6rem)rotate(-5deg)}}@keyframes a-ripple{0%,12%,20%,46%,54%,to{opacity:0;transform:scale(.35)}14%,48%{opacity:.85;transform:scale(.7)}18%,52%{opacity:0;transform:scale(2.1)}}[data-feature-html-card] .b-col{position:absolute;inset:1.15rem 1.45rem}[data-feature-html-card] .b-card{background:var(--color-surface);box-shadow:var(--shadow-card);border-radius:1.15rem;padding:.8rem .9rem;position:absolute;left:0;right:0}[data-feature-html-card] .b-score{z-index:3;animation:b-score 7.4s var(--ease-out-soft) 1 both;align-items:center;gap:.8rem;display:flex}[data-feature-html-card] .b-colors{z-index:2;animation:b-colors 7.4s var(--ease-out-soft) 1 both}[data-feature-html-card] .b-posts{z-index:1;animation:b-posts 7.4s var(--ease-out-soft) 1 both}[data-feature-html-card] .b-ring{width:3.05rem;height:3.05rem;display:block}[data-feature-html-card] .b-ring-wrap{flex-shrink:0;width:3.05rem;height:3.05rem;position:relative}[data-feature-html-card] .b-track{fill:none;stroke:#e8e4dc;stroke-width:2.6px}[data-feature-html-card] .b-bar{fill:none;stroke:var(--color-scale);stroke-width:2.6px;stroke-linecap:round;stroke-dasharray:100;transform-origin:18px 18px;animation:7.4s linear b-bar;transform:rotate(-90deg)}[data-feature-html-card] .b-pct{color:var(--color-ink);place-items:center;font-size:.62rem;font-weight:600;display:grid;position:absolute;inset:0}[data-feature-html-card] .b-pct span{position:absolute}[data-feature-html-card] .b-label{letter-spacing:.02em;height:.95rem;font-size:.62rem;font-weight:600;position:relative}[data-feature-html-card] .b-label span{position:absolute;top:0;left:0}[data-feature-html-card] .b-l1{color:var(--color-danger);animation:7.4s step-end both b-l1}[data-feature-html-card] .b-l2{color:var(--color-warn);opacity:0;visibility:hidden;animation:7.4s step-end both b-l2}[data-feature-html-card] .b-l3{color:var(--color-scale);opacity:0;visibility:hidden;animation:7.4s step-end both b-l3}[data-feature-html-card] .b-l4{color:var(--color-scale);opacity:0;visibility:hidden;animation:7.4s step-end both b-l4}[data-feature-html-card] .b-check{animation:b-check 7.4s var(--ease-out-soft) 1 both}@keyframes b-bar{0%{stroke-dashoffset:96px}18%{stroke-dashoffset:62px}34%{stroke-dashoffset:19px}48%,74%{stroke-dashoffset:0}88%{stroke-dashoffset:48px}to{stroke-dashoffset:96px}}@keyframes b-l1{0%,14%{opacity:1;visibility:visible}18%,to{opacity:0;visibility:hidden}}@keyframes b-l2{0%,14%,34%,to{opacity:0;visibility:hidden}18%,30%{opacity:1;visibility:visible}}@keyframes b-l3{0%,30%,48%,to{opacity:0;visibility:hidden}34%,44%{opacity:1;visibility:visible}}@keyframes b-l4{0%,44%,84%,to{opacity:0;visibility:hidden}48%,80%{opacity:1;visibility:visible}}@keyframes b-score{0%,10%{transform:translateY(4.55rem)scale(1.02)}22%,68%{transform:translateY(0)scale(1)}80%,to{transform:translateY(4.55rem)scale(1.02)}}@keyframes b-colors{0%,10%{opacity:.55;filter:blur();transform:translateY(5.15rem)scale(.94)}22%,68%{opacity:1;filter:blur();transform:translateY(4.95rem)scale(1)}80%,to{opacity:.55;filter:blur();transform:translateY(5.15rem)scale(.94)}}@keyframes b-posts{0%,10%{opacity:1;filter:blur(1px);transform:translateY(5.75rem)scale(.9)}22%,68%{opacity:1;filter:blur();transform:translateY(9.85rem)scale(1)}80%,to{opacity:1;filter:blur(1px);transform:translateY(5.75rem)scale(.9)}}@keyframes b-check{0%,28%{opacity:0;filter:blur(4px);transform:scale(.25)}36%,70%{opacity:1;filter:blur();transform:scale(1)}78%,to{opacity:0;filter:blur(4px);transform:scale(.25)}}[data-feature-html-card] .c-board{position:absolute;inset:1.35rem 1.2rem}[data-feature-html-card] .c-card{color:var(--color-on-brand);border-radius:1rem;font-size:.62rem;font-weight:600;position:absolute;overflow:hidden;box-shadow:0 10px 24px #1a171424}[data-feature-html-card] .c-review{background:var(--color-tile-review);width:4.45rem;height:16.7rem;animation:c-review 6.4s var(--ease-out-soft) 1 both;top:0;left:0}[data-feature-html-card] .c-promo{background:var(--color-tile-promo);width:8.2rem;height:6.5rem;animation:c-promo 6.4s var(--ease-out-soft) 1 both;top:0;left:4.95rem}[data-feature-html-card] .c-event{background:var(--color-tile-event);width:5.2rem;height:6.5rem;animation:c-event 6.4s var(--ease-out-soft) 1 both;top:0;right:0}[data-feature-html-card] .c-menu{background:var(--color-tile-menu);width:6.5rem;height:9.5rem;animation:c-menu 6.4s var(--ease-out-soft) 1 both;bottom:0;left:4.95rem}[data-feature-html-card] .c-post{background:var(--color-tile-post);width:6.95rem;height:9.5rem;animation:c-post 6.4s var(--ease-out-soft) 1 both;bottom:0;right:0}[data-feature-html-card] .c-pill{background:#0000003d;border-radius:999px;margin:.55rem .55rem 0;padding:.18rem .45rem;font-size:.58rem;font-weight:600;display:inline-flex}@keyframes c-review{0%,34%{opacity:1;filter:blur();transform:translate(0)rotate(0)}48%,68%{opacity:.95;filter:blur(1.5px);transform:translate(-7.6rem,1.4rem)rotate(-8deg)}82%,to{opacity:1;filter:blur();transform:translate(0)rotate(0)}}@keyframes c-promo{0%,34%{filter:blur();transform:translate(0)rotate(0)}48%,68%{filter:blur(1.5px);transform:translate(1.1rem,-6.6rem)rotate(5deg)}82%,to{filter:blur();transform:translate(0)rotate(0)}}@keyframes c-event{0%,34%{filter:blur();transform:translate(0)rotate(0)}48%,68%{filter:blur(1.5px);transform:translate(6.8rem,-2.4rem)rotate(9deg)}82%,to{filter:blur();transform:translate(0)rotate(0)}}@keyframes c-menu{0%,34%{filter:blur();transform:translate(0)rotate(0)}48%,68%{filter:blur(1.5px);transform:translate(-1.4rem,7.6rem)rotate(-6deg)}82%,to{filter:blur();transform:translate(0)rotate(0)}}@keyframes c-post{0%,34%{filter:blur();transform:translate(0)rotate(0)}48%,68%{filter:blur(1.5px);transform:translate(6.2rem,3.4rem)rotate(8deg)}82%,to{filter:blur();transform:translate(0)rotate(0)}}[data-feature-html-card] .g-wrap{place-items:center;display:grid;position:absolute;inset:0}[data-feature-html-card] .g-card{background:var(--color-surface);width:18.5rem;box-shadow:var(--shadow-card);border-radius:1.35rem;padding:1rem 1rem .95rem}[data-feature-html-card] .g-item{background:var(--color-todo);border-radius:.85rem;align-items:center;gap:.55rem;padding:.65rem .75rem;font-size:.78rem;font-weight:500;display:flex}[data-feature-html-card] .g-tick{color:var(--color-scale);opacity:0}[data-feature-html-card] .g-i1{animation:g-in 6.8s var(--ease-out-soft) 1 both}[data-feature-html-card] .g-i2{animation:g-in 6.8s var(--ease-out-soft) 1 both;animation-delay:.18s}[data-feature-html-card] .g-i3{animation:g-in 6.8s var(--ease-out-soft) 1 both;animation-delay:.36s}[data-feature-html-card] .g-i1 .g-tick{animation:g-tick 6.8s var(--ease-out-soft) 1 both;animation-delay:.9s}[data-feature-html-card] .g-i2 .g-tick{animation:g-tick 6.8s var(--ease-out-soft) 1 both;animation-delay:1.25s}[data-feature-html-card] .g-i3 .g-tick{animation:g-tick 6.8s var(--ease-out-soft) 1 both;animation-delay:1.6s}@keyframes g-in{0%{opacity:0;filter:blur(2px);transform:translateY(8px)}14%,78%{opacity:1;filter:blur();transform:translateY(0)}92%,to{opacity:0;filter:blur(2px);transform:translateY(4px)}}@keyframes g-tick{0%,8%{opacity:0;transform:scale(.55)}18%,72%{opacity:1;transform:scale(1)}88%,to{opacity:0;transform:scale(.55)}}[data-feature-html-card]:not([data-live]) *,[data-feature-html-card]:not([data-live]) :before,[data-feature-html-card]:not([data-live]) :after{animation-play-state:paused!important}[data-feature-html-card][data-live=true] *,[data-feature-html-card][data-live=true] :before,[data-feature-html-card][data-live=true] :after{animation-play-state:running!important}@media (prefers-reduced-motion:reduce){[data-feature-html-card] *,[data-feature-html-card] :before,[data-feature-html-card] :after{animation:none!important}}
._8aUyzW_frame{aspect-ratio:1;background:#faf7f4;border-radius:1.15rem;width:100%;position:relative;overflow:hidden}._8aUyzW_stage{pointer-events:none;-webkit-user-select:none;user-select:none;background:#faf7f4;place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size}._8aUyzW_inner{transform-origin:50%;width:320px;height:320px;transform:scale(calc(100cqw / 320px));position:relative}