.film{--fm-radius: var(--ds-radius-xl, 20px);position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--fm-radius);background:#fff;container-type:inline-size;font-family:var(--ds-font-text);color:#0e0e14;isolation:isolate;clip-path:inset(0 round var(--fm-radius))}.fm-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.fm-layer[data-phase=in]{z-index:2}.fm-layer[data-phase=out]{z-index:1}.fm-layer[data-phase=pre]{z-index:0;visibility:hidden}.film .fm-fill{position:absolute;top:0;right:0;bottom:0;left:0}.fm-mono{font-family:var(--ds-font-mono)}.fm-dim{opacity:.55}.fm-layer:not([data-phase=pre]){--fm-live: running}.film[data-cut] .fm-layer{animation-duration:var(--fm-t);animation-timing-function:var(--fm-ease);animation-fill-mode:both}.film[data-cut=mark] .fm-layer[data-phase=in]{animation-name:fm-mark-in}.film[data-cut=mark] .fm-layer[data-phase=out]{animation-name:fm-recede}@keyframes fm-mark-in{0%{clip-path:polygon(43% 46%,57% 40%,57% 54%,43% 60%)}35%{clip-path:polygon(40% 44%,60% 36%,60% 56%,40% 64%)}to{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}}@keyframes fm-recede{to{transform:scale(.94);filter:brightness(.96)}}.film[data-cut=pullback] .fm-layer[data-phase=in]{animation-name:fm-pullback-in;transform-origin:76.47% 50%}@keyframes fm-pullback-in{0%{transform:scale(3.125)}to{transform:none}}.film[data-cut=whip] .fm-layer[data-phase=in]{animation-name:fm-whip-in}.film[data-cut=whip] .fm-layer[data-phase=out]{animation-name:fm-whip-out}@keyframes fm-whip-in{0%{transform:translate(115%);filter:blur(10px)}60%{filter:blur(3px)}to{transform:none;filter:none}}@keyframes fm-whip-out{0%{transform:none;filter:none}40%{filter:blur(3px)}to{transform:translate(-115%);filter:blur(10px);visibility:hidden}}.film[data-cut=zoom] .fm-layer[data-phase=in]{animation-name:fm-zoom-in}.film[data-cut=zoom] .fm-layer[data-phase=out]{animation-name:fm-zoom-out;z-index:3}@keyframes fm-zoom-in{0%{transform:scale(.7)}to{transform:none}}@keyframes fm-zoom-out{0%{transform:none;opacity:1;filter:none}70%{opacity:.4}to{transform:scale(2.2);opacity:0;filter:blur(8px)}}.film[data-cut=grow] .fm-layer[data-phase=in]{animation-name:fm-grow-in}@keyframes fm-grow-in{0%{clip-path:inset(12.07% 38% 63.65% 38% round 3cqi 3cqi 0 0)}to{clip-path:inset(0% 0% 0% 0% round 0cqi 0cqi 0 0)}}.film[data-cut=iris] .fm-layer[data-phase=in]{animation-name:fm-iris-in}.film[data-cut=iris] .fm-layer[data-phase=out]{animation-name:fm-recede}@keyframes fm-iris-in{0%{clip-path:circle(0% at 50% 62.93%)}to{clip-path:circle(80% at 50% 62.93%)}}.film[data-cut=doors] .fm-layer[data-phase=out]{animation-name:fm-recede}.film[data-cut=doors] .fm-layer[data-phase=in] .fm-half{animation:fm-door-in var(--fm-t) var(--fm-ease) both}.film[data-cut=doors] .fm-layer[data-phase=in] .fm-half-l{--door: -101%}.film[data-cut=doors] .fm-layer[data-phase=in] .fm-half-r{--door: 101%;animation-delay:calc(var(--fm-t) * .08)}@keyframes fm-door-in{0%{transform:translate(var(--door))}to{transform:none}}.film[data-cut=part] .fm-layer[data-phase=out]{z-index:3}.film[data-cut=part] .fm-layer[data-phase=out] .fm-half{animation:fm-door-out var(--fm-t) var(--fm-ease) both}.film[data-cut=part] .fm-layer[data-phase=out] .fm-half-l{--door: -101%}.film[data-cut=part] .fm-layer[data-phase=out] .fm-half-r{--door: 101%}.film[data-cut=part] .fm-layer[data-phase=in]{animation-name:fm-part-in}@keyframes fm-door-out{to{transform:translate(var(--door))}}@keyframes fm-part-in{0%{transform:scale(1.14)}to{transform:none}}.film[data-cut=collapse] .fm-layer[data-phase=out]{animation-name:fm-collapse-out;z-index:3}@keyframes fm-collapse-out{0%{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);opacity:1}70%{clip-path:polygon(43% 46%,57% 40%,57% 54%,43% 60%);opacity:1}to{clip-path:polygon(48% 49%,52% 47.5%,52% 51%,48% 52.5%);opacity:0}}.film[data-cut=bars] .fm-layer[data-phase=in]{animation:fm-bars-swap calc(var(--fm-t) * 1.3) linear both}@keyframes fm-bars-swap{0%,52%{opacity:0}53%,to{opacity:1}}.fm-bars{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;grid-template-columns:repeat(12,1fr);pointer-events:none}.fm-bars span{margin-inline-end:-1px;transform-origin:bottom;transform:scaleY(0);background:color-mix(in oklab,#D9C8FF,#2A58FF calc(var(--k) * 8.5%));animation:fm-bar calc(var(--fm-t) * 1.3) cubic-bezier(.65,0,.35,1) both;animation-delay:calc(var(--k) * 22ms)}@keyframes fm-bar{0%{transform:scaleY(0);transform-origin:bottom}46%{transform:scaleY(1);transform-origin:bottom}54%{transform:scaleY(1);transform-origin:top}to{transform:scaleY(0);transform-origin:top}}.fm-grid{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:3cqi;background:#fff}.fm-grid-frame{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:.5cqi;width:calc(30cqi - var(--i) * 7cqi);height:34cqi;padding:1cqi;border:1px solid #C9B9FF}.fm-grid-frame span{display:grid;place-items:end center;padding-bottom:1cqi;background:#d9c8ff59;border-inline:1px solid #B9A6F5;font:.9cqi/1 var(--ds-font-mono);color:#8b68ff;transform-origin:bottom}.fm-layer:not([data-phase=pre]) .fm-grid-frame span{animation:fm-col calc(var(--fm-t) * 1.1) cubic-bezier(.19,1,.22,1) both;animation-delay:calc(var(--fm-t) * .55 + var(--i) * .14s + var(--k) * 30ms)}@keyframes fm-col{0%{transform:scaleY(.08);opacity:0}to{transform:none;opacity:1}}.fm-grid-label{position:absolute;left:4cqi;top:3.4cqi;font:1.1cqi/1 var(--ds-font-mono);letter-spacing:.06em;text-transform:uppercase;color:#8b68ff}.fm-layer:not([data-phase=pre]) .fm-push{animation:fm-push calc(var(--fm-hold) + var(--fm-t)) linear both}@keyframes fm-push{0%{transform:scale(1.06)}to{transform:none}}.film .fm-claim{position:absolute;left:6cqi;top:22%;font:400 4.6cqi/1 var(--ds-font-display);letter-spacing:-.035em;color:#fff}.film .fm-corner{position:absolute;bottom:4cqi;color:#fff;display:flex}.film .fm-corner-l{left:4cqi}.film .fm-corner-r{right:4cqi}.fm-corner svg{height:2.2cqi;width:auto}.fm-layer:not([data-phase=pre]) .fm-claim,.fm-layer:not([data-phase=pre]) .fm-corner{animation:fm-type calc(var(--fm-t) * 1.2) cubic-bezier(.19,1,.22,1) both;animation-delay:calc(var(--fm-t) * .8)}@keyframes fm-type{0%{clip-path:inset(0 100% 0 0);transform:translate(-1cqi)}to{clip-path:inset(0 0 0 0);transform:none}}.film .fm-card{position:absolute;left:10%;top:14%;width:80%;height:72%;border-radius:1.6cqi;background:#fff;box-shadow:0 2cqi 5cqi -2cqi #16127a66}.film .fm-card-art{position:absolute;left:52%;top:20%;width:32%;height:60%;border-radius:1.2cqi}.fm-card-copy{position:absolute;left:14%;top:20%;width:34%;height:60%;display:grid;grid-template-rows:auto 1fr auto auto;gap:1.6cqi;align-items:start;color:#0e0e14}.fm-card-copy>svg:first-child{height:2cqi;width:auto}.fm-card-head{margin:1cqi 0 0;font:400 3.6cqi/1.04 var(--ds-font-display);letter-spacing:-.03em}.fm-card-sub{margin:1.2cqi 0 0;font-size:1.25cqi;line-height:1.45;opacity:.62;max-width:26cqi}.fm-pill{justify-self:start;padding:.7cqi 1.4cqi;line-height:1;border-radius:99px;background:#0e0e14;color:#fff;font-size:1.15cqi}.fm-card-word{height:1.5cqi;width:auto}.fm-layer:not([data-phase=pre]) .fm-card-copy>*{animation:fm-type calc(var(--fm-t) * 1.1) cubic-bezier(.19,1,.22,1) both}.fm-layer:not([data-phase=pre]) .fm-card-copy>:nth-child(1){animation-delay:calc(var(--fm-t) * .7)}.fm-layer:not([data-phase=pre]) .fm-card-copy>:nth-child(2){animation-delay:calc(var(--fm-t) * .8)}.fm-layer:not([data-phase=pre]) .fm-card-copy>:nth-child(3){animation-delay:calc(var(--fm-t) * .95)}.fm-layer:not([data-phase=pre]) .fm-card-copy>:nth-child(4){animation-delay:calc(var(--fm-t) * 1.05)}.fm-phones{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;background:#fff;overflow:hidden}.fm-phones-row{display:flex;gap:1.8cqi;padding-left:5cqi}.fm-layer:not([data-phase=pre]) .fm-phones-row{animation:fm-drift calc(var(--fm-hold) + var(--fm-t)) linear both}@keyframes fm-drift{0%{transform:translate(6cqi)}to{transform:translate(-22cqi)}}.fm-mini{flex:0 0 14cqi;aspect-ratio:9 / 19;border-radius:2.2cqi;padding:1.4cqi 1.2cqi;background:#fff;box-shadow:0 0 0 .35cqi #111,0 1.2cqi 3cqi -1cqi #0000004d;display:grid;grid-template-rows:auto auto 1fr;gap:1cqi;container-type:inline-size}.fm-mini-bar{display:flex;justify-content:space-between;align-items:center;color:#0e0e14}.fm-mini-head{margin:0;font:400 11cqi/1.05 var(--ds-font-display);letter-spacing:-.02em}.film .fm-mini-card{border-radius:6cqi}.fm-stage-grey{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#e4e6ea,#f2f3f5)}.fm-phone{position:absolute;left:38%;top:12.07%;width:24%;height:75.86%;border-radius:3cqi;overflow:hidden;background:#0b0b10;color:#f6f4ff;box-shadow:0 0 0 .5cqi #1a1a1f,0 3cqi 6cqi -2cqi #0006}.film .fm-banner{position:absolute;left:0;top:0;width:100%;height:32%}.fm-profile{position:absolute;left:0;right:0;top:32%;display:grid;gap:.6cqi;padding:0 1.6cqi;font-size:1.1cqi}.fm-profile strong{font:500 1.6cqi/1 var(--ds-font-display)}.fm-profile p{margin:.4cqi 0;line-height:1.4;opacity:.85}.fm-avatar{width:4.6cqi;height:4.6cqi;border-radius:1.2cqi;display:grid;place-items:center;background:#2a58ff;color:#fff}.fm-avatar svg{height:2cqi;width:auto}.fm-profile .fm-avatar{margin-top:-2.3cqi;box-shadow:0 0 0 .4cqi #0b0b10}.fm-avatar-sm{width:2.8cqi;height:2.8cqi;border-radius:99px;font-size:.9cqi;background:#eef0ff;color:#2a58ff}.fm-follow{position:absolute;right:1.6cqi;top:.8cqi;padding:.5cqi 1.2cqi;border-radius:99px;background:#f6f4ff;color:#0e0e14;font-size:1cqi}.fm-tabs{display:flex;gap:2cqi;padding-top:1cqi;border-top:1px solid rgba(246,244,255,.15);font-size:1cqi}.fm-tabs b{font-weight:500;border-bottom:2px solid #4F6BFF}.fm-layer:not([data-phase=pre]) .fm-phone{animation:fm-settle calc(var(--fm-hold) + var(--fm-t)) cubic-bezier(.19,1,.22,1) both}@keyframes fm-settle{0%{transform:rotate(-3deg) scale(.97)}30%,to{transform:none}}.fm-sheet{position:absolute;left:33%;width:34%;top:29.51%;height:23cqi;box-sizing:border-box;display:grid;grid-template-rows:2.4cqi 4cqi 4cqi 4.4cqi;gap:1.4cqi;padding:2cqi;border-radius:1.6cqi;background:#fff;color:#0e0e14;font-size:1.3cqi;box-shadow:0 2cqi 5cqi -2cqi #16127a59}.fm-sheet-top,.fm-line{display:flex;align-items:center;gap:1.2cqi;justify-content:space-between}.fm-line{border-bottom:1px solid #E4DFF6}.fm-line>span:nth-child(2){flex:1}.fm-total{border:0;font-size:1.5cqi}.fm-btn{display:grid;place-items:center;border-radius:.9cqi;background:#0e0e14;color:#fff}.fm-layer:not([data-phase=pre]) .fm-sheet{animation:fm-sheet calc(var(--fm-t) * 1.2) cubic-bezier(.19,1,.22,1) both;animation-delay:calc(var(--fm-t) * .55)}@keyframes fm-sheet{0%{transform:translateY(80cqi)}to{transform:none}}.fm-layer[data-phase=in] .fm-btn{animation:fm-tap var(--fm-hold) linear both}@keyframes fm-tap{0%,88%{transform:none;background:#0e0e14}93%{transform:scale(.95);background:#2a58ff}to{transform:none;background:#2a58ff}}.fm-deck{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:1.4cqi;padding:5cqi 9cqi;background:#fff}.fm-slide{position:relative;overflow:hidden;border-radius:.9cqi;padding:1.2cqi;background:#f6f4ff;font:400 1.7cqi/1.05 var(--ds-font-display);letter-spacing:-.02em}.fm-slide[data-k="1"]{color:#fff}.fm-slide[data-k="2"]{background:#2a58ff;color:#fff}.film .fm-slide-silk{position:absolute;top:0;right:0;bottom:0;left:0}.film .fm-slide>span{position:relative;z-index:1}.fm-layer:not([data-phase=pre]) .fm-deck{animation:fm-deck calc(var(--fm-hold) + var(--fm-t)) linear both}@keyframes fm-deck{0%{transform:scale(1.12)}to{transform:none}}.fm-layer:not([data-phase=pre]) .fm-slide{animation:fm-tile calc(var(--fm-t) * .9) cubic-bezier(.19,1,.22,1) both;animation-delay:calc(var(--fm-t) * .35 + var(--k) * 45ms)}@keyframes fm-tile{0%{transform:scale(.82);opacity:0}to{transform:none;opacity:1}}.film .fm-half{position:absolute;top:0;bottom:0;width:50%;display:grid;place-items:center}.film .fm-half-l{left:0}.film .fm-half-r{left:50%}.fm-plans{display:grid;gap:1.4cqi}.fm-plan{width:26cqi;display:grid;gap:.5cqi;padding:1.6cqi;border-radius:1.2cqi;background:#ffffff73;color:#0e0e14;font-size:1.2cqi;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.fm-plan strong{font:500 2cqi/1 var(--ds-font-display);letter-spacing:-.02em}.fm-plan-on{background:#fff;box-shadow:0 1cqi 3cqi -1cqi #16127a66}.fm-sub{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.2cqi;width:34cqi;padding:1.4cqi;border-radius:1.2cqi;background:#fff;color:#0e0e14;font-size:1.2cqi}.fm-sub-text{display:grid;gap:.3cqi}.fm-sub-text strong{font-weight:500}.fm-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.fm-layer:not([data-phase=pre]) .fm-photo{animation:fm-push calc(var(--fm-hold) + var(--fm-t)) linear both}.fm-markshot{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:2.4cqi;background:#fbfbfd}.fm-markshot-logo{display:flex;color:#d9c8ff}.fm-markshot-logo svg{height:7cqi;width:auto}.fm-markshot-claim{font:1.2cqi/1 var(--ds-font-mono);letter-spacing:.08em;text-transform:uppercase;color:#8b68ff;opacity:0}.fm-layer:not([data-phase=pre]) .fm-markshot-logo{animation:fm-ink var(--fm-hold) cubic-bezier(.45,0,.1,1) both;animation-delay:calc(var(--fm-t) * .5)}.fm-layer:not([data-phase=pre]) .fm-markshot-claim{animation:fm-type calc(var(--fm-t) * 1.2) cubic-bezier(.19,1,.22,1) both;animation-delay:calc(var(--fm-hold) * .55);opacity:1}@keyframes fm-ink{0%{color:#d9c8ff;opacity:0;transform:scale(.96)}12%{opacity:1;transform:none}38%{color:#8b68ff}64%{color:#2a58ff}to{color:#0e0e14}}.fm-hud{position:absolute;z-index:6;left:2cqi;right:2cqi;bottom:2cqi;display:flex;align-items:center;justify-content:space-between;gap:2cqi;pointer-events:none}.fm-caption{padding:.6cqi 1.2cqi;border-radius:99px;background:#ffffffc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:max(1.1cqi,10px);color:#0e0e14}.fm-caption .fm-mono{color:#2a58ff;margin-right:.4em}.fm-progress{display:flex;gap:.5cqi;margin:0;padding:.7cqi 1cqi;list-style:none;border-radius:99px;background:#ffffffc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.fm-progress li{position:relative;width:2cqi;min-width:10px;height:3px;border-radius:99px;overflow:hidden;background:#0e0e1429}.fm-progress li[data-state=done]{background:#8b68ff}.fm-progress li span{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left;background:#2a58ff;animation:fm-fill var(--fm-now) linear both}@keyframes fm-fill{0%{transform:scaleX(0)}to{transform:none}}.film[data-still] *,.film[data-still] .fm-layer{animation:none!important}.film[data-still] .fm-markshot-claim{opacity:1}@media(prefers-reduced-motion:reduce){.film *,.film .fm-layer{animation:none!important}}
