*{margin:0;padding:0;box-sizing:border-box}html{width:100%;height:100%;font-size:12.8px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:1.125rem;line-height:1.6;color:#333;background:#fff;overflow-x:hidden;width:100%;margin:0;padding:0}.header{background:#fff;border-bottom:1px solid #e9ecef;position:sticky;top:0;z-index:1000;box-shadow:0 2px 4px #0000001a}.header-content{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}.header-logo .logo{height:32px;width:auto}.header-nav ul{list-style:none;display:flex;align-items:center;gap:2rem;margin:0;padding:0}.header-nav a{text-decoration:none;color:#495057;font-weight:500;font-size:1.1rem;transition:color .3s ease}.header-nav a:hover{color:#ff8c00}.header-cta{background:linear-gradient(135deg,#ff8c00,#f60);color:#fff!important;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;transition:all .3s ease}.header-cta:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff8c004d;color:#fff!important}.container{max-width:1200px!important;width:100%!important;margin:0 auto!important;padding:0 16px!important;box-sizing:border-box!important;display:block!important}.hero{position:relative;min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef,#dee2e6);display:flex;align-items:center;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23666666" stroke-width="0.5" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(10px,10px)}}.hero-content{position:relative;z-index:2;color:#333}.hero h1{font-size:4rem;font-weight:800;margin-bottom:1.5rem;background:linear-gradient(135deg,#2c3e50,#ff8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero h2{font-size:1.8rem;margin-bottom:2rem;color:#2c3e50;font-weight:500}.hero p{font-size:1.6rem;margin-bottom:2.5rem;color:#495057;max-width:600px;font-weight:400}.cta-buttons{display:flex;gap:1rem;flex-wrap:wrap}.btn{padding:1rem 2rem;font-size:1.2rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;text-decoration:none;display:inline-block;transition:all .3s ease;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,#ff8c00,#f60);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ff8c0066}.btn-secondary{background:transparent;color:#495057;border:2px solid #dee2e6}.btn-secondary:hover{background:#ff8c001a;border-color:#ff8c00;color:#ff8c00;transform:translateY(-2px)}.value-props{padding:6rem 0;background:#fff8f0;color:#333}.value-props h2{font-size:2.5rem;margin-bottom:3rem;text-align:center;color:#2c3e50}.value-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.value-card{background:#fff;padding:2.5rem 2rem;border-radius:12px;border:1px solid #fff0e6;box-shadow:0 4px 12px #ff8c001a;transition:all .3s ease;text-align:center}.value-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #ff8c0033;border-color:#ff8c00}.value-icon{font-size:2.5rem;margin-bottom:1.5rem;display:block}.value-card h3{color:#ff8c00;margin-bottom:1rem;font-size:1.3rem;font-weight:600}.value-card p{font-size:1.1rem;line-height:1.6;color:#495057}.solution{padding:6rem 0;background:#fff;color:#333}.solution h2{font-size:2.5rem;margin-bottom:3rem;text-align:center;color:#2c3e50}.solution-demo{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-bottom:4rem}.demo-visual{background:#f8f9fa;padding:3rem;border-radius:16px;border:2px solid #e9ecef;text-align:center;position:relative;overflow:hidden}.demo-visual:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,140,0,.1) 50%,transparent 70%);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.workflow-arrow{font-size:2.5rem;color:#ff8c00;margin:1.5rem 0}.platform-section{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1rem 0}.workflow-logo{height:32px;width:auto}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:3rem}.metric{text-align:center;background:#fff;padding:2rem;border-radius:12px;border:1px solid #e9ecef;box-shadow:0 4px 6px #0000001a;transition:all .3s ease}.metric:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000026}.metric-number{font-size:2.5rem;font-weight:800;color:#ff8c00;display:block}.metric-label{color:#6c757d;margin-top:.5rem;font-size:1.1rem}.differentiators{padding:6rem 0;background:#fff;color:#333}.differentiators-header{text-align:center;margin-bottom:4rem}.differentiators h2{font-size:2.8rem;margin-bottom:1rem;color:#2c3e50;font-weight:700}.differentiators-subtitle{font-size:1.3rem;color:#6c757d;max-width:600px;margin:0 auto;line-height:1.5}.differentiators-content{max-width:900px;margin:0 auto}.differentiator-item{display:grid;grid-template-columns:140px 1fr;gap:2rem;margin-bottom:3rem;padding:2rem;background:#ffffffb3;border-radius:20px;border:1px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s ease;position:relative;box-shadow:0 4px 12px #0000000d}.differentiator-item:last-child{margin-bottom:1rem}.differentiator-item:hover{transform:translate(10px);background:#ffffffe6;border-color:#ff8c004d;box-shadow:0 8px 25px #0000001a}.differentiator-left{display:flex;flex-direction:column;align-items:center;text-align:center}.differentiator-number{font-size:2rem;font-weight:800;color:#ff8c00;margin-bottom:1rem;background:linear-gradient(135deg,#ff8c00,#f60);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.differentiator-visual{width:80px;height:80px;background:linear-gradient(135deg,#ff8c001a,#ff66001a);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,140,0,.2);transition:all .3s ease}.differentiator-item:hover .differentiator-visual{transform:scale(1.1);background:linear-gradient(135deg,#ff8c0026,#ff660026);border-color:#ff8c0066}.security-badge,.flexibility-icon,.team-icon{font-size:2rem}.differentiator-right h3{color:#2c3e50;margin-bottom:1rem;font-size:1.5rem;font-weight:600;line-height:1.3}.differentiator-right p{font-size:1.1rem;line-height:1.7;color:#495057;margin-bottom:1rem}.differentiator-right strong{color:#ff8c00}.differentiator-highlight{display:inline-flex;background:linear-gradient(135deg,#ff8c001a,#ff66001a);color:#ff8c00;padding:.5rem 1rem;border-radius:25px;font-size:.9rem;font-weight:500;border:1px solid rgba(255,140,0,.2)}@media (max-width: 768px){.differentiator-item{grid-template-columns:1fr;text-align:center;gap:1.5rem}.differentiator-left{flex-direction:row;justify-content:center;gap:1rem}.differentiator-number{margin-bottom:0}.differentiators h2{font-size:2.2rem}.differentiators-subtitle{font-size:1.1rem}}.vision{padding:6rem 0;background:#fff;color:#333;position:relative}.vision h2{font-size:2.5rem;margin-bottom:3rem;text-align:center;color:#2c3e50}.vision-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.vision-card{background:#fff;padding:2.5rem 2rem;border-radius:16px;text-align:center;box-shadow:0 4px 6px #0000001a;border:1px solid #e9ecef;transition:all .3s ease}.vision-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026;border-color:#ff8c00}.vision-icon{font-size:3rem;margin-bottom:1.5rem}.vision-card h3{font-size:1.4rem;margin-bottom:1rem;color:#2c3e50;font-weight:600}.vision-card p{font-size:1.2rem;color:#495057;line-height:1.6}.vision-cta{text-align:center;background:#ff8c001a;padding:2rem;border-radius:12px;border:1px solid rgba(255,140,0,.3);max-width:800px;margin:0 auto}.vision-cta p{font-size:1.4rem;color:#2c3e50;margin:0}.vision-cta strong{color:#ff8c00}.testimonials{padding:6rem 0;background:#fff;color:#333}.testimonials h2{font-size:2.5rem;margin-bottom:3rem;text-align:center;color:#2c3e50}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.testimonial{background:#f8f9fa;padding:2.5rem;border-radius:16px;border-left:4px solid #ff8c00;box-shadow:0 4px 6px #0000001a;transition:all .3s ease}.testimonial:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000026}.quote{font-size:1.3rem;font-style:italic;margin-bottom:1.5rem;color:#495057;line-height:1.7}.attribution{color:#ff8c00;font-weight:600;line-height:1.4}.attribution .company{font-weight:500;opacity:.8;font-size:.9em;margin-left:1.2em}.mid-cta{padding:5rem 0;background:linear-gradient(135deg,#f8f9fa,#e9ecef,#dee2e6);text-align:center;position:relative;overflow:hidden}.mid-cta:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="ctaGrid" width="20" height="20" patternUnits="userSpaceOnUse"><path d="M 20 0 L 0 0 0 20" fill="none" stroke="%23666666" stroke-width="0.5" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23ctaGrid)"/></svg>');animation:gridMove 30s linear infinite}.cta-content{position:relative;z-index:2;max-width:700px;margin:0 auto}.mid-cta h2{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:1.5rem}.mid-cta p{font-size:1.3rem;color:#495057;margin-bottom:2.5rem;line-height:1.6}.cta-buttons-center{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.btn-large{padding:1.25rem 2.5rem;font-size:1.2rem;font-weight:600}.form-error{color:#dc3545;font-size:.875rem;margin-top:.25rem}.form-success{background:#d4edda;color:#155724;padding:1rem;border-radius:8px;margin-bottom:1rem;border:1px solid #c3e6cb}.screenshot-carousel{margin:4rem 0;padding:2rem 0}.carousel-container{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:center;max-width:1400px;margin:0 auto;min-height:600px}.screenshot-display{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 25px 80px #00000026;transition:all .3s ease;width:100%;height:600px;background:#f8f9fa}.screenshot-display:hover{transform:translateY(-8px);box-shadow:0 35px 100px #00000040}.screenshot-display img{width:100%;height:100%;object-fit:contain;display:block}.screenshot-info{padding:2rem;display:flex;flex-direction:column;height:100%;justify-content:center}.screenshot-navigation{display:flex;gap:1rem;margin-bottom:2rem;justify-content:flex-start}.nav-dot{width:16px;height:16px;border-radius:50%;border:none;background:#dee2e6;cursor:pointer;transition:all .3s ease}.nav-dot.active{background:#ff8c00;transform:scale(1.3);box-shadow:0 0 0 3px #ff8c004d}.nav-dot:hover{background:#ff8c00;opacity:.7;transform:scale(1.1)}.screenshot-content h3{color:#2c3e50;font-size:2rem;font-weight:700;margin-bottom:1rem;text-align:left}.screenshot-content p{color:#495057;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem;text-align:left}.screenshot-content{display:flex;flex-direction:column;flex:1}.screenshot-content ul{list-style:none;padding:0;margin-bottom:2rem;flex:1}.screenshot-content li{color:#495057;margin:.75rem 0;padding-left:1.5rem;position:relative;font-size:1rem}.screenshot-content li:before{content:"✓";position:absolute;left:0;color:#ff8c00;font-weight:700}.carousel-controls{display:flex;gap:1rem;justify-content:flex-start;margin-top:auto}.carousel-btn{padding:.75rem 1.5rem;border:2px solid #ff8c00;background:transparent;color:#ff8c00;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;min-width:120px}.carousel-btn:hover{background:#ff8c00;color:#fff;transform:translateY(-3px);box-shadow:0 8px 25px #ff8c004d}.carousel-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.carousel-btn:disabled:hover{background:transparent;color:#ff8c00;box-shadow:none}@media (max-width: 1024px){.carousel-container{grid-template-columns:1.5fr 1fr;gap:2rem;min-height:500px}.screenshot-display{height:500px}.screenshot-content h3{font-size:1.8rem}.screenshot-content p{font-size:1rem}.screenshot-content li{font-size:.9rem}}@media (max-width: 768px){.screenshot-carousel{margin:2rem 0;padding:1rem 0}.carousel-container{grid-template-columns:1fr;gap:1.5rem;max-width:100%;padding:0 1rem;min-height:auto}.screenshot-display{border-radius:12px;order:1;height:350px}.screenshot-info{padding:1.5rem 1rem;order:2}.screenshot-content h3{font-size:1.6rem;text-align:center}.screenshot-content p{font-size:1rem;text-align:center;margin-bottom:1rem}.screenshot-content li{font-size:.9rem}.screenshot-navigation{justify-content:center;gap:.75rem;margin-bottom:1.5rem}.nav-dot{width:14px;height:14px}.carousel-controls{justify-content:center;gap:1rem;margin-top:1rem}.carousel-btn{padding:.75rem 1.25rem;font-size:.9rem;min-width:100px}}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease}.modal[style*=block]{opacity:1}.modal-content{background-color:#fff;margin:5% auto;border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:1px solid #e9ecef}.modal-header h2{color:#2c3e50;margin:0;font-size:1.5rem;font-weight:600}.close{color:#6c757d;font-size:2rem;font-weight:300;cursor:pointer;line-height:1;transition:color .3s ease}.close:hover{color:#495057}.modal-body{padding:1rem 2rem 2rem}.modal-body p{color:#6c757d;margin-bottom:1.5rem;font-size:1.1rem}.modal .form-group{margin-bottom:1.25rem}.modal .form-group label{display:block;margin-bottom:.5rem;color:#495057;font-weight:500;font-size:1.05rem}.modal .form-group input,.modal .form-group textarea{width:100%;padding:.75rem;border:1px solid #dee2e6;border-radius:8px;font-size:1.1rem;transition:border-color .3s ease,box-shadow .3s ease;background-color:#f8f9fa}.modal .form-group input:focus,.modal .form-group textarea:focus{outline:none;border-color:#ff8c00;box-shadow:0 0 0 3px #ff8c001a;background-color:#fff}.modal .form-group textarea{min-height:100px;resize:vertical}.modal .btn{margin-top:1rem}.footer{background:#343a40;color:#fff;padding:3rem 0 1rem}.footer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.footer-logo{height:48px;width:auto}.footer-tagline{color:#bdc3c7;font-size:1.1rem;margin:0}.footer-actions{display:flex;align-items:center}.footer-contact-btn{background:linear-gradient(135deg,#ff8c00,#f60);color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s ease;font-size:1rem}.footer-contact-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff8c004d;color:#fff}.footer-bottom{border-top:1px solid #495057;padding-top:1rem;text-align:center}.footer-bottom p{color:#95a5a6;font-size:1.05rem;margin:0}@media (max-width: 768px){.header-content{padding:.75rem 0}.header-nav ul{gap:1rem}.header-nav a{font-size:1rem}.header-cta{padding:.5rem 1rem;font-size:1rem}.hero h1{font-size:2.5rem}.solution-demo{grid-template-columns:1fr;gap:2rem}.cta-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px;text-align:center}.testimonial-grid,.screenshot-gallery{grid-template-columns:1fr}.modal-content{margin:10% auto;width:95%;max-height:85vh}.modal-header{padding:1.5rem 1.5rem 1rem}.modal-body{padding:1rem 1.5rem 1.5rem}.modal-header h2{font-size:1.3rem}.mid-cta h2{font-size:2rem}.mid-cta p{font-size:1.2rem}.cta-buttons-center{flex-direction:column;align-items:center}.btn-large{width:100%;max-width:280px;text-align:center}.footer-content{flex-direction:column;gap:1.5rem;align-items:center;text-align:center}.footer-brand{flex-direction:column;text-align:center}}html{scroll-behavior:smooth}.fade-in{opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.logo-container{display:flex;align-items:center;margin-bottom:2rem;gap:1rem}.logo-image{height:48px;width:auto;filter:drop-shadow(0 0 10px rgba(255,140,0,.3))}.logo-text{font-size:2rem;font-weight:800;color:#2c3e50}.coming-soon{color:#6c757d;font-style:italic;font-weight:500;opacity:.8}