.showcase{background:#090d16;color:#e2e8f0;border-top:1px solid rgba(255,255,255,.06)}.wf-track{position:relative}.wf-pin{display:flex;align-items:center}@media (min-width: 1024px){.wf-track{height:360vh}.wf-pin{position:sticky;top:var(--nav-h, 73px);height:calc(100vh - var(--nav-h, 73px))}}.wf-phone{position:relative;width:min(300px,78vw);aspect-ratio:9 / 19.2;border-radius:46px;padding:10px;background:linear-gradient(145deg,#f8fafc,#cbd5e1 40%,#94a3b8 70%,#e2e8f0);box-shadow:0 0 0 1px #ffffff80 inset,0 50px 90px -30px #000000e6,0 0 120px -40px #ef401d73;transform:perspective(1400px) rotateY(14deg) rotateX(4deg) rotate(-6deg);transition:transform .8s cubic-bezier(.22,1,.36,1)}.wf-phone:hover{transform:perspective(1400px) rotateY(6deg) rotateX(2deg) rotate(-3deg)}.wf-screen-wrap{position:relative;width:100%;height:100%;border-radius:37px;overflow:hidden;background:#fff}.wf-status{position:absolute;inset:0 0 auto;z-index:3;height:2.4rem;display:flex;align-items:center;justify-content:space-between;padding:0 1.4rem;font:700 11px/1 Plus Jakarta Sans,sans-serif;color:#0f172a}.wf-notch{position:absolute;top:.55rem;left:50%;z-index:4;width:34%;height:1.45rem;margin-left:-17%;border-radius:9999px;background:#0b0f19}.wf-screen{position:absolute;inset:0;padding:3rem 1rem 1.1rem;display:flex;flex-direction:column;gap:.7rem;color:#0f172a;font-size:12px;opacity:0;transform:translateY(14px) scale(.98);transition:opacity .5s ease,transform .6s cubic-bezier(.22,1,.36,1);pointer-events:none}.wf-screen.is-active{opacity:1;transform:none;pointer-events:auto}.wf-screen .ttl{text-align:center;font:700 13px/1.2 Space Grotesk,sans-serif}.wf-field{border:1px solid #e2e8f0;border-radius:.8rem;padding:.55rem .7rem;background:#f8fafc}.wf-field small{display:block;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin-bottom:.15rem}.wf-chip{display:inline-flex;padding:.3rem .6rem;border-radius:9999px;border:1px solid #e2e8f0;font-size:10.5px;font-weight:600;color:#475569}.wf-chip.on{background:#fff1ec;border-color:#f66f48;color:#b8300d}.wf-btn{margin-top:auto;width:100%;padding:.7rem;border-radius:9999px;background:linear-gradient(110deg,#ef401d,#f66f48 60%,#ffb18f);color:#fff;font-weight:800;font-size:12px;text-align:center;box-shadow:0 10px 20px -10px #ef401dcc}.wf-btn.ghost{margin-top:.4rem;background:#f1f5f9;color:#0f172a;box-shadow:none}.wf-row{display:flex;gap:.6rem;align-items:flex-start;font-size:11px;color:#334155}.wf-row i{margin-top:.15rem;color:#ef401d}.wf-toggle{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.55rem .2rem;border-bottom:1px solid #f1f5f9;font-size:11px;font-weight:600;color:#334155}.wf-toggle b{flex-shrink:0;width:2rem;height:1.15rem;border-radius:9999px;background:#10b981;position:relative}.wf-toggle b:after{content:"";position:absolute;top:2px;right:2px;width:calc(1.15rem - 4px);height:calc(1.15rem - 4px);border-radius:9999px;background:#fff}.wf-toggle b.off{background:#cbd5e1}.wf-toggle b.off:after{right:auto;left:2px}.wf-post-img{position:relative;aspect-ratio:4 / 3;border-radius:.9rem;overflow:hidden;background:radial-gradient(circle at 70% 30%,#ffb18f,#ef401d 55%,#7c1d0b);display:grid;place-items:center;color:#fff;text-align:center}.wf-post-img b{font:800 17px/1.1 Space Grotesk,sans-serif;text-shadow:0 2px 12px rgba(0,0,0,.35)}.wf-steps{counter-reset:wf}.wf-step{border-bottom:1px solid rgba(255,255,255,.1)}.wf-step button{width:100%;display:flex;gap:1rem;align-items:baseline;padding:1.5rem 0;text-align:left;color:#94a3b8;transition:color .3s}.wf-step button:hover{color:#e2e8f0}.wf-step .num{font:700 1rem/1 Space Grotesk,sans-serif;min-width:1.25rem;transition:font-size .4s,color .3s}.wf-step .label{font:700 1.05rem/1.3 Space Grotesk,sans-serif;transition:font-size .45s cubic-bezier(.22,1,.36,1),color .3s}.wf-step .desc{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.22,1,.36,1)}.wf-step .desc>p{overflow:hidden;opacity:0;transition:opacity .4s}.wf-step.is-active button{color:#fff;padding-bottom:.75rem}.wf-step.is-active .num{font-size:1.5rem;color:#f66f48}.wf-step.is-active .label{font-size:clamp(1.45rem,2.2vw,1.9rem)}.wf-step.is-active .desc{grid-template-rows:1fr}.wf-step.is-active .desc>p{opacity:1;transition-delay:.15s}.wf-bar{height:2px;background:#ffffff14;overflow:hidden}.wf-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ef401d,#ffb18f)}.wf-step.is-active .wf-bar i{width:var(--p, 0%)}.wf-step.is-done .wf-bar i{width:100%}.lang-section{background:radial-gradient(circle at 30% 50%,rgba(139,92,246,.15),transparent 60%),#05070d}.hand-stage{position:relative;width:min(520px,100%);aspect-ratio:5 / 6;margin:0 auto}.hand-stage:before{content:"";position:absolute;left:8%;top:18%;width:80%;height:62%;border-radius:9999px;background:radial-gradient(closest-side,#8b5cf6bf,#8b5cf600 72%);filter:blur(34px)}.hand-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.hand-phone{position:absolute;left:30%;top:6%;width:41%;aspect-ratio:9 / 19.3;border-radius:34px;padding:7px;background:linear-gradient(150deg,#3b3f4a,#0d0f14 45%,#2a2d36);box-shadow:0 0 0 1px #ffffff1f inset,0 40px 80px -20px #000000f2;transform:rotate(14deg);transform-origin:50% 80%}.hand-screen{position:relative;width:100%;height:100%;border-radius:28px;overflow:hidden;background:#0b141a}.hand-screen .avatar-img{object-position:50% 30%}.hand-top{position:absolute;inset:0 0 auto;z-index:2;padding:2.1rem .8rem .9rem;display:flex;align-items:center;gap:.5rem;background:linear-gradient(180deg,rgba(5,7,13,.75),transparent)}.hand-notch{position:absolute;top:.5rem;left:50%;z-index:3;width:32%;height:1.15rem;margin-left:-16%;border-radius:9999px;background:#000}.hand-chat{position:absolute;left:.6rem;right:.6rem;bottom:3.4rem;z-index:2;display:flex;flex-direction:column;gap:.4rem}.hand-chat p{max-width:88%;padding:.4rem .6rem;border-radius:.75rem;font-size:10.5px;line-height:1.35;color:#e9edef;backdrop-filter:blur(10px);transition:opacity .45s,transform .45s}.hand-chat .me{align-self:flex-end;background:#005c4beb;border-top-right-radius:.2rem}.hand-chat .her{background:#202c33e6;border-top-left-radius:.2rem}.hand-chat.swap p{opacity:0;transform:translateY(6px)}.hand-input{position:absolute;left:.6rem;right:.6rem;bottom:.8rem;z-index:2;display:flex;align-items:center;gap:.5rem;padding:.55rem .75rem;border-radius:9999px;background:#ffffffeb;color:#64748b;font-size:10.5px}.lang-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:9999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;font-size:12px;font-weight:600;color:#cbd5e1;transition:background .3s,border-color .3s,color .3s}.lang-chip.is-active{background:#8b5cf62e;border-color:#a78bfa99;color:#fff}@media (prefers-reduced-motion: reduce){.wf-phone,.wf-screen,.wf-step .label,.wf-step .num,.wf-step .desc,.wf-step .desc>p,.hand-chat p{transition:none!important}}@media (max-width: 1023px){.wf-phone{width:min(230px,62vw);border-radius:38px;padding:8px;transform:rotate(-4deg)}.wf-phone:hover{transform:rotate(-4deg)}.wf-screen-wrap{border-radius:31px}.wf-screen{padding:2.6rem .8rem .9rem;gap:.5rem;font-size:11px}.wf-step button{padding:1.1rem 0}}.hand-svg{-webkit-mask-image:linear-gradient(to bottom,#000 72%,transparent 98%);mask-image:linear-gradient(to bottom,#000 72%,transparent 98%)}@media (min-width: 1024px){.wf-phone{width:min(300px,calc((100vh - var(--nav-h, 73px) - 96px) * 9 / 19.2))}}