@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--primary-color: #0ea5e9;--primary-hover: #0284c7;--secondary-color: #14b8a6;--bg-color: #f8fafc;--text-dark: #0f172a;--text-muted: #64748b;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);--glass-shadow: 0 8px 32px 0 rgba(14, 165, 233, .05)}html{width:100%;overflow-x:hidden}body{width:100%;margin:0;font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6,.brand-text{font-family:Outfit,sans-serif}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:perspective(1000px) rotateY(-5deg) rotateX(5deg) translateY(0)}50%{transform:perspective(1000px) rotateY(-5deg) rotateX(5deg) translateY(-15px)}to{transform:perspective(1000px) rotateY(-5deg) rotateX(5deg) translateY(0)}}.animate-fade-up{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards}.delay-100{animation-delay:.1s;opacity:0}.delay-200{animation-delay:.2s;opacity:0}.delay-300{animation-delay:.3s;opacity:0}.glass-nav{background:#fffc!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);box-shadow:0 4px 30px #00000008;position:fixed;top:0;left:0;width:100%;z-index:1030;padding:1rem 0;transition:all .3s ease}.brand-text{font-weight:800;font-size:1.6rem;letter-spacing:-.5px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.navbar-logo{height:36px;width:36px;margin-right:12px;border-radius:8px;box-shadow:0 4px 12px #0ea5e933;object-fit:contain}.nav-link{color:var(--text-dark)!important;font-weight:500;margin:0 10px;transition:color .2s}.nav-link:hover{color:var(--primary-color)!important}.navbar-toggler{border:none;padding:.4rem}.navbar-toggler:focus{box-shadow:none}.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(15, 23, 42, 0.7)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important}.hero{background:radial-gradient(circle at top right,#e0f2fe 0%,#f0fdfa 50%,var(--bg-color) 100%);padding-top:100px!important;min-height:100vh;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-20%;left:-10%;width:60%;height:60%;background:radial-gradient(circle,#0ea5e914,#fff0 70%);border-radius:50%;z-index:0}.hero-content-container{position:relative;z-index:1;padding:60px 0}.hero-title{font-weight:800;line-height:1.15;letter-spacing:-1px;color:var(--text-dark)}.hero-subtitle{color:var(--text-muted);font-size:1.25rem;font-weight:400}.btn-luminous,.btn-luminous-custom{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border:none;border-radius:50px;padding:.8rem 2.5rem;font-weight:600;font-size:1.1rem;box-shadow:0 10px 25px #0ea5e94d;transition:all .3s cubic-bezier(.25,.8,.25,1)}.btn-luminous:hover,.btn-luminous-custom:hover{color:#fff;transform:translateY(-3px);box-shadow:0 15px 30px #0ea5e940}.hero-img-glass{width:100%;max-width:100%;background:#fff6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.8);border-radius:24px;padding:16px;box-shadow:0 25px 50px -12px #00000014;transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transition:transform .5s ease;animation:float 6s ease-in-out infinite;box-sizing:border-box}.hero-img-glass:hover{transform:perspective(1000px) rotateY(0) rotateX(0) translateY(-5px);animation-play-state:paused}.hero-img{width:100%;max-width:100%;height:auto;border-radius:12px;display:block}.section-title{color:var(--text-dark);letter-spacing:-.5px}.section-subtitle{font-size:1.15rem}.premium-features-section{background-color:#fff;overflow-x:hidden}.feature-row{margin-bottom:100px}.feature-row:last-child{margin-bottom:0}.feature-heading{color:var(--text-dark);font-size:2.2rem;letter-spacing:-.5px;margin-bottom:1.2rem}.feature-description{color:var(--text-muted);font-size:1.15rem;line-height:1.7}.feature-text-left{padding-right:5%}.feature-text-right{padding-left:5%}.feature-img-wrapper{position:relative;width:100%;max-width:100%;border-radius:20px;padding:12px;background:#fff9;border:1px solid rgba(14,165,233,.1);box-shadow:0 25px 50px -12px #0ea5e926;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.feature-img-wrapper:hover{transform:translateY(-8px) scale(1.02)}.feature-img{border-radius:12px;display:block;width:100%;max-width:100%;height:auto}.left-align{transform:perspective(1000px) rotateY(4deg)}.left-align:hover{transform:perspective(1000px) rotateY(0) translateY(-8px)}.right-align{transform:perspective(1000px) rotateY(-4deg)}.right-align:hover{transform:perspective(1000px) rotateY(0) translateY(-8px)}.dual-images{position:relative;background:none;border:none;box-shadow:none}.dual-images .main-img{width:100%;max-width:100%;height:auto;border-radius:16px;box-shadow:0 20px 40px #0000001a}.dual-images .overlay-img{position:absolute;bottom:-30px;right:-30px;width:60%;max-width:60%;border-radius:12px;box-shadow:0 25px 50px #0ea5e940;border:4px solid #fff;transition:transform .3s}.dual-images:hover .overlay-img{transform:scale(1.05) translate(-10px,-10px)}.dual-images.overlay-left .overlay-img{right:auto;left:-30px}.dual-images.overlay-left:hover .overlay-img{transform:scale(1.05) translate(10px,-10px)}.demo-section{background:#fff;overflow:hidden}.demo-video-wrapper{position:relative;width:100%;max-width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:24px;box-shadow:0 25px 50px -12px #0000001a!important;border:4px solid #fff;box-sizing:border-box;background:#000;display:flex}.demo-video-wrapper video{width:100%;height:100%;object-fit:cover;display:block;border-radius:20px}.custom-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;background:#0ea5e9d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;border:4px solid rgba(255,255,255,.4);font-size:2.5rem;display:flex;align-items:center;justify-content:center;z-index:10;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 10px 30px #0ea5e980;padding-left:6px}.custom-play-btn:hover{background:#0ea5e9;transform:translate(-50%,-50%) scale(1.1);border-color:#ffffffb3;box-shadow:0 15px 40px #0ea5e999}.btn-video-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border:none;font-weight:600;font-size:.95rem;padding:.5rem 1.25rem;border-radius:50px;box-shadow:0 4px 15px #0ea5e94d;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;align-items:center;justify-content:center}.btn-video-primary:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #0ea5e966}.btn-video-primary:active{transform:translateY(0)}.demo-video-wrapper:fullscreen{border:none!important;border-radius:0!important;background:#000}.demo-video-wrapper:fullscreen video{border-radius:0!important;max-height:100vh}.btn-video-action{background:#fff9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(14,165,233,.2);color:var(--text-dark);font-weight:500;font-size:.95rem;padding:.5rem 1.25rem;border-radius:50px;box-shadow:0 4px 15px #0ea5e90d;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;align-items:center;justify-content:center}.btn-video-action:hover{background:#ffffffe6;color:var(--primary-color);transform:translateY(-2px);box-shadow:0 8px 20px #0ea5e926;border-color:#0ea5e966}.btn-video-action:active{transform:translateY(0)}@media (min-width: 992px){.demo-video-wrapper{max-height:700px}}.cta-section{padding:80px 20px;background:var(--bg-color);display:flex;justify-content:center;overflow:hidden}.glass-card{background:#fffc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,1);border-radius:24px;padding:60px 40px;text-align:center;max-width:650px;width:100%;box-shadow:0 20px 40px -10px #0000000d}.footer{background:#fff;color:var(--text-muted);padding:30px 0;border-top:1px solid rgba(0,0,0,.05)}.footer-brand{font-weight:600;color:var(--text-dark)}.modal-custom{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a66;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1050;opacity:0;visibility:hidden;transition:opacity .3s ease}.modal-custom.show{opacity:1;visibility:visible}.glass-modal{background:#fff;border-radius:24px;padding:40px;max-width:450px;width:90%;position:relative;box-shadow:0 25px 50px -12px #00000040;transform:translateY(20px);transition:transform .3s ease}.modal-custom.show .glass-modal{transform:translateY(0)}.close-modal{position:absolute;top:20px;right:24px;font-size:1.8rem;color:var(--text-muted);cursor:pointer;transition:color .2s}.close-modal:hover{color:var(--text-dark)}.input-custom{border-radius:12px;padding:.8rem 1.2rem;border:1px solid #e2e8f0;background:#f8fafc;transition:all .2s;width:100%;max-width:100%}.input-custom:focus{background:#fff;border-color:var(--primary-color);box-shadow:0 0 0 4px #0ea5e91a;outline:none}.success-message-custom{color:var(--secondary-color);font-weight:500;text-align:center;padding:20px 0}@media (max-width: 767.98px){.glass-nav{padding:.75rem 0}.brand-text{font-size:1.4rem}.navbar-logo{width:32px;height:32px;margin-right:8px}.hero{padding-top:80px!important;min-height:auto;overflow:hidden}.hero:before{width:100%;height:60%;left:-30%}.hero-content-container{padding:40px 20px;width:100%;max-width:100%}.hero-title{font-size:2.2rem;line-height:1.15}.hero-subtitle{font-size:1.05rem;line-height:1.6}.hero-img-glass{width:100%;max-width:100%;padding:10px;margin:30px auto 0;transform:none;animation:none;border-radius:18px}.hero-img-glass:hover{transform:none}.hero-img{width:100%;max-width:100%;height:auto}.btn-luminous,.btn-luminous-custom{width:100%;max-width:320px;padding:.75rem 1.5rem}.demo-section{padding-left:20px;padding-right:20px;overflow:hidden}.section-title{font-size:2rem;line-height:1.2}.section-subtitle{font-size:1rem;line-height:1.6}.demo-video-wrapper{width:100%;max-width:100%;height:auto;padding:0;max-height:none;border-radius:16px;border-width:3px;overflow:hidden;box-sizing:border-box}.demo-video-wrapper video{border-radius:12px}.feature-row{margin-bottom:60px}.feature-heading{font-size:1.8rem;line-height:1.2}.feature-description{font-size:1rem;line-height:1.7}.feature-text-left,.feature-text-right{padding-left:0;padding-right:0}.feature-img-wrapper{width:100%;max-width:100%;margin-top:30px;transform:none}.feature-img-wrapper:hover{transform:translateY(-5px)}.left-align,.right-align{transform:none}.left-align:hover,.right-align:hover{transform:translateY(-5px)}.feature-img{width:100%;max-width:100%;height:auto}.dual-images .main-img{width:100%;max-width:100%}.dual-images .overlay-img{right:-15px;bottom:-15px;width:55%;max-width:55%}.dual-images.overlay-left .overlay-img{right:auto;left:-15px}.cta-section{padding:60px 20px;width:100%}.glass-card{padding:40px 24px;border-radius:24px;width:100%;max-width:100%}.glass-card h2{font-size:2rem;line-height:1.2}.glass-card p{font-size:1.05rem;line-height:1.7}.glass-modal{padding:30px 20px;width:calc(100% - 40px);max-width:450px}}@media (max-width: 400px){.brand-text{font-size:1.3rem}.hero-title{font-size:1.9rem}.hero-subtitle{font-size:1rem}.section-title{font-size:1.75rem}.feature-heading{font-size:1.6rem}.glass-card{padding:35px 20px}.glass-card h2{font-size:1.75rem}.glass-card p{font-size:1rem}}