:root{--primary-color: #6366f1;--secondary-color: #4f46e5;--bg-color: #0f172a;--card-bg: #1e293b;--text-color: #f8fafc;--text-muted: #94a3b8;--accent-color: #22d3ee;--font-main: "Outfit", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-color);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;user-select:none;-webkit-user-select:none}img{-webkit-user-drag:none;user-drag:none;pointer-events:none}.container{max-width:1280px;margin:0 auto;padding:0 20px}header{background:linear-gradient(to right,#0f172a,#1e1b4b);padding:40px 0;text-align:center;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:40px}.logo-area h1{font-size:2.5rem;font-weight:700;letter-spacing:1px;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:5px}.subtitle{font-size:1rem;color:var(--text-muted);font-weight:500;letter-spacing:2px;text-transform:uppercase}.header-desc{margin-top:15px;font-size:1.1rem;color:var(--accent-color)}.product-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:30px;margin-bottom:60px}@media(min-width:768px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.product-grid{grid-template-columns:repeat(3,1fr)}}.product-card{background-color:transparent;border-radius:16px;overflow:hidden;border:2px solid rgba(255,255,255,.05);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;display:flex;flex-direction:column;position:relative;z-index:0}.product-number{position:absolute;top:15px;right:15px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;padding:6px 12px;border-radius:20px;font-size:.9rem;font-weight:700;z-index:10;box-shadow:0 4px 6px #0003;border:1px solid rgba(255,255,255,.2);letter-spacing:.5px}.product-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003;border-color:transparent}.product-card:before{content:"";position:absolute;top:50%;left:50%;width:200%;height:200%;background:conic-gradient(transparent,transparent,transparent,var(--primary-color));transform:translate(-50%,-50%);animation:rotate 4s linear infinite;z-index:-2;opacity:0;transition:opacity .3s ease}.product-card:hover:before{opacity:1}.product-card:after{content:"";position:absolute;inset:0;background:var(--card-bg);border-radius:14px;z-index:-1}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.card-image{height:200px;background-color:#334155;position:relative;overflow:hidden;z-index:1;border-top-left-radius:14px;border-top-right-radius:14px}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-card:hover .card-image img{transform:scale(1.05)}.card-content{padding:25px;flex-grow:1;display:flex;flex-direction:column;z-index:1}.product-name{font-size:1.25rem;font-weight:600;margin-bottom:15px;color:#fff}.credential-row{display:flex;align-items:center;justify-content:space-between;background-color:#0003;padding:10px 15px;border-radius:8px;margin-bottom:10px;border:1px solid rgba(255,255,255,.05)}.credential-label{color:var(--text-muted);font-size:.85rem;margin-right:10px}.credential-value{font-family:monospace;color:var(--accent-color);font-size:.95rem;margin-right:auto;padding-left:10px}.copy-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:5px;transition:color .2s}.copy-btn:hover{color:#fff}.action-buttons{display:grid;grid-template-columns:1fr;gap:10px;margin-top:20px}.demo-link,.about-link{display:inline-flex;align-items:center;justify-content:center;padding:12px 15px;text-decoration:none;border-radius:8px;text-align:center;font-weight:500;transition:all .2s;font-size:.9rem}.demo-link{background:linear-gradient(to right,var(--primary-color),var(--secondary-color));color:#fff;position:relative;overflow:hidden;z-index:1;box-shadow:0 4px 6px #0000001a}.demo-link:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to left,var(--primary-color),var(--secondary-color));z-index:-1;transition:opacity .3s ease;opacity:0}.demo-link:hover:before{opacity:1}.demo-link:hover{transform:translateY(-3px);box-shadow:0 0 20px #22d3ee99}.navbar{background:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(255,255,255,.1);padding:1rem 0}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.8rem;font-size:1.2rem;font-weight:700;color:#fff;text-decoration:none;letter-spacing:1px;white-space:nowrap}.logo-icon{color:var(--secondary-color);font-size:1.4rem}.nav-links{display:flex;gap:2rem}.nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .3s ease;font-size:.95rem}.nav-links a:hover,.nav-links a.active{color:#fff}.main-hero{padding-top:4rem}.about-content,.contact-content{text-align:center;max-width:800px;margin:0 auto;color:var(--text-secondary);line-height:1.6}.industries-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;text-align:center}.industry-card{background:var(--card-bg);padding:2rem;border-radius:16px;border:1px solid rgba(255,255,255,.05);transition:transform .3s ease}.industry-card:hover{transform:translateY(-5px);background:#ffffff14}.industry-card i{font-size:2.5rem;color:var(--secondary-color);margin-bottom:1rem}.industry-card h3{color:var(--text-primary)}.product-hero{padding:8rem 2rem 4rem;background:radial-gradient(circle at top right,rgba(118,75,162,.1),transparent 40%),radial-gradient(circle at bottom left,rgba(102,126,234,.1),transparent 40%)}.hero-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-text h1{font-size:3.5rem;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.2rem;color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.6}.badge{display:inline-block;padding:.5rem 1rem;background:#764ba233;color:#a5b4fc;border-radius:50px;font-size:.9rem;margin-bottom:1.5rem;border:1px solid rgba(118,75,162,.3)}.hero-buttons{display:flex;gap:1rem}.btn{padding:.8rem 2rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;box-shadow:0 4px 15px #667eea66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#fff3}.hero-image img{width:100%;border-radius:20px;box-shadow:0 20px 40px #0000004d;border:1px solid rgba(255,255,255,.1)}.section-container{max-width:1200px;margin:0 auto;padding:4rem 2rem}.section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:var(--text-primary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-card{background:var(--card-bg);padding:2rem;border-radius:16px;border:1px solid rgba(255,255,255,.05);transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px);background:#ffffff14}.feature-icon{font-size:2rem;color:var(--secondary-color);margin-bottom:1rem}.feature-card h3{margin-bottom:.5rem;color:var(--text-primary)}.feature-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.perfect-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.perfect-card{text-align:center;padding:2rem;background:linear-gradient(145deg,#ffffff0d,#ffffff05);border-radius:16px;border:1px solid rgba(255,255,255,.05)}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.check-list{list-style:none;padding:0}.check-list li{margin-bottom:.8rem;padding-left:1.5rem;position:relative;color:var(--text-secondary)}.check-list li:before{content:"✓";position:absolute;left:0;color:#4ade80;font-weight:700}.fix-list li:before{content:"⚙️";font-size:.8rem;top:2px}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;align-items:start}.pricing-card{background:var(--card-bg);padding:2.5rem;border-radius:20px;border:1px solid rgba(255,255,255,.1);text-align:center;position:relative}.pricing-card.popular{background:linear-gradient(145deg,#764ba226,#667eea26);border:1px solid var(--secondary-color);transform:scale(1.05)}.popular-tag{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--secondary-color);color:#fff;padding:.25rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600}.plan-name{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.plan-price{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:.5rem}.pricing-note{text-align:center;color:var(--text-secondary);margin-top:2rem;font-size:.9rem;font-style:italic}.crm-pricing{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.update-section{background:#764ba21a;padding:3rem 0;margin:2rem 0;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.update-box{text-align:center}.update-box h2{margin-bottom:2rem;color:var(--text-primary)}.update-links{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.offer-section{padding:4rem 2rem}.offer-card{background:linear-gradient(135deg,#dc26261a,#b91c1c1a);border:1px solid rgba(220,38,38,.3);border-radius:20px;padding:3rem;text-align:center}.offer-header h2{color:#fca5a5;font-size:2rem;margin-bottom:1rem}.offer-header p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2.5rem}.offer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.offer-item{display:flex;flex-direction:column;align-items:center;gap:1rem}.offer-item i{font-size:2rem;color:#fca5a5}.offer-item span{color:var(--text-primary);font-weight:600}.section-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:3rem;font-size:1.1rem}.plan-price span{font-size:1rem;color:var(--text-secondary);font-weight:400}.plan-price-year{color:var(--secondary-color);font-size:.9rem;margin-bottom:2rem}.plan-features{list-style:none;padding:0;margin-bottom:2rem;text-align:left}.plan-features li{margin-bottom:.8rem;color:var(--text-secondary);padding-left:1.5rem;position:relative}.plan-features li:before{content:"•";color:var(--secondary-color);position:absolute;left:0;font-size:1.5rem;line-height:1rem}.btn-outline{border:1px solid var(--primary-color);color:var(--primary-color);display:inline-block;width:100%;padding:.8rem;border-radius:8px;text-decoration:none;transition:all .3s ease}.btn-outline:hover{background:var(--primary-color);color:#fff}@media(max-width:768px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-buttons{justify-content:center}.details-grid,.perfect-grid{grid-template-columns:1fr}.pricing-card.popular{transform:scale(1)}}.about-link{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;position:relative;overflow:hidden;z-index:1;box-shadow:0 4px 6px #0000001a}.about-link:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#764ba2,#667eea);z-index:-1;transition:opacity .3s ease;opacity:0}.atomflow-overview{padding:4rem 0;background:linear-gradient(to bottom,var(--bg-color),#1e1b4b)}.overview-content{max-width:1000px;margin:0 auto;text-align:center}.overview-header h2{font-size:2.5rem;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.overview-header p{font-size:1.1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:3rem}.features-list-section{margin-bottom:3rem;background:#ffffff08;padding:2rem;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.features-list-section h3{color:var(--accent-color);margin-bottom:2rem;font-size:1.5rem}.features-list-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;text-align:left}.feature-list-item{display:flex;align-items:center;gap:10px;color:var(--text-color);font-weight:500}.feature-list-item i{color:var(--secondary-color);width:20px}.plans-section{margin-bottom:3rem}.plans-section h3{margin-bottom:1.5rem;color:var(--text-primary)}.plans-display{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap;font-size:1.2rem;font-weight:700;color:#fff}.plan-badge{background:#6366f133;padding:.5rem 1.5rem;border-radius:50px;border:1px solid rgba(99,102,241,.4)}.plan-divider{color:var(--text-muted)}.demo-section{margin-bottom:3rem}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:800px;margin:0 auto;border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #0000004d}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.final-cta{background:linear-gradient(135deg,#6366f11a,#4f46e51a);padding:3rem;border-radius:20px;border:1px solid rgba(99,102,241,.3)}.final-cta h3{font-size:2rem;margin-bottom:1rem;color:#fff}.final-cta p{color:var(--text-secondary);margin-bottom:2rem}.about-link:hover:before{opacity:1}.about-link:hover{transform:translateY(-3px);box-shadow:0 0 20px #764ba299;border-color:transparent}.demo-link i,.about-link i{margin-right:8px}footer{margin-top:auto;padding:30px 0;text-align:center;color:var(--text-muted);border-top:1px solid rgba(255,255,255,.05);font-size:.9rem}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(100px);background-color:#10b981;color:#fff;padding:12px 24px;border-radius:50px;font-weight:500;box-shadow:0 10px 15px -3px #0000001a;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);z-index:1000}.toast.show{transform:translate(-50%) translateY(0)}.contact-intro{font-size:1.2rem;margin-bottom:2rem;color:var(--text-secondary)}.contact-form-container{background:var(--card-bg);padding:2.5rem;border-radius:16px;border:1px solid rgba(255,255,255,.05);max-width:600px;margin:0 auto;text-align:left}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:500}.form-group input,.form-group textarea{width:100%;padding:.8rem 1rem;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-family:var(--font-main);font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color)}.button-boost-hero{background:radial-gradient(circle at top right,rgba(37,211,102,.1),transparent 40%),radial-gradient(circle at bottom left,rgba(18,140,126,.1),transparent 40%)}.button-boost-hero .badge{background:#25d36633;color:#25d366;border:1px solid rgba(37,211,102,.3)}.price-tag{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:2rem}.license-type{font-size:1rem;color:var(--text-secondary);font-weight:400}.image-placeholder{width:100%;height:400px;background:#ffffff0d;border-radius:20px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted)}.image-placeholder i{font-size:5rem;color:#25d366;margin-bottom:1rem}.bg-darker{background:#0003}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.benefit-item{display:flex;gap:1.5rem;background:var(--card-bg);padding:2rem;border-radius:16px;border:1px solid rgba(255,255,255,.05);transition:transform .3s ease}.benefit-item:hover{transform:translateY(-5px);background:#ffffff14}.benefit-item i{font-size:2rem;color:#25d366;flex-shrink:0}.benefit-item h4{color:var(--text-primary);margin-bottom:.5rem;font-size:1.2rem}.benefit-item p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.cta-box{background:linear-gradient(135deg,#25d3661a,#128c7e1a);padding:4rem 2rem;border-radius:20px;border:1px solid rgba(37,211,102,.3);max-width:800px;margin:0 auto}.cta-box h2{color:#fff;font-size:2.5rem;margin-bottom:1rem}.cta-box p{color:var(--text-secondary);font-size:1.2rem;margin-bottom:2.5rem}.btn-large{padding:1rem 3rem;font-size:1.2rem}.small-text{font-size:.9rem;color:var(--text-muted)}.mt-2{margin-top:1rem}.text-center{text-align:center}.carousel-container{margin-top:3rem;text-align:center}.carousel-placeholder{background:#0000004d;border:2px dashed rgba(255,255,255,.1);border-radius:16px;height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted)}.carousel-placeholder i{font-size:4rem;margin-bottom:1rem;color:var(--secondary-color)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.step-card{background:var(--card-bg);padding:2rem;border-radius:16px;border:1px solid rgba(255,255,255,.05);position:relative;text-align:center}.step-number{background:var(--primary-color);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin:0 auto 1.5rem;font-size:1.2rem}.step-image-placeholder{background:#0003;border:1px dashed rgba(255,255,255,.1);border-radius:8px;height:150px;display:flex;align-items:center;justify-content:center;margin-top:1.5rem;font-size:.9rem;color:var(--text-muted)}.grid-2-col{display:grid;grid-template-columns:1fr 1fr;gap:3rem}@media(max-width:768px){.grid-2-col{grid-template-columns:1fr}}.info-box,.trust-box,.notice-box{background:var(--card-bg);padding:2rem;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.notice-box{border-color:#eab3084d;background:#eab3080d}.notice-box h2{color:#facc15;font-size:1.5rem;margin-bottom:1rem}.changelog-container{max-width:900px;margin:0 auto;border-left:2px solid rgba(255,255,255,.1);padding-left:2rem}.changelog-entry{margin-bottom:3rem;position:relative}.changelog-entry:before{content:"";position:absolute;left:-2.6rem;top:.5rem;width:1.2rem;height:1.2rem;background:var(--secondary-color);border-radius:50%;border:4px solid var(--bg-color)}.version-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.version-number{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.version-date{color:var(--text-muted);font-size:.9rem;background:#ffffff0d;padding:.2rem .8rem;border-radius:20px}.changelog-content h4{color:var(--accent-color);margin:1.5rem 0 .8rem}.changelog-content ul{list-style:none;padding-left:0}.changelog-content ul li{position:relative;padding-left:1.5rem;margin-bottom:.5rem;color:var(--text-secondary)}.hero-stats{display:flex;gap:3rem;margin:2rem 0}.stat-item{display:flex;flex-direction:column}.stat-number{font-size:2rem;font-weight:700;color:#fff}.stat-label{font-size:.9rem;color:var(--text-secondary)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.pricing-card{background:var(--card-bg);border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:2rem;position:relative;transition:transform .3s ease;display:flex;flex-direction:column}.pricing-card:hover{transform:translateY(-10px);border-color:#25d3664d}.pricing-card.popular{background:linear-gradient(145deg,#25d3661a,#128c7e1a);border:1px solid rgba(37,211,102,.4)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#25d366;color:#000;padding:.3rem 1rem;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase}.plan-header{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.plan-header h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-primary)}.plan-header .price{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:.2rem}.plan-header .period{color:var(--text-muted);font-size:.9rem}.save-badge{display:inline-block;background:#25d36633;color:#25d366;padding:.2rem .8rem;border-radius:12px;font-size:.8rem;margin-top:.5rem}.plan-features{list-style:none;padding:0;margin-bottom:2rem;flex-grow:1}.plan-features li{margin-bottom:1rem;color:var(--text-secondary);display:flex;align-items:center;gap:.8rem}.plan-features li i{color:#25d366}.btn-outline{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff}.btn-outline:hover{border-color:#25d366;color:#25d366}.mb-4{margin-bottom:2rem}.screenshot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem}@media(max-width:992px){.screenshot-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.screenshot-grid{grid-template-columns:1fr}}.screenshot-item{background:var(--card-bg);border-radius:15px;overflow:hidden;border:1px solid rgba(255,255,255,.05);transition:transform .3s ease,box-shadow .3s ease}.screenshot-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d;border-color:#25d3664d}.screenshot-item img{width:100%;height:200px;object-fit:cover;object-position:top center;display:block;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer}.screenshot-caption{padding:1rem;text-align:center;color:var(--text-secondary);font-weight:500}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:none;justify-content:center;align-items:center;z-index:2000;opacity:0;transition:opacity .3s ease}.lightbox.active{display:flex;opacity:1}.lightbox-content{max-width:90%;max-height:90%;border-radius:8px;box-shadow:0 0 20px #00000080;transform:scale(.9);transition:transform .3s ease}.lightbox.active .lightbox-content{transform:scale(1)}.close-btn{position:absolute;top:20px;right:30px;font-size:40px;color:#fff;cursor:pointer;z-index:2001;transition:color .3s ease}.close-btn:hover{color:#25d366}.rounded-shadow{border-radius:15px;box-shadow:0 20px 50px #00000080}.glow-effect{animation:glow 3s infinite alternate}@keyframes glow{0%{box-shadow:0 0 20px #25d3661a}to{box-shadow:0 0 40px #25d3664d}}.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:3rem}.tool-card{background:var(--card-bg);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.tool-card:hover{transform:translateY(-5px);border-color:var(--primary-color);box-shadow:0 5px 15px #25d3661a}.tool-icon{font-size:2rem;color:var(--primary-color);margin-bottom:1rem}.tool-card h4{font-size:1.1rem;margin-bottom:.5rem;color:var(--text-primary)}.tool-card p{font-size:.9rem;color:var(--text-secondary);margin-bottom:0;line-height:1.4}@media(max-width:992px){.tools-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.tools-grid{grid-template-columns:1fr}}.final-cta-box{background:linear-gradient(135deg,#1e1b4b,#0f172a);border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:4rem 2rem;text-align:center;position:relative;overflow:hidden;box-shadow:0 20px 50px #0000004d}.final-cta-box:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right,rgba(99,102,241,.1),transparent 50%),radial-gradient(circle at bottom left,rgba(37,211,102,.05),transparent 50%);z-index:0}.final-cta-box h2,.final-cta-box p,.final-cta-box .cta-buttons{position:relative;z-index:1}.final-cta-box h2{font-size:2.5rem;color:#fff;margin-bottom:1rem}.final-cta-box p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.btn-download{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;padding:1rem 2rem;border-radius:12px;font-weight:600;display:inline-flex;align-items:center;gap:.8rem;box-shadow:0 4px 15px #6366f166}.btn-download:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f199;color:#fff}.btn-demo{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:1rem 2rem;border-radius:12px;font-weight:600;display:inline-flex;align-items:center;gap:.8rem}.btn-demo:hover{background:#ffffff1a;transform:translateY(-2px);color:#fff}.btn-whatsapp{background:#25d366;color:#fff;padding:1rem 2rem;border-radius:12px;font-weight:600;display:inline-flex;align-items:center;gap:.8rem;box-shadow:0 4px 15px #25d36666}.btn-whatsapp:hover{background:#128c7e;transform:translateY(-2px);box-shadow:0 6px 20px #25d36699;color:#fff}.btn i{font-size:1.2rem}.contact-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem}@media(max-width:768px){.contact-info-grid{grid-template-columns:1fr}}.whatsapp-float:hover{background-color:#128c7e;transform:scale(1.1);color:#fff}.whatsapp-float i{margin-top:2px}.contact-card{background:var(--card-bg);padding:2rem;border-radius:16px;border:1px solid rgba(255,255,255,.05);text-align:center;transition:transform .3s ease}.contact-card:hover{transform:translateY(-5px);border-color:var(--primary-color)}.contact-card .icon-box{width:60px;height:60px;background:#6366f11a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:var(--primary-color);font-size:1.5rem}.contact-card h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.2rem}.contact-card p{color:var(--text-secondary);margin-bottom:0}.contact-card a{color:var(--text-secondary);text-decoration:none;transition:color .3s ease}.contact-card a:hover{color:var(--primary-color)}.mt-5{margin-top:3rem}.tutorial-section{background:linear-gradient(135deg,#f3e8ff,#e0e7ff);border-radius:24px;padding:4rem 2rem;margin-top:4rem;margin-bottom:4rem;color:#1e293b;box-shadow:0 10px 30px #0000000d}.tutorial-section .section-title{color:#1e293b;font-weight:800;letter-spacing:-.5px}.tutorial-section .section-subtitle{color:#64748b;max-width:700px;margin:0 auto}.text-primary{color:var(--primary-color)}.tutorial-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center}.video-wrapper{position:relative}.video-container{position:relative;width:100%;padding-bottom:56.25%;background:#000;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #0003;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.video-container:hover{transform:translateY(-5px);box-shadow:0 25px 50px #00000040}.video-container iframe,.video-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video-overlay-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;transition:background .3s ease}.video-container:hover .video-overlay-mask{background:#0000001a}.credential-glass-box{background:#ffffff26;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.25);border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 8px 32px #0003;max-width:100%;width:100%}@media(min-width:768px){.credential-glass-box{max-width:500px}}.glass-title{display:flex;align-items:center;gap:10px;font-size:1.1rem;color:#fff;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.glass-row{display:flex;align-items:center;justify-content:space-between;background:#00000040;padding:.8rem 1rem;border-radius:8px;margin-bottom:.8rem;transition:all .2s ease;flex-wrap:nowrap}.glass-row:hover{background:#0006}.glass-label{color:#94a3b8;font-size:.9rem;min-width:80px;margin-right:10px}.glass-value{color:#e2e8f0;font-family:monospace;font-size:.95rem;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:10px}.glass-copy-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.1);color:#fff;min-width:35px;height:35px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.glass-copy-btn:hover{background:#3b82f6;border-color:#3b82f6;transform:translateY(-1px)}.glass-badge{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);padding:1.5rem 3rem;border-radius:50px;display:flex;align-items:center;gap:1rem;color:#fff;font-weight:700;font-size:1.2rem;box-shadow:0 10px 20px #0003;transition:transform .3s ease}.video-container:hover .glass-badge{transform:scale(1.05);background:#ffffff4d}.glass-badge i{font-size:1.5rem;color:#fff}.tutorial-step{display:flex;gap:1.5rem;margin-bottom:2rem;padding:1rem;border-radius:12px;transition:background .3s ease}.tutorial-step:hover{background:#ffffff80}.step-icon{width:50px;height:50px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:1.5rem;flex-shrink:0;box-shadow:0 4px 10px #6366f11a}.step-text h4{margin-bottom:.5rem;color:#1e293b;font-size:1.1rem;font-weight:700}.step-text p{color:#64748b;font-size:.95rem;margin-bottom:0;line-height:1.5}.tutorial-cta{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 10px 20px #0000000d}.tutorial-cta h4{color:#1e293b;font-size:1.3rem;margin-bottom:.5rem;font-weight:700}.tutorial-cta p{color:#64748b;margin-bottom:1.5rem}@media(max-width:992px){.tutorial-grid{grid-template-columns:1fr;gap:3rem}.tutorial-section{padding:3rem 1.5rem}}.contact-wrapper{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between;align-items:stretch}.contact-left-block,.contact-right-block{flex:1;background:#1e293bb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:40px;border-radius:24px;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0000004d;transition:transform .4s ease,box-shadow .4s ease;min-width:320px}.contact-left-block:hover,.contact-right-block:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0006;border-color:#ffffff26}.contact-header-blobs{margin-bottom:40px;position:relative;z-index:1}.contact-header-blobs h2{font-size:2.5rem;background:linear-gradient(to right,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px;font-weight:700}.contact-header-blobs p{color:var(--text-muted);font-size:1.1rem}.contact-info-items{display:flex;flex-direction:column;gap:30px;margin-bottom:40px}.info-item{display:flex;align-items:center;gap:20px;padding:15px;border-radius:16px;transition:background .3s ease,transform .3s ease}.info-item:hover{background:#ffffff0d;transform:translate(10px)}.icon-circle{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;box-shadow:0 4px 15px #6366f166;transition:transform .3s ease,box-shadow .3s ease}.info-item:hover .icon-circle{transform:scale(1.1) rotate(10deg);box-shadow:0 6px 20px #6366f199}.info-text h3{font-size:1.2rem;color:#fff;margin-bottom:5px;font-weight:600}.info-text p,.info-text a{color:var(--text-muted);text-decoration:none;font-size:1rem;transition:color .3s}.info-text a:hover{color:var(--accent-color)}.social-connect h3{font-size:1.2rem;color:#fff;margin-bottom:20px}.social-icons{display:flex;gap:15px}.social-icons a{width:45px;height:45px;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.social-icons a:hover{background:var(--primary-color);transform:translateY(-5px);box-shadow:0 5px 15px #6366f166}.contact-form-stylish h3{margin-bottom:30px;font-size:1.8rem;color:#fff;text-align:center}.input-group{position:relative;margin-bottom:30px}.input-group input,.input-group textarea{width:100%;padding:12px 0;font-size:1rem;color:#fff;border:none;border-bottom:2px solid rgba(255,255,255,.2);outline:none;background:transparent;transition:border-color .3s ease;font-family:inherit}.input-group label{position:absolute;top:12px;left:0;font-size:1rem;color:var(--text-muted);pointer-events:none;transition:all .3s ease}.input-group input:focus,.input-group input:valid,.input-group textarea:focus,.input-group textarea:valid{border-bottom-color:var(--accent-color)}.input-group input:focus~label,.input-group input:valid~label,.input-group textarea:focus~label,.input-group textarea:valid~label{top:-20px;font-size:.85rem;color:var(--accent-color)}.highlight{position:absolute;bottom:0;left:0;height:2px;width:0;background:var(--accent-color);transition:width .4s ease}.input-group input:focus~.highlight,.input-group textarea:focus~.highlight{width:100%}.btn-submit{width:100%;padding:15px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 15px #6366f14d}.btn-submit:hover{transform:translateY(-3px);box-shadow:0 8px 25px #6366f180;background:linear-gradient(135deg,var(--secondary-color),var(--primary-color))}.btn-submit i{transition:transform .3s ease}.btn-submit:hover i{transform:translate(5px) rotate(-10deg)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.slide-in-left{animation:slideInLeft .8s cubic-bezier(.2,.8,.2,1) forwards}.slide-in-right{animation:slideInRight .8s cubic-bezier(.2,.8,.2,1) forwards}@media(max-width:768px){.contact-wrapper{flex-direction:column}.contact-left-block,.contact-right-block{width:100%}}.contact-wrapper{display:flex;flex-wrap:wrap;gap:0;background:#1e293bb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:24px;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0000004d;overflow:hidden;transition:transform .4s ease,box-shadow .4s ease}.contact-wrapper:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0006}.contact-left-block,.contact-right-block{flex:1;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;padding:50px;border-radius:0;border:none;box-shadow:none;min-width:350px}.contact-left-block:hover,.contact-right-block:hover{transform:none;box-shadow:none}.contact-left-block{background:#6366f11a;position:relative;z-index:1}.contact-form-stylish h3{text-align:left}@media(max-width:768px){.contact-wrapper{flex-direction:column}.contact-left-block,.contact-right-block{width:100%;min-width:auto}}.input-group select{width:100%;padding:12px 0;font-size:1rem;color:#fff;border:none;border-bottom:2px solid rgba(255,255,255,.2);outline:none;background:transparent;transition:border-color .3s ease;font-family:inherit;cursor:pointer;appearance:none;-webkit-appearance:none;border-radius:0}.input-group select{background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2394a3b8%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 0 top 50%;background-size:.65rem auto}.input-group select:focus,.input-group select:valid{border-bottom-color:var(--accent-color)}.input-group select:focus~label,.input-group select:valid~label{top:-20px;font-size:.85rem;color:var(--accent-color)}.input-group select option{background-color:var(--card-bg);color:#fff;padding:10px}.refresh-select-hidden{display:none}.custom-select-container{position:relative;width:100%}.custom-select-trigger{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 0;font-size:1rem;color:#fff;border-bottom:2px solid rgba(255,255,255,.2);cursor:pointer;transition:all .3s ease;background:transparent;-webkit-user-select:none;user-select:none}.custom-select-trigger span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-select-trigger .arrow{width:10px;height:10px;border-bottom:2px solid var(--text-muted);border-right:2px solid var(--text-muted);transform:rotate(45deg);transition:all .3s ease;margin-right:5px;margin-bottom:3px}.custom-select-container.open .custom-select-trigger{border-bottom-color:var(--accent-color)}.custom-select-container.open .arrow{transform:rotate(225deg);border-color:var(--accent-color);margin-bottom:-3px}.custom-select-options{position:absolute;top:calc(100% + 10px);left:0;right:0;background:#1e293bf2;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 10px 40px #00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s cubic-bezier(.19,1,.22,1);max-height:250px;overflow-y:auto}.custom-select-container.open .custom-select-options{opacity:1;visibility:visible;transform:translateY(0)}.custom-select-options::-webkit-scrollbar{width:6px}.custom-select-options::-webkit-scrollbar-track{background:#ffffff0d}.custom-select-options::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.custom-option{padding:12px 20px;cursor:pointer;transition:all .2s ease;font-size:.95rem;color:var(--text-muted);border-bottom:1px solid rgba(255,255,255,.03);display:flex;align-items:center;justify-content:space-between}.custom-option:last-child{border-bottom:none}.custom-option:hover{background:#6366f11a;color:#fff;padding-left:25px}.custom-option.selected{color:var(--accent-color);background:#22d3ee1a}.input-group.has-value label,.input-group.is-focused label{top:-20px;font-size:.85rem;color:var(--accent-color)}.search-container{max-width:600px;margin:40px auto 0;position:relative;display:flex;align-items:center}.search-input{width:100%;padding:16px 50px 16px 24px;font-family:var(--font-main);font-size:1.1rem;color:#fff;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50px;outline:none;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 6px #0000001a}.search-input:focus{background:#ffffff1a;border-color:var(--primary-color);box-shadow:0 0 0 4px #6366f133}.search-input::placeholder{color:var(--text-muted)}.search-icon{position:absolute;right:25px;color:var(--text-muted);font-size:1.2rem;pointer-events:none;transition:color .3s ease}.search-input:focus+.search-icon{color:var(--primary-color)}.no-results{grid-column:1 / -1;text-align:center;padding:60px 20px;background:#ffffff08;border-radius:16px;border:1px dashed rgba(255,255,255,.1)}.no-results h3{font-size:1.5rem;color:var(--text-color);margin-bottom:10px}.no-results p{color:var(--text-muted)}.whatsapp-float{position:fixed;width:60px;height:60px;bottom:40px;right:40px;background-color:#25d366;color:#fff;border-radius:50px;text-align:center;font-size:30px;box-shadow:2px 2px 3px #999;z-index:100;display:flex;align-items:center;justify-content:center;transition:all .3s ease;text-decoration:none}.whatsapp-float:hover{background-color:#20ba5a;transform:scale(1.1);color:#fff}@media(max-width:768px){body{overflow-x:hidden;width:100%}.container{padding:0 15px;width:100%;overflow-x:hidden}.nav-container{flex-direction:column;padding:0 1rem;gap:1.5rem}.logo{font-size:1.1rem;white-space:normal;text-align:center;width:100%;justify-content:center;line-height:1.4}.nav-links{width:100%;justify-content:center;gap:1rem;font-size:.9rem;flex-wrap:wrap}.main-hero{padding-top:2rem;padding-bottom:2rem}.logo-area h1{font-size:2rem;word-wrap:break-word;padding:0 10px}.subtitle{font-size:.9rem;margin-top:.5rem;display:block}.header-desc{font-size:1rem;padding:0 10px}.product-grid{grid-template-columns:1fr;gap:20px}.whatsapp-float{width:50px;height:50px;bottom:20px;right:20px;font-size:24px}}
