.stf{margin:clamp(24px,3vw,44px) 0 0}.stf--wide{width:min(1320px,96vw);margin-left:50%;transform:translate(-50%)}.stf svg{width:100%;height:auto;display:block}.stf svg text{font-family:var(--font-h4),system-ui,sans-serif}.stf-phone{display:none}@media (max-width:760px){.stf--two .stf-wide{display:none}.stf--two .stf-phone{display:block}.stf--scroll{scrollbar-width:none;overflow-x:auto}.stf--scroll .stf-wide{min-width:760px}}.stf .lbl{fill:var(--h4-ink2);font-size:13px}.stf .lbl-b{fill:var(--h4-ink);font-size:15px;font-weight:600}.stf .stg{letter-spacing:.08em;fill:var(--h4-violet);font-size:12px;font-weight:600}.stf .chip rect{fill:#fff;stroke:#9999ff59}.stf .chip text{fill:var(--h4-ink2);font-size:12px}.stf .node rect{fill:#fff;stroke:#9999ff73;filter:drop-shadow(0 8px 16px #3c468c24)}.stf .chtile rect{fill:#fff;filter:drop-shadow(0 8px 16px #3c468c1f)}.stf .route{fill:none;stroke:#9b84f0;stroke-width:2.5px;stroke-linecap:round;opacity:.6}.stf .route-soft{fill:none;stroke:#9999ff59;stroke-width:2px;stroke-dasharray:4 6}.stf .ret{fill:none;stroke:#19b36bb3;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.stf .pulse-ring{fill:none;stroke:#6d5dd359;stroke-width:2px;transform-origin:50%;transform-box:fill-box;animation:2.4s ease-out infinite stf-ring}@keyframes stf-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}.stf .door{transform-box:fill-box;transform-origin:0;animation:6s ease-in-out infinite stf-door}@keyframes stf-door{0%,20%{transform:scaleX(1)}30%,45%{transform:scaleX(.25)}55%,to{transform:scaleX(1)}}.stf .lead{animation:6s cubic-bezier(.6,0,.2,1) infinite stf-lead}@keyframes stf-lead{0%,30%{opacity:0;transform:translate(0)}38%{opacity:1;transform:translate(0)}55%,62%{opacity:1;transform:translate(100px,-10px)}80%,92%{opacity:1;transform:translate(200px)}to{opacity:0;transform:translate(200px)}}.stf .lead-m{animation:6s cubic-bezier(.6,0,.2,1) infinite stf-lead-m}@keyframes stf-lead-m{0%,30%{opacity:0;transform:translate(0)}38%{opacity:1;transform:translate(0)}55%,62%{opacity:1;transform:translate(120px,-10px)}80%,92%{opacity:1;transform:translate(240px)}to{opacity:0;transform:translate(240px)}}.stf .won{opacity:0;transform-box:fill-box;transform-origin:50%;animation:6s ease-out infinite stf-won}@keyframes stf-won{0%,82%{opacity:0;transform:scale(.8)}88%,97%{opacity:1;transform:none}to{opacity:0}}.stf .ai circle{animation:1.6s ease-in-out infinite stf-aip}@keyframes stf-aip{50%{opacity:.5}}.stf .fl{fill:#cfc8fb;animation:6s ease-in-out infinite stf-fz;animation-delay:calc(var(--i)*.75s)}@keyframes stf-fz{0%,8%{fill:#cfc8fb}18%,70%{fill:#9f88f2}to{fill:#cfc8fb}}.stf .ppl-rows g{opacity:.15;animation:6s ease-in-out infinite stf-pz;animation-delay:calc(var(--i)*.75s + .2s)}@keyframes stf-pz{0%,8%{opacity:.15}20%,70%{opacity:1}to{opacity:.15}}.stf-channels{padding:0}.stf .chg{grid-template-columns:1fr;gap:14px;display:grid}@media (min-width:700px){.stf .chg{grid-template-columns:1fr 1fr}}@media (min-width:1000px){.stf .chg{grid-template-columns:repeat(3,1fr)}}.stf .chc{box-shadow:var(--h4-shadow);background:#ffffffb8;border-radius:22px;padding:14px 16px 18px}.stf .chv{background:radial-gradient(80% 90% at 50% 0,#fff,#ece9ff);border-radius:16px;margin-bottom:12px}.stf .chc b{font-family:var(--font-h4),system-ui,sans-serif;font-weight:500;font-size:var(--fs-lead);letter-spacing:-.02em;display:block}.stf .chc span{font-size:var(--fs-small);color:var(--h4-ink2);margin-top:6px;line-height:1.5;display:block}.stf .ad-cur{animation:3s ease-in-out infinite stf-cur}@keyframes stf-cur{0%{transform:translate(30px,10px)}40%,60%{transform:translate(-50px,22px)}to{transform:translate(30px,10px)}}.stf .ad-click{opacity:0;transform-origin:68px 97px;animation:3s ease-out infinite stf-clk}@keyframes stf-clk{0%,45%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(2.2)}to{opacity:0}}.stf .you{animation:4s cubic-bezier(.6,0,.2,1) infinite stf-climb}@keyframes stf-climb{0%,15%{transform:translateY(0)}45%,85%{transform:translateY(-44px)}to{transform:translateY(0)}}.stf .seo-rows .r1,.stf .seo-rows .r2{animation:4s cubic-bezier(.6,0,.2,1) infinite stf-push}@keyframes stf-push{0%,15%{transform:translateY(0)}45%,85%{transform:translateY(22px)}to{transform:translateY(0)}}.stf .feed{animation:4s linear infinite stf-feed}@keyframes stf-feed{to{transform:translateY(-38px)}}.stf .heart{opacity:0;animation:2.4s ease-out infinite stf-hrt}.stf .h2{animation-delay:1.2s}@keyframes stf-hrt{0%{opacity:0;transform:translateY(8px)scale(.6)}30%{opacity:1;transform:none}to{opacity:0;transform:translateY(-20px)}}.stf .flap{transform-origin:100px 62px;animation:3.6s ease-in-out infinite stf-flap}@keyframes stf-flap{0%,20%{transform:scaleY(1)}40%,80%{transform:scaleY(-1)}to{transform:scaleY(1)}}.stf .letter{animation:3.6s ease-in-out infinite stf-lt}@keyframes stf-lt{0%,30%{transform:translateY(20px)}50%,80%{transform:translateY(-6px)}to{transform:translateY(20px)}}.stf .open{opacity:0;animation:3.6s infinite stf-op}@keyframes stf-op{0%,50%{opacity:0}60%,85%{opacity:1}to{opacity:0}}.stf .st{fill:#e6e3fb;animation:4s infinite stf-star;animation-delay:calc(var(--i)*.25s)}@keyframes stf-star{0%,10%{fill:#e6e3fb}25%,80%{fill:#f5b544}to{fill:#e6e3fb}}.stf .ai-ans{opacity:0;animation:4s infinite stf-ai}@keyframes stf-ai{0%,35%{opacity:0;transform:translateY(6px)}45%,90%{opacity:1;transform:none}to{opacity:0}}.stf .ai-dots{animation:4s infinite stf-aid}@keyframes stf-aid{0%,30%{opacity:1}36%,to{opacity:0}}.stp{position:relative}@media (min-width:900px){.stp{height:170vh}.stp-pin{align-items:center;min-height:100vh;padding:96px 0 40px;display:flex;position:sticky;top:0}.stp-fig .stf{max-width:1040px;margin-left:auto;margin-right:auto}}@media (max-width:899px){.stp{padding:clamp(70px,10vw,120px) 0}}@media (prefers-reduced-motion:reduce){.stf *,.stf :before,.stf :after{animation:none!important}.stf .won,.stf .lead,.stf .lead-m{opacity:1}}