:root{--bg-color: #0F172A;--surface-color: #1E293B;--primary-color: #8B5CF6;--primary-hover: #7C3AED;--accent-color: #38BDF8;--text-primary: #F8FAFC;--text-secondary: #94A3B8;--font-main: "Inter", sans-serif;--font-display: "Playfair Display", serif;--glass-bg: rgba(30, 41, 59, .4);--glass-border: rgba(255, 255, 255, .1);--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-main);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit;transition:var(--transition)}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:2}.navbar{padding:15px 0;position:fixed;top:0;left:0;width:100%;z-index:1000;transition:all .3s ease}.navbar.scrolled{background-color:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d;padding:10px 0}.navbar-content{display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:10px;z-index:1100}.logo-img{height:55px;width:auto;display:block;object-fit:contain;margin-left:90px}.nav-links,.nav-actions{display:none}@media(min-width:769px){.nav-links{display:flex;gap:32px;background:#0f172a99;padding:10px 30px;border-radius:50px;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-links a{color:var(--text-secondary);font-size:.9rem;font-weight:500}.nav-links a:hover{color:var(--text-primary)}.nav-actions{display:flex;gap:16px;align-items:center}.bottom-nav{display:none!important}}.btn-text{color:var(--text-primary);font-weight:600;font-size:.95rem}.btn-text:hover{color:var(--primary-color)}.btn-primary{background-color:var(--primary-color);color:#fff;padding:10px 24px;border-radius:50px;font-weight:600;font-size:.9rem;box-shadow:0 4px 15px #8b5cf64d;border:none;cursor:pointer;display:inline-block}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.bottom-nav{display:none}@media(max-width:768px){body{padding-bottom:80px}.bottom-nav{display:flex;justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;width:100%;height:70px;background-color:#0f172afa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -5px 20px #0000004d;z-index:9999;padding-bottom:env(safe-area-inset-bottom)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:var(--text-secondary);font-size:.75rem;gap:4px;flex:1;height:100%;transition:all .2s ease}.nav-item i{font-size:1.6rem;margin-bottom:2px;transition:transform .2s ease}.nav-item.active{color:var(--primary-color);font-weight:600}.nav-item.active i{transform:translateY(-2px)}.nav-item.highlight-item{color:var(--text-primary)}.nav-item.highlight-item i{color:var(--accent-color)}.hero{padding-top:100px;text-align:center;min-height:auto}.hero-container{gap:40px}.hero-text h1{font-size:2.2rem}.hero-text p{margin:0 auto 30px}.cta-group,.stats,.footer-content,.footer-links{justify-content:center;text-align:center;flex-direction:column;align-items:center}.footer-links{gap:20px}}.hero{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;padding-top:100px;padding-bottom:60px;overflow:hidden}.hero-slideshow{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.slide-item{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;animation:slideAnimation 12s infinite}.slide-item:nth-child(1){animation-delay:0s}.slide-item:nth-child(2){animation-delay:4s}.slide-item:nth-child(3){animation-delay:8s}@keyframes slideAnimation{0%{opacity:0;transform:scale(1)}5%{opacity:1}33%{opacity:1;transform:scale(1.05)}38%{opacity:0}to{opacity:0}}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#0f172afa,#0f172ad9 40%,#0f172a66);z-index:1}.hero-container{display:grid;grid-template-columns:1fr;gap:50px;align-items:center;width:100%}@media(min-width:992px){.hero-container{grid-template-columns:1.1fr .9fr}}.badge{background:#8b5cf626;color:#a78bfa;padding:6px 16px;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;display:inline-block;margin-bottom:24px;border:1px solid rgba(139,92,246,.2)}.hero-text h1{font-family:var(--font-display);font-size:3rem;line-height:1.15;margin-bottom:24px;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-text p{color:var(--text-secondary);font-size:1.15rem;margin-bottom:32px;max-width:480px}.cta-group{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:40px}.btn-outline{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text-primary);padding:10px 24px;border-radius:50px;display:flex;align-items:center;gap:8px;font-weight:500}.btn-outline:hover{background:#ffffff0d;border-color:var(--text-primary)}.stats{display:flex;gap:40px;border-top:1px solid rgba(255,255,255,.1);padding-top:24px}.stat-item strong{display:block;font-size:1.8rem;font-weight:700;color:var(--text-primary)}.stat-item span{font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.hero-visual{position:relative;display:flex;justify-content:center}.glass-card{width:100%;max-width:500px;height:380px;background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:20px;padding:24px;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.dots{display:flex;gap:6px}.dots span{width:10px;height:10px;background:#ffffff26;border-radius:50%}.bar{font-size:.8rem;color:var(--text-secondary);background:#0003;padding:4px 12px;border-radius:6px}.mock-chart{height:140px;background:linear-gradient(180deg,rgba(139,92,246,.25) 0%,transparent 100%);border-top:2px solid var(--primary-color);border-radius:6px;margin-bottom:24px;position:relative}.mock-lines{height:10px;background:#ffffff0d;border-radius:4px;margin-bottom:12px;width:100%}.mock-lines:nth-child(2){width:80%}.mock-lines:nth-child(3){width:60%}.glow-effect{position:absolute;bottom:-50px;right:-50px;width:150px;height:150px;background:var(--primary-color);filter:blur(80px);opacity:.3;pointer-events:none}.section-padding{padding:100px 0}.features{background-color:var(--bg-color);position:relative}.section-header{text-align:center;margin-bottom:70px;max-width:700px;margin-left:auto;margin-right:auto}.section-header h2{font-family:var(--font-display);font-size:2.5rem;margin-bottom:16px;color:var(--text-primary)}.section-header p{color:var(--text-secondary);font-size:1.1rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.feature-card{background:var(--surface-color);padding:40px 30px;border-radius:16px;border:1px solid rgba(255,255,255,.03);transition:var(--transition);position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%}.feature-card:hover{transform:translateY(-8px);border-color:#8b5cf64d;box-shadow:0 10px 40px -10px #00000080}.icon-box{width:60px;height:60px;background:#8b5cf61a;color:var(--primary-color);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin-bottom:24px;transition:var(--transition)}.feature-card:hover .icon-box{background:var(--primary-color);color:#fff}.feature-card h3{margin-bottom:12px;font-size:1.3rem;color:var(--text-primary)}.feature-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.feature-list{margin-top:16px;display:flex;flex-direction:column;gap:10px}.feature-list li{font-size:.9rem;color:var(--text-secondary);display:flex;align-items:flex-start;gap:10px;line-height:1.4}.feature-list li i{color:var(--primary-color);font-size:1rem;margin-top:2px}.footer{background-color:#020617;border-top:1px solid rgba(255,255,255,.05);padding:80px 0 30px;margin-top:50px}.footer-content{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;margin-bottom:50px}.footer-brand h3{font-family:var(--font-display);font-size:1.8rem;margin-bottom:12px;color:var(--text-primary)}.footer-brand p{color:var(--text-secondary);font-size:.9rem}.footer-links{display:flex;gap:30px}.footer-links a{color:var(--text-secondary);font-size:.9rem;position:relative}.footer-links a:hover{color:var(--primary-color)}.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.05);padding-top:30px;color:#475569;font-size:.85rem}.monitor-wrapper{width:100%;max-width:550px;aspect-ratio:16/9;border-radius:12px;border:1px solid rgba(255,255,255,.1);background-color:var(--surface-color);box-shadow:0 20px 50px -10px #00000080;overflow:hidden;position:relative;z-index:2}.mobile-wrapper{width:280px;height:580px;border-radius:30px;border:8px solid #1E293B;background-color:#000;box-shadow:0 20px 50px -10px #00000080;overflow:hidden;position:relative;z-index:2}.sliding-track{display:flex;width:500%;height:100%;transition:transform .5s cubic-bezier(.25,1,.5,1)}.sliding-track img{width:20%;height:100%;object-fit:cover}@media(max-width:768px){.monitor-wrapper{max-width:100%}}.modern-demo-section{padding:100px 0;background-color:#fbfbfb;overflow:hidden}.modern-demo-section .section-header h2{font-size:2.5rem;color:#1a1a1a;margin-bottom:10px}.modern-demo-section .section-header p{color:#555}.demo-wrapper{display:flex;align-items:center;justify-content:space-between;gap:50px;margin-bottom:120px}.reverse-layout{flex-direction:row-reverse}.demo-text{flex:1;max-width:450px}.demo-text h3{font-size:2rem;color:#333;margin-bottom:20px}.demo-features{list-style:none;padding:0;margin-top:20px}.demo-features li{margin-bottom:10px;font-size:1.1rem;color:#555}.demo-visual{flex:1.2;position:relative;perspective:1000px}.image-stack{position:relative;width:100%;border-radius:24px;background:#fff;box-shadow:0 20px 60px -10px #00000026,0 0 0 1px #00000008;overflow:hidden}.web-visual .image-stack{aspect-ratio:16 / 9}.mobile-stack-size{max-width:380px;aspect-ratio:9 / 18;margin:0 auto}.image-stack img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.5s ease-in-out;z-index:1}.image-stack img.active{opacity:1;z-index:2}@media(max-width:992px){.demo-wrapper,.reverse-layout{flex-direction:column;text-align:center;gap:30px}.demo-text{max-width:100%}.demo-visual{width:100%}}.modern-demo-section{padding:100px 0;background:linear-gradient(180deg,var(--bg-color) 0%,#162033 100%);overflow:hidden}.demo-display-container{display:flex;justify-content:center;margin-top:40px;perspective:1000px}.browser-frame{width:100%;max-width:900px;aspect-ratio:16/9;background-color:var(--surface-color);border-radius:12px;box-shadow:0 20px 50px -12px #00000080,0 0 0 1px #ffffff1a;overflow:hidden;display:flex;flex-direction:column;position:relative;transition:transform .3s ease}.browser-frame:hover{transform:translateY(-5px);box-shadow:0 30px 60px -12px #8b5cf626}.browser-header{height:40px;background:#0f172acc;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;padding:0 16px;gap:16px}.browser-dots{display:flex;gap:6px}.browser-dots span{width:10px;height:10px;border-radius:50%;background-color:#fff3}.browser-dots span:nth-child(1){background-color:#ef4444}.browser-dots span:nth-child(2){background-color:#f59e0b}.browser-dots span:nth-child(3){background-color:#10b981}.browser-bar{flex:1;height:24px;background:#0003;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--text-secondary);font-family:monospace}.screen-content{position:relative;flex:1;width:100%;height:100%;background-color:#000}.demo-slide{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;opacity:0;transition:opacity 1.5s ease-in-out;z-index:1}.modern-demo-section{padding:120px 0;background:linear-gradient(180deg,var(--bg-color) 0%,#162033 100%);overflow:hidden;position:relative}.demo-showcase{position:relative;max-width:1000px;margin:50px auto 0;z-index:10}.browser-frame{background:#1e293bb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d;overflow:hidden;transform:perspective(1000px) rotateX(0);transition:transform .3s ease,box-shadow .3s ease}.browser-frame:hover{transform:translateY(-5px);box-shadow:0 40px 70px -15px #0009,0 0 0 1px #8b5cf64d}.browser-header{height:48px;display:flex;align-items:center;padding:0 20px;gap:20px;border-bottom:1px solid rgba(255,255,255,.05);background:#0f172a80}.window-controls{display:flex;gap:8px}.control{width:12px;height:12px;border-radius:50%}.control.red{background-color:#ff5f57}.control.yellow{background-color:#febc2e}.control.green{background-color:#28c840}.address-bar{flex:1;background:#0003;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:8px;color:#94a3b8;font-size:.85rem;font-family:monospace;border:1px solid rgba(255,255,255,.02)}.header-actions{color:#64748b;font-size:1.2rem}.screen-viewport{position:relative;width:100%;aspect-ratio:16/9;background-color:#0f172a;overflow:hidden}.demo-slide{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;opacity:0;transition:opacity .8s ease-in-out,transform 6s ease;transform:scale(1);z-index:1}.demo-slide.active{opacity:1;z-index:2;transform:scale(1.02)}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:1.2rem;cursor:pointer;z-index:20;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.nav-btn:hover{background:var(--primary-color);transform:translateY(-50%) scale(1.1)}.prev-btn{left:20px}.next-btn{right:20px}.browser-frame:hover .nav-btn{opacity:1}.slide-indicators{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:20}.indicator{width:8px;height:8px;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:all .3s ease}.indicator.active{background:#fff;width:24px;border-radius:4px}.ambient-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,rgba(139,92,246,.15) 0%,transparent 70%);z-index:-1;pointer-events:none}@media(max-width:768px){.modern-demo-section{padding:60px 0}.nav-btn{opacity:1;width:36px;height:36px;background:#0000004d}.prev-btn{left:10px}.next-btn{right:10px}.address-bar span{display:none}.address-bar i{margin:0}}.screen-viewport{position:relative;overflow:hidden}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:100;cursor:pointer;background:#00000080;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;transition:background .3s}.nav-btn:hover{background:var(--primary-color)}.prev-btn{left:15px}.next-btn{right:15px}.demo-slide{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out;z-index:1}.demo-slide.active{opacity:1;z-index:2}.slide-indicators{z-index:100;position:absolute;bottom:15px;width:100%;display:flex;justify-content:center;gap:8px}.mobile-app-section{padding:100px 0;background-color:#0b1120;position:relative;overflow:hidden}.mobile-app-section:before{content:"";position:absolute;top:-150px;left:30%;width:600px;height:600px;background:radial-gradient(circle,rgba(139,92,246,.12),transparent 60%);pointer-events:none;z-index:0}.mobile-app-section:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);pointer-events:none;z-index:0}.mobile-app-section .container{position:relative;z-index:2}.mobile-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.mobile-text h2{font-family:var(--font-display);font-size:3rem;line-height:1.1;margin-bottom:20px;color:#f8fafc}.mobile-text p{color:#94a3b8;font-size:1.1rem;margin-bottom:30px;max-width:450px}.mobile-features-list{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.mobile-features-list li{display:flex;align-items:center;gap:12px;color:#cbd5e1;font-size:1rem}.icon-check{width:24px;height:24px;background:#8b5cf633;color:#a78bfa;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem}.app-buttons{display:flex;gap:16px}.mobile-visual{position:relative;display:flex;justify-content:center}.phone-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:420px;height:640px;background:radial-gradient(circle at 30% 30%,rgba(139,92,246,.35) 0%,transparent 55%),radial-gradient(circle at 70% 70%,rgba(56,189,248,.22) 0%,transparent 55%);filter:blur(40px);z-index:0;animation:phoneGlowPulse 8s ease-in-out infinite}@keyframes phoneGlowPulse{0%,to{opacity:.7;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}}.phone-frame{position:relative;z-index:2;width:300px;height:600px;background:#0a0a0a;border-radius:42px;padding:12px;box-shadow:0 30px 80px -20px #000000b3,0 0 0 1px #ffffff0d inset,0 0 60px #8b5cf626;overflow:hidden;transition:transform .5s cubic-bezier(.22,1,.36,1)}.phone-frame:hover{transform:translateY(-10px) rotateY(-3deg) rotateX(2deg)}.phone-notch{position:absolute;top:18px;left:50%;transform:translate(-50%);width:100px;height:22px;background:#0a0a0a;border-radius:14px;z-index:10}.phone-buttons-right{position:absolute;right:-2px;top:110px;width:3px;height:50px;background:#1f2937;border-radius:2px 0 0 2px}.phone-buttons-left{position:absolute;left:-2px;top:90px;width:3px;height:28px;background:#1f2937;border-radius:0 2px 2px 0}.phone-buttons-left:after{content:"";position:absolute;top:40px;left:0;width:100%;height:28px;background:inherit;border-radius:inherit}.tech-visual-wrapper{position:relative;display:flex;justify-content:center;align-items:center;min-height:640px}.floating-card{position:absolute;background:#1e293bd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 14px;box-shadow:0 12px 40px -10px #0009;display:flex;align-items:center;gap:10px;z-index:3;animation:floatCard 6s ease-in-out infinite;transition:transform .4s ease}.floating-card:hover{transform:translateY(-4px) scale(1.04)}.floating-card .fc-icon{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0}.floating-card .fc-text{display:flex;flex-direction:column;line-height:1.2}.floating-card .fc-label{font-size:.6rem;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.floating-card .fc-value{font-size:.85rem;color:#f1f5f9;font-weight:700}.floating-card.fc-success .fc-icon{background:#34d39926;color:#34d399}.floating-card.fc-primary .fc-icon{background:#8b5cf62e;color:#a78bfa}.floating-card.fc-accent .fc-icon{background:#38bdf826;color:#38bdf8}.floating-card.fc-warn .fc-icon{background:#f59e0b26;color:#fbbf24}.floating-card.fc-top-left{top:8%;left:-8%;animation-delay:-2s}.floating-card.fc-top-right{top:22%;right:-12%;animation-delay:-4s}.floating-card.fc-bottom-left{bottom:22%;left:-10%;animation-delay:-1s}.floating-card.fc-bottom-right{bottom:8%;right:-6%;animation-delay:-3s}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.floating-card{opacity:0;transform:scale(.85) translateY(20px)}.mobile-visual.in-view .floating-card{animation:fcPopIn .7s cubic-bezier(.22,1,.36,1) forwards,floatCard 6s ease-in-out infinite}.mobile-visual.in-view .floating-card.fc-top-left{animation-delay:.3s,1s}.mobile-visual.in-view .floating-card.fc-top-right{animation-delay:.5s,1.2s}.mobile-visual.in-view .floating-card.fc-bottom-left{animation-delay:.7s,1.4s}.mobile-visual.in-view .floating-card.fc-bottom-right{animation-delay:.9s,1.6s}@keyframes fcPopIn{0%{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:991px){.tech-visual-wrapper{min-height:auto}.floating-card.fc-top-right,.floating-card.fc-bottom-left{display:none}.floating-card.fc-top-left{top:-10px;left:-10px}.floating-card.fc-bottom-right{bottom:-10px;right:-10px}}@media(max-width:600px){.floating-card{display:none}}.phone-screen{width:100%;height:100%;background:#000;position:relative;border-radius:35px;overflow:hidden}.mobile-slide{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s ease-in-out}.mobile-slide.active{opacity:1}@media(max-width:992px){.mobile-grid{grid-template-columns:1fr;text-align:center;gap:40px}.mobile-text p,.mobile-features-list{margin-left:auto;margin-right:auto;justify-content:center}.app-buttons{justify-content:center}.mobile-visual{margin-top:20px}.phone-frame{width:260px;height:520px}}@media(max-width:768px){.mobile-app-section{padding:56px 0}.mobile-text h2{font-size:1.7rem}.mobile-features-list li{font-size:.92rem;text-align:left}.mobile-features-list{max-width:340px}.phone-frame{width:240px;height:480px;padding:10px}.phone-frame .phone-notch{width:90px;height:20px;top:16px}.app-buttons .btn-primary{width:100%;max-width:320px;justify-content:center;padding:14px 24px;min-height:48px}}.testimonials-section{padding:100px 0;background-color:var(--bg-color);position:relative}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:40px}.testimonial-card{background:var(--surface-color);border:1px solid rgba(255,255,255,.05);padding:30px;border-radius:16px;transition:all .3s ease;display:flex;flex-direction:column;justify-content:space-between;height:100%}.testimonial-card:hover{transform:translateY(-5px);border-color:#8b5cf64d;box-shadow:0 10px 30px -10px #00000080}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.stars{color:#f59e0b;letter-spacing:2px;font-size:1rem}.verified{font-size:.8rem;color:#10b981;display:flex;align-items:center;gap:4px;font-weight:500}.testimonial-text{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:24px;font-style:italic;flex-grow:1}.author{display:flex;align-items:center;gap:12px;border-top:1px solid rgba(255,255,255,.05);padding-top:20px}.avatar-circle{width:40px;height:40px;background:linear-gradient(135deg,var(--primary-color),#4c1d95);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;border:2px solid rgba(255,255,255,.1)}.author-info{display:flex;flex-direction:column}.author-info strong{color:var(--text-primary);font-size:.9rem}.author-info span{color:var(--text-secondary);font-size:.8rem}@media(max-width:768px){.testimonials-grid{grid-template-columns:1fr}}.pricing-section{padding:100px 0;background:#0b1120;position:relative;overflow:hidden}.pricing-section:before{content:"";position:absolute;top:-200px;left:50%;width:700px;height:700px;background:radial-gradient(circle,rgba(139,92,246,.14),transparent 60%);transform:translate(-50%);pointer-events:none;z-index:0}.pricing-section:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);pointer-events:none;z-index:0}.pricing-section .container{position:relative;z-index:2}.pricing-toggle-container{display:flex;justify-content:center;margin-bottom:60px}.pricing-toggle{background:#1e293b80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:6px;border-radius:50px;display:inline-flex;position:relative}.toggle-btn{background:transparent;border:none;color:var(--text-secondary);padding:12px 24px;font-size:.95rem;font-weight:500;cursor:pointer;border-radius:40px;transition:all .3s ease;display:flex;align-items:center;gap:8px}.toggle-btn.active{background:var(--primary-color);color:#fff;box-shadow:0 4px 15px #8b5cf64d}.discount-tag{font-size:.7rem;background:#10b981;color:#fff;padding:2px 6px;border-radius:10px;font-weight:700}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:center}.pricing-card{background:var(--surface-color);border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:30px;position:relative;transition:transform .3s ease;display:flex;flex-direction:column}.pricing-card:hover{transform:translateY(-10px);border-color:#8b5cf64d}.pricing-card.popular{background:#8b5cf614;border:1px solid var(--primary-color);transform:scale(1.05);z-index:2;box-shadow:0 20px 40px -10px #8b5cf626}.popular-tag{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--primary-color);color:#fff;padding:4px 16px;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase}.plan-header h3{font-size:1.4rem;margin-bottom:8px;color:var(--text-primary)}.plan-header .desc{font-size:.85rem;color:var(--text-secondary);height:40px}.plan-price{margin:30px 0;color:var(--text-primary)}.plan-price .currency{font-size:1.2rem;vertical-align:top;opacity:.7}.plan-price .amount{font-size:3rem;font-weight:700;font-family:var(--font-display)}.plan-price .period{font-size:.9rem;color:var(--text-secondary)}.plan-features{margin-bottom:30px}.plan-features ul{display:flex;flex-direction:column;gap:14px}.plan-features li{font-size:.9rem;color:var(--text-secondary);display:flex;align-items:center;gap:10px}.plan-features li i{color:var(--primary-color);font-size:1.1rem}.plan-features li strong{color:#fff}.full-width{width:100%;text-align:center}.pricing-note{margin-top:40px;font-size:.8rem;color:#64748b}@media(max-width:1100px){.pricing-grid{grid-template-columns:repeat(2,1fr);gap:30px}.pricing-card.popular{transform:scale(1)}}@media(max-width:650px){.pricing-grid{grid-template-columns:1fr}.pricing-toggle{flex-direction:column;width:100%;border-radius:20px}.toggle-btn{justify-content:space-between;width:100%}}.pricing-toggle-container{position:relative;z-index:50}.original-price{display:block;font-size:.9rem;color:#94a3b8;text-decoration:line-through;margin-top:-5px;margin-bottom:10px;height:20px;font-weight:400;opacity:0;transition:opacity .3s ease}.original-price.visible{opacity:1}.plan-price{margin:20px 0 10px}.pricing-section.launch-mode{background:linear-gradient(180deg,#0f172a,#1e1b4b);position:relative;overflow:hidden}.launch-badge{background:linear-gradient(90deg,#f59e0b,#d97706);color:#fff;box-shadow:0 0 15px #f59e0b66;border:none}.launch-card-wrapper{display:flex;flex-wrap:wrap;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:900px;margin:40px auto 0;overflow:hidden;box-shadow:0 20px 50px #0000004d}.launch-features{flex:1.5;padding:40px;border-right:1px solid rgba(255,255,255,.05)}.launch-features h3{color:#f8fafc;margin-bottom:25px;font-size:1.4rem}.feature-grid-launch{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:30px}.feat-item{color:#cbd5e1;display:flex;align-items:center;gap:10px;font-size:.95rem}.feat-item i{color:#8b5cf6;font-size:1.2rem}.comparison-box{background:#0003;padding:20px;border-radius:12px;text-align:center}.comparison-box p{color:#94a3b8;font-size:.9rem;margin-bottom:10px}.personas-row{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.persona{font-size:.85rem;color:#64748b;background:#ffffff0d;padding:4px 10px;border-radius:20px}.persona.striked{text-decoration:line-through}.highlight-text{color:#f59e0b!important;font-weight:700;margin-top:5px;margin-bottom:0!important}.launch-price-box{flex:1;padding:40px;background:linear-gradient(145deg,#1e1b4bcc,#0f172acc);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border-left:1px solid rgba(255,255,255,.05)}.glow-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(139,92,246,.2) 0%,transparent 70%);animation:pulse-glow 3s infinite ease-in-out;pointer-events:none}.price-header{background:#8b5cf626;color:#a78bfa;padding:5px 15px;border-radius:20px;font-size:.75rem;font-weight:600;margin-bottom:15px;border:1px solid rgba(139,92,246,.3)}.price-display{display:flex;align-items:flex-start;color:#fff;margin-bottom:5px}.price-display .currency{font-size:1.5rem;margin-top:10px;margin-right:5px}.price-display .amount{font-size:4rem;font-weight:700;font-family:Playfair Display,serif;line-height:1}.price-display .period{font-size:1rem;color:#94a3b8;align-self:flex-end;margin-bottom:10px;margin-left:5px}.price-sub{color:#94a3b8;font-size:.9rem;margin-bottom:25px}.pulse-btn{background:#8b5cf6;border:none;font-weight:600;letter-spacing:.5px;box-shadow:0 0 #8b5cf6b3;animation:pulse-purple 2s infinite;transition:all .3s}.pulse-btn:hover{background:#7c3aed;transform:scale(1.02)}.guarantees{list-style:none;margin-top:25px;text-align:left;padding:0}.guarantees li{font-size:.85rem;color:#94a3b8;margin-bottom:8px;display:flex;align-items:center;gap:8px}.guarantees li i{color:#10b981}@keyframes pulse-purple{0%{transform:scale(1);box-shadow:0 0 #8b5cf6b3}70%{transform:scale(1.02);box-shadow:0 0 0 10px #8b5cf600}to{transform:scale(1);box-shadow:0 0 #8b5cf600}}@keyframes pulse-glow{0%{opacity:.5;transform:translate(-50%,-50%) scale(.8)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}to{opacity:.5;transform:translate(-50%,-50%) scale(.8)}}@media(max-width:768px){.launch-card-wrapper{flex-direction:column}.launch-features{border-right:none;border-bottom:1px solid rgba(255,255,255,.05);padding:30px 20px}.feature-grid-launch{grid-template-columns:1fr}.launch-price-box{padding:40px 20px;border-left:none}}html.lenis,html.lenis body{height:auto}html.lenis{scroll-behavior:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}.scroll-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,#8b5cf6,#38bdf8);z-index:1100;transition:width .05s linear;box-shadow:0 0 12px #8b5cf680;pointer-events:none}.nav-links a.active{color:var(--text-primary);position:relative}.nav-links a.active:after{content:"";position:absolute;left:50%;bottom:-6px;transform:translate(-50%);width:16px;height:2px;background:var(--primary-color);border-radius:2px}.reveal{opacity:0;transform:translateY(40px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.reveal-left{transform:translate(-40px)}.reveal-right{transform:translate(40px)}.reveal-scale{transform:scale(.92)}.reveal-fade{transform:none}.reveal.in-view,.reveal-left.in-view,.reveal-right.in-view,.reveal-scale.in-view,.reveal-fade.in-view{opacity:1;transform:none}.reveal-d1{transition-delay:.05s}.reveal-d2{transition-delay:.12s}.reveal-d3{transition-delay:.19s}.reveal-d4{transition-delay:.26s}.reveal-d5{transition-delay:.33s}.reveal-d6{transition-delay:.4s}.reveal-d7{transition-delay:.47s}.reveal-d8{transition-delay:.54s}.hero-slideshow{transform:translate3d(0,var(--parallax, 0px),0);will-change:transform}.feature-card .icon-box{transition:transform .4s cubic-bezier(.22,1,.36,1),background .3s ease,color .3s ease}.feature-card:hover .icon-box{transform:scale(1.08) rotate(-3deg)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.reveal-left,.reveal-right,.reveal-scale,.reveal-fade{opacity:1;transform:none;transition:none}.scroll-progress{display:none}.hero-slideshow{transform:none}.slide-item{animation:none;opacity:1}}.mobile-menu-toggle{display:none;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);width:44px;height:44px;border-radius:12px;cursor:pointer;padding:0;flex-direction:column;align-items:center;justify-content:center;gap:5px;z-index:1101;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .3s ease}.mobile-menu-toggle:hover{background:#8b5cf626}.mobile-menu-toggle span{display:block;width:22px;height:2px;background:var(--text-primary);border-radius:2px;transition:transform .35s cubic-bezier(.68,-.55,.265,1.55),opacity .2s ease;transform-origin:center}.mobile-menu-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-menu-toggle.is-open span:nth-child(2){opacity:0}.mobile-menu-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:768px){.mobile-menu-toggle{display:inline-flex}}.mobile-menu-overlay{position:fixed;inset:0;background:#0b112099;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .35s ease;z-index:1050}.mobile-menu-overlay.is-open{opacity:1;pointer-events:auto}.mobile-menu-panel{position:fixed;top:0;right:0;width:min(85%,360px);height:100%;background:linear-gradient(180deg,#0f172a,#1e293b);border-left:1px solid rgba(255,255,255,.08);padding:90px 24px 32px;display:flex;flex-direction:column;gap:4px;transform:translate(100%);transition:transform .45s cubic-bezier(.22,1,.36,1);box-shadow:-20px 0 60px #0006;overflow-y:auto;z-index:1060}.mobile-menu-overlay.is-open .mobile-menu-panel{transform:translate(0)}.mobile-menu-link{display:flex;align-items:center;gap:14px;padding:14px 16px;color:var(--text-primary);font-size:1rem;font-weight:600;border-radius:12px;transition:background .25s ease,transform .25s ease;min-height:48px}.mobile-menu-link i{font-size:1.3rem;color:var(--primary-color);width:24px;text-align:center}.mobile-menu-link:hover,.mobile-menu-link:active,.mobile-menu-link.active{background:#8b5cf61f;transform:translate(4px)}.mobile-menu-divider{height:1px;background:#ffffff14;margin:12px 8px}.mobile-menu-cta{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;padding:14px 18px;background:linear-gradient(135deg,var(--primary-color),#6366F1);color:#fff;font-weight:700;border-radius:14px;box-shadow:0 12px 28px -10px #8b5cf699;min-height:52px;transition:transform .3s ease}.mobile-menu-cta:hover,.mobile-menu-cta:active{transform:translateY(-2px)}.mobile-menu-cta i{font-size:1.2rem}body.menu-open{overflow:hidden}@media(max-width:768px){.container{padding:0 18px}.section-padding{padding:64px 0}.section-header{margin-bottom:40px}.section-header h2{font-size:1.7rem;line-height:1.2}.section-header h2 br{display:none}.section-header p{font-size:.95rem}.hero{padding-top:90px;padding-bottom:40px}.hero-text h1{font-size:1.9rem}.hero-text p{font-size:1rem}.hero-container{gap:30px}.badge{font-size:.7rem;padding:5px 12px;margin-bottom:18px}.stats{gap:20px;justify-content:center}.glass-card{height:auto;min-height:340px;padding:18px}.hero .cta-group{width:100%;gap:12px}.hero .cta-group .btn-primary,.hero .cta-group .btn-outline{width:100%;justify-content:center;padding:14px 24px;min-height:48px}}@media(max-width:480px){.container{padding:0 14px}.section-padding{padding:56px 0}.section-header h2{font-size:1.5rem}.hero-text h1{font-size:1.7rem}}.floating-whatsapp{position:fixed;right:22px;bottom:22px;bottom:max(22px,env(safe-area-inset-bottom));width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.9rem;box-shadow:0 12px 30px -8px #25d36699,0 0 #25d36680;z-index:1040;transition:opacity .35s ease,transform .45s cubic-bezier(.22,1,.36,1),box-shadow .3s ease;text-decoration:none}.floating-whatsapp.is-hidden{opacity:0;transform:translateY(20px) scale(.85);pointer-events:none}.floating-whatsapp.just-appeared{animation:waPulse 1.6s ease-out 3}@keyframes waPulse{0%{box-shadow:0 12px 30px -8px #25d36699,0 0 #25d3668c}70%{box-shadow:0 12px 30px -8px #25d36699,0 0 0 18px #25d36600}to{box-shadow:0 12px 30px -8px #25d36699,0 0 #25d36600}}.floating-whatsapp:hover{transform:translateY(-3px) scale(1.06);box-shadow:0 16px 38px -8px #25d366bf,0 0 #25d3668c}.floating-whatsapp:active{transform:translateY(-1px) scale(1.02)}.floating-whatsapp-tooltip{position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%) translate(8px);background:#1e293b;color:#fff;padding:8px 14px;border-radius:10px;font-size:.8rem;font-weight:600;white-space:nowrap;box-shadow:0 8px 20px -6px #0006;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .3s cubic-bezier(.22,1,.36,1)}.floating-whatsapp-tooltip:after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:6px solid transparent;border-left-color:#1e293b}.floating-whatsapp:hover .floating-whatsapp-tooltip{opacity:1;transform:translateY(-50%) translate(0)}@media(max-width:768px){.floating-whatsapp{width:54px;height:54px;right:16px;bottom:16px;bottom:max(16px,env(safe-area-inset-bottom));font-size:1.7rem}.floating-whatsapp-tooltip{display:none}}@media(prefers-reduced-motion:reduce){.floating-whatsapp{transition:opacity .2s linear;transform:none!important}.floating-whatsapp.is-hidden{transform:none!important}.floating-whatsapp.just-appeared{animation:none}}@media(max-width:768px){.features-grid{grid-template-columns:1fr;gap:16px}.feature-card{padding:28px 22px}.feature-card h3{font-size:1.15rem}.feature-card p{font-size:.9rem}.icon-box{width:52px;height:52px;font-size:1.5rem;margin-bottom:18px}}@media(max-width:768px){.footer{padding:56px 0 24px;margin-top:0}.footer-content{flex-direction:column;gap:28px;text-align:center;align-items:center}.footer-brand h3{font-size:1.5rem}.footer-links{flex-direction:column;gap:14px;align-items:center}.copyright{font-size:.78rem;padding:0 14px}}@media(max-width:768px){.logo-img{height:42px;margin-left:0}.navbar{padding:10px 0}.navbar.scrolled{padding:8px 0}}.scenes-section{padding:100px 0;background:#0b1120;position:relative;overflow:hidden}.scenes-section:before{content:"";position:absolute;top:-200px;left:50%;width:600px;height:600px;background:radial-gradient(circle,rgba(139,92,246,.12),transparent 60%);transform:translate(-50%);pointer-events:none}.scenes-section .container{position:relative;z-index:2}.scene{display:grid;grid-template-columns:1fr;gap:50px;align-items:center;margin-bottom:120px}.scene:last-child{margin-bottom:0}@media(min-width:992px){.scene{grid-template-columns:1fr 1fr;gap:80px}.scene.reverse .scene-text{order:2}.scene.reverse .scene-visual{order:1}}.scene-text .badge{margin-bottom:18px}.scene-text h2{font-family:var(--font-display);font-size:2.2rem;line-height:1.15;margin-bottom:18px;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.scene-text>p{color:var(--text-secondary);font-size:1.05rem;margin-bottom:28px;max-width:480px}.scene-highlights{display:flex;flex-direction:column;gap:14px}.scene-highlights li{display:flex;align-items:flex-start;gap:12px;color:var(--text-primary);font-size:.95rem}.scene-highlights li i{color:#34d399;background:#34d3991f;width:26px;height:26px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.scene-visual{display:flex;justify-content:center;perspective:1500px}.phone-mockup{width:300px;height:600px;background:#0a0a0a;border-radius:42px;padding:12px;box-shadow:0 30px 80px -20px #000000b3,0 0 0 1px #ffffff0d inset;position:relative}.phone-mockup:before{content:"";position:absolute;top:18px;left:50%;transform:translate(-50%);width:100px;height:22px;background:#0a0a0a;border-radius:14px;z-index:10}.phone-screen{width:100%;height:100%;background:#0b141a;border-radius:32px;overflow:hidden;position:relative}.wa-header{background:#1f2c34;padding:38px 14px 12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.04)}.wa-avatar{width:36px;height:36px;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.85rem}.wa-contact{flex:1}.wa-contact .name{color:#e9edef;font-size:.85rem;font-weight:600}.wa-contact .status{color:#25d366;font-size:.7rem;display:flex;align-items:center;gap:4px}.wa-contact .status:before{content:"";width:6px;height:6px;background:#25d366;border-radius:50%}.wa-icons{color:#8696a0;font-size:1.1rem;display:flex;gap:14px}.wa-chat{background:#0b141a;background-image:radial-gradient(rgba(255,255,255,.015) 1px,transparent 1px),radial-gradient(rgba(255,255,255,.015) 1px,transparent 1px);background-size:24px 24px;background-position:0 0,12px 12px;padding:16px 12px;height:calc(100% - 120px);overflow:hidden;display:flex;flex-direction:column;gap:8px}.wa-bubble{max-width:78%;padding:7px 10px 5px;border-radius:8px;font-size:.78rem;line-height:1.35;color:#e9edef;position:relative;opacity:0;transform:translateY(8px);word-wrap:break-word}.wa-bubble .time{display:block;font-size:.6rem;color:#e9edef80;margin-top:2px;text-align:right}.wa-bubble.in{background:#1f2c34;align-self:flex-start;border-top-left-radius:0}.wa-bubble.out{background:#005c4b;align-self:flex-end;border-top-right-radius:0}.wa-bubble.out .time:after{content:" ✓✓";color:#53bdeb}.wa-typing{background:#1f2c34;align-self:flex-start;padding:10px 14px;border-radius:0 8px 8px;display:flex;gap:4px;opacity:0}.wa-typing span{width:6px;height:6px;background:#8696a0;border-radius:50%;animation:typingDot 1.2s infinite ease-in-out}.wa-typing span:nth-child(2){animation-delay:.2s}.wa-typing span:nth-child(3){animation-delay:.4s}.wa-input{position:absolute;bottom:0;left:0;right:0;background:#1f2c34;padding:10px 12px;display:flex;gap:8px;align-items:center}.wa-input .field{flex:1;background:#2a3942;border-radius:20px;padding:8px 12px;color:#8696a0;font-size:.75rem}.wa-input .send-btn{width:32px;height:32px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.scene.in-view .wa-bubble{animation:bubbleIn .4s cubic-bezier(.22,1,.36,1) forwards}.scene.in-view .wa-bubble.b1{animation-delay:.3s}.scene.in-view .wa-typing.t1{animation:typingShow .3s ease .9s forwards,typingHide .1s ease 2.1s forwards}.scene.in-view .wa-bubble.b2{animation-delay:2.2s}.scene.in-view .wa-bubble.b3{animation-delay:2.9s}.scene.in-view .wa-typing.t2{animation:typingShow .3s ease 3.4s forwards,typingHide .1s ease 4.6s forwards}.scene.in-view .wa-bubble.b4{animation-delay:4.7s}@keyframes bubbleIn{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes typingShow{0%{opacity:0}to{opacity:1}}@keyframes typingHide{to{opacity:0;display:none}}@keyframes typingDot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.laptop-mockup{width:100%;max-width:580px;position:relative}.laptop-screen{background:#1e293b;border:8px solid #0F172A;border-radius:12px 12px 4px 4px;aspect-ratio:16/10;overflow:hidden;box-shadow:0 30px 80px -20px #000000b3;position:relative}.laptop-mockup:after{content:"";display:block;width:110%;height:14px;background:linear-gradient(180deg,#0f172a,#1e293b 60%,#0f172a);border-radius:0 0 18px 18px;margin:0 auto 0 -5%;box-shadow:0 4px 20px #0006}.laptop-mockup:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#475569;border-radius:50%;margin-top:-8px;z-index:5}.browser-bar{background:#0f172a;padding:6px 10px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.05)}.browser-dots{display:flex;gap:4px}.browser-dots span{width:8px;height:8px;border-radius:50%;background:#475569}.browser-dots span:nth-child(1){background:#ef4444}.browser-dots span:nth-child(2){background:#f59e0b}.browser-dots span:nth-child(3){background:#10b981}.browser-url{flex:1;background:#1e293b;color:#94a3b8;font-size:.65rem;padding:3px 10px;border-radius:4px;text-align:center}.dashboard-mockup{padding:14px;background:linear-gradient(180deg,#0f172a,#1e293b);height:calc(100% - 30px);overflow:hidden;display:flex;flex-direction:column;gap:10px}.dash-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.dash-kpi{background:#ffffff08;border:1px solid rgba(255,255,255,.05);padding:8px;border-radius:8px}.dash-kpi .label{font-size:.55rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.dash-kpi .value{font-size:.95rem;color:#f1f5f9;font-weight:800;margin-top:2px}.dash-kpi .delta{font-size:.55rem;color:#34d399}.dash-kpi .delta.down{color:#f87171}.dash-chart{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:10px;flex:1;display:flex;flex-direction:column}.dash-chart-title{font-size:.6rem;color:#94a3b8;margin-bottom:8px;font-weight:600}.dash-chart-bars{flex:1;display:flex;align-items:flex-end;gap:6px;padding-top:4px}.dash-bar{flex:1;background:linear-gradient(180deg,#8b5cf6,#6366f1);border-radius:4px 4px 0 0;height:0;transition:height 1.2s cubic-bezier(.22,1,.36,1);min-height:4px;position:relative}.dash-bar.peak{background:linear-gradient(180deg,#34d399,#10b981)}.dash-list{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:6px}.dash-list-title{font-size:.6rem;color:#94a3b8;margin-bottom:2px;font-weight:600}.dash-list-row{display:flex;align-items:center;gap:8px;opacity:0;transform:translate(-8px)}.dash-list-row .time{font-size:.65rem;color:#a78bfa;font-weight:700;width:32px}.dash-list-row .avatar{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:.55rem;display:flex;align-items:center;justify-content:center;font-weight:700}.dash-list-row .name{font-size:.7rem;color:#e2e8f0;flex:1}.dash-list-row .status{font-size:.55rem;padding:2px 6px;border-radius:4px;background:#34d39926;color:#34d399;font-weight:600}.scene.in-view .dash-bar{height:var(--h)}.scene.in-view .dash-bar:nth-child(1){transition-delay:.4s}.scene.in-view .dash-bar:nth-child(2){transition-delay:.5s}.scene.in-view .dash-bar:nth-child(3){transition-delay:.6s}.scene.in-view .dash-bar:nth-child(4){transition-delay:.7s}.scene.in-view .dash-bar:nth-child(5){transition-delay:.8s}.scene.in-view .dash-bar:nth-child(6){transition-delay:.9s}.scene.in-view .dash-bar:nth-child(7){transition-delay:1s}.scene.in-view .dash-list-row{animation:rowIn .4s ease forwards}.scene.in-view .dash-list-row:nth-of-type(1){animation-delay:1.2s}.scene.in-view .dash-list-row:nth-of-type(2){animation-delay:1.35s}.scene.in-view .dash-list-row:nth-of-type(3){animation-delay:1.5s}@keyframes rowIn{to{opacity:1;transform:translate(0)}}.scene.in-view .dash-kpi .value{animation:kpiPop .6s ease-out forwards}.scene.in-view .dash-kpi:nth-of-type(1) .value{animation-delay:.2s}.scene.in-view .dash-kpi:nth-of-type(2) .value{animation-delay:.3s}.scene.in-view .dash-kpi:nth-of-type(3) .value{animation-delay:.4s}.scene.in-view .dash-kpi:nth-of-type(4) .value{animation-delay:.5s}.dash-kpi .value{opacity:0}@keyframes kpiPop{0%{opacity:0;transform:scale(.7)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.app-screen{background:linear-gradient(180deg,#0f172a,#1e293b);padding:40px 14px 14px;height:100%;overflow:hidden;position:relative}.app-status-bar{position:absolute;top:14px;left:14px;right:14px;display:flex;justify-content:space-between;font-size:.65rem;color:#94a3b8;font-weight:600}.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-top:8px}.app-header h4{font-size:.9rem;color:#f1f5f9;font-weight:700}.app-header .date{font-size:.65rem;color:#94a3b8}.app-day-strip{display:flex;gap:6px;margin-bottom:14px}.app-day{flex:1;background:#ffffff0a;border-radius:8px;padding:6px 0;text-align:center;font-size:.6rem;color:#94a3b8}.app-day strong{display:block;color:#f1f5f9;font-size:.85rem}.app-day.active{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}.app-day.active strong{color:#fff}.app-appt{background:#ffffff0a;border-left:3px solid #8B5CF6;border-radius:6px;padding:10px 12px;margin-bottom:8px;display:flex;align-items:center;gap:10px}.app-appt .time{font-size:.75rem;color:#a78bfa;font-weight:700}.app-appt .info{flex:1}.app-appt .info strong{display:block;font-size:.75rem;color:#f1f5f9}.app-appt .info span{font-size:.65rem;color:#94a3b8}.app-appt.new{border-left-color:#34d399}.push-banner{position:absolute;top:28px;left:14px;right:14px;background:#1e293bf2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px 12px;display:flex;align-items:flex-start;gap:10px;box-shadow:0 20px 40px -10px #0009;opacity:0;transform:translateY(-120%);z-index:20}.push-banner .app-icon{width:28px;height:28px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:7px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem;flex-shrink:0}.push-banner .push-body{flex:1;min-width:0}.push-banner .push-title{font-size:.68rem;color:#f1f5f9;font-weight:700;display:flex;justify-content:space-between}.push-banner .push-title small{color:#64748b;font-weight:500}.push-banner .push-text{font-size:.7rem;color:#cbd5e1;margin-top:2px;line-height:1.3}.scene.in-view .push-banner{animation:pushIn .5s cubic-bezier(.22,1,.36,1) .6s forwards,pushOut .4s ease 4s forwards}.scene.in-view .app-appt.new{opacity:0;transform:translateY(-6px);animation:apptIn .4s ease 4.2s forwards}@keyframes pushIn{0%{opacity:0;transform:translateY(-120%)}to{opacity:1;transform:translateY(0)}}@keyframes pushOut{to{opacity:0;transform:translateY(-120%)}}@keyframes apptIn{to{opacity:1;transform:translateY(0)}}@media(max-width:991px){.scenes-section{padding:70px 0}.scene{margin-bottom:80px}.scene-text h2{font-size:1.7rem}.phone-mockup{width:260px;height:520px}.laptop-mockup{max-width:100%}}@media(max-width:768px){.scenes-section{padding:56px 0}.scene{margin-bottom:56px;gap:30px}.scene-text{text-align:center}.scene-text>p{margin-left:auto;margin-right:auto}.scene-text h2{font-size:1.5rem}.scene-highlights li{font-size:.88rem;text-align:left}.scene-highlights{max-width:340px;margin:0 auto}.phone-mockup{width:240px;height:480px;padding:10px}.phone-mockup:before{width:90px;height:20px;top:16px}.dash-kpi .value{font-size:.8rem}.dash-kpi .label{font-size:.5rem}.dash-list-row .name{font-size:.65rem}}@media(max-width:380px){.phone-mockup{width:220px;height:440px}.scene-text h2{font-size:1.35rem}}@media(prefers-reduced-motion:reduce){.wa-bubble,.wa-typing,.dash-list-row,.app-appt.new,.dash-kpi .value{opacity:1;transform:none;animation:none}.dash-bar{height:var(--h)!important;transition:none}.push-banner{opacity:1;transform:translateY(0);animation:none}}
