: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;--shadow-soft: 0 10px 30px -10px rgba(0, 0, 0, .5)}*{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:absolute;top:0;left:0;width:100%;z-index:100}.navbar-content{display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:10px}.logo-img{height:30px;width:auto;display:block;object-fit:contain}.nav-links{display:none}@media(min-width:768px){.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}.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);box-shadow:0 6px 20px #8b5cf666}.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;background-repeat:no-repeat;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);backdrop-filter:blur(16px);-webkit-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}.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}.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}@media(max-width:992px){.hero-text h1{font-size:2.5rem}}@media(max-width:768px){.navbar{padding:15px 0}.hero{padding-top:110px;min-height:auto;text-align:center}.hero-container{gap:40px}.hero-text h1{font-size:2.2rem}.hero-text p{margin:0 auto 30px}.cta-group,.stats{justify-content:center}.footer-content{flex-direction:column;align-items:center;text-align:center}.footer-links{flex-direction:column;gap:15px}}.mobile-menu-btn{display:none;font-size:2rem;color:var(--text-primary);cursor:pointer}.mobile-actions{display:none}@media(max-width:768px){.desktop-only{display:none}.mobile-menu-btn{display:block;z-index:200}.nav-links{position:fixed;top:0;right:-100%;width:70%;height:100vh;background-color:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;transition:.4s ease;z-index:150;box-shadow:-5px 0 15px #00000080}.nav-links.active{right:0}.nav-links a{font-size:1.2rem;color:var(--text-primary)}.mobile-actions{display:flex;flex-direction:column;gap:20px;margin-top:20px;width:100%;align-items:center}}.navbar.scrolled{background-color:#0f172ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0003;padding:10px 0}.menu-toggle{display:none;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;z-index:1100}.icon-bar{width:25px;height:3px;background-color:var(--text-primary, #333);border-radius:2px;transition:all .3s}.mobile-menu{position:fixed;top:0;right:-100%;width:80%;max-width:300px;height:100vh;background-color:var(--bg-color, #fff);box-shadow:-5px 0 15px #0000001a;z-index:1200;transition:right .3s ease-in-out;padding:2rem;display:flex;flex-direction:column;align-items:center}.mobile-menu.active{right:0}.menu-close{align-self:flex-end;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-primary, #333);margin-bottom:2rem}.mobile-nav-list{list-style:none;text-align:center;width:100%}.mobile-nav-list li{margin-bottom:1.5rem}.mobile-nav-list a{text-decoration:none;font-size:1.2rem;color:var(--text-primary, #333);font-weight:600}@media(max-width:768px){.menu-toggle{display:flex}.navbar nav ul{display:none}}.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}.feature-card{display:flex;flex-direction:column;height:100%}.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%;animation:slideShow 20s infinite cubic-bezier(.25,1,.5,1)}.sliding-track img{width:20%;height:100%;object-fit:cover}@keyframes slideShow{0%,15%{transform:translate(0)}20%,35%{transform:translate(-20%)}40%,55%{transform:translate(-40%)}60%,75%{transform:translate(-60%)}80%,95%{transform:translate(-80%)}to{transform:translate(0)}}@media(max-width:768px){.monitor-wrapper{max-width:100%}}.modern-demo-section{padding:100px 0;background-color:#fbfbfb;overflow:hidden}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:2.5rem;color:#1a1a1a;margin-bottom:10px}.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%}}