.tf{--ink: #0F1224;--body: #4B5160;--muted: #6B7080;--violet: #6E61FC;--tint: #F1EFFF;--line: rgba(17, 24, 39, .07);--card-shadow: 0 0 0 1px rgba(17, 24, 39, .05), 0 2px 4px rgba(17, 24, 39, .04), 0 28px 48px -26px rgba(110, 97, 252, .38);margin:0}.tf-panel{padding:clamp(10px,2.2vw,22px);border-radius:24px;background:linear-gradient(180deg,#f6f4ff,#fbfaff 62%,#fff);box-shadow:inset 0 0 0 1px #6e61fc1f}.tf-stage{--u: calc(100cqw / 480);position:relative;container-type:inline-size;aspect-ratio:480 / var(--stage-h, 400);color:var(--ink);user-select:none}.tf-note{margin:10px 0 0;font-size:.8125rem;line-height:1.4;color:var(--muted);text-align:center}.tf-stage>.tf-card,.tf-stage>.tf-clip,.tf-stage>.tf-hub,.tf-stage>.tf-chip,.tf-stage>.tf-deck,.tf-stage>.tf-lane-row{position:absolute;left:calc(var(--x, 0) * var(--u));top:calc(var(--y, 0) * var(--u));width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u));rotate:var(--r, 0deg)}.tf-stage *{--x: initial;--y: initial;--w: initial;--h: initial}.tf-stage>.tf-lane-row{left:calc(20 * var(--u));width:calc(440 * var(--u));height:auto}.tf-stage>.tf-chip{width:auto;height:auto}.tf-lanes{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.tf-lane{fill:none;stroke:#6e61fc57;stroke-width:1.5;vector-effect:non-scaling-stroke}.tf-dot{fill:var(--violet)}.tf-card{box-sizing:border-box;padding:calc(16 * var(--u));border-radius:calc(18 * var(--u));background:#fff;box-shadow:var(--card-shadow);font-size:max(10px,calc(13 * var(--u)));line-height:1.35;color:var(--body)}.tf-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:calc(10 * var(--u))}.tf-card-head strong{font-size:max(11px,calc(15 * var(--u)));font-weight:700;letter-spacing:-.015em;color:var(--ink)}.tf-tag{flex:none;padding:calc(2 * var(--u)) calc(8 * var(--u));font-size:max(9px,calc(11 * var(--u)));font-weight:600;color:#5d6173;background:#f1f0fa;border-radius:calc(8 * var(--u))}.tf-clip{box-sizing:border-box;overflow:hidden;border-radius:calc(16 * var(--u));background:#dad6ee;box-shadow:0 0 0 1px #1118270f,0 26px 44px -22px #1118276b}.tf-clip>img{display:block;width:100%;height:100%;object-fit:cover}.tf-clip.is-gray>img{filter:grayscale(1) contrast(.9) brightness(1.04)}.tf-clip>span{position:absolute}.tf-chip{display:inline-flex;align-items:center;gap:calc(6 * var(--u));padding:calc(6 * var(--u)) calc(12 * var(--u)) calc(6 * var(--u)) calc(9 * var(--u));font-size:max(10px,calc(13 * var(--u)));font-weight:600;white-space:nowrap;color:var(--violet);background:#eeebff;border-radius:calc(8 * var(--u))}.tf-chip.is-gray{color:#5d6173;background:#ececf1}.tf-check{flex:none;display:inline-grid;place-items:center;width:max(14px,calc(18 * var(--u)));height:max(14px,calc(18 * var(--u)));border-radius:50%;color:#fff;background:var(--violet)}.tf-check svg{width:62%;height:62%}.tf-hub{display:grid;place-items:center;border-radius:calc(16 * var(--u));background:#fff;box-shadow:var(--card-shadow),0 0 0 calc(5 * var(--u)) #6e61fc14}.tf-hub svg{width:calc(78 * var(--u));height:auto;color:var(--ink)}.tf-hub svg path:last-child{fill:var(--violet)}.tf-clip-chip{display:inline-flex;align-items:center;gap:calc(5 * var(--u));padding:calc(4 * var(--u)) calc(9 * var(--u)) calc(4 * var(--u)) calc(5 * var(--u));font-size:max(9px,calc(11.5 * var(--u)));font-weight:650;white-space:nowrap;color:var(--ink);background:#fffffff0;border-radius:calc(8 * var(--u));box-shadow:0 6px 14px -8px #11182780}.tf-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:calc(8 * var(--u))}.tf-row span{display:inline-flex;align-items:center;gap:calc(6 * var(--u))}.tf-row b{font-weight:700;color:var(--ink);white-space:nowrap}.tf-total{margin-top:calc(12 * var(--u));padding-top:calc(10 * var(--u));border-top:1px solid var(--line);font-weight:700;color:var(--ink)}.tf-total b{font-size:max(12px,calc(16 * var(--u)))}.tf-sub{margin:calc(2 * var(--u)) 0 0;font-size:max(9px,calc(11.5 * var(--u)));color:var(--muted)}.tf-label{margin:0;font-size:max(9px,calc(11.5 * var(--u)));font-weight:600;color:var(--muted)}.tf-big{margin:calc(2 * var(--u)) 0 calc(6 * var(--u));font-size:max(16px,calc(26 * var(--u)));font-weight:800;letter-spacing:-.03em;color:var(--ink)}.tf-btn{display:block;margin-top:calc(12 * var(--u));padding:calc(8 * var(--u)) 0;text-align:center;font-size:max(10px,calc(12.5 * var(--u)));font-weight:700;color:#fff;background:var(--violet);border-radius:calc(10 * var(--u))}.tf-step-ico{flex:none;display:grid;place-items:center;width:calc(34 * var(--u));height:calc(34 * var(--u));min-width:24px;min-height:24px;border-radius:calc(10 * var(--u));background:#fff;color:var(--ink);box-shadow:0 0 0 1px #11182712,0 6px 14px -8px #6e61fc80}.tf-step-text{display:grid;gap:1px;min-width:0}.tf-step-text strong{font-size:max(10px,calc(13.5 * var(--u)));font-weight:650;color:var(--ink);line-height:1.25}.tf-step-text small{font-size:max(9px,calc(11.5 * var(--u)));color:var(--muted);line-height:1.3}.tf-reqs{display:grid;gap:calc(9 * var(--u));margin:0;padding:0;list-style:none}.tf-reqs li{display:flex;align-items:center;gap:calc(8 * var(--u));color:var(--ink);font-weight:550}.tf-flow-clip .tf-ok{left:50%;bottom:calc(10 * var(--u));translate:-50% 0}.tf-views{left:calc(10 * var(--u));top:calc(10 * var(--u));display:inline-flex;align-items:center;gap:calc(5 * var(--u));padding:calc(5 * var(--u)) calc(10 * var(--u));font-size:max(10px,calc(13 * var(--u)));color:#fff;background:#0f12249e;border-radius:calc(8 * var(--u))}.tf-views b{font-weight:750;min-width:4.4ch}.tf-views svg{color:#fff}.tf-steps{display:flex;gap:calc(5 * var(--u));margin-top:calc(8 * var(--u))}.tf-steps i{flex:1;height:calc(8 * var(--u));min-height:5px;border-radius:999px;background:var(--violet)}.tf-lane-row{display:grid;gap:calc(12 * var(--u));justify-items:start}.tf-budget{display:flex;gap:calc(4 * var(--u));width:100%;height:calc(12 * var(--u));min-height:7px}.tf-budget i{flex:var(--f) 1 0;border-radius:999px;background:var(--violet)}.tf-budget.is-gray i{background:#c9cbd3}.tf-row-clips{display:grid;grid-template-columns:repeat(5,1fr);gap:calc(12 * var(--u));width:100%}.tf-mini{position:relative;aspect-ratio:9 / 14;rotate:var(--r, 0deg)}.tf-slot{aspect-ratio:9 / 14;border-radius:calc(16 * var(--u));border:1.5px dashed #CDCFD8}.tf-lane-row--one .tf-mini{box-shadow:0 0 0 1px #1118270f}.tf-stepper{display:grid;gap:calc(6 * var(--u));padding:calc(12 * var(--u))}.tf-step{display:flex;align-items:center;gap:calc(10 * var(--u));padding:calc(9 * var(--u));border-radius:calc(12 * var(--u))}.tf-step:last-child{background:var(--tint)}.tf-step:last-child .tf-step-ico{color:var(--violet)}.tf-react{right:calc(10 * var(--u));bottom:calc(52 * var(--u));color:#fff;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.tf-react svg{width:calc(26 * var(--u));height:calc(26 * var(--u))}.tf-caption{left:calc(10 * var(--u));right:calc(10 * var(--u));bottom:calc(12 * var(--u));padding:calc(6 * var(--u)) calc(9 * var(--u));font-size:max(9px,calc(11.5 * var(--u)));font-weight:600;color:#fff;background:#0f12248c;border-radius:calc(10 * var(--u))}.tf-stack{left:calc(10 * var(--u));bottom:calc(12 * var(--u));display:grid;gap:calc(6 * var(--u));justify-items:start}.tf-paid-clip{box-shadow:0 0 0 2px var(--violet),0 30px 50px -24px #6e61fc99}.tf-filebar{left:calc(10 * var(--u));top:calc(10 * var(--u));display:inline-flex;align-items:center;gap:calc(5 * var(--u));padding:calc(5 * var(--u)) calc(9 * var(--u));font-size:max(9px,calc(12 * var(--u)));font-weight:650;color:var(--ink);background:#fffffff0;border-radius:calc(8 * var(--u))}.tf-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(10 * var(--u)) 0;border-top:1px solid var(--line)}.tf-toggle-text{display:grid;gap:1px}.tf-toggle-text strong{font-size:max(10px,calc(13 * var(--u)));font-weight:650;color:var(--ink);line-height:1.25}.tf-toggle-text small{font-size:max(9px,calc(11 * var(--u)));color:var(--muted)}.tf-toggle{position:relative;flex:none;width:calc(34 * var(--u));height:calc(20 * var(--u));min-width:24px;min-height:14px;border-radius:999px;background:var(--violet)}.tf-toggle:after{content:"";position:absolute;top:12%;right:8%;width:42%;aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040}.tf-phone{border-radius:calc(26 * var(--u));box-shadow:0 0 0 calc(5 * var(--u)) #14173a,0 34px 60px -28px #1118278c}.tf-hooks{left:calc(12 * var(--u));right:calc(12 * var(--u));top:calc(26 * var(--u));display:grid}.tf-hook{grid-area:1 / 1;justify-self:center;padding:calc(6 * var(--u)) calc(12 * var(--u));font-size:max(10px,calc(14 * var(--u)));font-weight:750;color:var(--ink);background:#fff;border-radius:calc(10 * var(--u));box-shadow:0 10px 20px -12px #00000080}.tf-hook:not(:first-child){opacity:0}.tf-timeline{left:calc(14 * var(--u));right:calc(14 * var(--u));bottom:calc(16 * var(--u));display:grid;gap:calc(5 * var(--u))}.tf-track{position:relative;height:calc(6 * var(--u));min-height:4px;border-radius:999px;background:#ffffff73}.tf-hookzone{position:absolute;left:0;top:0;bottom:0;width:20%;border-radius:999px;background:var(--violet)}.tf-playhead{position:absolute;top:50%;left:20%;width:calc(12 * var(--u));height:calc(12 * var(--u));min-width:8px;min-height:8px;translate:-50% -50%;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--violet)}.tf-ticks{position:relative;display:flex;justify-content:space-between;font-size:max(8px,calc(10 * var(--u)));color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.tf-ticks b{font-weight:600}.tf-ticks b:nth-child(2){position:absolute;left:20%;translate:-50% 0}.tf-side-title{display:flex;align-items:center;gap:calc(6 * var(--u));margin:0 0 calc(4 * var(--u));font-size:max(10px,calc(13 * var(--u)));font-weight:700;color:var(--ink)}.tf-hook-side{display:grid;gap:calc(6 * var(--u));padding:calc(12 * var(--u))}.tf-meter{height:calc(8 * var(--u));min-height:5px;border-radius:999px;background:#eeedf4;overflow:hidden;margin-bottom:calc(6 * var(--u))}.tf-meter i{display:block;height:100%;width:78%;border-radius:inherit;background:var(--violet);transform-origin:left center}.tf-meter.is-gray i{width:34%;background:#c9cbd3}.tf-platform{left:calc(12 * var(--u));top:calc(14 * var(--u));display:inline-flex;align-items:center;gap:calc(6 * var(--u));padding:calc(5 * var(--u)) calc(10 * var(--u));font-size:max(10px,calc(12.5 * var(--u)));font-weight:700;color:var(--ink);background:#fffffff0;border-radius:calc(8 * var(--u))}.tf-route{display:flex;align-items:center;gap:calc(10 * var(--u));padding:calc(12 * var(--u))}.tf-sponsored{left:calc(12 * var(--u));top:calc(16 * var(--u));padding:calc(3 * var(--u)) calc(8 * var(--u));font-size:max(9px,calc(11 * var(--u)));font-weight:650;color:#fff;background:#0f122480;border-radius:calc(8 * var(--u))}.tf-cta-bar{left:calc(12 * var(--u));right:calc(12 * var(--u));bottom:calc(16 * var(--u));padding:calc(9 * var(--u)) 0;text-align:center;font-size:max(10px,calc(13 * var(--u)));font-weight:700;color:var(--ink);background:#fff;border-radius:calc(10 * var(--u))}.tf-variant{display:flex;align-items:center;gap:calc(10 * var(--u));padding:calc(8 * var(--u));margin-top:calc(4 * var(--u));border-radius:calc(12 * var(--u))}.tf-variant img{flex:none;width:calc(34 * var(--u));height:calc(52 * var(--u));object-fit:cover;border-radius:calc(7 * var(--u))}.tf-variant-body{display:grid;gap:calc(6 * var(--u));flex:1;min-width:0}.tf-variant-body strong{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:max(10px,calc(13 * var(--u)));font-weight:650;color:var(--ink)}.tf-variant-body em{font-style:normal;font-size:max(9px,calc(10.5 * var(--u)));font-weight:650;color:var(--violet)}.tf-bar{display:block;height:calc(8 * var(--u));min-height:5px;border-radius:999px;background:#eeedf4;overflow:hidden}.tf-bar i{display:block;height:100%;width:calc(var(--w) * 100%);border-radius:inherit;background:#c9cbd3;transform-origin:left center}.tf-variant.is-win{background:var(--tint)}.tf-variant.is-win .tf-bar i{background:var(--violet)}.tf-browser{padding:0;overflow:hidden}.tf-browser-bar{display:flex;align-items:center;gap:calc(5 * var(--u));padding:calc(10 * var(--u)) calc(14 * var(--u));border-bottom:1px solid var(--line);background:#fafafd}.tf-browser-bar i{width:calc(8 * var(--u));height:calc(8 * var(--u));min-width:5px;min-height:5px;border-radius:50%;background:#dcdde5}.tf-browser-bar b{margin-left:calc(10 * var(--u));padding:calc(3 * var(--u)) calc(10 * var(--u));font-size:max(9px,calc(11 * var(--u)));font-weight:500;color:var(--muted);background:#fff;border-radius:calc(8 * var(--u));box-shadow:inset 0 0 0 1px var(--line)}.tf-shop{display:grid;grid-template-columns:1fr 1fr;gap:calc(16 * var(--u));padding:calc(16 * var(--u))}.tf-product{display:grid;place-items:center;aspect-ratio:1.25;border-radius:calc(14 * var(--u));background:linear-gradient(160deg,#f3f1ff,#e7e3fb)}.tf-product-shape{width:34%;aspect-ratio:.55;border-radius:calc(14 * var(--u)) calc(14 * var(--u)) calc(10 * var(--u)) calc(10 * var(--u));background:linear-gradient(180deg,#fff,#dad5f6);box-shadow:0 16px 24px -14px #6e61fc99}.tf-product-info{display:grid;align-content:start;gap:calc(9 * var(--u));padding-top:calc(4 * var(--u))}.tf-line{display:block;height:calc(10 * var(--u));min-height:6px;border-radius:999px;background:#e4e4ec}.tf-line.w70{width:80%;height:calc(14 * var(--u));background:#cfd0da}.tf-line.w45{width:55%}.tf-price-tag{justify-self:start;padding:calc(2 * var(--u)) calc(8 * var(--u));font-size:max(9px,calc(11 * var(--u)));font-weight:600;color:#5d6173;background:#f1f0fa;border-radius:calc(8 * var(--u))}.tf-product-info .tf-btn{margin-top:calc(4 * var(--u))}.tf-shop-label{display:flex;align-items:center;gap:calc(6 * var(--u));margin:0;padding:0 calc(16 * var(--u));font-size:max(10px,calc(13 * var(--u)));font-weight:700;color:var(--ink)}.tf-shop-clips{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(12 * var(--u));padding:calc(10 * var(--u)) calc(16 * var(--u)) calc(16 * var(--u))}.tf-shop-clip{position:relative;aspect-ratio:16 / 11;border-radius:calc(12 * var(--u));box-shadow:0 0 0 1px #1118270f}.tf-shop-clip:first-child{box-shadow:0 0 0 2px var(--violet)}.tf-deck{display:grid}.tf-deck-back,.tf-term{grid-area:1 / 1;border-radius:calc(20 * var(--u));background:#fff;box-shadow:var(--card-shadow)}.tf-deck-back.b2{rotate:5deg;translate:calc(14 * var(--u)) calc(8 * var(--u));opacity:.6}.tf-deck-back.b1{rotate:2.5deg;translate:calc(7 * var(--u)) calc(4 * var(--u));opacity:.85}.tf-term{position:relative;z-index:1;display:grid;align-content:center;gap:calc(10 * var(--u));padding:calc(28 * var(--u))}.tf-term:not(:nth-of-type(1)){opacity:0}.tf-term-word{font-size:max(18px,calc(34 * var(--u)));font-weight:800;letter-spacing:-.04em;color:var(--ink)}.tf-term-word:after{content:".";color:var(--violet)}.tf-term-def{font-size:max(11px,calc(16 * var(--u)));line-height:1.45;color:var(--body)}@media(prefers-reduced-motion:no-preference){[data-play] .tf-reqs .tf-check{animation:tf-pop 4.8s calc(var(--i) * .35s) infinite both}[data-play] .tf-flow-clip .tf-ok{animation:tf-approve 4.8s calc(1.4s + var(--i) * .45s) infinite both}[data-play] .tf-flow-clip{animation:tf-lift 4.8s calc(1.4s + var(--i) * .45s) infinite both}[data-play] .tf-steps i{animation:tf-step 6s calc(.55s + var(--i) * .5s) infinite both}[data-play] .tf-lane-row--many .tf-budget i{animation:tf-glow 5s calc(var(--i) * .3s) infinite both}[data-play] .tf-lane-row--many .tf-mini{animation:tf-lift 5s calc(.3s + var(--i) * .3s) infinite both}[data-play] .tf-step{animation:tf-active 8s calc(var(--i) * 2s) infinite both}[data-play] .tf-step:last-child{background:transparent}[data-play] .tf-wallet .tf-big{animation:tf-pop 8s 6s infinite both}[data-play] .tf-react{animation:tf-heart 2.6s infinite both}[data-play] .tf-stack .tf-clip-chip{animation:tf-approve 4.5s calc(.6s + var(--i) * .4s) infinite both}[data-play] .tf-toggle{animation:tf-toggle-bg 5s calc(var(--i) * .6s) infinite both}[data-play] .tf-toggle:after{animation:tf-toggle-knob 5s calc(var(--i) * .6s) infinite both}[data-play] .tf-playhead{animation:tf-play 6s linear infinite both}[data-play] .tf-hook{animation:tf-cycle 9s calc(var(--i) * 3s) infinite both}[data-play] .tf-meter i{animation:tf-fill 6s infinite both}[data-play] .tf-route{animation:tf-lift 4.2s calc(.9s + var(--i) * .35s) infinite both}[data-play] .tf-bar i{animation:tf-grow 5s calc(var(--i) * .2s) infinite both}[data-play] .tf-variant.is-win{animation:tf-win 5s infinite both}[data-play] .tf-shop-clip{animation:tf-spot 6s calc(var(--i) * 2s) infinite both}[data-play] .tf-term{animation:tf-card 9s calc(var(--i) * 3s) infinite both}}@keyframes tf-pop{0%,6%{transform:scale(.4);opacity:.25}14%{transform:scale(1.15);opacity:1}20%,to{transform:none;opacity:1}}@keyframes tf-approve{0%,10%{opacity:0;transform:translateY(6px) scale(.9)}20%,to{opacity:1;transform:none}}@keyframes tf-lift{0%,10%{transform:none}18%{transform:translateY(-6px)}30%,to{transform:none}}@keyframes tf-step{0%,4%{background:#e6e3f7}10%,to{background:var(--violet)}}@keyframes tf-glow{0%,8%{filter:none}16%{filter:brightness(1.35)}26%,to{filter:none}}@keyframes tf-active{0%{background:transparent}4%,22%{background:var(--tint)}28%,to{background:transparent}}@keyframes tf-heart{0%,70%{transform:scale(1)}78%{transform:scale(1.3)}86%{transform:scale(.95)}94%,to{transform:scale(1)}}@keyframes tf-toggle-bg{0%,8%{background:#d8d9e1}16%,to{background:var(--violet)}}@keyframes tf-toggle-knob{0%,8%{right:50%}16%,to{right:8%}}@keyframes tf-play{0%{left:0%}to{left:100%}}@keyframes tf-cycle{0%{opacity:0;transform:translateY(6px)}4%,30%{opacity:1;transform:none}34%,to{opacity:0;transform:translateY(-6px)}}@keyframes tf-fill{0%,6%{transform:scaleX(.05)}40%,to{transform:scaleX(1)}}@keyframes tf-grow{0%,6%{transform:scaleX(.05)}45%,to{transform:scaleX(1)}}@keyframes tf-win{0%,46%{background:transparent}54%,to{background:var(--tint)}}@keyframes tf-spot{0%{box-shadow:0 0 0 1px #1118270f;transform:none}6%,30%{box-shadow:0 0 0 2px var(--violet);transform:scale(1.04)}36%,to{box-shadow:0 0 0 1px #1118270f;transform:none}}@keyframes tf-card{0%{opacity:0;transform:translate(14px) rotate(1deg)}4%,30%{opacity:1;transform:none}34%,to{opacity:0;transform:translate(-14px) rotate(-1deg)}}