.wn{--ink:#2f1654;--text:#333;--muted:#676767;--line:#e4def2;--purple:#9146ff;--mint:#3bc8bc;--wash:#f7f4ff;--wash-2:#efe8ff;--white:#fff;--wn-white:#fff;--head:"Rubik",Verdana,sans-serif;--body:"Manrope","Microsoft JhengHei",Verdana,sans-serif;color:var(--text);font-family:var(--body)}.wn h2,.wn h3,.wn li,.wn ol,.wn p{margin:0;padding:0}.wn .w-steps>li:before{content:none}.wn{background:var(--wn-white);padding:88px 0 72px}.wn .w-label{color:var(--purple);font:700 16px/1.4 var(--body);margin:0 0 12px}.wn .w-statement{color:var(--ink);font:600 32px/1.25 var(--head);letter-spacing:-.005em;margin:0;max-width:46ch;text-wrap:balance}.wn .w-steps{column-gap:56px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:48px 0 0;padding:0;row-gap:0}.wn .w-step{display:grid;gap:14px;grid-row:span 3;grid-template-rows:subgrid;min-width:0}.wn .w-step h3{color:var(--ink);font:600 19px/1.3 var(--head);margin:0}.wn .w-step p{color:var(--text);font-size:15px;line-height:1.55;margin:0;max-width:40ch}.wn .w-step p b{color:var(--ink)}.wn .w-vis{background:linear-gradient(140deg,#d4f5f2,#e8e2ff 55%,#f0e8ff);border-radius:16px;box-shadow:0 18px 36px -28px rgba(73,18,153,.55);display:flex;flex-direction:column;gap:12px;padding:16px;position:relative}.wn .w-link{background:var(--line);height:2px;left:100%;position:absolute;top:50%;width:56px}.wn .w-link i{background:var(--purple);inset:0;position:absolute;transform-origin:left center}.wn .w-link:after{border:5px solid transparent;border-left:7px solid var(--purple);border-right:0;content:"";position:absolute;right:-1px;top:-4px}.wn .w-step:last-child .w-link{display:none}.wn .w-tiles{display:grid;gap:5px;grid-template-columns:repeat(12,minmax(0,1fr))}.wn .w-tiles span{aspect-ratio:1;background:#f1edfa;border-radius:3px}.wn .w-tiles span.warm{background:#d9c8ff}.wn .w-tiles span.hot{background:var(--purple);box-shadow:0 0 0 3px rgba(145,70,255,.22)}.wn .w-callout{align-items:center;background:var(--wash);border:1px solid var(--line);border-radius:10px;display:flex;font-size:13px;gap:10px;line-height:1.35;padding:9px 12px}.wn .w-callout b{color:var(--ink);display:block;font-size:14px}.wn .w-callout span{color:var(--muted)}.wn .w-callout em{background:var(--purple);border-radius:3px;flex:none;height:10px;width:10px}.wn .w-vhead{color:var(--muted);display:flex;font-size:12px;gap:8px;justify-content:space-between;line-height:1.3;padding:0 2px}.wn .w-vhead b{color:var(--ink);font-weight:700;min-width:0}.wn .w-vhead span{color:#5e5872;flex:none;font-variant-numeric:tabular-nums}.wn .w-vhead span span{color:var(--ink);font-weight:700}.wn .w-body{background:var(--white);border-radius:12px;box-shadow:0 10px 24px -18px rgba(73,18,153,.45);display:flex;flex:1;flex-direction:column;gap:12px;justify-content:center;padding:12px}.wn .w-step:last-child .w-body{justify-content:flex-start;overflow:hidden;padding:0}.wn .w-foot{align-items:center;color:var(--text);display:flex;font-size:12.5px;gap:8px;line-height:1.35;padding:2px 2px 0}.wn .w-foot svg{flex:none}.wn .w-foot b{color:var(--ink);font-weight:700}.wn .w-formats{display:grid;gap:10px 10px;grid-template-columns:1fr 1fr}.wn .w-fmt{display:grid;gap:5px;min-width:0}.wn .fx{background:#f5f3fa;border-radius:6px;height:74px;overflow:hidden;position:relative}.wn .fx img{display:block;height:100%;object-fit:contain;width:100%}.wn .fx-video img{object-fit:cover}.wn .fx-video .play{background:rgba(47,22,84,.78);border-radius:50%;height:22px;left:50%;margin:-11px 0 0 -11px;position:absolute;top:50%;width:22px}.wn .fx-video .play:after{border-bottom:5px solid transparent;border-left:8px solid #fff;border-top:5px solid transparent;content:"";left:8px;position:absolute;top:6px}.wn .fx-video .bar{background:rgba(47,22,84,.25);border-radius:2px;bottom:5px;height:3px;left:6px;position:absolute;right:6px}.wn .fx-video .bar i{background:#3bc8bc;bottom:0;left:0;position:absolute;top:0;width:38%}.wn .fx-cross small{background:#fff;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.08);color:#333;font-size:8px;font-weight:700;left:4px;line-height:1;padding:2px 4px;position:absolute;top:4px}.wn .w-fl{align-items:center;color:var(--text);display:flex;font-size:11px;gap:5px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wn .w-fl .tk{flex:none}.wn .w-win{display:flex;flex:1;flex-direction:column;min-height:0}.wn .w-wbar{align-items:center;background:#fbfafe;border-bottom:1px solid var(--line);color:var(--ink);display:flex;flex:none;font-size:12px;font-weight:600;gap:7px;height:32px;padding:0 11px}.wn .w-wbar svg{flex:none}.wn .w-wbar span{min-width:0;overflow:hidden;text-overflow:ellipsis;transition:opacity .25s ease;white-space:nowrap}.wn .w-wbar span.is-out{opacity:0}.wn .w-shots{flex:1;min-height:150px;position:relative}.wn .w-shots img{height:100%;inset:0;object-fit:cover;object-position:left top;opacity:0;position:absolute;transition:opacity .6s ease;width:100%}.wn .w-shots img.on{opacity:1}.wn .w-dots{align-items:center;display:flex;gap:5px}.wn .w-dots button{background:#cfc4ea;border:0;border-radius:50%;cursor:pointer;height:8px;padding:0;transition:background .3s ease,width .3s ease;width:8px}.wn .w-dots button:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.wn .w-dots button.on{background:var(--purple);border-radius:3px;width:16px}.wn.is-armed .w-tiles span.hot,.wn.is-armed .w-tiles span.warm{background:#f1edfa;box-shadow:none}.wn.is-armed .w-callout,.wn.is-armed .w-foot{opacity:0;transform:translateY(6px)}.wn.is-armed .w-link i{transform:scaleX(0)}.wn.is-playing .w-tiles span{transition:background .4s ease var(--d,0s),box-shadow .4s ease var(--d,0s)}.wn.is-playing .w-callout,.wn.is-playing .w-foot{transition:opacity .45s ease var(--d,0s),transform .45s ease var(--d,0s)}.wn .w-fmt,.wn .w-wbar{position:relative}.wn .w-fmt:after,.wn .w-shots:after,.wn .w-wbar:after{content:"";display:none;pointer-events:none;position:absolute;z-index:2}.wn .w-fmt:after{background:linear-gradient(100deg,hsla(0,0%,100%,0) 20%,hsla(0,0%,100%,.85) 50%,hsla(0,0%,100%,0) 80%) -100% 0 /50% 100% no-repeat,linear-gradient(#eee8fa,#eee8fa) 0 0 /100% 74px no-repeat,linear-gradient(#eee8fa,#eee8fa) 0 81px /70% 10px no-repeat,#fff;border-radius:6px;inset:0}.wn .w-shots:after{background:linear-gradient(100deg,hsla(0,0%,100%,0) 20%,hsla(0,0%,100%,.85) 50%,hsla(0,0%,100%,0) 80%) -100% 0 /50% 100% no-repeat,repeating-linear-gradient(180deg,#fff 0 16px,#eee8fa 16px 28px,#fff 28px 46px) 14px 0 /calc(100% - 28px) 100% no-repeat,#fff;inset:0}.wn .w-wbar:after{align-items:center;background:#fbfafe;bottom:0;color:var(--text);content:"Building the app\2026";font-weight:500;left:30px;right:0;top:0}.wn.is-armed .w-fmt:after,.wn.is-armed .w-shots:after,.wn.is-playing .w-fmt:after,.wn.is-playing .w-shots:after{display:block}.wn.is-armed .w-wbar:after,.wn.is-playing .w-wbar:after{display:flex}.wn.is-playing .w-fmt:after,.wn.is-playing .w-shots:after{animation:wn-shim 1.3s linear 5}.wn.is-playing .w-fmt:after,.wn.is-playing .w-shots:after,.wn.is-playing .w-wbar:after{transition:opacity .4s ease var(--d,0s)}.wn.is-playing:not(.is-armed) .w-fmt:after,.wn.is-playing:not(.is-armed) .w-shots:after,.wn.is-playing:not(.is-armed) .w-wbar:after{opacity:0}@keyframes wn-shim{to{background-position:300% 0,0 0,0 81px}}.wn.is-playing .w-shots:after{animation-name:wn-shim-rows}@keyframes wn-shim-rows{to{background-position:300% 0,14px 0}}.wn.is-playing .w-link i{transition:transform .6s ease var(--d,0s)}@media (max-width:991px){.wn .w-shots{min-height:190px}.wn{padding:64px 0 48px}.wn .w-steps{grid-template-columns:1fr;max-width:520px;row-gap:0}.wn .w-step{margin-bottom:40px}.wn .w-link{display:none}.wn .w-statement{font-size:28px}}@media (max-width:639px){.wn .w-statement{font-size:24px}.wn .w-fl{align-items:flex-start;white-space:normal}}@media (prefers-reduced-motion:reduce){.wn *,.wn :after,.wn :before{animation:none!important;transition:none!important}}