.fl-wrap{padding:5rem}.fl{max-width:128rem;margin:0 auto}.fl-frame{border-radius:1.2rem;overflow:hidden;background:#1d1e22;box-shadow:0 3rem 6rem -2rem #00000059,0 0 0 1px #0000001f}.fl-chrome{display:flex;align-items:center;gap:.8rem;height:4rem;padding:0 1.6rem}.fl-chrome i{width:1.2rem;height:1.2rem;border-radius:50%;background:#ff5f57}.fl-chrome i:nth-child(2){background:#febc2e}.fl-chrome i:nth-child(3){background:#28c840}.fl-chrome span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 auto;padding:.5rem 4rem;border-radius:.6rem;background:#2c2d33;color:#b9bac2;font:500 1.2rem/1 var(--case-mono);letter-spacing:.02em}.fl-stage{--u: calc(100cqi / 1440);position:relative;container-type:inline-size;aspect-ratio:1440 / 900;overflow:hidden;background:#f2f5fa;user-select:none}.fl-stage img{display:block;width:100%;height:auto}.fl-cam{position:absolute;inset:0}.fl-layer{position:absolute;inset:0;will-change:opacity,transform}.fl-pop,.fl-modal-wrap img{position:absolute;height:auto}.fl-modal-wrap{position:absolute;inset:0;background:#12122800}.fl-fx{position:absolute;inset:0;pointer-events:none;z-index:5}.fl-cursor{--press: 1;position:absolute;z-index:6;width:calc(26 * var(--u));translate:-18% -12%;scale:var(--press);transform-origin:18% 12%;opacity:0;pointer-events:none;filter:drop-shadow(0 calc(2 * var(--u)) calc(4 * var(--u)) rgba(0,0,0,.25))}.fl-cursor svg{display:block;width:100%;height:auto}.fl-type{position:absolute;display:flex;align-items:center;padding-left:calc(1 * var(--u));background:#fff;font:400 calc(15 * var(--u)) / 1 Roboto,sans-serif;color:#646c8d;white-space:pre}.fl-type b{display:inline-block;width:calc(1.2 * var(--u));height:1.15em;margin-left:1px;background:#23233a;animation:fl-caret 1s steps(1) infinite}@keyframes fl-caret{50%{opacity:0}}.fl-confetti{position:absolute;z-index:7;width:calc(9 * var(--u));height:calc(5 * var(--u))}.fl-ring{position:absolute;width:calc(120 * var(--u));aspect-ratio:1;translate:-50% -50%;border-radius:50%;border:calc(3 * var(--u)) solid #A3A0FF}.fl-row{--fl-gap: clamp(4rem, calc(5.5 * var(--vw)), 9rem);display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);column-gap:var(--fl-gap);align-items:center;margin:14rem var(--gutter) 0}.fl-row:first-of-type{margin-top:9rem}.fl-row.is-flip{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr)}.fl-row.is-flip .fl-text{order:-1;justify-self:end}.fl-row>.case-panel{margin:0;padding:clamp(2.4rem,calc(3 * var(--vw)),4.8rem)}.fl-text{display:flex;flex-direction:column;align-items:flex-start;row-gap:2.2rem;max-width:48rem;padding-inline:0 2rem}.fl-row.is-flip .fl-text{padding-inline:2rem 0}.fl-num{display:flex;align-items:center;column-gap:1.6rem;width:100%;margin:0 0 .4rem}.fl-num span{font:300 9.6rem/.8 var(--case-serif);letter-spacing:-.04em;font-variant-numeric:lining-nums;color:var(--fg)}.fl-num i{flex:1;max-width:9rem;height:1px;background:var(--border)}.fl-num small{font:500 1.1rem/1 var(--case-mono);letter-spacing:.12em;color:var(--txt-fade)}.fl-title{margin:0;font-size:3.4rem;font-weight:500;line-height:1.08;letter-spacing:-.025em;color:var(--fg);text-wrap:balance}.fl-text .case-p{font-size:1.7rem}.fl-beats{position:relative;display:grid;width:100%;margin:.8rem 0 0;padding:0 0 0 2rem;list-style:none;border-left:1px solid color-mix(in srgb,var(--fg) 14%,transparent)}.fl-beats li{display:grid;grid-template-columns:3.4rem minmax(0,1fr);padding:.85rem 0;font-size:1.5rem;line-height:1.4;color:color-mix(in srgb,var(--fg) 38%,transparent);transition:color .6s cubic-bezier(.22,1,.36,1)}.fl-beats li.is-done{color:color-mix(in srgb,var(--fg) 58%,transparent)}.fl-beats li.is-on{color:var(--fg)}.fl-beat-n{padding-top:.35rem;font:500 1.1rem/1 var(--case-mono);letter-spacing:.1em}.fl-beat-bar{position:absolute;left:-1.5px;top:0;width:2px;height:0;border-radius:1px;background:var(--fg);opacity:0}.fl-play{display:inline-flex;align-items:center;column-gap:.9rem;height:4rem;margin-top:.6rem;padding:0 1.8rem 0 1.5rem;border:1px solid var(--border);border-radius:99rem;background:none;color:var(--fg);font:500 1.1rem/1 var(--case-mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:border-color .25s,background-color .25s}.fl-play:hover{border-color:var(--fg)}.fl-play svg{width:1.2rem;height:1.2rem}.fl-play .is-play,.fl-row.is-paused .fl-play .is-pause{display:none}.fl-row.is-paused .fl-play .is-play{display:block}.fl-play:focus-visible{outline:2px solid var(--purple);outline-offset:3px}.fl-row:not(.is-ready) .fl-play{visibility:hidden}@media (max-width: 991px){.fl-wrap{padding:3.2rem}.fl-row,.fl-row.is-flip{grid-template-columns:minmax(0,1fr);row-gap:4rem;margin-top:11rem}.fl-row .fl-text,.fl-row.is-flip .fl-text{order:-1;justify-self:start;max-width:68rem;padding-inline:0;margin-inline:0}.fl-row>.case-panel{padding:3.2rem}.fl-beat-n,.fl-play-label,.fl-num small,.fl-chrome span{font-size:max(11px,1.1rem)}}@media (max-width: 767px){.fl-wrap{padding:1.2rem 1.2rem 1.6rem}.fl-chrome{height:3rem}.fl-chrome i{width:.9rem;height:.9rem}.fl-chrome span{padding:.4rem 2rem;font-size:1rem}.fl-row{margin-top:9rem}.fl-row>.case-panel{padding:1.2rem 1.2rem 1.6rem}.fl-num span{font-size:6.4rem}.fl-title{font-size:2.6rem}.fl-text .case-p{font-size:1.6rem}.fl-row,.fl-row.is-flip{row-gap:0}.fl-row .fl-text,.fl-row.is-flip .fl-text{display:contents}.fl-row .fl-num{order:1}.fl-row .fl-title{order:2;margin-top:1.6rem}.fl-row .fl-text .case-p{order:3;margin-top:1.4rem}.fl-row>.case-panel{order:4;margin-top:2.4rem}.fl-row .fl-beats{order:5;margin-top:2rem}.fl-row .fl-play{order:6;justify-self:start;margin-top:1.4rem}}.fl-pop,.fl-modal-wrap img{border-radius:calc(6 * var(--u));box-shadow:0 calc(12 * var(--u)) calc(40 * var(--u)) #12122847}.fl-cover{position:absolute;border-radius:calc(4 * var(--u))}.fl-btn{position:absolute;display:flex;align-items:center;justify-content:center;gap:calc(8 * var(--u));border-radius:calc(4 * var(--u));background:var(--b-bg);color:var(--b-fg);box-shadow:inset 0 0 0 var(--b-sw, 0px) var(--b-st, transparent);font:400 calc(13 * var(--u)) / 1 Poppins,sans-serif;white-space:nowrap;transition:background-color .16s,color .16s,box-shadow .16s;--b-bg: #5756B3;--b-fg: #fff}.fl-btn.is-med{font-weight:500}.fl-btn.is-hover{--b-bg: #36357E}.fl-btn.is-pressed{--b-bg: #151543}.fl-btn.is-off{--b-bg: #CED6E8}.fl-btn.is-2{--b-bg: #fff;--b-fg: #5756B3;--b-st: #5756B3;--b-sw: calc(1.5 * var(--u))}.fl-btn.is-2.is-hover{--b-bg: #5756B3;--b-fg: #fff}.fl-btn.is-2.is-pressed{--b-bg: #151543;--b-fg: #fff;--b-st: #151543}.fl-btn.is-pill{border-radius:calc(45 * var(--u));font-weight:400}.fl-btn.is-sm{font-weight:400;font-size:calc(11 * var(--u));border-radius:calc(3 * var(--u))}.fl-btn.is-round{border-radius:50%}.fl-btn svg{width:calc(var(--ic, 12) * var(--u));height:auto;transition:rotate .45s cubic-bezier(.22,1,.36,1)}.fl-btn.is-tile{flex-direction:column;gap:calc(10 * var(--u));border-radius:calc(10 * var(--u));font-size:calc(15 * var(--u))}.fl-btn.is-tile.is-hover svg{rotate:90deg}.fl-field{position:absolute;border-radius:calc(5 * var(--u));box-shadow:inset 0 0 0 calc(1 * var(--u)) #ced6e8;transition:box-shadow .15s}.fl-field.is-hover{box-shadow:inset 0 0 0 calc(2 * var(--u)) #b2b6c6}.fl-field.is-focus{box-shadow:inset 0 0 0 calc(2 * var(--u)) #646c8d}.fl-menu{position:absolute;overflow:hidden;padding:0;background:#fff;border-radius:0 0 calc(5 * var(--u)) calc(5 * var(--u));box-shadow:0 calc(6 * var(--u)) calc(20 * var(--u)) #00000026;transform-origin:top;opacity:0;translate:0 calc(-6 * var(--u));scale:1 .96;transition:opacity .18s,translate .3s cubic-bezier(.22,1,.36,1),scale .3s cubic-bezier(.22,1,.36,1)}.fl-menu.is-open{opacity:1;translate:0 0;scale:1;transition:opacity .15s,translate .3s cubic-bezier(.22,1,.36,1),scale .3s cubic-bezier(.22,1,.36,1)}.fl-menu.is-card{border-radius:calc(5 * var(--u))}.fl-opt{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--op, 12) * var(--u)) calc(16 * var(--u));font:400 calc(var(--of, 14) * var(--u)) / 1.2 Roboto,sans-serif;color:#23233a;white-space:nowrap;transition:background-color .12s,color .12s}.fl-opt.is-sel{color:#5756b3;font-weight:500}.fl-opt.is-sel:after{content:"\2713";margin-left:calc(12 * var(--u))}.fl-opt.is-hl{background:#5550ff;color:#fff}.fl-halo{position:absolute;border-radius:50%;background:#ced6e8;translate:-50% -50%;opacity:0;scale:.5;transition:opacity .2s,scale .3s cubic-bezier(.22,1,.36,1)}.fl-halo.is-on{opacity:1;scale:1}.fl-pulse{position:absolute;width:calc(90 * var(--u));aspect-ratio:1;translate:-50% -50%;border-radius:50%;border:calc(2 * var(--u)) solid #5756B3;pointer-events:none}.fl-spot{position:absolute;z-index:4;border-radius:calc(10 * var(--u));box-shadow:0 0 0 calc(2 * var(--u)) #5756b3e6,0 0 0 calc(7 * var(--u)) #5756b324,0 calc(16 * var(--u)) calc(40 * var(--u)) #5756b32e;pointer-events:none;opacity:0}.fl-lift{position:absolute;z-index:1;overflow:hidden;border-radius:calc(10 * var(--u))}.fl-lift img{position:absolute;height:auto;max-width:none}.fl-lift.is-up{box-shadow:0 calc(18 * var(--u)) calc(40 * var(--u)) #15154338,0 calc(2 * var(--u)) calc(6 * var(--u)) #1515431a}.fl-place{position:absolute;overflow:hidden;border-radius:calc(12 * var(--u));box-shadow:0 calc(10 * var(--u)) calc(30 * var(--u)) #1515431f}.fl-place img{position:absolute;height:auto;max-width:none}.fl-label{position:absolute;display:flex;align-items:center;white-space:nowrap;overflow:hidden}.fl-btn.is-bright{--b-bg: #5550FF}.fl-btn.is-bright.is-hover{--b-bg: #3F3AE0}.fl-btn.is-bright.is-pressed{--b-bg: #2A26B0}.fl-ui{position:absolute;pointer-events:none}.fl-col{border-radius:calc(10 * var(--u));background:#5756b317;box-shadow:inset 0 0 0 calc(1 * var(--u)) #5756b32e}.fl-tip{z-index:2;width:calc(158 * var(--u));padding:calc(12 * var(--u)) calc(14 * var(--u));border-radius:calc(8 * var(--u));background:#fff;box-shadow:0 calc(10 * var(--u)) calc(28 * var(--u)) #15154329,0 0 0 calc(1 * var(--u)) #1515430d;font:400 calc(12 * var(--u)) / 1.35 Roboto,sans-serif;color:#646c8d}.fl-tip b{display:block;font:500 calc(12 * var(--u)) / 1.3 Poppins,sans-serif;color:#8484a0}.fl-tip strong{display:block;margin:calc(2 * var(--u)) 0 calc(8 * var(--u));font:600 calc(19 * var(--u)) / 1.2 Poppins,sans-serif;color:#23233a}.fl-tip span{display:flex;align-items:center;gap:calc(7 * var(--u));padding:calc(3 * var(--u)) 0}.fl-tip span i{flex:none;width:calc(8 * var(--u));height:calc(8 * var(--u));border-radius:50%}.fl-tip em{margin-left:auto;font-style:normal;font-weight:500;color:#23233a;font-variant-numeric:tabular-nums}.fl-tip.is-line b{margin-bottom:calc(6 * var(--u))}.fl-tip i.is-a,.fl-dot.is-a{--c: #7C6CF6;background:#7c6cf6}.fl-tip i.is-b,.fl-dot.is-b{--c: #F7598E;background:#f7598e}.fl-guide{width:0;border-left:calc(1.5 * var(--u)) dashed rgba(87,86,179,.5);translate:-50% 0}.fl-dot{width:calc(12 * var(--u));height:calc(12 * var(--u));translate:-50% -50%;border-radius:50%;background:#fff!important;border:calc(3 * var(--u)) solid var(--c);box-shadow:0 calc(2 * var(--u)) calc(6 * var(--u)) #15154333}