:root{--primary: #2563eb;--primary-dark: #1d4ed8;--primary-light: #60a5fa;--secondary: #64748b;--dark: #0f172a;--light: #f8fafc;--white: #ffffff;--glass: rgba(255, 255, 255, .8);--border: #e2e8f0;--gradient: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--max-width: 1200px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--dark);background-color:var(--light);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit;transition:all .3s ease}ul{list-style:none}img{max-width:100%;display:block}h1,h2,h3,h4{line-height:1.2;margin-bottom:1rem}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-size:1rem}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow)}.btn-secondary{background:var(--white);color:var(--primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--light);transform:translateY(-2px);box-shadow:var(--shadow)}.btn-large{padding:1rem 2rem;font-size:1.1rem}header{position:fixed;top:0;width:100%;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:1000;border-bottom:1px solid transparent;padding:2rem 0;transition:all .5s ease}body.scrolled header{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding:1rem 0}header .container{display:flex;justify-content:space-between;align-items:center;position:relative}header .logo{font-size:1.5rem;font-weight:800;display:flex;align-items:center;gap:.75rem;transition:all .5s cubic-bezier(.4,0,.2,1);position:absolute;left:50%;top:7rem;transform:translate(-50%) scale(2);flex-direction:row;z-index:1001;text-align:center;width:max-content}body.scrolled header .logo{position:static;left:auto;top:auto;transform:translate(0) scale(1);flex-direction:row}.logo-icon{width:2.5rem;height:2.5rem;border-radius:.5rem;box-shadow:var(--shadow)}.logo-text{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:all .5s ease}.logo-text-wrapper{position:relative;display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.logo-tag{font-size:.55rem;font-weight:600;text-transform:lowercase;color:var(--secondary);position:absolute;bottom:-.2rem;right:0;letter-spacing:.05em;opacity:.8;line-height:1}body:not(.scrolled) header .logo-tag{font-size:.75rem;bottom:-.3rem}body:not(.scrolled) header .logo-text{font-size:2rem;letter-spacing:.05em}nav ul{display:flex;gap:2rem;transition:opacity .3s ease}body:not(.scrolled) nav ul{opacity:0;pointer-events:none}nav ul a:hover{color:var(--primary)}.hero{padding:16rem 0 4rem;text-align:center;position:relative;overflow:hidden;background:radial-gradient(circle at top right,rgba(37,99,235,.05),transparent),radial-gradient(circle at top left,rgba(124,58,237,.05),transparent)}.hero-bg-shapes{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;filter:blur(80px)}.shape{position:absolute;border-radius:50%;opacity:.15}.shape-1{width:400px;height:400px;background:var(--primary);top:-100px;left:-100px;animation:move-1 20s infinite alternate cubic-bezier(.45,0,.55,1)}.shape-2{width:500px;height:500px;background:#7c3aed;bottom:-150px;right:-100px;animation:move-2 25s infinite alternate cubic-bezier(.45,0,.55,1)}.shape-3{width:300px;height:300px;background:var(--primary-light);top:20%;left:60%;animation:move-3 18s infinite alternate cubic-bezier(.45,0,.55,1)}@keyframes move-1{0%{transform:translate(0) rotate(0) scale(1)}to{transform:translate(150px,100px) rotate(30deg) scale(1.1)}}@keyframes move-2{0%{transform:translate(0) rotate(0) scale(1)}to{transform:translate(-100px,-150px) rotate(-20deg) scale(1.2)}}@keyframes move-3{0%{transform:translate(0) scale(1)}to{transform:translate(-50px,50px) scale(.9)}}.hero h1{font-size:3.5rem;font-weight:800;letter-spacing:-.025em;max-width:800px;margin:2rem auto 1.5rem}.hero p{font-size:1.25rem;color:var(--secondary);max-width:600px;margin:0 auto 4rem}.dashboard-preview{background:var(--white);border-radius:1rem;padding:1rem;box-shadow:var(--shadow-lg);border:1px solid var(--border);max-width:1000px;margin:0 auto;position:relative;overflow:hidden;cursor:pointer}.dashboard-preview:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0f172a66;opacity:0;transition:opacity .3s ease;pointer-events:none}.dashboard-preview:hover:after{opacity:1}#viewDemoBtn{position:absolute;top:50%;left:50%;transform:translate(-50%,-20%);opacity:0;z-index:10;transition:all .4s cubic-bezier(.175,.885,.32,1.275);pointer-events:none}.dashboard-preview:hover #viewDemoBtn{opacity:1;transform:translate(-50%,-50%);pointer-events:auto;background:var(--white);border-color:var(--white)}.placeholder-img{background:#f1f5f9;width:100%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;border-radius:.5rem;color:#94a3b8;font-weight:500;border:2px dashed #cbd5e1}.benefits-bar{background:var(--dark);color:var(--white);padding:3rem 0;margin-bottom:4rem}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;text-align:center}.benefit-item h3{font-size:2rem;margin-bottom:.5rem;color:var(--primary-light)}.benefit-item p{font-size:.875rem;opacity:.8}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:2.5rem;margin-bottom:1rem}.section-header p{color:var(--secondary);font-size:1.125rem}.feature-card{background:var(--white);padding:2.5rem;border-radius:1rem;border:1px solid var(--border);transition:transform .3s ease,box-shadow .3s ease}.feature-icon{width:3rem;height:3rem;background:#2563eb1a;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:var(--primary);font-size:1.5rem}.features-section{padding:6rem 0;background:var(--light)}.sticky-container{display:flex;align-items:flex-start;gap:4rem;position:relative}.sticky-content{position:sticky;top:120px;flex:1;padding-bottom:4rem}.left-aligned{text-align:left}.scrolling-cards{flex:1.2}.sticky-card{margin-bottom:50vh;min-height:400px;display:flex;flex-direction:column;justify-content:center;position:sticky;top:120px;background:var(--white);padding:3rem;border-radius:1.5rem;box-shadow:var(--shadow-lg);border:1px solid var(--border);transition:transform .5s cubic-bezier(.175,.885,.32,1.275),opacity .5s ease}.requirement{font-style:italic;color:var(--secondary);margin-bottom:2rem;line-height:1.6}.solution{background:#2563eb0d;padding:1.5rem;border-left:4px solid var(--primary);border-radius:.5rem}.solution-tag{display:block;font-weight:700;color:var(--primary);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;margin-bottom:.5rem}.solution p{margin:0;color:var(--dark);font-weight:500}.sticky-card:nth-child(1){z-index:1}.sticky-card:nth-child(2){z-index:2}.sticky-card:nth-child(3){z-index:3}.sticky-card:nth-child(4){z-index:4}.sticky-card:nth-child(5){z-index:5}.scrolling-cards:after{content:"";display:block;height:20vh}.feature-nav{display:flex;gap:1rem;margin-top:2rem}.nav-dot{width:12px;height:12px;border-radius:50%;background:var(--border);transition:all .3s ease;cursor:pointer}.nav-dot.active{background:var(--primary);width:24px;border-radius:6px}.gallery{padding:6rem 0;background:#f1f5f9}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.gallery-card{background:var(--white);border-radius:1rem;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.gallery-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.gallery-card img.screenshot{width:100%;aspect-ratio:4/3;object-fit:cover;border-bottom:1px solid var(--border);transition:transform .5s ease}.gallery-card:hover img.screenshot{transform:scale(1.05)}.gallery-info{padding:1.5rem}.gallery-info h4{margin-bottom:.5rem}.gallery-info p{font-size:.875rem;color:var(--secondary)}.audience{padding:6rem 0}.audience-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.audience-list{display:flex;flex-direction:column;gap:1.5rem}.audience-item{display:flex;gap:1rem}.check-icon{flex-shrink:0;width:1.5rem;height:1.5rem;background:var(--primary);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem}.audience-img img.screenshot{border-radius:1rem;width:100%;height:100%;object-fit:cover;box-shadow:var(--shadow-lg);border:1px solid var(--border)}.cta-final{background:var(--gradient);color:var(--white);padding:6rem 0;text-align:center;position:relative;overflow:hidden}.cta-bg-shapes{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;filter:blur(80px)}.cta-final .container{position:relative;z-index:1}.cta-final .shape{opacity:.1;background:var(--white)}.cta-final .shape-1{width:300px;height:300px;top:-100px;left:10%;animation:move-1 15s infinite alternate ease-in-out}.cta-final .shape-2{width:400px;height:400px;bottom:-150px;right:5%;animation:move-2 20s infinite alternate ease-in-out}.cta-final .shape-3{width:250px;height:250px;top:20%;right:20%;animation:move-3 12s infinite alternate ease-in-out}.cta-final h2{font-size:2.5rem;margin-bottom:1.5rem}.cta-final p{font-size:1.25rem;margin-bottom:2.5rem;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000000e6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;transition:opacity .3s ease}.modal.show{display:flex;align-items:center;justify-content:center;opacity:1}.modal-content{max-width:90%;max-height:90%;border-radius:.5rem;box-shadow:0 0 20px #00000080;transform:scale(.7);transition:transform .3s ease;object-fit:contain}.modal.show .modal-content{transform:scale(1)}.close-modal{position:absolute;top:2rem;right:2.5rem;color:#f1f1f1;font-size:3rem;font-weight:700;cursor:pointer;transition:color .3s ease}.close-modal:hover{color:var(--primary-light)}.modal-form{background:var(--white);padding:2.5rem;border-radius:1rem;width:100%;max-width:500px;position:relative;box-shadow:var(--shadow-lg);transform:translateY(20px);transition:transform .3s ease}.modal.show .modal-form{transform:translateY(0)}.modal-form h2{font-size:1.75rem;margin-bottom:.5rem;color:var(--dark)}.modal-form p{color:var(--secondary);margin-bottom:2rem;font-size:1rem}.form-group{margin-bottom:1.25rem;text-align:left}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.875rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:.5rem;font-family:inherit;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.submit-btn{width:100%;margin-top:1rem}.success-message{text-align:center;padding:2rem 0}.success-message i{font-size:3rem;color:#10b981;margin-bottom:1rem}footer{padding:4rem 0 2rem;border-top:1px solid var(--border)}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:4rem;margin-bottom:4rem}.footer-logo{margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.footer-logo .logo-icon{width:2rem;height:2rem}.footer-logo .logo-text{font-size:1.25rem}.footer-col h4{margin-bottom:1.5rem;font-size:1rem;font-weight:700}.footer-col ul li{margin-bottom:.75rem}.footer-col ul a{color:var(--secondary);font-size:.875rem}.footer-col ul a:hover{color:var(--primary)}.footer-bottom{text-align:center;color:var(--secondary);font-size:.875rem;border-top:1px solid var(--border);padding-top:2rem}@media (max-width: 992px){header .logo{top:5rem;transform:translate(-50%) scale(1.5)}body:not(.scrolled) header .logo-text{font-size:1.5rem}.sticky-container{flex-direction:column;align-items:stretch}.sticky-content{position:sticky;top:60px;z-index:100;text-align:center;width:100%;padding:1rem 0;background:var(--light);margin-bottom:0}.left-aligned{text-align:center}.feature-nav{justify-content:center;margin-top:1rem;display:none}.sticky-card{position:sticky;top:50%;transform:translateY(-50%);margin-bottom:100vh;min-height:auto;max-height:70vh;overflow-y:auto;padding:2rem;box-shadow:var(--shadow-lg);z-index:1}.sticky-card:nth-child(1){z-index:10}.sticky-card:nth-child(2){z-index:20}.sticky-card:nth-child(3){z-index:30}.sticky-card:nth-child(4){z-index:40}.sticky-card:nth-child(5){z-index:50}.scrolling-cards{margin-top:-50px}.scrolling-cards:after{display:block;height:50vh}}@media (max-width: 768px){header{padding:1rem 0}header .logo{position:static;transform:none;left:auto;top:auto;scale:1}body:not(.scrolled) header .logo{position:static;transform:none;scale:1}body:not(.scrolled) header .logo-text{font-size:1.25rem}body.scrolled header{padding:.75rem 0}.hero{padding:8rem 0 4rem}nav{display:none}.hero h1{font-size:2.25rem}.hero p{font-size:1.125rem;margin-bottom:2rem}.audience-content{grid-template-columns:1fr;gap:2rem}.audience-img{order:-1}.footer-grid{grid-template-columns:1fr;gap:2.5rem}.footer-col{text-align:center}.footer-logo{justify-content:center}.benefits-grid{grid-template-columns:1fr 1fr}.section-header h2{font-size:2rem}.gallery-grid{grid-template-columns:1fr}.cta-final h2{font-size:2rem}}@media (max-width: 480px){.benefits-grid{grid-template-columns:1fr}.hero h1{font-size:1.875rem}.logo-text{font-size:1.125rem}.logo-icon{width:2rem;height:2rem}}