@layer theme,base;@layer components{.demo-clock{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}[data-armed] .demo-clock{animation:demo-clock calc(var(--cycle,4s) * var(--iter,3)) linear both}@keyframes demo-clock{0%{opacity:0}to{opacity:1}}.demo-replay{color:var(--c-text);gap:6px;font-size:.875rem}.demo-replay>svg{flex:none;width:16px;height:16px}.demo-replay:not([data-visible]){visibility:hidden;opacity:0;pointer-events:none}.demo-replay[data-visible]{animation:demo-pop .28s var(--ease-pop) both}@keyframes demo-pop{0%{opacity:0;transform:scale(.7)}}.scr{font-family:var(--font-sans);color:#f3f2ea;-webkit-user-select:none;user-select:none;background:#0b0b0a;font-size:3.4cqi;line-height:1.25;position:absolute;inset:0;overflow:hidden}.scr *{box-sizing:border-box}.scr svg{display:block}.scr-status{z-index:6;color:#f3f2ea;height:9cqi;font:600 3.5cqi/1 var(--font-sans);letter-spacing:-.01em;pointer-events:none;justify-content:space-between;align-items:flex-start;padding:2.25cqi 7.2cqi 0 8.6cqi;display:flex;position:absolute;inset:0 0 auto}.scr-status-icons{align-items:center;gap:1.1cqi;padding-top:.2cqi;display:flex}.scr-status-icons svg{fill:currentColor;height:auto}.scr-status-signal{width:4.1cqi}.scr-status-wifi{width:3.7cqi}.scr-status-battery{width:6.2cqi}.scr-cam{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.6)}.scr-shade{pointer-events:none;background:linear-gradient(#00000080,#0000 22%),linear-gradient(#0000 48%,#00000059 70%,#000000c7);position:absolute;inset:0}.scr-topbar{z-index:3;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:10.5cqi 4cqi auto}.scr-iconbtn{color:#fff;background:#00000073;border-radius:999px;flex:none;place-items:center;width:9.6cqi;height:9.6cqi;display:grid}.scr-iconbtn>svg{width:4.8cqi;height:4.8cqi}.scr-iconbtn.is-on{color:#0b0b0a;background:#fff}.scr-pill{color:#fff;white-space:nowrap;background:#ffffff2e;border-radius:999px;align-items:center;gap:1.1cqi;height:6.6cqi;padding:0 2.6cqi 0 2.1cqi;font-size:2.85cqi;font-weight:600;line-height:1;display:inline-flex}.scr-pill>svg{flex:none;width:3.2cqi;height:3.2cqi}.scr-pill.is-on{color:#0b0b0a;background:#fff}.scr-recbtn{flex:none;place-items:center;width:19cqi;height:19cqi;display:grid;position:relative}.scr-recbtn>svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.scr-recbtn-ring{fill:none;stroke:#ffffff47;stroke-width:4px}.scr-recbtn-prog{fill:none;stroke:#fff;stroke-width:4px;stroke-linecap:round}.scr-recbtn-core{background:#fff3;border-radius:999px;place-items:center;width:14.4cqi;height:14.4cqi;display:grid}.scr-recbtn-core>i{background:#ef4444;border-radius:999px;width:10.6cqi;height:10.6cqi}.scr-recbtn-core.is-recording>i{border-radius:1.4cqi;width:6cqi;height:6cqi}.scr-app{background:#0b0b0a}.scr-appbar{z-index:2;align-items:center;gap:2cqi;height:9cqi;display:flex;position:absolute;inset:10.4cqi 3.6cqi auto}.scr-appbar>svg{color:#f3f2ea;flex:none;width:5.2cqi;height:5.2cqi}.scr-appbar-title{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:4.1cqi;font-weight:700;overflow:hidden}.scr-btn{color:#0b0b0a;white-space:nowrap;background:#c9e23d;border-radius:3.2cqi;justify-content:center;align-items:center;gap:1.6cqi;height:10.4cqi;padding:0 4cqi;font-size:3.5cqi;font-weight:700;line-height:1;display:flex}.scr-btn>svg{flex:none;width:4.2cqi;height:4.2cqi}.scr-muted{color:#a8a79d}.ft-grid{gap:16px;margin-top:40px;display:grid}.ft-card{border-radius:var(--radius-card);background:var(--c-surface);box-shadow:var(--shadow-card);grid-template-columns:128px minmax(0,1fr);align-items:stretch;column-gap:18px;padding:16px 16px 18px;display:grid;position:relative}.ft-stage{flex-direction:column;align-items:center;gap:10px;min-width:0;display:flex;position:relative}.ft-slot{justify-content:center;width:100%;display:flex;position:relative}.ft-slot .phone{width:128px}.ft-side{flex-direction:column;align-items:flex-start;min-width:0;min-height:100%;display:flex}.ft-caption{order:2;max-width:100%;margin-top:auto}.ft-copy{min-width:0;padding:2px 0 14px}.ft-copy .t-h3{font-size:1.1875rem;line-height:1.18}.ft-body{color:var(--c-muted);text-wrap:pretty;margin-top:8px;font-size:.9375rem;line-height:1.5}:is(.ft-slot,.how-mini,.how-stage-phone,.rd-tilt,.fl-phone-stack) .phone-body{box-shadow:0 26px 50px -22px #0b0b0a8c,0 3px 8px -2px #0b0b0a38,inset 0 0 0 1.5px #2c2c27,inset 0 1px #ffffff0f}.fl-phone-stack .phone-body{box-shadow:0 10px 18px -10px #0b0b0a99,inset 0 0 0 1px #2c2c27}.btn-link.ft-replay{z-index:4;background:var(--color-lime-400);color:#0b0b0a;width:40px;height:40px;min-height:40px;box-shadow:0 0 0 3px var(--c-surface), 0 10px 22px -10px #0000008c;border-radius:999px;justify-content:center;position:absolute;bottom:-12px;right:calc(50% - 76px)}.btn-link.ft-replay:before{content:"";border-radius:999px;position:absolute;inset:-2px}.btn-link.ft-replay>svg{width:17px;height:17px}.btn-link.ft-replay .demo-replay-text{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (hover:hover){.btn-link.ft-replay:hover{background:var(--color-lime-500);text-decoration:none}}.btn-link.ft-replay:focus-visible{outline-offset:3px;border-radius:999px}@media (width<=399px){.ft-card{flex-direction:column;padding:10px 10px 18px;display:flex}.ft-stage{background:radial-gradient(70% 60% at 50% 40%, #ffffffbf, transparent 70%), var(--c-elevated);border-radius:14px;padding:18px 12px 16px}.ft-slot .phone{width:140px}.btn-link.ft-replay{right:calc(50% - 84px)}.ft-side{min-height:0}.ft-caption{order:0;margin:14px 8px 0}.ft-copy{padding:10px 8px 0}}@media (width>=768px){.ft-grid{gap:20px;margin-top:48px}.ft-card{grid-template-columns:168px minmax(0,1fr);column-gap:28px;padding:22px 28px 22px 22px}.ft-side{justify-content:center}.ft-caption{margin-top:0}.ft-slot .phone{width:168px}.btn-link.ft-replay{right:calc(50% - 96px)}.ft-copy .t-h3{font-size:1.375rem}.ft-body{max-width:52ch;font-size:1rem}}@media (width>=768px) and (width<=1023px){.ft-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ft-grid>*{min-width:0}.ft-grid>[data-span=row2]{grid-column:1/-1}.ft-card:not([data-span=row2]){flex-direction:column;height:100%;padding:10px 10px 22px;display:flex}.ft-card:not([data-span=row2]) .ft-stage{background:radial-gradient(70% 60% at 50% 40%, #ffffffbf, transparent 70%), var(--c-elevated);border-radius:14px;padding:22px 16px 16px}.ft-card:not([data-span=row2]) .ft-slot .phone{width:160px}.ft-card:not([data-span=row2]) .btn-link.ft-replay{right:calc(50% - 94px)}.ft-card:not([data-span=row2]) .ft-side{flex:1;justify-content:flex-start;min-height:0}.ft-card:not([data-span=row2]) .ft-caption{order:0;margin:14px 12px 0}.ft-card:not([data-span=row2]) .ft-copy{padding:10px 12px 0}.ft-card:not([data-span=row2]) .ft-copy .t-h3{font-size:1.25rem}.ft-card:not([data-span=row2]) .ft-body{font-size:.9375rem}}@media (width>=1024px){.ft-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:56px}.ft-grid>*{min-width:0}.ft-grid>[data-span=row2]{grid-row:span 2}.ft-grid>[data-span=col2]{grid-column:span 2}.ft-card{flex-direction:column;align-items:stretch;height:100%;padding:10px 10px 24px;display:flex}.ft-stage{background:radial-gradient(70% 60% at 50% 40%, #ffffffbf, transparent 70%), var(--c-elevated);border-radius:14px;justify-content:center;gap:0;padding:22px 16px 16px}.ft-slot .phone{width:150px}.btn-link.ft-replay{right:calc(50% - 89px)}.ft-side{flex:1;justify-content:flex-start;min-height:0}.ft-caption{order:0;margin:14px 14px 0}.ft-copy{padding:12px 14px 16px}.ft-copy .t-h3{font-size:1.3125rem}.ft-body{font-size:.9375rem}.ft-card[data-span=row2] .ft-side{flex:none}.ft-card[data-span=row2] .ft-stage{background:radial-gradient(46% 34% at 50% 50%, #c9e23d42, transparent 72%), radial-gradient(70% 60% at 50% 40%, #ffffffbf, transparent 70%), var(--c-elevated);flex:1;padding-inline:12px}.ft-card[data-span=row2] .ft-slot .phone{width:min(100%,340px)}.ft-card[data-span=row2] .btn-link.ft-replay{right:calc(50% - min(50%,170px) - 14px)}.ft-card[data-span=row2] .ft-copy{padding-top:14px}.ft-card[data-span=row2] .t-h3{font-size:1.625rem}.ft-card[data-span=row2] .ft-body{font-size:1rem}.ft-card[data-span=col2]{flex-direction:row-reverse;align-items:stretch;padding:10px}.ft-card[data-span=col2] .ft-stage{flex:0 0 50%}.ft-card[data-span=col2] .ft-side{justify-content:center;padding:16px 20px 16px 22px}.ft-card[data-span=col2] .ft-caption{margin:0 0 4px}.ft-card[data-span=col2] .ft-slot .phone{width:184px}.ft-card[data-span=col2] .btn-link.ft-replay{right:calc(50% - 106px)}.ft-card[data-span=col2] .ft-copy{padding:12px 0 0}.ft-card[data-span=col2] .t-h3{font-size:1.625rem}.ft-card[data-span=col2] .ft-body{font-size:1rem}}@media (width>=1200px){.ft-slot .phone{width:176px}.btn-link.ft-replay{right:calc(50% - 102px)}.ft-card[data-span=col2] .ft-slot .phone{width:200px}.ft-card[data-span=col2] .btn-link.ft-replay{right:calc(50% - 114px)}}.ft-cta{text-align:center;flex-direction:column;align-items:center;gap:12px;margin-top:40px;display:flex}@media (width>=768px){.ft-cta{margin-top:56px}}.ftd-tele .scr-cam{filter:brightness(.55)}.ftd-tele-box{background:#00000080;border-radius:4cqi;height:64cqi;position:absolute;inset:22cqi 7cqi auto;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 22% 72%,#0000);mask-image:linear-gradient(#0000,#000 22% 72%,#0000)}.ftd-tele-track{text-align:center;letter-spacing:-.01em;flex-direction:column;gap:4.5cqi;padding:20cqi 5cqi 30cqi;font-size:5.4cqi;font-weight:650;line-height:1.32;display:flex;transform:translateY(-40cqi)}.ftd-tele-track>p{text-wrap:balance;margin:0}[data-armed] .ftd-tele-track{animation:ftd-tele-scroll var(--cycle) linear var(--iter,3) both}@keyframes ftd-tele-scroll{0%{transform:translateY(6cqi)}to{transform:translateY(-40cqi)}}.ftd-tele-x{z-index:2;position:absolute;top:11.2cqi;left:4cqi}.ftd-tele-rec{position:absolute;bottom:6cqi;left:50%;transform:translate(-50%)}.ftd-retake-bar{z-index:3;background:#ffffff47;border-radius:999px;height:1.9cqi;position:absolute;inset:11.8cqi 5cqi auto;overflow:hidden}.ftd-retake-seg{top:0;bottom:0;left:var(--x);width:var(--w);transform-origin:0;background:#fff;position:absolute;box-shadow:inset -.5cqi 0 #0b0b0a}.ftd-retake-seg[data-i="3"]{background:var(--color-danger);transform:scaleX(0)}[data-armed] .ftd-retake-seg{animation:var(--anim) var(--cycle) var(--iter,3) both;animation-timing-function:linear}.ftd-retake-seg[data-i="0"]{--anim:ftd-seg-0}.ftd-retake-seg[data-i="1"]{--anim:ftd-seg-1}.ftd-retake-seg[data-i="2"]{--anim:ftd-seg-2}.ftd-retake-seg[data-i="3"]{--anim:ftd-seg-3}@keyframes ftd-seg-0{0%{transform:scaleX(0)}16.6%,to{transform:scaleX(1)}}@keyframes ftd-seg-1{0%,16.6%{transform:scaleX(0)}33.3%,to{transform:scaleX(1)}}@keyframes ftd-seg-2{0%,33.3%{transform:scaleX(0)}50%,to{transform:scaleX(1)}}@keyframes ftd-seg-3{0%,50%{background:#fff;transform:scaleX(0)}56.6%{background:#fff;transform:scaleX(1)}57.5%{background:var(--color-danger);transform:scaleX(1)}70%{background:var(--color-danger);animation-timing-function:var(--ease-snap);transform:scaleX(1)}76.6%,to{background:var(--color-danger);transform:scaleX(0)}}.ftd-retake-time{z-index:3;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #00000080;font-size:3.1cqi;font-weight:700;position:absolute;top:15.4cqi;left:5cqi}.ftd-retake-controls{grid-template-columns:1fr auto 1fr;align-items:end;display:grid;position:absolute;inset:auto 4cqi 6cqi}.ftd-retake-discard{flex-direction:column;justify-self:center;align-items:center;gap:1.4cqi;display:flex}.ftd-retake-discard .scr-iconbtn{background:#ffffff29;width:12.4cqi;height:12.4cqi}.ftd-retake-discard .scr-iconbtn>svg{width:5.4cqi;height:5.4cqi}.ftd-retake-discard>span:last-child{text-align:center;text-wrap:balance;max-width:26cqi;font-size:2.55cqi;font-weight:600;line-height:1.15}[data-armed] .ftd-retake-discard .scr-iconbtn{animation:ftd-press var(--cycle) var(--iter,3) both}@keyframes ftd-press{0%,69%{color:#fff;background:#ffffff29;transform:none}70%,74%{color:#0b0b0a;background:#fff;transform:scale(.88)}80%,to{color:#fff;background:#ffffff29;transform:none}}.ftd-retake-advance{background:#ef4444;border-radius:999px;justify-self:center;place-items:center;width:12.4cqi;height:12.4cqi;display:grid}.ftd-retake-advance>svg{width:5.6cqi;height:5.6cqi}.ftd-sil .scr-cam{filter:brightness(.8)}.ftd-sil-panel{z-index:2;background:#141412;border-radius:6cqi 6cqi 0 0;padding:5cqi 5cqi 7cqi;position:absolute;inset:auto 0 0;box-shadow:0 -1px #2c2c27}.ftd-sil-head{justify-content:space-between;align-items:center;gap:2cqi;display:flex}.ftd-sil-tool{white-space:nowrap;align-items:center;gap:1.4cqi;font-size:3.3cqi;font-weight:700;display:inline-flex}.ftd-sil-tool>svg{color:#c9e23d;width:4cqi;height:4cqi}.ftd-sil-time{font-variant-numeric:tabular-nums;font-size:3.3cqi;font-weight:700;display:grid;position:relative}.ftd-sil-time>span{text-align:right;grid-area:1/1}.ftd-sil-time>span:first-child{opacity:0}[data-armed] .ftd-sil-time>span:first-child{animation:ftd-sil-t0 var(--cycle) var(--iter,3) both}[data-armed] .ftd-sil-time>span:last-child{animation:ftd-sil-t1 var(--cycle) var(--iter,3) both}@keyframes ftd-sil-t0{0%,34%{opacity:1}40%,to{opacity:0}}@keyframes ftd-sil-t1{0%,34%{opacity:0}40%,to{opacity:1}}.ftd-sil-wave{background:#1d1d1a;border-radius:2cqi;height:15cqi;margin-top:3.6cqi;position:relative;overflow:hidden}.ftd-sil-bar{left:calc(var(--i) * 2.05cqi + 1.4cqi);width:1.2cqi;height:var(--h);transform:translate(calc(var(--shift) * -2.05cqi), -50%);background:#f3f2ea;border-radius:999px;position:absolute;top:50%}.ftd-sil-bar[data-flat]{background:var(--color-hook);opacity:0;transform:translateY(-50%)scaleY(.3)}[data-armed] .ftd-sil-bar{animation:ftd-sil-move var(--cycle) var(--iter,3) both}[data-armed] .ftd-sil-bar[data-flat]{animation-name:ftd-sil-flat}@keyframes ftd-sil-move{0%{transform:translateY(-50%)}36%{animation-timing-function:var(--ease-snap);transform:translateY(-50%)}46%,to{transform:translate(calc(var(--shift) * -2.05cqi), -50%);animation-timing-function:linear}}@keyframes ftd-sil-flat{0%,19%{opacity:1;background:#7e7d74;transform:translateY(-50%)}21%,34%{background:var(--color-hook);opacity:1;transform:translateY(-50%)}42%,to{background:var(--color-hook);opacity:0;transform:translateY(-50%)scaleY(.3)}}.ftd-sil-hl{top:1cqi;bottom:1cqi;left:calc(var(--i) * 2.05cqi + .9cqi);width:calc(var(--n) * 2.05cqi);opacity:0;background:#ff7a5933;border-radius:1.2cqi;position:absolute;box-shadow:inset 0 0 0 .35cqi #ff7a59b3}[data-armed] .ftd-sil-hl{animation:ftd-sil-hl var(--cycle) var(--iter,3) both}@keyframes ftd-sil-hl{0%,19%{opacity:0}22%,34%{opacity:1}42%,to{opacity:0}}.ftd-sil-slider{color:#a8a79d;align-items:center;gap:2.4cqi;margin-top:4.4cqi;font-size:2.8cqi;font-weight:600;display:flex}.ftd-sil-track{background:#3a3a33;border-radius:999px;flex:1;height:1.2cqi;position:relative}.ftd-sil-track:before{content:"";border-radius:inherit;background:#c9e23d;position:absolute;inset:0 45% 0 0}.ftd-sil-track>i{background:#fff;border-radius:999px;width:4.6cqi;height:4.6cqi;position:absolute;top:50%;left:55%;transform:translate(-50%,-50%);box-shadow:0 .6cqi 1.6cqi #00000073}.ftd-sil-undo{color:#a8a79d;flex:none;width:4cqi;height:4cqi;margin-left:1cqi}.ftd-sil-chip{z-index:2;position:absolute;top:12cqi;left:50%;transform:translate(-50%)}.ftd-look-feed{filter:sepia(.25)saturate(1.15);position:absolute;inset:0}[data-armed] .ftd-look-feed{animation:ftd-look-filter var(--cycle) var(--iter,3) both}@keyframes ftd-look-filter{0%{filter:sepia(.25)saturate(1.15)}3%,17%{filter:none}21%,37%{filter:hue-rotate(-12deg)saturate(.9)brightness(1.03)}41%,57%{filter:saturate(1.45)contrast(1.05)}61%,77%{filter:grayscale()}81%,to{filter:sepia(.25)saturate(1.15)}}.ftd-look-soft{z-index:3;position:absolute;top:11.4cqi;left:50%;transform:translate(-50%)}.ftd-look-rail{z-index:3;flex-direction:column;gap:2.6cqi;display:flex;position:absolute;top:50%;right:3.6cqi;transform:translateY(-62%)}.ftd-look-filters{z-index:3;justify-content:center;gap:1.4cqi;padding:0 2cqi;display:flex;position:absolute;inset:auto 0 7cqi}.ftd-look-chip{display:grid;position:relative}.ftd-look-chip>span{grid-area:1/1}.ftd-look-chip .scr-pill{padding:0 2cqi;font-size:2.6cqi}.ftd-look-chip>.is-on{opacity:0}.ftd-look-chip[data-f=warm]>.is-on{opacity:1}[data-armed] .ftd-look-chip>.is-on{animation:var(--anim) var(--cycle) var(--iter,3) both}.ftd-look-chip[data-f=original]{--anim:ftd-look-c0}.ftd-look-chip[data-f=cool]{--anim:ftd-look-c2}.ftd-look-chip[data-f=vivid]{--anim:ftd-look-c3}.ftd-look-chip[data-f=mono]{--anim:ftd-look-c4}.ftd-look-chip[data-f=warm]{--anim:ftd-look-c1}@keyframes ftd-look-c0{0%{opacity:0}3%,17%{opacity:1}21%,to{opacity:0}}@keyframes ftd-look-c2{0%,17%{opacity:0}21%,37%{opacity:1}41%,to{opacity:0}}@keyframes ftd-look-c3{0%,37%{opacity:0}41%,57%{opacity:1}61%,to{opacity:0}}@keyframes ftd-look-c4{0%,57%{opacity:0}61%,77%{opacity:1}81%,to{opacity:0}}@keyframes ftd-look-c1{0%{opacity:1}3%,77%{opacity:0}81%,to{opacity:1}}.ftd-prod-chip{z-index:3;position:absolute;top:11.6cqi;left:50%;transform:translate(-50%)}.ftd-prod-card{z-index:3;aspect-ratio:3/4;background:#fff;border-radius:3.4cqi;width:26cqi;padding:1.4cqi;position:absolute;bottom:30cqi;right:6cqi;transform:rotate(3deg);box-shadow:0 2.4cqi 6cqi -2cqi #0009}.ftd-prod-photo{background:#e4e0d4;border-radius:2.2cqi;position:absolute;inset:1.4cqi;overflow:hidden}.ftd-prod-photo>img{object-fit:cover;width:100%;height:100%;transform:scale(1.8)}.ftd-prod-photo[data-n="1"]>img{object-position:50% 72%;transform-origin:50% 72%}.ftd-prod-photo[data-n="2"]>img{object-position:50% 70%;transform-origin:50% 70%}.ftd-prod-photo[data-n="1"]{opacity:0}[data-armed] .ftd-prod-card{animation:ftd-prod-in var(--cycle) var(--iter,3) both}[data-armed] .ftd-prod-photo[data-n="1"]{animation:ftd-prod-p1 var(--cycle) var(--iter,3) both}[data-armed] .ftd-prod-photo[data-n="2"]{animation:ftd-prod-p2 var(--cycle) var(--iter,3) both}@keyframes ftd-prod-in{0%{opacity:1;transform:rotate(3deg)}6%,13.6%{opacity:0;transform:translate(40cqi)rotate(12deg)}24.5%,to{opacity:1;animation-timing-function:var(--ease-reveal);transform:rotate(3deg)}}@keyframes ftd-prod-p1{0%,6%{opacity:0}7%,59%{opacity:1}64%,to{opacity:0}}@keyframes ftd-prod-p2{0%,5%{opacity:1}6%,59%{opacity:0}64%,to{opacity:1}}.ftd-prod-dots{gap:1cqi;display:flex;position:absolute;bottom:-3.6cqi;left:50%;transform:translate(-50%)}.ftd-prod-dots>i{background:#ffffff73;border-radius:999px;width:1.4cqi;height:1.4cqi}.ftd-prod-dots>i:last-child{background:#fff}.ftd-prod-rec{z-index:3;position:absolute;bottom:6cqi;left:50%;transform:translate(-50%)}.ftd-score{--iter:1}.ftd-score-head{align-items:center;gap:1.8cqi;display:flex;position:absolute;inset:11cqi 5cqi auto}.ftd-score-head>svg{color:#c9e23d;flex:none;width:5cqi;height:5cqi}.ftd-score-head>span{letter-spacing:-.01em;font-size:4.2cqi;font-weight:700}.ftd-score-list{flex-direction:column;gap:2.4cqi;display:flex;position:absolute;inset:24cqi 4cqi auto}.ftd-score-row{background:#1d1d1a;border-radius:3.6cqi;align-items:center;gap:3cqi;padding:2.4cqi 3cqi 2.4cqi 2.4cqi;display:flex;position:relative}.ftd-score-row[data-weak]{box-shadow:inset 0 0 0 .35cqi #f5c51873}.ftd-score-thumb{aspect-ratio:40/71;background:#2c2c27;border-radius:1.8cqi;flex:none;width:13.4cqi;position:relative;overflow:hidden}.ftd-score-thumb>img{object-fit:cover;transform-origin:46% 34%;width:100%;height:100%;transform:scale(1.7)}.ftd-score-main{flex:1;min-width:0}.ftd-score-name{white-space:nowrap;font-size:3.2cqi;font-weight:600;display:block}.ftd-score-meter{background:#3a3a33;border-radius:999px;height:1.4cqi;margin-top:2cqi;display:block;overflow:hidden}.ftd-score-meter>i{border-radius:inherit;background:var(--q);transform-origin:0;height:100%;transform:scaleX(var(--s));display:block}.ftd-score-val{text-align:right;flex:none}.ftd-score-val>b{font-variant-numeric:tabular-nums;font-size:3.9cqi;font-weight:700;line-height:1.1;display:block}.ftd-score-val>span{color:#a8a79d;font-size:2.6cqi;display:block}.ftd-score-worst{color:#f3f2ea;align-items:flex-start;gap:1.8cqi;margin:1cqi .6cqi 0;font-size:3cqi;font-weight:600;line-height:1.3;display:flex}.ftd-score-worst>svg{width:3.8cqi;height:3.8cqi;color:var(--color-q-c);flex:none;margin-top:.1cqi}.ftd-score-tip{color:#0b0b0a;background:#f3f2ea;border-radius:3.6cqi;gap:2cqi;padding:3cqi 3.4cqi;font-size:3cqi;font-weight:500;line-height:1.32;display:flex}.ftd-score-tip>svg{color:#4f6508;flex:none;width:4cqi;height:4cqi}[data-armed] .ftd-score-meter>i{animation:ftd-meter .7s var(--ease-reveal) both;animation-delay:calc(.3s + var(--r) * .15s)}@keyframes ftd-meter{0%{transform:scaleX(0)}}[data-armed] .ftd-score-worst{animation:ftd-worst-in .36s var(--ease-reveal) 1.2s both}@keyframes ftd-worst-in{0%{opacity:0;transform:translateY(2cqi)}}[data-armed] .ftd-score-tip{animation:ftd-tip-in .48s var(--ease-reveal) 1.6s both}@keyframes ftd-tip-in{0%{opacity:0;transform:translateY(4cqi)}}.ftd-gal-filters{gap:1.6cqi;display:flex;position:absolute;inset:22cqi 4cqi auto}.ftd-gal-filter{display:grid;position:relative}.ftd-gal-filter>span{grid-area:1/1}.ftd-gal-filter .scr-pill{color:#a8a79d;background:#1d1d1a;height:7cqi;padding:0 3cqi;font-size:2.9cqi;box-shadow:inset 0 0 0 .3cqi #2c2c27}.ftd-gal-filter .scr-pill.is-on{color:#0b0b0a;box-shadow:none;background:#f3f2ea}.ftd-gal-filter>.is-on{opacity:0}.ftd-gal-filter[data-a=hook]>.is-on{opacity:1}[data-armed] .ftd-gal-filter>.is-on{animation:var(--anim) var(--cycle) var(--iter,3) both}.ftd-gal-filter[data-a=hook]{--anim:ftd-gal-f0}.ftd-gal-filter[data-a=body]{--anim:ftd-gal-f1}.ftd-gal-filter[data-a=cta]{--anim:ftd-gal-f2}@keyframes ftd-gal-f0{0%,31%{opacity:1}34%,91%{opacity:0}95%,to{opacity:1}}@keyframes ftd-gal-f1{0%,31%{opacity:0}34%,64%{opacity:1}67%,to{opacity:0}}@keyframes ftd-gal-f2{0%,64%{opacity:0}67%,91%{opacity:1}95%,to{opacity:0}}.ftd-gal-grid{grid-template-columns:repeat(3,1fr);gap:1.8cqi;display:grid;position:absolute;inset:33cqi 4cqi auto}.ftd-gal-tile{aspect-ratio:9/16;background:#1d1d1a;border-radius:2.2cqi;position:relative;overflow:hidden}.ftd-gal-tile>img{object-fit:cover;transform-origin:46% 34%;width:100%;height:100%;transform:scale(1.7)}.ftd-gal-tile:after{content:"";background:var(--color-hook);height:.9cqi;position:absolute;inset:auto 0 0}[data-armed] .ftd-gal-tile:after{animation:ftd-gal-stripe var(--cycle) var(--iter,3) both}@keyframes ftd-gal-stripe{0%,31%{background:var(--color-hook)}34%,64%{background:var(--color-body)}67%,91%{background:var(--color-cta)}95%,to{background:var(--color-hook)}}.ftd-gal-dur{text-shadow:0 1px 2px #000000b3;font-variant-numeric:tabular-nums;font-size:2.3cqi;font-weight:700;position:absolute;bottom:2cqi;left:1.4cqi}.ftd-gal-star{background:#00000080;border-radius:999px;place-items:center;width:6.4cqi;height:6.4cqi;display:grid;position:absolute;top:1.2cqi;right:1.2cqi}.ftd-gal-star>svg{color:#fff;width:3.8cqi;height:3.8cqi}.ftd-gal-star[data-on]>svg{color:#c9e23d;fill:#c9e23d}[data-armed] .ftd-gal-star[data-on]>svg{animation:ftd-gal-star var(--cycle) var(--iter,3) both}@keyframes ftd-gal-star{0%{color:#c9e23d;fill:#c9e23d;transform:none}4%,17%{color:#fff;fill:#0000;transform:none}18%{color:#c9e23d;fill:#c9e23d;transform:scale(.6)}22%{transform:scale(1.3)}27%,to{color:#c9e23d;fill:#c9e23d;transform:none}}.ftd-gal-quota{position:absolute;inset:auto 4cqi 7cqi}.ftd-gal-quota>div{background:#2c2c27;border-radius:999px;height:1.4cqi;overflow:hidden}.ftd-gal-quota>div>i{border-radius:inherit;background:#c9e23d;width:34%;height:100%;display:block}.ftd-gal-quota>span{color:#a8a79d;font-variant-numeric:tabular-nums;margin-top:1.8cqi;font-size:2.6cqi;display:block}html.motion-reduce .demo-replay{display:none}.demo{overflow-x:clip}.demo-grid{flex-direction:column;display:flex;position:relative}.demo-grid>:not(.demo-curves){z-index:1;min-width:0;position:relative}.demo-stage{flex-direction:column;align-items:center;margin-top:32px;display:flex}.demo-pieces{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:24px;display:grid}.demo-labels.demo-labels--stage{display:none}.demo-labels--flow,.demo-seams{margin-top:24px}.demo-link{margin-top:12px}@media (width<=1023px){.demo-steps{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}}@media (width>=768px) and (width<=1023px){.demo-grid{grid-template:"head head""stage pieces""stage labels""stage seams""stage link""stage."1fr/260px minmax(0,1fr);align-items:start;column-gap:40px;display:grid}.demo-head{grid-area:head}.demo-stage{grid-area:stage;margin-top:40px}.demo-pieces{grid-area:pieces;gap:12px;margin-top:40px}.demo-labels--flow{grid-area:labels}.demo-seams{grid-area:seams}.demo-link{grid-area:link}}@media (width>=1024px){.demo-grid{grid-template:"pieces stage head""pieces stage steps""pieces stage seams""pieces stage link""pieces stage."1fr/minmax(0,272px) 300px minmax(0,1fr);align-items:start;column-gap:clamp(32px,12.5vw - 96px,64px);display:grid}.demo-head .t-h2{font-size:clamp(2rem,8vw - 48px,2.75rem)}.demo-head{grid-area:head}.demo-stage{grid-area:stage;align-self:center;margin-top:0}.demo-pieces{flex-direction:column;grid-area:pieces;align-self:center;gap:16px;margin-top:0;display:flex}.demo-steps{grid-area:steps;margin-top:32px}.demo-labels.demo-labels--flow{display:none}.demo-labels.demo-labels--stage{text-align:center;align-items:center;margin-top:16px;display:flex}.demo-seams{grid-area:seams;margin-top:28px}.demo-link{grid-area:link;margin-top:16px}}.demo-curves{z-index:0;pointer-events:none;position:absolute;inset:0 auto auto 0;overflow:visible}.demo-curve-base{fill:none;stroke:var(--c-border);stroke-width:1.5px;stroke-dasharray:3 5;stroke-linecap:round}.demo-curve-line{fill:none;stroke:var(--axis);stroke-width:2px;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:1px;transition:stroke-dashoffset .2s var(--ease-swap)}.demo-curve.is-active .demo-curve-line{stroke-dashoffset:0;transition:stroke-dashoffset .6s var(--ease-reveal)}html.motion-reduce .demo-curve-line{transition:none}.demo-phone{width:260px}@media (width>=1024px){.demo-phone{width:300px}}.demo-video{width:100%}.demo-video:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000,#0b0b0a52 38%,#0b0b0ae6 64%,#0b0b0af0);height:30%;position:absolute;inset:auto 0 0}.demo-video .lv-pause,.demo-sound{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b0b0ae6}.demo-video:has(>.lv-overlay) .demo-sound{display:none}.demo-sound{z-index:3;color:#f3f2ea;max-width:calc(100% - 68px);height:44px;font:inherit;white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color var(--dur-ui) var(--ease-swap), transform var(--dur-press) var(--ease-swap);background:#0b0b0a94;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:7px;padding:0 14px 0 12px;font-size:.8125rem;font-weight:600;line-height:1;display:inline-flex;position:absolute;bottom:8px;left:8px}.demo-sound>svg{flex:none;width:17px;height:17px}.demo-sound>span{text-overflow:ellipsis;overflow:hidden}.demo-sound:active{transform:scale(.96)}@media (hover:hover){.demo-sound:hover,.demo-video .lv-pause:hover{background:var(--color-ink-800)}}.demo-sound:focus-visible{outline-offset:2px;border-radius:999px;outline:2px solid #c9e23d}.tl{width:260px;margin-top:14px}@media (width>=1024px){.tl{width:300px}}.tl-track{display:flex;position:relative}.tl-seg{min-width:0;height:44px;color:var(--axis);cursor:pointer;text-align:left;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:1 1 0;padding:8px 0 0;position:relative}.tl-seg+.tl-seg{padding-left:3px}.tl-bar{background:color-mix(in srgb, var(--axis) 30%, transparent);height:10px;transition:background-color var(--dur-ui) var(--ease-swap);border-radius:999px;display:block;position:relative;overflow:hidden}.tl-seg.is-active .tl-bar{background:color-mix(in srgb, var(--axis) 42%, transparent)}.tl-fill{background:var(--axis);transform-origin:0;transform:scaleX(clamp(0, (var(--pt,0) - var(--s)) / (var(--e) - var(--s)), 1));position:absolute;inset:0}.tl-label{white-space:nowrap;text-overflow:ellipsis;opacity:.85;transition:opacity var(--dur-ui) var(--ease-swap);margin-top:6px;font-size:.78125rem;font-weight:600;line-height:1.2;display:block;overflow:hidden}.tl-seg.is-active .tl-label{opacity:1}@media (hover:hover){.tl-seg:hover .tl-label{opacity:1}}.tl-seg:focus-visible{outline-offset:1px;border-radius:6px}.tl-playhead{pointer-events:none;will-change:transform;height:26px;position:absolute;inset:0 0 auto}.tl-playhead:before{content:"";background:#fff;border-radius:2px;width:2px;height:20px;position:absolute;top:3px;left:-1px;box-shadow:0 0 0 1px #0b0b0a73}.tl-hint{color:var(--c-muted);text-align:center;margin:4px 0 0;font-size:.78125rem;font-weight:500;line-height:1.4}.piece{border:1px solid var(--c-border);background:var(--c-surface);min-width:0;color:var(--c-text);font:inherit;text-align:center;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:border-color var(--dur-ui) var(--ease-swap), box-shadow var(--dur-ui) var(--ease-swap), transform var(--dur-press) var(--ease-swap);border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;display:flex;position:relative;overflow:hidden}.piece:before{content:"";background:var(--axis);height:3px;position:absolute;inset:0 0 auto}.piece:active{transform:scale(.98)}.piece.is-active{border-color:color-mix(in srgb, var(--axis) 70%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--axis) 70%, transparent), 0 16px 40px -24px var(--axis)}@media (hover:hover){.piece:not(.is-active):hover{border-color:color-mix(in srgb, var(--axis) 40%, var(--c-border))}}.piece:focus-visible{outline-offset:2px;border-radius:16px}.piece-thumb{aspect-ratio:9/16;background:var(--color-ink-800);opacity:.72;width:72px;transition:opacity var(--dur-ui) var(--ease-swap);border-radius:8px;flex:none;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.piece.is-active .piece-thumb{opacity:1}.piece-poster,.piece-frame{width:100%;height:100%;position:absolute;inset:0}.piece-poster{object-fit:cover}.piece-poster[data-hidden]{visibility:hidden}.piece-frame{animation:piece-in var(--dur-screen) var(--ease-swap) both}@keyframes piece-in{0%{opacity:0}}.piece-meta{flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.piece-axis{color:var(--axis);align-items:center;gap:5px;font-size:.8125rem;font-weight:700;line-height:1.2;display:inline-flex}.piece-axis>svg{flex:none;width:14px;height:14px}.piece-dur{color:var(--c-text);font-size:.8125rem;font-weight:600;line-height:1.3}.piece-text{color:var(--c-muted);text-wrap:balance;margin-top:2px;font-size:.78125rem;font-weight:500;line-height:1.35}@media (width>=1024px){.piece{text-align:left;flex-direction:row;align-items:center;gap:16px;padding:10px 18px 10px 10px}.piece:before{width:3px;height:auto;inset:0 auto 0 0}.piece-thumb{border-radius:10px;width:120px}.piece-meta{align-items:flex-start;gap:4px}.piece-axis{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.25rem;font-weight:750;font-stretch:90%}.piece-axis>svg{width:18px;height:18px}.piece-dur{font-family:var(--font-display);letter-spacing:-.02em;font-size:2rem;font-weight:800;font-stretch:75%;line-height:1}.piece-text,.piece-frame{display:none}.piece-poster[data-hidden]{visibility:visible}}.demo-steps{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.demo-step{color:var(--c-muted);align-items:baseline;gap:14px;padding:10px 0;display:flex}.demo-step+.demo-step{border-top:1px solid var(--c-border)}.demo-step-n{width:22px;color:var(--c-faint);transition:color var(--dur-ui) var(--ease-swap);flex:none;font-size:1.75rem;line-height:1}.demo-step-body{flex-direction:column;gap:2px;display:flex}.demo-step-axis{transition:color var(--dur-ui) var(--ease-swap);font-size:.875rem;font-weight:700}.demo-step-dur{color:var(--c-muted);font-weight:600}.demo-step-text{transition:color var(--dur-ui) var(--ease-swap);font-size:1.0625rem;font-weight:500;line-height:1.4}.demo-step.is-active .demo-step-n,.demo-step.is-active .demo-step-axis{color:var(--axis)}.demo-step.is-active .demo-step-text{color:var(--c-text)}.demo-labels{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.demo-caption{text-wrap:pretty;border-radius:12px;align-items:flex-start}.demo-caption>svg{margin-top:2px}.demo-note{max-width:46ch;color:var(--c-muted);text-wrap:pretty;margin:0;font-size:.78125rem;font-weight:500;line-height:1.45}.demo-seams-title{color:var(--c-text);margin:0 0 10px;font-size:.9375rem;font-weight:700}.demo-seams ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.demo-seams li{color:var(--c-muted);align-items:baseline;gap:10px;font-size:.9375rem;line-height:1.45;display:flex}.demo-seams li>.seed-glyph{color:var(--c-accent);position:relative;top:1px}.demo-link .btn-link{color:var(--c-accent)}.demo-variants{border-top:1px solid var(--c-border);margin-top:56px;padding-top:48px}@media (width>=1024px){.demo-variants{margin-top:88px;padding-top:72px}}.demo-variants-head{max-width:640px}.demo-variants-title{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:wrap;color:var(--c-text);margin:0;font-size:clamp(1.5rem,1.2rem + 1.3vw,2.25rem);font-weight:750;font-stretch:90%;line-height:1.05;display:block}.demo-variants-sub{color:var(--c-muted);text-wrap:pretty;margin:12px 0 0;font-size:1rem;line-height:1.5}.demo-variants-foot{flex-direction:column;align-items:flex-start;gap:8px;margin-top:16px;display:flex}@media (width>=1024px){.demo-variants-foot{flex-direction:row;justify-content:space-between;align-items:center;gap:16px 32px}.demo-variants-foot .demo-caption{flex:none}.demo-variants-foot .demo-note{text-align:right;min-width:0;max-width:none}}.reel{margin-top:24px}.reel-list{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;margin:0 -16px;padding:4px 16px 8px;scroll-padding-inline:16px;list-style:none;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 24px),#0000)}.reel-list::-webkit-scrollbar{display:none}@media (width>=768px){.reel-list{margin-inline:-24px;padding-inline:24px;scroll-padding-inline:24px}}.reel-tile{scroll-snap-align:start;width:132px;box-shadow:0 0 0 1px var(--c-border);transition:box-shadow var(--dur-ui) var(--ease-swap), transform var(--dur-ui) var(--ease-reveal);border-radius:12px;flex:none;position:relative}.reel-tile.is-playing{box-shadow:0 0 0 2px var(--color-lime-400), 0 18px 40px -22px #c9e23d8c}.reel-video{border-radius:12px}.reel-hit{z-index:3;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:12px;padding:0;position:absolute;inset:0}.reel-hit:focus-visible{outline-offset:3px;border-radius:12px}@media (width>=1024px){.reel-list{grid-template-columns:repeat(8,minmax(0,130px));justify-content:space-between;margin-inline:0;padding-inline:0;display:grid;overflow:visible;-webkit-mask-image:none;mask-image:none}.reel-tile{width:auto}@media (hover:hover){.reel-tile:hover{transform:translateY(-2px)}}}.why-cards{gap:16px;margin:40px 0 0;padding:0;list-style:none;display:grid}@media (width>=1024px){.why-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:56px}}.why-card{border-radius:var(--radius-card);background:var(--c-surface);min-width:0;box-shadow:var(--shadow-card);flex-direction:column;padding:28px 24px 16px;display:flex}@media (width>=1024px){.why-card{padding:32px 28px 18px}}@media (width>=768px) and (width<=1023px){.why-cards{max-width:720px;margin:48px auto 0}.why-card{grid-template-rows:auto 1fr;grid-template-columns:200px minmax(0,1fr);column-gap:24px;padding:28px 28px 14px;display:grid}.why-stat{grid-row:1/span 2;align-self:start}.why-text{margin-top:0}}.why-stat{color:var(--c-accent);white-space:nowrap;margin:0;font-size:3.5rem;line-height:.92}.why-text{color:var(--c-text);text-wrap:pretty;flex:1;margin:18px 0 0;font-size:1rem;line-height:1.55}.why-source{min-height:44px;color:var(--c-muted);text-underline-offset:3px;text-decoration-line:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, var(--c-muted) 55%, transparent);text-decoration-color:color-mix(in srgb, var(--c-muted) 55%, transparent);transition:color var(--dur-ui) var(--ease-swap);align-self:flex-start;align-items:center;gap:4px;margin-top:12px;font-size:.78125rem;font-weight:500;line-height:1.35;display:inline-flex}.why-source>svg{flex:none;width:14px;height:14px}@media (hover:hover){.why-source:hover{color:var(--c-text);text-decoration-color:currentColor}}.why-foot{max-width:62ch;color:var(--c-muted);text-align:center;text-wrap:balance;margin:32px auto 0;font-size:.875rem;line-height:1.5}@media (width>=768px){.why-foot{margin-top:40px}}.sim-layout{flex-direction:column;gap:20px;margin-top:32px;display:flex}.sim-controls{flex-direction:column;gap:20px;min-width:0;display:flex}@media (width>=768px){.sim-layout{margin-top:40px}}@media (width>=1024px){.sim-layout{grid-template:"controls panel""lines panel""cta panel"1fr/minmax(0,5fr) minmax(0,7fr);gap:24px 48px;max-width:none;margin-top:48px;display:grid}.sim-controls{grid-area:controls;gap:22px}.sim-panel{top:calc(var(--header-h) + 24px);grid-area:panel;align-self:start;position:sticky}.sim-lines{grid-area:lines}.sim-cta{grid-area:cta}}@media (width>=1200px){.sim-layout{column-gap:64px}}.sim-presets-label{color:var(--c-muted);margin:0 0 8px;font-size:.78125rem;font-weight:600;line-height:1.4}.sim-preset-row{scrollbar-width:none;overscroll-behavior-x:contain;gap:8px;margin-inline:-16px;padding:2px 16px 4px;display:flex;overflow-x:auto}.sim-preset-row::-webkit-scrollbar{display:none}@media (width>=768px){.sim-preset-row{flex-wrap:wrap;margin-inline:0;padding-inline:0;overflow:visible}}.sim-preset{border:1px solid var(--c-border);background:var(--c-surface);min-height:44px;color:var(--c-text);font:inherit;white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform var(--dur-press) var(--ease-swap), background-color var(--dur-ui) var(--ease-swap), border-color var(--dur-ui) var(--ease-swap);border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 14px 0 16px;font-size:.875rem;font-weight:600;line-height:1.1;display:inline-flex}.sim-preset:active{transform:scale(.97)}.sim-preset-math{color:var(--c-muted);font-variant-numeric:tabular-nums;letter-spacing:.01em;font-size:.78125rem;font-weight:600}.sim-preset[aria-pressed=true]{border-color:color-mix(in srgb, var(--c-accent) 70%, transparent);background:color-mix(in srgb, var(--c-accent) 12%, var(--c-surface))}.sim-preset[aria-pressed=true] .sim-preset-math{color:var(--c-accent)}@media (hover:hover){.sim-preset:hover{background:var(--c-elevated)}}.sim-preset:focus-visible{border-radius:999px}@media (width>=1024px){.sim-preset-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.sim-preset{white-space:normal;text-align:left;text-wrap:balance;border-radius:14px;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;min-width:0;padding:9px 12px 10px}.sim-preset:focus-visible{border-radius:14px}}.sim-steppers{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid;position:relative}@media (width>=768px){.sim-steppers{gap:14px}}.sim-times{z-index:1;background:var(--c-elevated);width:22px;height:22px;color:var(--c-muted);box-shadow:0 0 0 3px var(--c-bg);font-family:var(--font-display);pointer-events:none;border-radius:999px;place-items:center;font-size:.875rem;font-weight:800;line-height:1;display:grid;position:absolute;top:45px;transform:translate(-50%)}.sim-times--1{left:calc(33.3333% - 1.33333px)}.sim-times--2{left:calc(66.6667% + 1.33333px)}@media (width>=768px){.sim-times{top:51px}.sim-times--1{left:calc(33.3333% - 2.33333px)}.sim-times--2{left:calc(66.6667% + 2.33333px)}}.sim-step{border:1px solid var(--c-border);background:var(--c-surface);border-radius:16px;flex-direction:column;align-items:center;min-width:0;padding:12px 7px 7px;display:flex;position:relative;overflow:hidden}.sim-step:before{content:"";background:var(--axis);height:3px;position:absolute;inset:0 0 auto}.sim-step-head{max-width:100%;color:var(--axis);white-space:nowrap;align-items:center;gap:5px;margin:0;font-size:.78125rem;font-weight:600;line-height:18px;display:inline-flex}.sim-step-head>svg{flex:none;width:14px;height:14px}.sim-step-head>span{text-overflow:ellipsis;overflow:hidden}.sim-step-value{color:var(--c-text);margin:6px 0 10px;font-size:2.5rem;line-height:1}.sim-step-btns{justify-content:center;gap:5px;width:100%;display:flex}@media (width>=768px){.sim-step{padding:14px 10px 10px}.sim-step-head{font-size:.8125rem}.sim-step-value{margin:6px 0 12px;font-size:3rem}.sim-step-btns{gap:8px}}.sim-btn{border:1px solid var(--c-border);background:var(--c-elevated);width:44px;min-width:40px;height:44px;color:var(--c-text);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform var(--dur-press) var(--ease-swap), background-color var(--dur-ui) var(--ease-swap), opacity var(--dur-ui) var(--ease-swap);border-radius:12px;flex:0 44px;place-items:center;padding:0;display:grid;position:relative}.sim-btn>svg{pointer-events:none;width:18px;height:18px}.sim-btn--inc{border-color:color-mix(in srgb, var(--axis) 38%, var(--c-border));background:color-mix(in srgb, var(--axis) 14%, var(--c-elevated));color:var(--axis)}.sim-btn:active:not([aria-disabled=true]){transform:scale(.9)}.sim-btn[aria-disabled=true]{opacity:.32;cursor:not-allowed}@media (hover:hover){.sim-btn:not([aria-disabled=true]):hover{background:var(--color-ink-700)}.sim-btn--inc:not([aria-disabled=true]):hover{background:color-mix(in srgb, var(--axis) 24%, var(--c-elevated))}}.sim-btn:focus-visible{outline-offset:2px;border-radius:12px}.sim-eq{font-family:var(--font-display);color:var(--c-muted);outline:none;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin:0;font-weight:750;font-stretch:85%;display:flex}.sim-eq:focus-visible{outline:2px solid var(--c-focus);outline-offset:6px;border-radius:8px}.sim-eq-terms{align-items:baseline;gap:8px;font-size:1.75rem;line-height:1;display:inline-flex}.sim-eq-f{font-variant-numeric:tabular-nums;font-weight:800;font-stretch:75%}.sim-eq-f--g{color:var(--c-hook)}.sim-eq-f--c{color:var(--c-body)}.sim-eq-f--t{color:var(--c-cta)}.sim-eq-op{font-family:var(--font-sans);color:var(--c-faint);font-size:1.375rem;font-weight:500}.sim-eq-result{align-items:baseline;gap:8px;display:inline-flex}.sim-eq-num{color:var(--c-accent);font-size:2.75rem;line-height:1}.sim-eq-unit{color:var(--c-text);font-size:1.25rem;font-weight:700;line-height:1}@media (width>=1024px){.sim-eq-terms{font-size:2rem}.sim-eq-num{font-size:3.5rem}.sim-eq-unit{font-size:1.375rem}}.sim-hint{background:color-mix(in srgb, var(--c-accent) 9%, var(--c-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c-accent) 28%, transparent);color:var(--c-text);overflow-anchor:none;animation:sim-in var(--dur-ui) var(--ease-reveal) both;border-radius:14px;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:10px 12px 10px 14px;font-size:.875rem;line-height:1.45;display:flex}.sim-hint[data-kind=cap],.sim-hint[data-kind=min]{background:var(--c-surface);box-shadow:inset 0 0 0 1px var(--c-border)}.sim-hint-text{flex:220px;align-items:flex-start;gap:8px;margin:0;display:flex}.sim-hint-text>svg{width:16px;height:16px;color:var(--c-accent);flex:none;margin-top:2px}.sim-hint[data-kind=cap] .sim-hint-text>svg,.sim-hint[data-kind=min] .sim-hint-text>svg{color:var(--c-muted)}.sim-hint-action{border:1.5px solid color-mix(in srgb, var(--c-accent) 75%, transparent);min-height:40px;color:var(--c-accent);font:inherit;white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform var(--dur-press) var(--ease-swap), background-color var(--dur-ui) var(--ease-swap);background:0 0;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:0 14px;font-size:.8125rem;font-weight:700;display:inline-flex}.sim-hint-action:before{content:"";position:absolute;inset:-2px 0}.sim-hint-action{position:relative}.sim-hint-action>svg{width:15px;height:15px}.sim-hint-action:active{transform:scale(.96)}@media (hover:hover){.sim-hint-action:hover{background:color-mix(in srgb, var(--c-accent) 14%, transparent)}}.sim-hint-action:focus-visible{border-radius:999px}@keyframes sim-in{0%{opacity:0;transform:translateY(-4px)}}.wp4-title .caption-chip{display:inline-block}.sim-panel{border:1px solid var(--c-border);border-radius:var(--radius-card);background:var(--c-surface);padding:12px}@media (width>=1024px){.sim-panel{justify-self:end;width:100%;max-width:640px;padding:24px 24px 20px}}.sim-panel-foot{border-top:1px solid var(--c-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin-top:10px;padding-top:10px;display:flex}.sim-legend{flex-wrap:wrap;gap:6px;display:flex}.sim-legend .axis-chip{height:26px}.sim-lines{flex-direction:column;gap:8px;display:flex}.sim-line{border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);border-radius:16px;align-items:flex-start;gap:12px;padding:14px 16px;font-size:.9375rem;line-height:1.45;display:flex}.sim-line>svg{width:18px;height:18px;color:var(--c-muted);flex:none;margin-top:2px}.sim-line-body{flex:1;min-width:0}.sim-line p{text-wrap:pretty;margin:0}.sim-line--lead{font-size:1.0625rem;font-weight:600}.sim-line--lead>svg{color:var(--c-accent)}.sim-line-strong{color:var(--c-accent);white-space:nowrap;font-weight:700}.sim-line-muted{color:var(--c-muted);font-size:.875rem}.sim-line-control{flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:10px;display:flex}.sim-line-note{color:var(--c-muted);margin:0;font-size:.78125rem;font-weight:500;line-height:1.4}.sim-line-control .seg{flex:none}.sim-cta{flex-direction:column;gap:10px;display:flex}.sim-cta-micro{color:var(--c-muted);margin:0;font-size:.78125rem;font-weight:500;line-height:1.4}.sim-foot{color:var(--c-faint);text-wrap:pretty;margin:6px 0 0;font-size:.78125rem;font-weight:500;line-height:1.45}.cg{position:relative}.cg-stage{height:var(--cg-h);place-items:center;display:grid;position:relative;container-type:inline-size}.cg-row{--cap:34px;--tw0:min(var(--cap), (100cqi - (var(--g) - 1) * 14px - var(--g) * (var(--t) - 1) * 3px) / (var(--g) * var(--t)));--th:min(var(--tw0) * 16 / 9, (var(--mh) - (var(--c) - 1) * 3px) / var(--c));--tw:calc(var(--th) * 9 / 16);align-items:flex-start;gap:14px;display:flex}@media (width>=768px){.cg-row{--cap:72px}}@media (width>=1024px){.cg-row{--cap:120px}}.cg-block{transform-origin:0 0;position:relative}.cg-label{height:18px;color:var(--c-hook);font-variant-numeric:tabular-nums;white-space:nowrap;margin-bottom:4px;font-size:.78125rem;font-weight:600;line-height:18px;display:block}.cg-matrix{grid-template-columns:repeat(var(--t), var(--tw));grid-auto-rows:var(--th);gap:3px;display:grid}.cg-tile{width:var(--tw);height:var(--th);background:var(--color-ink-800);border-radius:3px;position:relative;overflow:hidden}.cg-tile:after{content:"";border-radius:inherit;box-shadow:inset 2px 0 0 var(--c-body), inset 0 2px 0 var(--c-cta), inset 0 0 0 1px #ffffff0f;pointer-events:none;position:absolute;inset:0}.cg-img{width:100%;height:100%}.cg--armed .cg-tile,.cg--armed .cg-label{opacity:0}.cg-ghost{pointer-events:none;animation:cg-exit .18s var(--ease-swap) forwards;position:absolute}.cg-ghost--label{color:var(--c-hook);white-space:nowrap;font-size:.78125rem;font-weight:600;line-height:18px}@keyframes cg-exit{to{opacity:0;transform:scale(.8)}}html.motion-reduce .cg-ghost{display:none}.fl-cards{gap:16px;margin-top:40px;display:grid}.fl-card{border-radius:var(--radius-card);background:var(--c-surface);min-width:0;box-shadow:var(--shadow-card);flex-direction:column;padding:24px 20px 22px;display:flex}.fl-arrow{vertical-align:-.1em;width:.8em;height:.8em;margin:0 .06em;display:inline-block}.fl-lead{color:var(--c-muted);text-wrap:pretty;margin-top:8px;font-size:1rem;line-height:1.5}.fl-demo{margin-top:22px;position:relative}.fl-card .fl-note{max-width:60ch;color:var(--c-muted);margin-top:16px}.fl-captions{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:18px;display:flex}.fl-cta{text-align:center;flex-direction:column;align-items:center;gap:12px;margin-top:40px;display:flex}.btn-link.fl-replay.ft-replay{top:-8px;bottom:auto;right:-6px}@media (width>=768px){.fl-card{padding:32px 32px 28px}.fl-cards{margin-top:48px}.fl-cta{margin-top:56px}}@media (width>=1024px){.fl-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:56px}.fl-card .t-h3{font-size:1.625rem}}.fl-shorts{width:100%;max-width:460px;margin-inline:auto;position:relative}.fl-diagram{position:relative}.fl-bar-labels{height:22px;margin-left:50px;display:grid;position:relative}.fl-bar-label{color:var(--c-text);opacity:0;transition:opacity var(--dur-ui) var(--ease-swap), transform var(--dur-ui) var(--ease-swap);grid-area:1/1;align-self:center;font-size:.8125rem;font-weight:600;transform:translateY(4px)}.fl-bar-label[data-on]{opacity:1;transform:none}.fl-grid{grid-template-columns:44px repeat(6,minmax(0,1fr));gap:5px;margin-top:6px;display:grid;position:relative}.fl-rowlabel{color:var(--c-muted);text-overflow:ellipsis;white-space:nowrap;align-self:center;font-size:.6875rem;font-weight:600;line-height:1.1;overflow:hidden}.fl-rowlabel--bar{color:var(--c-text);font-variant-numeric:tabular-nums}.fl-bar{grid-column:2/-1;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;height:44px;margin-bottom:8px;display:grid;position:relative}.fl-slice{background:var(--color-ink-800);transition:transform .36s var(--ease-snap), border-radius .36s var(--ease-snap);border-radius:6px;position:relative;overflow:hidden}.fl-slice>img{object-fit:cover;object-position:50% calc(36% + var(--i) * 4%);width:100%;height:100%;transform:scale(1.5)}.fl-slice-t{color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000000b3;white-space:nowrap;font-size:.625rem;font-weight:700;position:absolute;bottom:3px;left:4px}@media (width<=359px){.fl-slice-t{display:none}}.fl-shorts:is([data-phase="0"],[data-phase="1"]) .fl-slice{transform:translateX(calc((2.5 - var(--i)) * 5px));border-radius:0}.fl-shorts:is([data-phase="0"],[data-phase="1"]) .fl-slice:first-child{border-radius:6px 0 0 6px}.fl-shorts:is([data-phase="0"],[data-phase="1"]) .fl-slice:nth-child(6){border-radius:0 6px 6px 0}.fl-shorts:is([data-phase="0"],[data-phase="1"]) .fl-slice-t{opacity:0}.fl-cut{top:-7px;bottom:-7px;left:calc(12.5px + var(--i) * (100% - 25px) / 6);background:var(--c-text);opacity:0;pointer-events:none;border-radius:2px;width:2px;margin-left:-1px;position:absolute}.fl-shorts[data-phase="1"] .fl-cut{animation:fl-cut .3s var(--ease-snap) both;animation-delay:calc((var(--i) - 1) * .15s)}@keyframes fl-cut{0%{opacity:0;transform:translateY(-14px)scaleY(.4)}to{opacity:1;transform:none}}.fl-row{display:contents}.fl-tile{aspect-ratio:1;position:relative}.fl-tile-img{background:var(--color-ink-800);border-radius:5px;position:absolute;inset:0;overflow:hidden}.fl-tile-img>img{object-fit:cover;object-position:50% 45%;width:100%;height:100%;transform:translateX(var(--tx,0%)) scale(calc(1.5 * var(--s,1)))}.fl-tile[data-sig=zoom]{--s:1.08}.fl-tile[data-sig=frameL]{--tx:-5%;--s:1.05}.fl-tile[data-sig=frameR]{--tx:5%;--s:1.05}.fl-tile[data-sig=hsl] img{filter:hue-rotate(10deg)saturate(1.12)}.fl-tile:before,.fl-tile:after{content:"";z-index:-1;background:var(--c-surface);box-shadow:inset 0 0 0 1.5px var(--c-muted);opacity:0;transition:opacity var(--dur-ui) var(--ease-swap), transform var(--dur-ui) var(--ease-reveal);border-radius:5px;position:absolute;inset:0}.fl-grid{isolation:isolate}.fl-shorts[data-effects] .fl-tile:before{opacity:1;transform:translate(3px,-3px)}.fl-shorts[data-effects] .fl-tile:after{opacity:.55;transform:translate(6px,-6px)}.fl-x3{z-index:2;background:var(--c-btn-bg);color:var(--c-btn-fg);font-family:var(--font-display);opacity:0;transition:opacity var(--dur-ui) var(--ease-swap), transform var(--dur-ui) var(--ease-pop);border-radius:999px;padding:4px 9px;font-size:.9375rem;font-weight:800;line-height:1;position:absolute;bottom:-10px;right:-6px;transform:scale(.6)}.fl-shorts[data-effects] .fl-x3{opacity:1;transform:none}.fl-shorts:not([data-phase="3"]) .fl-tile{opacity:0}.fl-shorts[data-live][data-phase="3"] .fl-tile{animation:fl-drop .36s var(--ease-reveal) both;animation-delay:calc(var(--r) * 70ms + var(--c) * 22ms)}@keyframes fl-drop{0%{opacity:0;transform:translateY(-10px)scale(.9)}}.fl-total{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-top:22px;display:flex}.fl-eq{color:var(--c-muted);font-family:var(--font-display);font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;font-size:1.375rem;font-weight:700;font-stretch:85%;display:inline-flex}.fl-eq>[data-on]{color:var(--c-muted)}.fl-eq>:nth-child(2):not([data-on]),.fl-eq>:nth-child(3):not([data-on]){display:none}.fl-count{color:var(--c-text);font-size:2.25rem;line-height:1}.fl-count .t-num{font-size:inherit}.fl-shorts:is([data-phase="0"],[data-phase="1"]) .fl-total{opacity:0}.fl-total{transition:opacity var(--dur-ui) var(--ease-swap)}.fl-control{margin-top:14px}.fl-effects{min-height:1.45em;color:var(--c-muted);opacity:0;transition:opacity var(--dur-ui) var(--ease-swap);margin-top:2px}.fl-effects[data-on]{opacity:1}.fl-photos{position:relative}.fl-photos-diagram{flex-direction:column;align-items:center;display:flex}.fl-album{justify-content:center;padding:6px 0 4px;display:flex}.fl-album-photo{aspect-ratio:3/4;width:46px;transform:rotate(calc((var(--i) - 2.5) * 3deg)) translateY(calc(var(--i) * var(--i) * .4px - var(--i) * 2px));transition:transform var(--dur-ui) var(--ease-reveal), box-shadow var(--dur-ui) var(--ease-swap);background:#fff;border-radius:5px;padding:3px 3px 7px;position:relative;box-shadow:0 0 0 1px #12121014,0 8px 16px -10px #12121073}.fl-album-photo+.fl-album-photo{margin-left:-8px}.fl-crop{border-radius:2px;width:100%;height:100%;display:block;position:relative;overflow:hidden}.fl-crop>img{object-fit:cover;width:100%;height:100%;display:block}.fl-album-photo .fl-crop>img{transform-origin:var(--ox,50%) 50%;transform:scale(2)}.fl-album-photo[data-on]{z-index:1;box-shadow:0 0 0 2px var(--c-text), 0 12px 20px -10px #1212108c;transform:translateY(-6px)rotate(0)}.fl-photos-arrow{width:20px;height:20px;color:var(--c-faint);margin:10px 0 12px}.fl-phones{grid-template-columns:repeat(4,minmax(0,72px));justify-content:center;gap:12px;width:100%;display:grid}.fl-phone-col{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.fl-phone-stack{width:100%;position:relative}.fl-phone{width:100%}.fl-ghost{background:var(--color-ink-700);opacity:0;transition:opacity .32s var(--ease-swap), transform .42s var(--ease-reveal);transition-delay:calc(var(--d) * 40ms);border-radius:9px;position:absolute;inset:0;transform:none}.fl-photos[data-shuffle] .fl-ghost{opacity:calc(.42 - var(--g) * .14);transform:translate(calc(var(--g) * 7px), calc(var(--g) * -7px))}.fl-phone-col .fl-look{max-width:100%;color:var(--c-muted);text-align:center;text-wrap:balance;font-size:.78125rem;font-weight:500;line-height:1.25}@media (width<=767px){.fl-phone-col .fl-look{font-size:.6875rem}}.fl-slides{background:var(--color-ink-900);position:absolute;inset:0}.fl-slide{opacity:0;transition:opacity .4s var(--ease-swap);position:absolute;inset:0}.fl-slide[data-state=on]{opacity:1}.fl-slide .fl-crop{border-radius:0}.fl-slide .fl-crop>img{transform-origin:var(--ox,50%) 54%;transform:scale(2.4)}.fl-photos[data-armed] .fl-slides[data-look=pingpong] .fl-slide[data-state=on] img{animation:fl-pp var(--sec) ease-in-out both}@keyframes fl-pp{50%{transform:scale(2.59)}}.fl-photos[data-armed] .fl-slides[data-look=camera] .fl-slide[data-state=on] img{animation:fl-cam var(--sec) linear both}.fl-photos[data-armed] .fl-slides[data-look=camera] .fl-slide:nth-child(2n)[data-state=on] img{animation-direction:reverse}@keyframes fl-cam{0%{transform:translate(-6px,2px)rotate(-1.5deg)scale(2.5)}to{transform:translate(6px,-2px)rotate(1.5deg)scale(2.5)}}.fl-slides[data-look=collage] .fl-slide{transform:translate(calc((var(--i) - 2.5) * 3px), calc((var(--i) - 2.5) * -2px)) rotate(calc((var(--i) - 2.5) * 5deg));background:#fff;border-radius:3px;padding:3px 3px 8px;inset:20% 12% 22%;box-shadow:0 6px 12px -6px #000c}.fl-slides[data-look=collage] .fl-slide .fl-crop{border-radius:1px}.fl-slides[data-look=collage] .fl-slide .fl-crop>img{transform:scale(2)}.fl-slides[data-look=collage] .fl-slide[data-state=past]{opacity:1}.fl-slides[data-look=collage] .fl-slide[data-state=next]{opacity:0;transition:none}.fl-photos[data-armed] .fl-slides[data-look=collage] .fl-slide[data-state=on]{animation:fl-col-in .42s var(--ease-reveal) both}.fl-photos[data-armed] .fl-slides[data-look=collage] .fl-slide:nth-child(2n)[data-state=on]{animation-name:fl-col-in-r}@keyframes fl-col-in{0%{opacity:0;transform:translate(-70%,-60%)rotate(-24deg)}}@keyframes fl-col-in-r{0%{opacity:0;transform:translate(70%,60%)rotate(20deg)}}.fl-photo-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-top:22px;display:flex}.fl-sec{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.fl-sec-label{color:var(--c-text);font-weight:600}.fl-photo-out{background:var(--c-elevated);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;margin-top:14px;padding:12px 14px;display:flex}.fl-cap{color:var(--c-muted);font-variant-numeric:tabular-nums;font-size:.875rem}.fl-videos{color:var(--c-text);font-size:.9375rem;font-weight:700}@media (width>=1024px){.fl-card>.fl-demo{flex-direction:column;flex:1 0 auto;display:flex}.fl-photos{flex-direction:column;flex:1;display:flex}.fl-photos-diagram{flex:1;justify-content:center}.fl-phones{grid-template-columns:repeat(4,minmax(0,112px));gap:16px}.fl-album-photo{width:58px}.fl-photos-arrow{margin:14px 0 16px}}.final-bg{z-index:-1;pointer-events:none;border-radius:var(--sheet-overlap) var(--sheet-overlap) 0 0;background:radial-gradient(56% 48% at 50% 34%,#c9e23d1a,#0000 72%);position:absolute;inset:0;overflow:hidden}@media (width>=1024px){.final-bg:before{content:"";opacity:.35;background:url(/media/v1/phones-blur.webp) 50% 38%/cover no-repeat;position:absolute;inset:0;-webkit-mask-image:radial-gradient(58% 54% at 50% 46%,#000 12%,#0000 100%);mask-image:radial-gradient(58% 54% at 50% 46%,#000 12%,#0000 100%)}}.cue-shot{width:100%;height:auto;display:block;overflow:visible}.cue-shot .piece{transform-box:view-box}.cue-shot .ring{transform-box:fill-box;transform-origin:50%;opacity:0}.cue-shot .line{fill:none;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}.cue-shot .trail{stroke:var(--color-lime-400);stroke-width:2px;opacity:.55}.cue-shot .track{stroke-width:1.5px;opacity:.5}.cue-shot .ghost{fill:none;stroke:var(--color-on-ink-faint);stroke-width:1.25px;stroke-dasharray:2.5 3.5;opacity:.7}.cue-shot[data-state=armed] .line{stroke-dashoffset:1px}.cue-shot[data-state=armed] .ghost{opacity:0}.cue-shot[data-state=armed] .cue{transform:translate(-162px,25px)}.cue-shot[data-state=armed] .b-hook{transform:translate(-84.14px,17.76px)}.cue-shot[data-state=armed] .b-body{transform:translate(-49.2px,42px)}.cue-shot[data-state=armed] .b-cta{transform:translate(-47.2px,-40px)}.cue-shot[data-state=run] .trail{animation:.9s cubic-bezier(.2,.9,.25,1) both cs-draw}.cue-shot[data-state=run] .track{animation:.6s cubic-bezier(.16,1,.3,1) .9s both cs-draw}.cue-shot[data-state=run] .ghost{animation:.4s cubic-bezier(.65,0,.35,1) .9s both cs-ghost}.cue-shot[data-state=run] .cue{animation:1.5s linear both cs-cue}.cue-shot[data-state=run] .b-hook{animation:.6s cubic-bezier(.16,1,.3,1) .9s both cs-hook}.cue-shot[data-state=run] .b-body{animation:.6s cubic-bezier(.16,1,.3,1) .9s both cs-body}.cue-shot[data-state=run] .b-cta{animation:.6s cubic-bezier(.16,1,.3,1) .9s both cs-cta}.cue-shot[data-state=run] .ring{animation:.48s cubic-bezier(.16,1,.3,1) .88s both cs-ring}@keyframes cs-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes cs-ghost{0%{opacity:0}to{opacity:.7}}@keyframes cs-cue{0%{animation-timing-function:cubic-bezier(.2,.9,.25,1);transform:translate(-162px,25px)}60%{animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translate(-5.48px,-8.04px)}to{transform:none}}@keyframes cs-hook{0%{transform:translate(-84.14px,17.76px)}to{transform:none}}@keyframes cs-body{0%{transform:translate(-49.2px,42px)}to{transform:none}}@keyframes cs-cta{0%{transform:translate(-47.2px,-40px)}to{transform:none}}@keyframes cs-ring{0%{opacity:0;transform:scale(.4)}25%{opacity:.9}to{opacity:0;transform:scale(2.6)}}html.motion-reduce .cue-shot .piece,html.motion-reduce .cue-shot .line,html.motion-reduce .cue-shot .ghost{stroke-dashoffset:0!important;animation:none!important;transform:none!important}html.motion-reduce .cue-shot .ghost{opacity:.7!important}.how-head{gap:28px;display:grid}.how-rec{margin:0}.how-rec-frame{background:var(--color-ink-900);box-shadow:var(--shadow-card);border-radius:16px;overflow:hidden}.how-rec-cap{margin-top:10px}.how-body{margin-top:36px}.how-stage,.how-rail{display:none}.how-steps{gap:16px;margin:0;padding:0;list-style:none;display:grid}.how-step{border-radius:var(--radius-card);background:var(--c-surface);box-shadow:var(--shadow-card);padding:22px 20px 24px;display:grid;position:relative}.how-step-head{align-items:flex-start;gap:14px;display:flex}.how-badge{background:var(--color-lime-400);color:#0b0b0a;width:40px;height:40px;transition:background-color var(--dur-screen) var(--ease-swap), color var(--dur-screen) var(--ease-swap), box-shadow var(--dur-screen) var(--ease-swap);border-radius:12px;flex:none;place-items:center;font-size:1.25rem;line-height:1;display:grid}.how-step-title{padding-top:6px}.how-step .how-step-text{color:var(--c-muted);margin-top:10px}.how-step .how-step-note{color:var(--c-muted);gap:8px;margin-top:12px;display:flex}.how-step-note>svg{width:15px;height:15px;color:var(--c-accent);flex:none;margin-top:1px}.how-step-phone{flex-direction:column;align-items:center;gap:14px;margin-top:22px;display:flex}.how-mini{width:200px;position:relative}.how-mini .btn-link.ft-replay{bottom:-12px;right:-12px}.how-cta{text-align:center;flex-direction:column;align-items:center;gap:12px;margin-top:32px;display:flex}@media (width>=768px) and (width<=1023px){.how-rec{max-width:560px}.how-step{grid-template-columns:minmax(0,1fr) 200px;align-items:center;column-gap:40px;padding:32px}.how-step-phone{margin-top:0}}@media (width>=1024px){.how-head{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:32px}.how-head>:first-child{grid-column:1/span 6}.how-rec{grid-column:8/span 5;justify-self:end;width:100%;max-width:480px}.how-rec-frame{border-radius:20px}.how-body{grid-template-columns:300px minmax(0,1fr);column-gap:clamp(56px,8vw,128px);margin-top:64px;display:grid}.how-stage{display:block}.how-stage-inner{top:calc(var(--header-h) + 32px);flex-direction:column;gap:14px;display:flex;position:sticky}.how-stage-meta{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.how-dots{gap:6px;display:flex}.how-dots>i{background:var(--c-border);width:6px;height:6px;transition:background-color var(--dur-screen) var(--ease-swap), transform var(--dur-screen) var(--ease-swap);border-radius:999px}.how-dots>i[data-on]{background:var(--c-text);transform:scale(1.25)}.how-screen{opacity:0;transition:opacity var(--dur-screen) var(--ease-swap), transform var(--dur-screen) var(--ease-swap);pointer-events:none;position:absolute;inset:0;transform:translateY(8px)}.how-screen[data-active]{opacity:1;transform:none}.how-track{position:relative}.how-steps{gap:0}.how-stage-phone{width:300px;position:relative}.how-stage-phone .btn-link.ft-replay{bottom:-14px;right:-14px}.how-rail{background:var(--c-border);border-radius:2px;width:2px;display:block;position:absolute;top:35vh;bottom:35vh;left:19px}.how-rail>i{border-radius:inherit;background:var(--c-body);transform-origin:50% 0;transform:scaleY(var(--p,0));transition:transform var(--dur-screen) var(--ease-reveal);position:absolute;inset:0}.how-step{min-height:70vh;box-shadow:none;background:0 0;border-radius:0;flex-direction:column;justify-content:center;padding:0 0 0 76px;display:flex}.how-step-head{display:block}.how-badge{margin-top:-2px;position:absolute;left:0}.how-step .how-step-title{letter-spacing:-.015em;max-width:20ch;padding-top:0;font-size:clamp(1.625rem,1rem + 1vw,2.125rem);line-height:1.08}.how-step .how-step-text{max-width:46ch;margin-top:14px}.how-step-note{max-width:46ch}.how-step-phone{display:none}.how-step-title,.how-step-text,.how-step-note{transition:opacity var(--dur-screen) var(--ease-swap)}.how-step:not([data-active]) :is(.how-step-title,.how-step-text,.how-step-note){opacity:.34}.how-step:not([data-active]) .how-badge{background:var(--c-surface);color:var(--c-muted);box-shadow:inset 0 0 0 1.5px var(--c-border)}.how-step[data-done] .how-badge{background:var(--color-lime-400);color:#0b0b0a;box-shadow:none}.how-cta{text-align:left;align-items:flex-start;margin-top:8px;padding-left:76px}}.hs-rec-pill{letter-spacing:.04em;background:#00000080;border-radius:999px;align-items:center;gap:1.4cqi;height:7cqi;padding:0 2.8cqi 0 2.2cqi;font-size:3cqi;font-weight:700;display:inline-flex}.hs-rec-dot{background:var(--color-rec);border-radius:999px;width:2.2cqi;height:2.2cqi}[data-armed] .hs-rec-dot{animation:hs-blink 1s steps(1, end) calc(var(--iter,3) * 10) both}@keyframes hs-blink{0%{opacity:1}50%{opacity:.15}to{opacity:1}}.hs-prompter{background:#00000075;border-radius:3.6cqi;height:44cqi;position:absolute;inset:23cqi 7cqi auto;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 24% 76%,#0000);mask-image:linear-gradient(#0000,#000 24% 76%,#0000)}.hs-prompter-track{text-align:center;letter-spacing:-.01em;flex-direction:column;gap:4cqi;padding:16cqi 5cqi 24cqi;font-size:5cqi;font-weight:650;line-height:1.3;display:flex;transform:translateY(-22cqi)}.hs-prompter-track>p{text-wrap:balance;margin:0}[data-armed] .hs-prompter-track{animation:hs-prompt var(--cycle) linear var(--iter,3) both}@keyframes hs-prompt{0%{transform:translateY(4cqi)}90%,to{transform:translateY(-22cqi)}}.hs-rec-bottom{flex-direction:column;align-items:center;display:flex;position:absolute;inset:auto 0 5.4cqi}.hs-rec-chips{flex-wrap:wrap;justify-content:center;gap:1.4cqi;padding:0 3cqi;display:flex}.hs-rec-timer{font-variant-numeric:tabular-nums;letter-spacing:-.02em;align-items:center;gap:.2cqi;margin:3.4cqi 0 2.2cqi;font-size:6.6cqi;font-weight:600;line-height:1;display:flex}.hs-rec-live{background:#ef4444;border-radius:999px;width:2.2cqi;height:2.2cqi;margin-right:1.6cqi}.hs-rec-digit{height:1em;display:inline-block;position:relative;overflow:hidden}.hs-rec-strip{flex-direction:column;display:flex;transform:translateY(-90%)}.hs-rec-strip>span{height:1em;line-height:1}[data-armed] .hs-rec-strip{animation:hs-digits var(--cycle) steps(10, jump-none) var(--iter,3) both}@keyframes hs-digits{0%{transform:translateY(0)}to{transform:translateY(-90%)}}.hs-rec-controls{grid-template-columns:1fr auto 1fr;align-items:end;width:100%;padding:0 3cqi;display:grid}.hs-rec-discard{flex-direction:column;justify-self:center;align-items:center;gap:1.2cqi;display:flex}.hs-rec-discard .scr-iconbtn{background:#ffffff29;width:11.6cqi;height:11.6cqi}.hs-rec-discard .scr-iconbtn>svg{width:5cqi;height:5cqi}.hs-rec-discard>span:last-child{text-align:center;text-wrap:balance;max-width:24cqi;font-size:2.45cqi;font-weight:600;line-height:1.15}.hs-rec-shutter .scr-recbtn-prog{stroke:#ef4444}[data-armed] .hs-rec-shutter .scr-recbtn-prog{animation:hs-ring var(--cycle) linear var(--iter,3) both}@keyframes hs-ring{0%{stroke-dashoffset:251.33px}to{stroke-dashoffset:138.23px}}.hs-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:2cqi;display:grid;position:absolute;inset:21.5cqi 4cqi auto}.hs-tab{background:#141412;border-radius:3.2cqi;flex-direction:column;align-items:center;gap:1.8cqi;padding:2.6cqi 1cqi 2.2cqi;display:flex;box-shadow:inset 0 0 0 .3cqi #2c2c27}.hs-tab[data-active]{background:#c9e23d1a;box-shadow:inset 0 0 0 .4cqi #c9e23d}.hs-tab-thumbs{display:flex}.hs-tab-thumb{aspect-ratio:9/16;border-radius:1cqi;width:6.4cqi;position:relative;overflow:hidden;box-shadow:0 0 0 .35cqi #141412}.hs-tab-thumb:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 .4cqi var(--axis-c);position:absolute;inset:0}.hs-tab-thumb[data-axis=hook]{--axis-c:var(--color-hook-on-ink)}.hs-tab-thumb[data-axis=body]{--axis-c:var(--color-body-on-ink)}.hs-tab-thumb[data-axis=cta]{--axis-c:var(--color-cta-on-ink)}.hs-tab-thumb+.hs-tab-thumb{margin-left:-2.2cqi}.hs-tab-thumb>.sprite-frame,.hs-clip-img{transform-origin:46% 34%;transform:scale(1.7)}.hs-tab-thumb>.sprite-frame{width:100%}.hs-tab-label{white-space:nowrap;font-size:2.75cqi;font-weight:600}.hs-tab:not([data-active]) .hs-tab-label{color:#a8a79d}.hs-clips{grid-template-columns:repeat(3,minmax(0,1fr));gap:2cqi;display:grid;position:absolute;inset:45.5cqi 4cqi auto}.hs-clip{aspect-ratio:9/16;background:#1d1d1a;border-radius:2.4cqi;position:relative;overflow:hidden}.hs-clip-img{width:100%;height:100%}.hs-clip:after{content:"";background:var(--color-hook);height:.9cqi;position:absolute;inset:auto 0 0}.hs-clip-dur{font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000000b3;font-size:2.4cqi;font-weight:700;position:absolute;bottom:2cqi;left:1.4cqi}.hs-clip-add{background:0 0;place-items:center;display:grid;box-shadow:inset 0 0 0 .35cqi #3a3a33}.hs-clip-add:after{display:none}.hs-clip-add>svg{color:#a8a79d;width:5cqi;height:5cqi}.hs-opts{grid-template-columns:repeat(3,minmax(0,1fr));gap:2cqi;display:grid;position:absolute;inset:100cqi 4cqi auto}.hs-opt{background:#c9e23d1a;border-radius:3.2cqi;flex-direction:column;gap:1.8cqi;padding:2.4cqi 2.2cqi 2.6cqi;display:flex;box-shadow:inset 0 0 0 .4cqi #c9e23d}.hs-opt-row{justify-content:space-between;align-items:center;display:flex}.hs-opt-icon{color:#c9e23d;width:4.4cqi;height:4.4cqi}.hs-opt-check{color:#0b0b0a;background:#c9e23d;border-radius:999px;place-items:center;width:4.4cqi;height:4.4cqi;display:grid}.hs-opt-check>svg{width:2.8cqi;height:2.8cqi}.hs-opt-title{font-size:2.7cqi;font-weight:600;line-height:1.15}[data-armed] .hs-opt{animation:hs-opt-box var(--cycle) var(--iter,3) both}[data-armed] .hs-opt-icon{animation:hs-opt-icon var(--cycle) var(--iter,3) both}[data-armed] .hs-opt-check{animation:hs-opt-check var(--cycle) var(--iter,3) both}.hs-opt:nth-child(2),.hs-opt:nth-child(2) *{animation-delay:.6s!important}.hs-opt:nth-child(3),.hs-opt:nth-child(3) *{animation-delay:1.2s!important}@keyframes hs-opt-box{0%,14%{background:#141412;box-shadow:inset 0 0 0 .3cqi #2c2c27}16%,to{background:#c9e23d1a;box-shadow:inset 0 0 0 .4cqi #c9e23d}}@keyframes hs-opt-icon{0%,14%{color:#7e7d74}16%,to{color:#c9e23d}}@keyframes hs-opt-check{0%,14%{color:#0000;background:0 0;transform:none;box-shadow:inset 0 0 0 .4cqi #3a3a33}15%{color:#0b0b0a;box-shadow:none;background:#c9e23d;transform:scale(.6)}19%{transform:scale(1.15)}23%,to{color:#0b0b0a;box-shadow:none;background:#c9e23d;transform:none}}.hs-eq{text-align:center;font-family:var(--font-display);letter-spacing:-.02em;white-space:nowrap;background:#141412;border-radius:3.6cqi;margin:0;padding:3.4cqi 3cqi;font-size:5.6cqi;font-weight:800;font-stretch:85%;line-height:1.1;position:absolute;inset:126cqi 4cqi auto}.hs-eq-lhs{color:#a8a79d}.hs-eq-rhs{color:#c9e23d}.hs-edit-cta{position:absolute;inset:auto 4cqi 6cqi}[data-armed] .hs-edit-cta{animation:hs-press var(--cycle) var(--iter,3) both}@keyframes hs-press{0%,54%{background:#c9e23d;transform:none}56%,61%{background:#b2cc26;transform:scale(.95)}66%,to{background:#c9e23d;transform:none}}.hs-prog{background:#141412;border-radius:4cqi;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3cqi;padding:3.6cqi;display:grid;position:absolute;inset:24cqi 4cqi auto;box-shadow:inset 0 0 0 .3cqi #2c2c27}.hs-prog-icon{background:#1d1d1a;border-radius:999px;place-items:center;width:10cqi;height:10cqi;display:grid;position:relative}.hs-prog-spin,.hs-prog-check{grid-area:1/1;place-items:center;display:grid}.hs-prog-spin{opacity:0}.hs-prog-spin .seeds-spinner{color:#c9e23d}.hs-prog-spin svg{width:6.6cqi;height:6.6cqi}.hs-prog-check{background:var(--color-body);color:#0b0b0a;border-radius:999px;width:10cqi;height:10cqi}.hs-prog-check>svg{width:5cqi;height:5cqi}.hs-prog-text{flex-direction:column;gap:.8cqi;min-width:0;display:flex}.hs-prog-stages{font-size:3.8cqi;font-weight:700;display:grid}.hs-prog-stages>span{opacity:0;grid-area:1/1}.hs-prog-stages>[data-s=ready]{opacity:1;color:var(--color-body-on-ink)}.hs-prog-sub{color:#a8a79d;text-overflow:ellipsis;white-space:nowrap;font-size:2.7cqi;overflow:hidden}.hs-prog-bar{background:#2c2c27;border-radius:999px;grid-column:1/-1;height:1.4cqi;overflow:hidden}.hs-prog-bar>i{border-radius:inherit;background:var(--color-body);transform-origin:0;height:100%;display:block}[data-armed] .hs-prog-bar>i{animation:hs-bar var(--cycle) var(--iter,3) both}@keyframes hs-bar{0%{transform:scaleX(.02)}16%{transform:scaleX(.28)}32%,to{transform:scaleX(1)}}[data-armed] .hs-prog-spin{animation:hs-spin-vis var(--cycle) var(--iter,3) both}[data-armed] .hs-prog-check{animation:hs-check-pop var(--cycle) var(--iter,3) both}@keyframes hs-spin-vis{0%,31%{opacity:1}32%,to{opacity:0}}@keyframes hs-check-pop{0%,31%{opacity:0;transform:scale(.4)}33%{opacity:1;transform:scale(1.15)}37%,to{opacity:1;transform:none}}[data-armed] .hs-prog-stages>[data-s=queue]{animation:hs-st-0 var(--cycle) step-end var(--iter,3) both}[data-armed] .hs-prog-stages>[data-s=building]{animation:hs-st-1 var(--cycle) step-end var(--iter,3) both}[data-armed] .hs-prog-stages>[data-s=ready]{animation:hs-st-2 var(--cycle) step-end var(--iter,3) both}@keyframes hs-st-0{0%,15%{opacity:1}16%,to{opacity:0}}@keyframes hs-st-1{0%,15%{opacity:0}16%,31%{opacity:1}32%,to{opacity:0}}@keyframes hs-st-2{0%,31%{opacity:0}32%,to{opacity:1}}.hs-sample{justify-content:center;display:flex;position:absolute;inset:54cqi 0 auto}.hs-sample-thumb{aspect-ratio:9/16;background:#1d1d1a;border-radius:3.6cqi;width:44cqi;position:relative;overflow:hidden;box-shadow:0 0 0 .4cqi #2c2c27,0 4cqi 8cqi -4cqi #000c}.hs-sample-play{color:#fff;background:#00000080;border-radius:999px;place-items:center;width:12cqi;height:12cqi;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hs-sample-play>svg{width:5cqi;height:5cqi;margin-left:.6cqi}.hs-sample-dur{font-variant-numeric:tabular-nums;background:#0000008c;border-radius:1.2cqi;padding:.6cqi 1.4cqi;font-size:2.5cqi;font-weight:700;position:absolute;bottom:2cqi;right:2cqi}.hs-cloud-cta{position:absolute;inset:auto 4cqi 6cqi}[data-armed] .hs-cloud-cta{animation:hs-rise var(--cycle) var(--iter,3) both}[data-armed] .hs-sample-thumb{animation:hs-sample-wake var(--cycle) var(--iter,3) both}@keyframes hs-sample-wake{0%,31%{opacity:.42;filter:blur(.9cqi)saturate(.5)brightness(.8);transform:scale(.96)}42%,to{opacity:1;filter:none;animation-timing-function:var(--ease-reveal);transform:none}}[data-armed] .hs-sample-play{animation:hs-sample-play var(--cycle) var(--iter,3) both}@keyframes hs-sample-play{0%,33%{opacity:0}42%,to{opacity:1}}@keyframes hs-rise{0%,47%{opacity:0;transform:translateY(6cqi)}56%,to{opacity:1;animation-timing-function:var(--ease-reveal);transform:none}}.hs-push{z-index:7;background:#2c2c27;border-radius:5.4cqi;align-items:center;gap:2.6cqi;padding:2.6cqi 3cqi 2.6cqi 2.6cqi;display:flex;position:absolute;inset:8.6cqi 2.6cqi auto;box-shadow:0 2.4cqi 6cqi -2cqi #000000b3,inset 0 0 0 .25cqi #ffffff0f}.hs-push-icon{border-radius:2.2cqi;flex:none;width:8.6cqi;height:8.6cqi}.hs-push-text{flex-direction:column;flex:1;gap:.5cqi;min-width:0;display:flex}.hs-push-top{justify-content:space-between;align-items:baseline;gap:2cqi;font-size:3cqi;display:flex}.hs-push-top>b{font-weight:700}.hs-push-top>span{color:#a8a79d;font-size:2.6cqi}.hs-push-body{font-size:3cqi;line-height:1.25}[data-armed] .hs-push{animation:hs-push-drop var(--cycle) var(--iter,3) both}@keyframes hs-push-drop{0%{transform:translateY(-190%)}32%{animation-timing-function:var(--ease-reveal);transform:translateY(-190%)}40.4%,to{transform:none}}.hs-del-sum{align-items:baseline;gap:2.4cqi;margin:0;font-size:3cqi;font-weight:500;display:flex;position:absolute;inset:21cqi 4cqi auto}.hs-del-sum>b{color:#c9e23d;font-family:var(--font-display);letter-spacing:-.02em;font-size:6.4cqi;font-weight:800;font-stretch:85%;line-height:1}.hs-del-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2cqi;display:grid;position:absolute;inset:31cqi 3.4cqi auto}.hs-del-block{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8cqi;display:grid}.hs-del-tile{aspect-ratio:9/16;background:#1d1d1a;border-radius:1.2cqi;position:relative;overflow:hidden}.hs-del-tile>img{object-fit:cover;transform-origin:46% 34%;width:100%;height:100%;transform:scale(1.7)}.hs-del-tile[data-sel]:after{content:"";border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 .55cqi #c9e23d}.hs-del-check{z-index:1;color:#0b0b0a;background:#c9e23d;border-radius:999px;place-items:center;width:4cqi;height:4cqi;display:grid;position:absolute;top:.6cqi;right:.6cqi}.hs-del-check>svg{width:2.6cqi;height:2.6cqi}[data-armed] .hs-del-check{animation:hs-sel var(--cycle) var(--iter,3) both;animation-delay:calc(var(--k) * 80ms)}@keyframes hs-sel{0%,8%{opacity:0;transform:scale(.4)}11%{opacity:1;transform:scale(1.2)}14%,to{opacity:1;transform:none}}.hs-sheet{z-index:3;background:#1d1d1a;border-radius:6cqi 6cqi 0 0;flex-direction:column;gap:2.4cqi;padding:2.4cqi 4cqi 6.4cqi;display:flex;position:absolute;inset:auto 0 0;box-shadow:0 -2cqi 6cqi #00000080,inset 0 .25cqi #ffffff0d}.hs-sheet-grab{background:#3a3a33;border-radius:999px;align-self:center;width:10cqi;height:1.2cqi}.hs-sheet-head{justify-content:space-between;align-items:center;gap:2cqi;display:flex}.hs-sheet-title{margin:0;font-size:3.5cqi;font-weight:700}.hs-sheet-picks{display:flex}.hs-sheet-picks>span{aspect-ratio:9/16;border-radius:1.2cqi;width:8.4cqi;overflow:hidden;box-shadow:0 0 0 .5cqi #1d1d1a}.hs-sheet-picks>span+span{margin-left:-2cqi}.hs-sheet-picks img{object-fit:cover;transform-origin:46% 34%;width:100%;height:100%;transform:scale(1.7)}.hs-sheet-row{grid-template-columns:1fr 1fr;gap:2cqi;display:grid}.hs-sheet-sec{white-space:nowrap;background:#2c2c27;border-radius:3.2cqi;justify-content:center;align-items:center;gap:1.6cqi;height:9.6cqi;font-size:3cqi;font-weight:600;display:flex}.hs-sheet-sec>svg{flex:none;width:4cqi;height:4cqi}.hs-sheet-tip{color:#a8a79d;gap:1.6cqi;margin:0;font-size:2.7cqi;line-height:1.3;display:flex}.hs-sheet-tip>svg{flex:none;width:3.4cqi;height:3.4cqi;margin-top:.2cqi}[data-armed] .hs-sheet{animation:hs-sheet-up var(--cycle) var(--iter,3) both}@keyframes hs-sheet-up{0%,30%{transform:translateY(105%)}31%{animation-timing-function:var(--ease-reveal);transform:translateY(105%)}39%,to{transform:none}}.pain-title{margin-top:12px}.pain-title .caption-chip{width:fit-content;margin-top:.1em;padding:.04em .22em .07em;line-height:1.02;display:block}.pain-body{max-width:640px;margin-top:16px}@media (width>=768px){.pain-title{margin-top:16px}.pain-body{margin-top:20px}}.pain-cards{gap:16px;margin-top:32px;display:grid}@media (width>=768px){.pain-cards{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:48px}}.pain-cell{min-width:0;display:flex}.pain-card{border-radius:var(--radius-card);background:var(--c-surface);border:1px solid var(--c-border);flex-direction:column;flex:1;min-width:0;padding:22px 20px 20px;display:flex}.pain-card--brand{border:1.5px solid var(--color-lime-400);box-shadow:0 0 0 4px #c9e23d0d,0 32px 80px -48px #c9e23d80}@media (width>=768px){.pain-card{padding:28px 28px 24px}}.pain-card-title{color:var(--c-text);margin:0}.pain-list{gap:11px;margin:16px 0 0;padding:0;list-style:none;display:grid}.pain-list>li{text-wrap:pretty;align-items:flex-start;gap:10px;font-size:.9375rem;line-height:1.45;display:flex}.pain-card--manual .pain-list>li{color:var(--c-muted)}.pain-card--brand .pain-list>li{color:var(--c-text)}.pain-icon{flex:none;width:16px;height:16px;margin-top:3px}.pain-card--manual .pain-icon{color:var(--c-faint)}.pain-card--brand .pain-icon{width:14px;height:14px;color:var(--c-accent);margin:4px 1px 0}@media (width>=768px){.pain-list>li{font-size:1rem}}.pain-demo{margin-top:auto;padding-top:22px}.pain-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;min-height:44px;margin-top:14px;display:flex}.pain-replay{color:var(--c-muted);opacity:0;visibility:hidden;transition:opacity var(--dur-ui) var(--ease-swap), visibility 0s linear var(--dur-ui), color var(--dur-ui) var(--ease-swap);gap:7px;font-size:.875rem}.pain-replay[data-show=true]{opacity:1;visibility:visible;transition:opacity var(--dur-ui) var(--ease-swap), color var(--dur-ui) var(--ease-swap)}.pain-replay>svg{width:16px;height:16px}@media (hover:hover){.pain-replay:hover{color:var(--c-text)}}.pain-eq,.pain-rg{box-sizing:border-box;background:var(--c-bg);min-width:0;height:72px;box-shadow:inset 0 0 0 1px var(--c-border);border-radius:14px}.pain-eq{flex-direction:column;justify-content:center;gap:8px;padding:0 14px;display:flex}.pain-eq-head{color:var(--c-muted);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:7px;margin:0;font-size:.8125rem;font-weight:600;line-height:1.2;display:flex}.pain-eq-head>svg{width:14px;height:14px;color:var(--c-faint);flex:none}.pain-eq-label{text-overflow:ellipsis;overflow:hidden}.pain-eq-track{background:var(--color-ink-800);border-radius:999px;height:6px;display:block;overflow:hidden}.pain-eq-bar{background:var(--color-on-ink-muted);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(.34)}.pain-eq[data-phase=running] .pain-eq-bar{animation:2.4s linear 3 both pain-eq-fill}@keyframes pain-eq-fill{0%{transform:scaleX(0)}to{transform:scaleX(.34)}}.pain-eq-queue{gap:3px;display:flex}.pain-eq-slot{background:var(--color-ink-800);border-radius:2px;flex:1;height:4px}.pain-eq-slot.is-done{background:var(--color-on-ink-muted)}.pain-eq-slot.is-current{background:color-mix(in srgb, var(--color-on-ink-muted) 34%, var(--color-ink-800))}.pain-rg{flex-wrap:wrap;align-content:center;align-items:center;gap:6px 14px;padding:0 14px;display:flex}.pain-rg-grid{gap:4px;min-width:0;display:flex}.pain-rg-tile{aspect-ratio:9/16;background:var(--color-ink-800);border-radius:3px;flex:0 18px;width:18px;position:relative;overflow:hidden}.pain-rg-thumb{width:100%;height:100%}.pain-rg-stripe{height:3px;display:flex;position:absolute;inset:auto 0 0}.pain-rg-stripe>span{flex:1}.pain-rg-stripe>span:first-child{background:var(--c-hook)}.pain-rg-stripe>span:nth-child(2){background:var(--c-body)}.pain-rg-stripe>span:nth-child(3){background:var(--c-cta)}.pain-rg-badge{background:var(--color-lime-400);height:22px;color:var(--color-ink-950);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:7px;align-items:center;gap:5px;padding:0 8px 0 6px;font-size:.78125rem;font-weight:700;line-height:1;display:inline-flex}.pain-rg-badge>svg{width:13px;height:13px}.pain-rg[data-phase=running] .pain-rg-tile{animation:pain-rg-pop .32s var(--ease-pop) calc(var(--i) * 40ms) both}.pain-rg[data-phase=running] .pain-rg-badge{animation:pain-rg-pop .3s var(--ease-pop) .72s both}@keyframes pain-rg-pop{0%{opacity:0;transform:scale(.4)}}.section.rx{padding-block:32px}.rx-band{gap:36px;padding:48px 16px;display:grid}.rx-copy{max-width:560px}.rx-copy .t-lead{color:var(--c-muted)}.rx-math{font-variant-numeric:tabular-nums;text-wrap:pretty;background:#0b0b0a12;border-radius:12px;margin-top:20px;padding:12px 14px;font-weight:600;display:inline-block;box-shadow:inset 0 0 0 1px #0b0b0a1a}.rx-visual{flex-direction:column;align-items:center;gap:14px;min-width:0;display:flex}.rx-mock{background:var(--color-ink-950);width:100%;max-width:480px;color:var(--c-text);border-radius:24px;padding:18px 16px;box-shadow:0 30px 60px -30px #0b0b0a8c,0 0 0 1px #0b0b0a40}.rx-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.rx-count{align-items:baseline;gap:8px;display:inline-flex}.rx-num{color:var(--color-lime-400);font-size:2.75rem;line-height:.9}.rx-unit{font-family:var(--font-display);color:var(--c-text);font-size:1.125rem;font-weight:700;font-stretch:90%}.rx-label{background:var(--c-elevated);height:30px;color:var(--c-muted);white-space:nowrap;border-radius:999px;align-items:center;padding:0 12px;font-size:.8125rem;font-weight:600;display:inline-flex}.rx-label[data-new]{background:var(--color-lime-400);color:#0b0b0a}.rx-mock[data-live] .rx-label[data-new]{animation:rx-pop .32s var(--ease-pop) both}.rx-rail{flex-wrap:wrap;align-items:center;gap:6px;margin-top:16px;display:flex}.rx-rail-x{color:var(--c-faint);font-size:.875rem;font-weight:700}.rx-rail-body{display:inline-flex;position:relative}.rx-drop{z-index:1;background:var(--color-body);color:#0b0b0a;white-space:nowrap;opacity:0;pointer-events:none;border-radius:999px;padding:4px 9px;font-size:.75rem;font-weight:700;line-height:1.2;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.rx-mock[data-live][data-phase="1"] .rx-drop{animation:rx-drop .42s var(--ease-snap) both}.rx-mock[data-live][data-phase="2"] .rx-drop{animation:rx-drop-out .24s var(--ease-swap) both}@keyframes rx-drop{0%{opacity:0;transform:translate(-50%,-18px)scale(.9)}60%{opacity:1}to{opacity:1;transform:translate(-50%,26px)scale(.9)}}@keyframes rx-drop-out{0%{opacity:1;transform:translate(-50%,26px)scale(.9)}to{opacity:0;transform:translate(-50%,30px)scale(.6)}}.rx-mock[data-live][data-phase="2"] .rx-rail-body .axis-chip{animation:rx-pulse .36s var(--ease-pop) both}@keyframes rx-pulse{50%{transform:scale(1.08)}}.rx-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.rx-block{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.rx-tile{aspect-ratio:9/16;background:var(--color-ink-800);border-radius:6px;position:relative;overflow:hidden}.rx-tile>img{object-fit:cover;opacity:.55;transform-origin:46% 34%;width:100%;height:100%;transform:scale(1.7)}.rx-tile[data-new]>img{opacity:1}.rx-tile[data-new]:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 2px var(--color-lime-400);position:absolute;inset:0}.rx-mock:not([data-phase="2"]) .rx-tile[data-new]{box-shadow:inset 0 0 0 1.5px var(--color-ink-600);background:0 0}.rx-mock:not([data-phase="2"]) .rx-tile[data-new]>img,.rx-mock:not([data-phase="2"]) .rx-tile[data-new]:after{opacity:0}.rx-mock[data-live][data-phase="2"] .rx-tile[data-new]{animation:rx-tile .3s var(--ease-pop) both;animation-delay:calc(var(--k) * 30ms)}@keyframes rx-tile{0%{opacity:0;transform:scale(.6)}}@keyframes rx-pop{0%{opacity:0;transform:scale(.7)}}.rx-loop{color:#0b0b0a;width:280px;height:88px;position:relative}.rx-loop svg{display:block;overflow:visible}.rx-loop-line{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round}.rx-loop-back{stroke-dasharray:4 5}.rx-loop-node{fill:#0b0b0a;stroke:var(--color-lime-400);stroke-width:3px}.rx-loop text{fill:#0b0b0a;font-family:var(--font-sans);font-size:13px;font-weight:600}.rx-dot{offset-rotate:0deg;offset-distance:100%;opacity:0;width:12px;height:12px;animation:rx-travel 1.8s var(--ease-swap) .2s both;background:#fff;border-radius:999px;position:absolute;top:0;left:0;box-shadow:0 0 0 3px #0b0b0a}@keyframes rx-travel{0%{offset-distance:0%;opacity:0}6%{opacity:1}92%{opacity:1}to{offset-distance:100%;opacity:0}}@supports not (offset-path:path('M 0 0')){.rx-dot{display:none}}.rx-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;display:flex}.rx-meta .media-caption{color:var(--c-text);background:#0b0b0a14}@media (width>=640px){.rx-mock{padding:22px}.rx-grid{gap:16px}.rx-block{gap:5px}}@media (width>=768px){.section.rx{padding-block:48px}.rx-band{border-radius:var(--radius-sheet);margin-inline:max(24px,50% - 600px);padding:64px 48px}}@media (width>=1024px){.rx-band{grid-template-columns:minmax(0,1fr) minmax(0,480px);align-items:center;column-gap:clamp(40px,6vw,88px);padding:72px clamp(40px,5vw,72px)}}}@layer utilities;