.intro-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;overflow:hidden;background:#000;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}.aurora{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.aurora-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35;animation:auroraFloat 8s ease-in-out infinite alternate}.aurora-orb-1{width:60vw;height:60vw;top:-20%;left:-15%;background:radial-gradient(circle,#1a6b3a 0%,#0d3b20 60%,transparent 100%);animation-duration:9s}.aurora-orb-2{width:50vw;height:50vw;top:10%;right:-20%;background:radial-gradient(circle,#0a2e6e 0%,#061840 60%,transparent 100%);animation-duration:11s;animation-delay:-3s}.aurora-orb-3{width:40vw;height:40vw;bottom:-10%;left:30%;background:radial-gradient(circle,#1a6b5a 0%,#0d3b30 60%,transparent 100%);animation-duration:13s;animation-delay:-6s}@keyframes auroraFloat{0%{transform:translate(0) scale(1)}to{transform:translate(4%,6%) scale(1.12)}}.particle{position:absolute;border-radius:50%;pointer-events:none;animation:particleDrift linear infinite}@keyframes particleDrift{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translate(30px);opacity:0}}.scene{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.logo-wrap{text-align:center;position:relative}.logo-glow{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;background:radial-gradient(ellipse,rgba(34,197,94,.3) 0%,transparent 70%);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3;transform:scale(.95)}50%{opacity:.7;transform:scale(1.05)}}.logo-text{font-size:clamp(2.5rem,7vw,5rem);font-weight:800;letter-spacing:-2px;background:linear-gradient(135deg,#fff,#86efac 40%,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.logo-text span{color:#22c55e;-webkit-text-fill-color:#22c55e}.tagline{font-size:clamp(.9rem,2.5vw,1.3rem);color:#ffffff8c;letter-spacing:.35em;text-transform:uppercase;margin-top:12px}.flow-wrap{display:flex;flex-direction:column;align-items:center;gap:0}.flow-node{display:flex;align-items:center;gap:14px;padding:14px 28px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:240px}.flow-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.flow-label{font-size:1rem;font-weight:600;color:#fff}.flow-sub{font-size:.75rem;color:#ffffff73}.flow-arrow{width:2px;height:32px;background:linear-gradient(to bottom,#22c55ecc,#22c55e33);position:relative;margin:4px 0}.flow-arrow:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #22c55e}.bg-slide{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;animation:bgPan 2s ease-in-out infinite alternate}@keyframes bgPan{0%{transform:scale(1.05) translate(-1%)}to{transform:scale(1.08) translate(1%)}}.bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000008c,#00000040 40%,#000000bf)}.industry-label{position:absolute;bottom:80px;left:50%;transform:translate(-50%);font-size:clamp(1.4rem,4vw,2.5rem);font-weight:700;color:#fff;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 20px rgba(0,0,0,.8);white-space:nowrap}.cards-scene{position:relative;width:100%;height:100%}.glass-card{position:absolute;padding:16px 20px;border-radius:18px;background:#ffffff12;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff1a;display:flex;align-items:center;gap:12px;min-width:160px;animation:cardFloat 4s ease-in-out infinite alternate}@keyframes cardFloat{0%{transform:translateY(0) rotate(var(--rot,0deg))}to{transform:translateY(-12px) rotate(var(--rot,0deg))}}.card-icon{font-size:24px}.card-text{font-size:.85rem;font-weight:600;color:#ffffffe6}.card-sub{font-size:.7rem;color:#ffffff73}.qr-wrap{text-align:center;position:relative}.qr-box{width:clamp(160px,28vw,220px);height:clamp(160px,28vw,220px);margin:0 auto 24px;position:relative;border-radius:16px;background:#fff;padding:12px;box-shadow:0 0 60px #22c55e80}.qr-box svg{width:100%;height:100%}.scan-line{position:absolute;left:6px;right:6px;height:2px;background:linear-gradient(to right,transparent,#22c55e,transparent);box-shadow:0 0 12px #22c55e;animation:scanMove 1.5s linear infinite}@keyframes scanMove{0%{top:12px;opacity:0}10%{opacity:1}90%{opacity:1}to{top:calc(100% - 12px);opacity:0}}.scan-status{font-size:clamp(1rem,2.5vw,1.4rem);font-weight:700;color:#22c55e;letter-spacing:.05em;text-shadow:0 0 20px rgba(34,197,94,.6)}.scan-step{font-size:.85rem;color:#ffffff80;margin-top:6px;letter-spacing:.1em}.burst-particle{position:absolute;width:4px;height:4px;border-radius:50%;background:#22c55e;pointer-events:none}.payment-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;max-width:600px}.payment-badge{padding:14px 24px;border-radius:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-size:.9rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px;box-shadow:0 4px 24px #0000004d}.finale-wrap{text-align:center}.finale-words{display:flex;gap:clamp(16px,4vw,48px);justify-content:center;margin-bottom:24px;flex-wrap:wrap}.finale-word{font-size:clamp(1.8rem,5vw,3.5rem);font-weight:800;letter-spacing:-1px;color:#fff}.finale-word.green{background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.finale-dot{color:#fff3;font-size:2rem}.finale-tag{font-size:clamp(.85rem,2vw,1.1rem);letter-spacing:.3em;text-transform:uppercase;color:#fff6;margin-bottom:40px}.cta-btn{padding:16px 48px;border-radius:50px;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:.04em;cursor:pointer;box-shadow:0 8px 32px #22c55e66,0 0 #22c55e4d;transition:transform .2s,box-shadow .2s;animation:ctaPulse 2s ease-in-out infinite}.cta-btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 12px 40px #22c55e8c}@keyframes ctaPulse{0%,to{box-shadow:0 8px 32px #22c55e66,0 0 #22c55e4d}50%{box-shadow:0 8px 32px #22c55e66,0 0 0 12px #22c55e00}}.skip-btn{position:fixed;top:24px;right:24px;z-index:10001;padding:8px 20px;border-radius:50px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff9;font-size:.85rem;font-weight:500;letter-spacing:.06em;cursor:pointer;transition:all .2s}.skip-btn:hover{background:#ffffff26;color:#fff}.progress-bar{position:fixed;bottom:0;left:0;height:2px;background:linear-gradient(to right,#22c55e,#16a34a);box-shadow:0 0 8px #22c55e;transition:width .4s linear;z-index:10001}.phone-canvas-wrap{width:clamp(200px,35vw,320px);height:clamp(350px,55vh,560px)}@media (max-width: 640px){.flow-node{min-width:200px;padding:10px 16px}.glass-card{min-width:120px;padding:12px 14px}.payment-grid{gap:12px}.payment-badge{padding:10px 16px;font-size:.8rem}}