.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 0;background:#0a0a0fb3;backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.05);transition:all .4s ease}.navbar.scrolled{background:#0a0a0fb3;backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.05)}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.navbar-content{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;padding:0 2rem}.logo{display:flex;align-items:center;gap:.5rem;text-decoration:none}.logo-img{width:45px;height:45px;display:block}.logo-text{font-size:1.35rem;font-weight:700;background:linear-gradient(120deg,#fff,#6366f1,#8b5cf6,#ec4899,#8b5cf6,#6366f1);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.02em;font-family:Inter,sans-serif;animation:flowingGradient 314s linear infinite;line-height:1;padding-top:2px}@keyframes flowingGradient{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.nav-links-wrapper{position:relative}.nav-links{display:flex;gap:.5rem;list-style:none;align-items:center;position:relative}.nav-indicator{position:absolute;bottom:0;height:2px;background:var(--gradient-primary);transition:left .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1),opacity .25s ease;border-radius:2px;opacity:0;box-shadow:0 0 8px #6366f180;pointer-events:none;will-change:left,width}.nav-links a{font-weight:500;font-size:.95rem;padding:.625rem 1rem;border-radius:var(--radius-sm);transition:all var(--transition-fast);position:relative;color:var(--text-secondary);text-decoration:none}.nav-links a:hover{color:var(--text-primary);background:#ffffff0d}.nav-links a.active{color:var(--text-primary)}.nav-links a{will-change:color}.cta-btn{padding:.625rem 1.25rem;background:var(--primary);color:#fff;border-radius:var(--radius-sm);font-weight:500;font-size:.9rem;transition:all var(--transition-fast);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px #6366f14d}.cta-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #6366f166;color:#fff}.mobile-toggle{display:none;flex-direction:column;gap:5px;background:transparent;padding:.5rem;cursor:pointer}.mobile-toggle span{width:24px;height:2px;background:var(--text-primary);transition:all var(--transition-fast);border-radius:2px}.logo:hover .logo-text{animation:shimmer 1.5s ease-in-out infinite}@media (max-width: 768px){.nav-links{position:fixed;top:70px;left:0;right:0;flex-direction:column;background:#0a0a0ffa;backdrop-filter:blur(20px);padding:2rem;gap:.5rem;transform:translate(-100%);transition:transform var(--transition-base);border-bottom:1px solid var(--border-primary)}.nav-indicator{display:none}.nav-links.active{transform:translate(0)}.nav-links a{width:100%;text-align:center}.mobile-toggle{display:flex}.cta-btn{display:none}}.footer{background:var(--dark-light);padding:4rem 0 2rem;border-top:1px solid rgba(255,255,255,.1)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-logo{font-size:1.5rem;font-weight:800;background:var(--gradient-2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.footer-col p{color:var(--text-secondary);line-height:1.6}.footer-col h4{margin-bottom:1rem;font-size:1.1rem}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:.75rem}.footer-col ul li a{color:var(--text-secondary);transition:color .3s}.footer-col ul li a:hover{color:var(--accent)}.product-link-wrapper{position:relative}.preview-popup{position:absolute;bottom:100%;left:0;margin-bottom:1rem;width:560px;height:315px;background:#13131af2;border:1px solid rgba(99,102,241,.3);border-radius:12px;padding:.5rem;box-shadow:0 8px 32px #00000080;backdrop-filter:blur(10px);z-index:1000;animation:fadeInUp .3s ease;pointer-events:none;overflow:hidden}.iframe-container{width:100%;height:100%;overflow:hidden;border-radius:8px;position:relative;display:flex;align-items:center;justify-content:center}.preview-popup iframe{width:1440px;height:810px;border:none;background:#fff;transform:scale(.38);transform-origin:center center;pointer-events:none;transition:opacity .3s ease}.iframe-skeleton{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:8px;display:flex;align-items:center;justify-content:center}.skeleton-pulse{width:60px;height:60px;border:3px solid rgba(99,102,241,.3);border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.social-links{display:flex;gap:1rem;margin-top:.5rem}.social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text-secondary);transition:all .3s ease}.social-link:hover{background:var(--gradient-primary);border-color:transparent;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);color:var(--text-secondary)}@media (max-width: 1024px){.preview-popup{display:none!important}}@media (hover: none){.preview-popup{display:none!important}}@media (max-width: 768px){.footer{padding:3rem 0 1.5rem}.footer-content{grid-template-columns:1fr;gap:2rem;text-align:left}.footer-col:first-child{margin-bottom:1rem}.footer-col:first-child>div{flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important}.footer-col:first-child img{width:40px!important}.footer-col:first-child span{font-size:1.1rem!important}.footer-col h4{font-size:1rem;margin-bottom:.75rem}.footer-col ul li{margin-bottom:.5rem}.social-links{justify-content:flex-start}.footer-bottom{padding-top:1.5rem;font-size:.9rem}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:0;background:var(--bg-primary)}.hero:before{content:"";position:absolute;inset:0;background:var(--gradient-mesh);opacity:1;z-index:0}.hero-bg{position:absolute;inset:0;overflow:hidden;z-index:0}.gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4;animation:float 30s infinite ease-in-out;will-change:transform}.orb-1{width:800px;height:800px;background:radial-gradient(circle,rgba(99,102,241,.4) 0%,transparent 70%);top:-30%;right:-20%}.orb-2{width:600px;height:600px;background:radial-gradient(circle,rgba(236,72,153,.3) 0%,transparent 70%);bottom:-20%;left:-15%;animation-delay:10s}.orb-3{width:500px;height:500px;background:radial-gradient(circle,rgba(20,184,166,.3) 0%,transparent 70%);top:40%;left:40%;animation-delay:20s}@keyframes float{0%,to{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(20px,-20px) scale(1.1) rotate(5deg)}66%{transform:translate(-20px,20px) scale(.9) rotate(-5deg)}}.hero-content{position:relative;z-index:2;max-width:1280px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:3rem;padding:5rem 2rem 4rem}.hero-text{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-top:5rem}.hero-title{font-size:clamp(2rem,6vw,5rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;max-width:1000px;background:linear-gradient(135deg,#fff,#e5e5e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp .8s ease-out;text-shadow:0 2px 20px rgba(0,0,0,.3)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}.gradient-text:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:3px;background:var(--gradient-primary);border-radius:2px;opacity:.5}.hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-secondary);line-height:1.7;max-width:700px;font-weight:400;animation:fadeInUp .8s ease-out .2s backwards;text-shadow:0 2px 15px rgba(0,0,0,.5)}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;animation:fadeInUp .8s ease-out .4s backwards}.btn-primary,.btn-secondary{padding:.625rem 1.5rem;font-size:.9375rem;font-weight:500;border-radius:var(--radius-sm);transition:all var(--transition-base);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;border:none;cursor:pointer;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 12px #6366f140}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);opacity:0;transition:opacity var(--transition-base)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #6366f159}.btn-primary:hover:before{opacity:1}.btn-secondary{background:#ffffff0d;backdrop-filter:blur(10px);color:#fff;border:1px solid var(--border-primary)}.btn-secondary:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-2px)}.hero-visual{position:absolute;inset:0;z-index:0;opacity:.3;pointer-events:none}.ai-visualization{width:100%;height:100%;position:absolute;inset:0}.viz-canvas{width:100%;height:100%;display:block;cursor:default}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.hero-content{padding:5rem 0 4rem}.viz-canvas{height:450px}}@media (max-width: 768px){.hero{padding:0 1rem}.hero-content{padding:5rem 0 3rem;gap:2rem}.hero-text{margin-top:5rem}.hero-cta{flex-direction:column;width:100%;position:relative;z-index:2}.btn-primary,.btn-secondary{width:100%;justify-content:center}.viz-canvas{height:350px}}.scroll-fade-in{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.scroll-fade-in.visible{opacity:1;transform:translateY(0)}.scroll-fade-up{opacity:0;transform:translateY(60px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}.scroll-fade-up.visible{opacity:1;transform:translateY(0)}.scroll-scale{opacity:0;transform:scale(.9);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.scroll-scale.visible{opacity:1;transform:scale(1)}.scroll-slide-left{opacity:0;transform:translate(-60px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.scroll-slide-left.visible{opacity:1;transform:translate(0)}.scroll-slide-right{opacity:0;transform:translate(60px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.scroll-slide-right.visible{opacity:1;transform:translate(0)}.scroll-delay-1{transition-delay:.1s}.scroll-delay-2{transition-delay:.2s}.scroll-delay-3{transition-delay:.3s}.scroll-delay-4{transition-delay:.4s}.scroll-delay-5{transition-delay:.5s}.interactive-demo{min-height:100vh;display:flex;align-items:center;background:var(--bg-secondary);position:relative;overflow:hidden;padding:6rem 0}.demo-content{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.demo-text{animation:fadeInLeft .8s ease-out}.demo-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:1.5rem;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.demo-description{font-size:clamp(1rem,2vw,1.15rem);color:var(--text-secondary);line-height:1.7;font-weight:400}.demo-visual{position:relative;height:550px;display:flex;align-items:center;justify-content:center;animation:fadeInRight .8s ease-out}.neural-canvas{width:100%;height:100%;cursor:grab;transition:transform var(--transition-base)}.neural-canvas:active{cursor:grabbing}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media (max-width: 1024px){.demo-content{grid-template-columns:1fr;gap:3rem}.demo-visual{height:450px}}@media (max-width: 768px){.interactive-demo{padding:4rem 0}.demo-visual{height:350px}}.use-cases{padding:clamp(4rem,8vw,8rem) 0;background:var(--bg-secondary);position:relative}.use-cases-header{text-align:center;margin-bottom:clamp(3rem,5vw,4rem)}.use-cases-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.use-cases-subtitle{font-size:clamp(1rem,2vw,1.125rem);color:var(--text-secondary)}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.use-case-card{background:#ffffff08;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:0;animation:slideUp .6s ease forwards}.use-case-card:hover{transform:translateY(-10px);border-color:#8b5cf680;box-shadow:0 25px 50px #8b5cf64d;background:#ffffff0d}.use-case-icon-wrapper{width:70px;height:70px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:transform .3s ease}.use-case-card:hover .use-case-icon-wrapper{transform:scale(1.1) rotate(5deg)}.use-case-icon{display:flex;align-items:center;justify-content:center}.use-case-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.use-case-description{font-size:.95rem;color:var(--text-secondary);line-height:1.6}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.use-cases-grid{grid-template-columns:1fr;gap:1.5rem}}.process-flow{padding:clamp(4rem,8vw,8rem) 0;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);position:relative;overflow:hidden}.process-canvas{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.5;z-index:0}.process-content{position:relative;z-index:1}.process-header{text-align:center;margin-bottom:clamp(3rem,5vw,5rem)}.process-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.process-subtitle{font-size:clamp(1rem,2vw,1.125rem);color:var(--text-secondary)}.process-steps{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.process-step{display:flex;align-items:flex-start;gap:2rem;position:relative;opacity:0;animation:fadeInLeft .6s ease forwards}.step-number{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#6366f1,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0;width:80px}.step-content{flex:1;background:#ffffff08;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;transition:all .3s ease}.step-content:hover{background:#ffffff0d;border-color:#8b5cf680;transform:translate(10px)}.step-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.step-description{font-size:1rem;color:var(--text-secondary);line-height:1.6}.step-connector{position:absolute;left:40px;top:100%;width:2px;height:2rem;background:linear-gradient(180deg,#6366f180,#6366f100)}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.process-step{flex-direction:column;gap:1rem}.step-number{font-size:2rem;width:auto}.step-connector{display:none}}.services{background:var(--bg-secondary);padding:8rem 0;position:relative}.services:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-primary),transparent)}.section-header{text-align:center;margin-bottom:4rem;animation:fadeInUp .6s ease-out}.section-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;margin-bottom:1rem;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:clamp(1rem,2vw,1.2rem);color:var(--text-secondary);font-weight:400;max-width:700px;margin:0 auto}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,450px),1fr));gap:2rem;max-width:1200px;margin:0 auto}.service-card{background:linear-gradient(135deg,#ffffff08,#ffffff03);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:2.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;animation:fadeInUp .6s ease-out backwards}.service-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(99,102,241,.15),rgba(139,92,246,.08) 40%,transparent 70%);opacity:0;transition:opacity .4s cubic-bezier(.16,1,.3,1)}.service-card:after{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,#6366f166,#8b5cf64d,#ec489933);border-radius:16px;opacity:0;z-index:-1;transition:opacity .4s cubic-bezier(.16,1,.3,1)}.service-card:hover{transform:translateY(-8px) scale(1.02);border-color:#6366f166;box-shadow:0 24px 48px #0000004d,0 0 0 1px #6366f133}.service-card:hover:before{opacity:1}.service-card:hover:after{opacity:.6}.service-card:nth-child(1){animation-delay:.1s}.service-card:nth-child(2){animation-delay:.2s}.service-card:nth-child(3){animation-delay:.3s}.service-card:nth-child(4){animation-delay:.4s}.service-icon{width:48px;height:48px;margin-bottom:1.5rem;display:inline-block;color:var(--primary);transition:all var(--transition-base)}.service-icon svg{width:100%;height:100%;filter:drop-shadow(0 4px 12px rgba(99,102,241,.3))}.service-card:hover .service-icon{transform:scale(1.1) rotate(5deg);color:#8b5cf6}.service-card:hover .service-icon svg{filter:drop-shadow(0 6px 16px rgba(139,92,246,.4))}.service-title{font-size:1.5rem;font-weight:600;margin-bottom:.75rem;letter-spacing:-.01em;color:var(--text-primary)}.service-description{color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem;font-size:1rem}.service-link{background:transparent;color:var(--primary);font-weight:500;padding:0;transition:all var(--transition-fast);font-size:.95rem;display:inline-flex;align-items:center;gap:.5rem;position:relative;border:none;cursor:pointer}.service-link:hover{color:var(--primary-light);transform:translate(4px)}.modal-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:2rem;animation:fadeIn .2s ease-out}.modal-content{background:linear-gradient(135deg,#13131afa,#0a0a0ff2);backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.1);border-radius:24px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s cubic-bezier(.16,1,.3,1);box-shadow:0 32px 64px #0009,0 0 0 1px #6366f11a,inset 0 1px #ffffff0d}.modal-close{position:absolute;top:1.5rem;right:1.5rem;background:#ffffff0d;border:1px solid var(--border-primary);color:var(--text-secondary);font-size:1.5rem;width:40px;height:40px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);z-index:10}.modal-close:hover{background:#ffffff1a;color:var(--text-primary);transform:rotate(90deg)}.modal-header{padding:3rem 3rem 2rem;text-align:center;border-bottom:1px solid var(--border-secondary);position:relative}.modal-header:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:4px;background:var(--gradient-primary);border-radius:2px}.modal-icon{width:64px;height:64px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;color:var(--primary)}.modal-icon svg{width:100%;height:100%;filter:drop-shadow(0 4px 12px rgba(99,102,241,.3))}.modal-title{font-size:2.25rem;font-weight:700;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;margin-bottom:.5rem}.modal-subtitle{font-size:1rem;color:var(--text-tertiary);font-weight:400}.modal-body{padding:2.5rem 3rem 3rem}.modal-overview{font-size:1.05rem;line-height:1.8;color:var(--text-secondary);margin-bottom:2.5rem;padding:1.5rem;background:linear-gradient(135deg,#6366f114,#8b5cf60d);border:1px solid rgba(99,102,241,.2);border-left:3px solid var(--primary);border-radius:12px}.modal-section-title{font-size:1.15rem;font-weight:600;margin-bottom:1.25rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.modal-section-title:before{content:"";width:4px;height:20px;background:var(--gradient-primary);border-radius:2px}.modal-features{list-style:none;margin-bottom:2.5rem;display:flex;flex-direction:column;gap:.75rem}.modal-features li{padding-left:2rem;position:relative;color:var(--text-secondary);line-height:1.7;transition:all var(--transition-fast)}.modal-features li:hover{color:var(--text-primary);transform:translate(4px)}.modal-features li:before{content:"✓";position:absolute;left:0;color:var(--primary);font-weight:700;font-size:1.2rem}.modal-benefits{background:linear-gradient(135deg,#6366f11f,#ec489914);border:1px solid rgba(99,102,241,.3);padding:1.75rem;border-radius:12px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.modal-benefits:before{content:"💡";position:absolute;top:1rem;right:1rem;font-size:2rem;opacity:.3}.modal-benefits p{color:var(--text-secondary);line-height:1.8;margin:0}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.services{padding:5rem 0}.services-grid{grid-template-columns:1fr;gap:1.5rem}.service-card{padding:2rem}.modal-header{padding:2rem 1.5rem 1.5rem}.modal-body{padding:1.5rem}.modal-title{font-size:2rem}.modal-icon{font-size:3rem}}.services-page,.solutions-page,.about-page,.contact-page{min-height:100vh;padding-top:80px;background:var(--bg-primary)}.page-hero{padding:4rem 0 3rem;text-align:center;position:relative;background:var(--bg-secondary)}.page-hero:before{content:"";position:absolute;inset:0;background:var(--gradient-mesh);opacity:.5}.page-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em;position:relative;z-index:1}.page-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:1.7;font-weight:400;position:relative;z-index:1}.about-content{padding:6rem 0;background:var(--bg-secondary)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:6rem;align-items:start}.content-title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;margin-bottom:1.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.content-paragraph{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);margin-bottom:1.5rem}.about-stats{display:grid;gap:1.5rem}.stat-card{background:#ffffff05;backdrop-filter:blur(20px);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:1.5rem 1.25rem;text-align:center;transition:all var(--transition-base);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(99,102,241,.1),transparent 70%);opacity:0;transition:opacity var(--transition-base)}.stat-card:hover{transform:translateY(-4px);border-color:#6366f14d;box-shadow:0 12px 24px #0003}.stat-card:hover:before{opacity:1}.stat-number{font-size:2.25rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.stat-label{font-size:.9rem;color:var(--text-secondary)}.mission-section{max-width:900px;margin:0 auto;text-align:center}.contact-content{padding:3rem 0 4rem;background:var(--bg-secondary)}.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;max-width:1200px;margin:0 auto}.contact-brand{text-align:center;margin-bottom:3rem;padding:2rem;background:#ffffff05;border:1px solid var(--border-secondary);border-radius:var(--radius-lg)}.brand-logo-box{display:flex;flex-direction:column;align-items:center;gap:1rem}.brand-logo-svg{filter:drop-shadow(0 4px 12px rgba(99,102,241,.3));transition:transform var(--transition-base)}.brand-logo-svg:hover{transform:scale(1.05)}.brand-logo{width:80px;height:80px;margin:0 auto 1.5rem;background:var(--gradient-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #6366f14d;position:relative}.brand-logo:before{content:"";position:absolute;inset:-2px;background:var(--gradient-primary);border-radius:var(--radius-lg);opacity:.3;filter:blur(8px);z-index:-1}.logo-icon{font-size:2.5rem;font-weight:700;color:#fff;letter-spacing:-.02em}.brand-name{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-tagline{font-size:.95rem;color:var(--text-tertiary);font-weight:400}.info-items{display:flex;flex-direction:column;gap:2rem}.info-item{display:flex;gap:1.5rem;align-items:flex-start;padding:1.5rem;background:#ffffff05;border:1px solid var(--border-secondary);border-radius:var(--radius-md);transition:all var(--transition-base)}.info-item:hover{background:#ffffff0a;border-color:var(--border-primary);transform:translate(4px)}.info-icon{font-size:2rem}.info-icon-svg{flex-shrink:0;filter:drop-shadow(0 2px 8px rgba(99,102,241,.3));transition:transform var(--transition-base)}.info-item:hover .info-icon-svg{transform:scale(1.1)}.info-label{font-size:.9rem;color:var(--text-tertiary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.info-value{font-size:1.15rem;font-weight:500;color:var(--text-primary)}.contact-form{background:#ffffff05;backdrop-filter:blur(20px);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:3rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-secondary);font-size:.9rem}.form-group input,.form-group textarea{width:100%;padding:.875rem 1rem;background:#ffffff08;border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;transition:all var(--transition-fast);font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);background:#ffffff0d;box-shadow:0 0 0 3px #6366f11a}.form-group textarea{resize:vertical;min-height:120px}.contact-form .btn-primary{width:100%;padding:.875rem 2rem;background:var(--gradient-primary);color:#fff;font-size:.95rem;font-weight:500;border-radius:10px;border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none;display:inline-block;box-shadow:0 2px 8px #6366f140}.contact-form .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #6366f159;color:#fff}.contact-form .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.contact-form .btn-primary.sent{background:linear-gradient(135deg,#10b981,#059669);animation:sendSuccess .6s ease-out}@keyframes sendSuccess{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.success-modal{position:fixed;inset:0;background:#000c;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.success-modal .modal-content{background:linear-gradient(135deg,#13131afa,#0a0a0ff2);backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:3rem;max-width:450px;text-align:center;animation:slideUp .4s cubic-bezier(.16,1,.3,1);box-shadow:0 32px 64px #0009,0 0 0 1px #10b98133}.success-modal .modal-icon{width:80px;height:80px;margin:0 auto 1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff;animation:scaleIn .5s cubic-bezier(.16,1,.3,1) .2s backwards}.success-modal .modal-icon.success{background:linear-gradient(135deg,#10b981,#059669)}.success-modal .modal-icon.error{background:linear-gradient(135deg,#ef4444,#dc2626)}.success-modal h3{font-size:1.75rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.success-modal p{color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.success-modal .modal-btn{padding:.75rem 2rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease}.success-modal .modal-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f166}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.toast-notification{position:fixed;top:100px;right:30px;min-width:350px;background:#13131afa;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.25rem 1.5rem;display:flex;align-items:flex-start;gap:1rem;box-shadow:0 8px 32px #0006;z-index:9999;animation:slideInRight .4s cubic-bezier(.16,1,.3,1)}.toast-notification.success{border-left:4px solid #10b981}.toast-notification.error{border-left:4px solid #ef4444}.toast-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;flex-shrink:0}.toast-notification.success .toast-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.toast-notification.error .toast-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.toast-content{flex:1}.toast-content strong{display:block;font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.toast-content p{font-size:.85rem;color:var(--text-secondary);margin:0;line-height:1.4}.toast-close{background:none;border:none;color:var(--text-tertiary);font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s ease;flex-shrink:0}.toast-close:hover{color:var(--text-primary)}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.whatsapp-float{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #25d36666;z-index:1000;transition:all .3s ease;cursor:pointer}.whatsapp-float:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 8px 24px #25d36699}.whatsapp-float svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}@media (max-width: 768px){.whatsapp-float{bottom:20px;right:20px;width:56px;height:56px}.whatsapp-float svg{width:28px;height:28px}.page-hero{padding:4rem 0 3rem}.about-grid,.contact-grid{grid-template-columns:1fr;gap:3rem}.contact-form{padding:2rem}.success-modal .modal-content{margin:1rem;padding:2rem}.info-value{font-size:1rem}}.git-flow-timeline{position:relative;max-width:900px;margin:0 auto;padding:2rem 0}.git-flow-timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:#6366f14d;transform:translate(-50%)}.git-flow-item{position:relative;margin-bottom:8rem;min-height:200px}.git-branch-svg{position:absolute;width:50%;height:100px;top:0;z-index:1}.git-flow-item[data-direction=left] .git-branch-svg{left:0}.git-flow-item[data-direction=right] .git-branch-svg{right:0}.git-path{fill:none;stroke:#6366f199;stroke-width:2;stroke-dasharray:300;stroke-dashoffset:300;transition:stroke-dashoffset 1.2s cubic-bezier(.16,1,.3,1)}.git-flow-item.in-view .git-path{stroke-dashoffset:0}.git-node{fill:#6366f1cc;stroke:#6366f1;stroke-width:2;opacity:0;transition:opacity .4s ease 1s}.git-flow-item.in-view .git-node{opacity:1;animation:pulse 2s ease-in-out infinite 1.2s}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.5)}}.git-content-box{position:relative;width:45%;background:linear-gradient(135deg,#ffffff0d,#ffffff05);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2.5rem;margin-top:50px;opacity:0;transition:all .8s cubic-bezier(.16,1,.3,1)}.git-flow-item[data-direction=left] .git-content-box{margin-right:auto;transform:translate(-80px) translateY(30px) scale(.9);transform-origin:right center}.git-flow-item[data-direction=right] .git-content-box{margin-left:auto;transform:translate(80px) translateY(30px) scale(.9);transform-origin:left center}.git-flow-item.in-view .git-content-box{opacity:1;transform:translate(0) translateY(0) scale(1)}.git-content-box:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(99,102,241,.1),transparent 60%);opacity:0;transition:opacity .4s;border-radius:16px}.git-content-box:hover{transform:perspective(1000px) rotateY(0) translate(0) translateY(-4px) scale(1);border-color:#6366f14d;box-shadow:0 20px 40px #0000004d}.git-content-box:hover:before{opacity:1}.git-icon{font-size:2.5rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid rgba(99,102,241,.2);border-radius:12px;transition:all var(--transition-base)}.git-content-box:hover .git-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 16px #6366f14d}.git-icon svg{filter:drop-shadow(0 2px 8px rgba(99,102,241,.3))}.git-content-box h3{font-size:1.5rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.git-content-box p{color:var(--text-secondary);line-height:1.6;margin:0;font-size:1rem}@media (max-width: 768px){.git-flow-timeline:before{display:none}.git-branch-svg{display:none}.git-content-box{width:100%;margin:0!important}.git-flow-item[data-direction=left] .git-content-box,.git-flow-item[data-direction=right] .git-content-box{transform:translateY(40px) scale(.95)}.git-flow-item.in-view .git-content-box{transform:translateY(0) scale(1)}.git-flow-item{margin-bottom:3rem}}.ai-showcase{background:#000;position:relative;padding:8rem 0}.showcase-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:1000px;margin:0 auto}.showcase-title{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem}.showcase-description{font-size:1.35rem;color:var(--text-secondary);margin-bottom:4rem;line-height:1.8;max-width:700px}.features-list{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;width:100%}@media (max-width: 768px){.features-list{grid-template-columns:1fr}}.feature-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.feature-icon{width:50px;height:50px;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid rgba(99,102,241,.3);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--primary);transition:all .3s ease}.feature-icon svg{filter:drop-shadow(0 2px 8px rgba(99,102,241,.3))}.feature-item:hover .feature-icon{background:var(--gradient-primary);border-color:transparent;color:#fff;transform:translateY(-4px)}.feature-item:hover .feature-icon svg{filter:drop-shadow(0 4px 12px rgba(255,255,255,.4))}.feature-item h4{font-size:1.25rem;margin-bottom:.5rem}.feature-item p{color:var(--text-secondary)}.showcase-visual{position:relative;height:500px;display:flex;align-items:center;justify-content:center}.ai-circle{position:relative;width:250px;height:250px;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.5);transition:all 1s cubic-bezier(.4,0,.2,1)}.ai-circle.active{opacity:1;transform:scale(1)}.ai-core{width:150px;height:150px;background:var(--gradient-2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:800;z-index:2}.pulse-ring{position:absolute;width:100%;height:100%;border:2px solid var(--primary);border-radius:50%;animation:pulse 3s infinite}.ring-2{animation-delay:1.5s}@keyframes pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.data-point{position:absolute;width:60px;height:60px;background:#00d9ff33;border:2px solid var(--accent);border-radius:50%;opacity:0;transform:scale(0);transition:all .8s cubic-bezier(.4,0,.2,1)}.data-point.active{opacity:1;transform:scale(1);animation:orbit 8s infinite linear}.point-1{top:10%;left:20%;animation-delay:0s}.point-2{top:20%;right:10%;animation-delay:2s}.point-3{bottom:20%;left:10%;animation-delay:4s}.point-4{bottom:10%;right:20%;animation-delay:6s}@keyframes orbit{0%,to{transform:translate(0)}25%{transform:translate(30px,-30px)}50%{transform:translateY(-60px)}75%{transform:translate(-30px,-30px)}}@media (max-width: 1024px){.showcase-content{grid-template-columns:1fr}.showcase-visual{height:400px}}@media (max-width: 768px){.showcase-title{font-size:2.5rem}.ai-circle{width:200px;height:200px}.ai-core{width:120px;height:120px;font-size:2rem}}.timeline-container{padding:3rem 0 4rem;max-width:900px;margin:0 auto}.timeline-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.timeline{position:relative;padding:2rem 0}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent 0%,rgba(99,102,241,.3) 10%,rgba(139,92,246,.5) 50%,rgba(236,72,153,.3) 90%,transparent 100%);transform:translate(-50%)}.timeline-item{position:relative;display:flex;align-items:center;margin-bottom:3rem;opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1) var(--delay),transform .8s cubic-bezier(.16,1,.3,1) var(--delay)}.timeline-item.visible{opacity:1;transform:translateY(0)}.timeline-item:nth-child(odd){flex-direction:row}.timeline-item:nth-child(2n){flex-direction:row-reverse}.timeline-dot{position:absolute;left:50%;transform:translate(-50%);width:24px;height:24px;background:var(--bg-primary);border:3px solid rgba(99,102,241,.5);border-radius:50%;z-index:2;transition:all .4s cubic-bezier(.16,1,.3,1)}.timeline-item.visible .timeline-dot{border-color:#6366f1;box-shadow:0 0 20px #6366f199,0 0 40px #6366f14d}.timeline-dot-inner{position:absolute;inset:4px;background:var(--gradient-primary);border-radius:50%;opacity:0;transform:scale(0);transition:all .4s cubic-bezier(.16,1,.3,1) .2s}.timeline-item.visible .timeline-dot-inner{opacity:1;transform:scale(1)}.timeline-content{width:calc(50% - 60px);padding:2rem;background:#f8fafc08;backdrop-filter:blur(20px);border:1px solid rgba(248,250,252,.06);border-radius:16px;position:relative;transition:all .3s ease}.timeline-item:nth-child(odd) .timeline-content{margin-right:auto}.timeline-item:nth-child(2n) .timeline-content{margin-left:auto}.timeline-content:before{content:"";position:absolute;top:50%;width:40px;height:2px;background:linear-gradient(90deg,rgba(99,102,241,.5),transparent);transform:translateY(-50%)}.timeline-item:nth-child(odd) .timeline-content:before{right:-40px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.5))}.timeline-item:nth-child(2n) .timeline-content:before{left:-40px}.timeline-item.visible .timeline-content:before{animation:branchGrow .6s cubic-bezier(.16,1,.3,1) .4s backwards}@keyframes branchGrow{0%{width:0;opacity:0}to{width:40px;opacity:1}}.timeline-content:hover{background:#f8fafc0d;border-color:#6366f14d;transform:translateY(-4px);box-shadow:0 8px 32px #6366f126}.timeline-year{display:inline-block;font-size:.875rem;font-weight:700;color:#6366f1;background:#6366f11a;padding:.375rem .875rem;border-radius:20px;margin-bottom:.75rem;letter-spacing:.05em}.timeline-milestone-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;line-height:1.3}.timeline-description{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin:0}@media (max-width: 768px){.timeline-line{left:20px}.timeline-item{flex-direction:row!important;padding-left:60px}.timeline-dot{left:20px}.timeline-content{width:100%;margin:0!important}.timeline-content:before{left:-40px!important;background:linear-gradient(90deg,transparent,rgba(99,102,241,.5))!important}.timeline-title{font-size:2rem}}.app{position:relative;overflow-x:hidden}html{scroll-behavior:auto}.app{will-change:contents}section{position:relative;padding:6rem 0}@media (max-width: 768px){section{padding:4rem 0}}:root{--primary: #6366F1;--primary-dark: #4F46E5;--primary-light: #818CF8;--secondary: #EC4899;--accent: #14B8A6;--success: #10B981;--warning: #F59E0B;--bg-primary: #0A0A0F;--bg-secondary: #13131A;--bg-tertiary: #1C1C24;--bg-elevated: #25252F;--text-primary: #FFFFFF;--text-secondary: #A1A1AA;--text-tertiary: #71717A;--border-primary: rgba(255, 255, 255, .08);--border-secondary: rgba(255, 255, 255, .04);--gradient-primary: linear-gradient(135deg, #6366F1 0%, #8B5CF6 50%, #EC4899 100%);--gradient-secondary: linear-gradient(135deg, #14B8A6 0%, #06B6D4 100%);--gradient-mesh: radial-gradient(at 40% 20%, rgba(99, 102, 241, .15) 0px, transparent 50%), radial-gradient(at 80% 0%, rgba(236, 72, 153, .15) 0px, transparent 50%), radial-gradient(at 0% 50%, rgba(20, 184, 166, .15) 0px, transparent 50%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-glow: 0 0 40px rgba(99, 102, 241, .3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01";font-variation-settings:"opsz" 32}html{scroll-behavior:smooth}a{text-decoration:none;color:inherit}button{border:none;cursor:pointer;font-family:inherit}.container{max-width:1400px;margin:0 auto;padding:0 2rem}@media (max-width: 768px){.container{padding:0 1rem}}
