*{margin:0;padding:0;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';background:#0a0a0a;color:#ededed;overflow:hidden;width:100%;height:100vh;position:relative}#particles-js{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 50%,#0a0a0a 100%)}.header-container{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:#13152B;padding:30px 20px;display:flex;align-items:center;justify-content:center}.logo{position:absolute;left:20px;width:180px;display:block;cursor:pointer;transition:opacity 0.3s ease}.logo:hover{opacity:.8}.logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 8px rgb(0 0 0 / .5))}.step-title{margin:0;font-size:20px;font-weight:600;color:#fff;opacity:.9;text-align:center;pointer-events:none}.cta-button{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:90%;z-index:1001;background:#6b5ce7;color:#fff;padding:16px 24px;border-radius:50px;text-decoration:none;font-weight:600;font-size:16px;transition:all 0.3s ease;display:none;text-align:center}.cta-button.active{display:inline-block;background:#000;color:#fff;border:2px solid #fff}.cta-button:hover{transform:translateX(-50%) scale(1.1)}.main-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:90px 20px 32px;position:relative;z-index:1}.route-step-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:#fff0;border:1px solid rgb(255 255 255);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;z-index:10}.route-step-nav-arrow:hover{background:rgb(255 255 255)}.route-step-nav-arrow:hover .route-step-nav-arrow-icon{color:#000}.route-step-nav-arrow.hidden{display:none}.route-step-nav-arrow.left{left:calc(50% - 195px - 30px - 32px)}.route-step-nav-arrow.right{right:calc(50% - 195px - 30px - 32px)}.route-step-nav-arrow-icon{display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}.route-step-nav-arrow-icon svg{width:16px;height:16px}.iphone-frame{width:390px;height:844px;max-height:calc(100vh - 112px);background-color:#1d1d1f;border-radius:24px;padding:4px;position:relative;transition:all 0.3s ease;z-index:10}.iphone-screen{width:100%;height:100%;background-color:#000;border-radius:24px;overflow:hidden;position:relative}.iphone-content{width:100%;height:100%;overflow:hidden;position:relative;background:#000;display:flex;flex-direction:column}.header{position:fixed;top:0;left:0;right:0;padding:20px 20px 15px;z-index:10;background:linear-gradient(180deg,rgb(0 0 0 / .8) 0%,rgb(0 0 0 / .4) 70%,transparent 100%)}.title{font-size:24px;font-weight:500;color:#fff;margin:0;text-align:center}.slide-container{width:100%;height:100%;position:relative;display:flex;flex-direction:column}.slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;display:flex;flex-direction:column;background:#000;pointer-events:none}.slide.active{opacity:1;z-index:2;pointer-events:auto}.slide img{width:100%;flex:1;object-fit:contain;min-height:0;padding-top:90px}.slide-text{flex-shrink:0;padding:20px 20px 90px;display:flex;flex-direction:column;justify-content:flex-start;color:#fff;overflow-y:auto}.slide-text p{font-size:16px;line-height:1.6;font-weight:300;margin:0}.slide-caption{font-size:12px;color:rgb(255 255 255 / .6);margin-top:20px;font-weight:300;line-height:1.4}.progress-indicator{position:absolute;top:70px;left:20px;right:20px;display:flex;gap:6px;z-index:11}.progress-line{flex:1;height:3px;background:rgb(255 255 255 / .7);border-radius:2px;transition:background 0.3s ease}.progress-line.active{background:rgb(255 255 255)}.touch-hint{position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:15;opacity:0;transition:opacity 0.3s ease;width:70px;height:70px;display:flex;align-items:center;justify-content:center;pointer-events:none}.touch-hint.visible{opacity:1;animation:bounceIn 0.8s cubic-bezier(.68,-.55,.265,1.55)}.touch-hint::before{content:'';position:absolute;width:100px;height:100px;border-radius:50%;background-color:rgb(255 255 255 / .1);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.touch-hint img{width:70px;height:70px;filter:drop-shadow(0 2px 8px rgb(0 0 0 / .5));position:relative;z-index:1}@keyframes bounceIn{0%{transform:translateY(-50%) scale(.3);opacity:0}50%{transform:translateY(-50%) scale(1.05);opacity:1}70%{transform:translateY(-50%) scale(.95)}100%{transform:translateY(-50%) scale(1);opacity:1}}@media (max-width:768px){.main-container{padding:0}.route-step-nav-arrow{display:none}.iphone-frame{width:100%;height:100svh;max-height:100svh;border-radius:0;padding:0}.iphone-screen{border-radius:0}.header-container{padding:6px 1em;flex-direction:row;justify-content:space-between}.logo{position:unset;width:150px}.step-title{font-size:20px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.cta-button{position:fixed;left:24px;right:24px;width:auto;transform:none!important;padding:12px 24px;font-size:16px;bottom:20px}.cta-button:hover{transform:none!important}.view-all-btn{position:fixed!important}.all-steps-open .header-container{z-index:-1}.all-steps-open .cta-button{display:none!important}.slide{padding-top:70px;overflow:hidden}.slide img{width:100%;height:auto;flex:0 0 auto;object-fit:contain;object-position:center;padding-top:0}.slide-text{flex:0 0 auto;padding:16px 20px 80px;overflow:hidden}.header{left:0;right:0}.progress-indicator{left:20px;right:20px;position:fixed;top:90px}.touch-hint{right:16px;left:auto;position:fixed}}.iphone-content{cursor:pointer}.slide-text::-webkit-scrollbar{width:3px}.slide-text::-webkit-scrollbar-track{background:rgb(255 255 255 / .1)}.slide-text::-webkit-scrollbar-thumb{background:rgb(255 255 255 / .3);border-radius:2px}.slide-text::-webkit-scrollbar-thumb:hover{background:rgb(255 255 255 / .5)}#mainContent{display:flex;flex-direction:column}.slide img{width:100%;height:100%;object-fit:contain;margin-top:0}.slide-text{display:none}.slide.navigation-slide{flex-direction:column;align-items:center;justify-content:center;padding:40px 12px;background:#000}.slide.navigation-slide.active{display:flex}.nav-slide-content{width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center}.nav-title{font-size:20px;font-weight:400;color:rgb(255 255 255);margin:0;text-align:center;margin-bottom:16px}.route-completed{font-size:38px;font-weight:500;color:#fff;margin:0;text-align:center;margin-bottom:32px}.current-step-card{background:#fff;border-radius:16px;padding:8px;width:100%;display:flex;align-items:center;gap:16px;border:3px solid #6b5ce7;box-shadow:0 8px 32px rgb(107 92 231 / .3);margin-bottom:12px;cursor:pointer;transition:all 0.3s ease}.current-step-card:hover{transform:scale(1.02);box-shadow:0 12px 40px rgb(107 92 231 / .5)}.current-step-card .step-card-content{flex:1;min-width:0}.current-step-card .step-card-image img{padding-top:0!important}.current-step-card h3{font-size:18px;font-weight:500;color:#000;margin:0 0 4px 0;line-height:1.3}.current-step-card p{font-size:14px;font-weight:400;color:#6b5ce7;margin:0}.nav-buttons{width:100%;display:flex;gap:2px}.nav-btn{width:100%;background-color:#000;border:2px solid #fff;border-radius:55px;padding-top:7px;padding-bottom:7px;padding-left:12px;padding-right:12px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:12px}.nav-btn:hover:not(:disabled){transform:scale(1.05)}.nav-btn:disabled{display:none}.nav-btn.next-btn{background-color:#6b5ce7;color:#fff;border:none;transition:all 0.3s ease}.nav-btn.next-btn.alone{width:50%;margin-left:auto}.nav-btn.prev-btn.alone{width:50%;margin-right:auto}.nav-btn svg{width:30px;height:30px;fill:currentColor}.nav-btn svg path{fill:currentColor}.view-all-btn{width:90%;padding:16px 24px;font-size:16px;font-weight:600;border:none;border-radius:50px;background:#fff;color:#000;cursor:pointer;transition:all 0.3s ease;position:absolute;bottom:80px;z-index:20}.view-all-btn.final{background:#000;color:#fff;border:2px solid #fff}.view-all-btn:hover{transform:scale(1.1)}.all-steps-view{width:100%;height:100%;background:#000;display:flex;flex-direction:column;overflow:hidden;position:absolute;top:0;left:0;z-index:100}.all-steps-header{display:flex;justify-content:center;align-items:center;padding:20px 8px;border-bottom:1px solid rgb(255 255 255 / .1);position:relative}.all-steps-header h2{font-size:22px;font-weight:400;color:#fff;margin:0}.close-btn{background:none;border:none;color:#fff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;position:absolute;right:0;top:50%;transform:translateY(-50%)}.close-btn:hover{transform:scale(1.1) translateY(-50%)}.close-btn svg{width:32px;height:32px}.all-steps-list{flex:1;overflow-y:auto;padding:24px 12px 120px 12px;display:flex;flex-direction:column;gap:16px}.step-card{background:#fff;border-radius:16px;padding:8px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all 0.3s ease;border:3px solid #fff0;opacity:0;animation:fadeInUp 0.4s ease forwards}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-card:hover:not(.current){transform:scale(1.02);box-shadow:0 4px 16px rgb(255 255 255 / .2)}.step-card:hover:not(.current) .step-card-arrow{transform:translateX(4px)}.step-card.current{border-color:#6b5ce7;box-shadow:0 4px 20px rgb(107 92 231 / .3)}.step-card-image{width:80px;height:80px;border-radius:12px;overflow:hidden;flex-shrink:0}.step-card-image img{width:100%;height:100%;object-fit:cover;scale:1.1}.step-card-content{flex:1;min-width:0}.step-card-content h3{font-size:18px;font-weight:500;color:#000;margin:0 0 4px 0;line-height:1.3}.current-label{font-size:14px;font-weight:400;color:#6b5ce7;margin:0}.step-card-arrow{width:24px;height:24px;color:#999;flex-shrink:0;transition:transform 0.3s ease}.all-steps-list::-webkit-scrollbar{width:4px}.all-steps-list::-webkit-scrollbar-track{background:rgb(255 255 255 / .05)}.all-steps-list::-webkit-scrollbar-thumb{background:rgb(255 255 255 / .2);border-radius:2px}.all-steps-list::-webkit-scrollbar-thumb:hover{background:rgb(255 255 255 / .3)}.all-steps-open .cta-button{display:none!important}