*{margin:0;padding:0;box-sizing:border-box}html::-webkit-scrollbar{display:none}html{-ms-overflow-style:none;scrollbar-width:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#1a1a1a;background:#FBF9F5}.container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;align-items:center}.logo{font-size:24px;font-weight:700;background:linear-gradient(135deg,#4F46E5 0%,#7C3AED 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links{display:flex;gap:40px;list-style:none}.nav-links a{color:#6b7280;text-decoration:none;font-weight:500;transition:color .3s}.nav-links a:hover{color:#1a1a1a}.cta-button{background:linear-gradient(135deg,#4F46E5 0%,#7C3AED 100%);color:#fff;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;transition:transform .3s,box-shadow .3s}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #4f46e54d}.hero-background-grid{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;background-image:linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(circle at center,black 30%,transparent 85%);-webkit-mask-image:radial-gradient(circle at center,black 30%,transparent 85%);pointer-events:none}.floating-icon{position:absolute;background:white;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;align-items:center;justify-content:center;z-index:0;animation:float 6s ease-in-out infinite;opacity:.8;transition:all .3s ease}.floating-icon:hover{opacity:1;z-index:2;transform:scale(1.1);box-shadow:0 8px 30px #0000001f}.floating-icon svg{width:60%;height:60%}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes float-reverse{0%{transform:translateY(0)}50%{transform:translateY(15px)}to{transform:translateY(0)}}.hero h1{font-size:56px;font-weight:800;line-height:1.2;margin-bottom:24px;max-width:900px}.gradient-text{background:linear-gradient(135deg,#4F46E5 0%,#7C3AED 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero .subtitle{font-size:24px;color:#6b7280;margin-bottom:40px;max-width:700px}.story-intro{margin-top:60px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.story-card{background:#f9fafb;padding:40px;border-radius:16px;border:1px solid #f0f0f0}.story-card h3{font-size:20px;margin-bottom:16px;color:#dc2626}.story-card.future h3{color:#059669}.story-card p{color:#6b7280;line-height:1.8}.transformation{padding:80px 0;background:#fafafa}.transformation-header{text-align:center;margin-bottom:60px}.transformation-header h2{font-size:40px;font-weight:700;margin-bottom:16px;color:#1a1a1a}.scenario{margin-bottom:80px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.scenario:nth-child(2n){direction:rtl}.scenario:nth-child(2n)>*{direction:ltr}.scenario-content h3{font-size:32px;margin-bottom:16px;color:#1a1a1a}.scenario-content .problem{color:#dc2626;font-size:14px;font-weight:600;margin-bottom:8px}.scenario-content .solution{color:#059669;font-size:14px;font-weight:600;margin-bottom:8px}.scenario-content p{color:#6b7280;line-height:1.8;margin-bottom:24px}.scenario-visual{background:white;padding:40px;border-radius:16px;box-shadow:0 4px 6px #0000000d;text-align:center}.metric{font-size:48px;font-weight:800;color:#4f46e5;margin-bottom:8px}.metric-label{color:#6b7280;font-size:16px}.how-it-works{padding:80px 0}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:60px}.process-step{text-align:center;position:relative}.process-step:after{content:"→";position:absolute;right:-16px;top:40px;color:#e5e7eb;font-size:24px}.process-step:last-child:after{display:none}.step-number{width:80px;height:80px;background:linear-gradient(135deg,#4F46E5 0%,#7C3AED 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:700;margin:0 auto 20px}.process-step h4{font-size:18px;margin-bottom:8px;color:#1a1a1a}.process-step p{color:#6b7280;font-size:14px}.technology{padding:80px 0;background:#1a1a1a;color:#fff}.tech-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-top:60px}.tech-feature{background:rgba(255,255,255,.05);padding:40px;border-radius:16px;border:1px solid rgba(255,255,255,.1);transition:all .3s}.tech-feature:hover{background:rgba(255,255,255,.08);border-color:#fff3}.tech-feature h3{font-size:24px;margin-bottom:16px;color:#fff}.tech-feature p{color:#9ca3af;line-height:1.8}.tech-highlight{color:#7c3aed;font-weight:600}.results{padding:80px 0}.results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:60px}.result-card{text-align:center;padding:32px 16px;background:#f9fafb;border-radius:16px;transition:transform .3s}.result-card:hover{transform:translateY(-4px)}.result-number{font-size:40px;font-weight:800;color:#4f46e5;margin-bottom:8px}.result-label{font-size:16px;color:#1a1a1a}.cta-section{padding:100px 0;background:linear-gradient(135deg,#4F46E5 0%,#7C3AED 100%);text-align:center;color:#fff}.cta-section h2{font-size:48px;margin-bottom:24px}.cta-section p{font-size:20px;margin-bottom:40px;opacity:.9}.cta-section .cta-button{background:white;color:#4f46e5;font-size:18px;padding:16px 32px}footer{background:#1a1a1a;color:#fff;padding:60px 0 40px}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer-section h4{margin-bottom:16px;font-size:16px;font-weight:600}.footer-section p{color:#9ca3af;line-height:1.8}.footer-links{list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:#9ca3af;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#fff}.enterprise-setup{padding:100px 0;background:#fafafa}.setup-header{text-align:center;margin-bottom:80px}.setup-header h2{font-size:48px;font-weight:700;margin-bottom:16px;color:#1a1a1a}.section-subtitle{font-size:20px;color:#6b7280;max-width:700px;margin:0 auto}.setup-phases{max-width:1000px;margin:0 auto}.phase-block{background:white;border-radius:24px;margin-bottom:40px;overflow:hidden;box-shadow:0 4px 6px #0000000d;transition:all .3s;display:flex;flex-direction:column}.phase-block:hover{box-shadow:0 20px 40px #0000001a;transform:translateY(-4px)}.phase-header{display:flex;align-items:center;justify-content:space-between;padding:32px 40px;background:linear-gradient(135deg,#4F46E5 0%,#7C3AED 100%);color:#fff}.phase-number{background:rgba(255,255,255,.2);padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600}.phase-header h3{font-size:28px;margin:0}.phase-duration{font-size:14px;opacity:.9}.phase-content{padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:40px;min-height:320px}.phase-visual{display:flex;align-items:center;justify-content:center}.integration-diagram{position:relative;width:100%;height:300px}.system-node{position:absolute;background:#f3f4f6;padding:16px 24px;border-radius:12px;font-size:14px;font-weight:600;color:#4b5563;box-shadow:0 2px 4px #0000001a;animation:float 3s ease-in-out infinite}.system-node:nth-child(1){top:0;left:0;animation-delay:0s}.system-node:nth-child(2){top:0;right:0;animation-delay:.5s}.system-node:nth-child(3){bottom:0;left:0;animation-delay:1s}.system-node:nth-child(4){bottom:0;right:0;animation-delay:1.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.central-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#4F46E5 0%,#7C3AED 100%);color:#fff;padding:24px 32px;border-radius:16px;font-weight:700;font-size:18px;box-shadow:0 10px 30px #4f46e54d}.phase-details h4{font-size:24px;margin-bottom:16px;color:#1a1a1a}.phase-details p{color:#6b7280;line-height:1.8;margin-bottom:24px}.setup-checklist{display:flex;flex-direction:column;gap:16px}.checklist-item{display:flex;gap:16px;align-items:flex-start}.check-icon{background:#10b981;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px}.checklist-item strong{display:block;color:#1a1a1a;margin-bottom:4px}.checklist-item p{font-size:14px;margin:0}.ai-learning-visual{display:flex;align-items:center;gap:16px;padding:40px 0;flex-wrap:wrap;justify-content:center;max-width:100%;box-sizing:border-box}.site-corner-mark{font-size:12px;color:#9ca3af}.waitlist-section .site-corner-mark{position:absolute;right:24px;bottom:24px;pointer-events:none}@media (max-width: 480px){.waitlist-section .site-corner-mark{right:12px;bottom:12px;font-size:10px}}.learning-stage{background:#f3f4f6;padding:16px 24px;border-radius:12px;font-weight:600;color:#6b7280;transition:all .3s}.learning-stage.active{background:linear-gradient(135deg,#4F46E5 0%,#7C3AED 100%);color:#fff;transform:scale(1.1)}.learning-arrow{color:#e5e7eb;font-size:20px}.agent-examples{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px;max-width:100%}.agent-card{background:#f9fafb;padding:24px;border-radius:12px;text-align:center;transition:all .3s;cursor:pointer;height:100%;display:flex;flex-direction:column;justify-content:center}.agent-card:hover{background:linear-gradient(135deg,rgba(79,70,229,.1) 0%,rgba(124,58,237,.1) 100%);transform:translateY(-4px)}.agent-icon{font-size:32px;margin-bottom:12px}.agent-card h5{font-size:16px;margin-bottom:8px;color:#1a1a1a}.agent-card p{font-size:14px;color:#6b7280;margin:0}.deployment-flow{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:40px 0}.deployment-step{text-align:center;flex:1;position:relative}.deployment-step:after{content:"";position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:24px;height:2px;background:#e5e7eb}.deployment-step:last-child:after{display:none}.step-icon{font-size:48px;margin-bottom:12px}.deployment-step p{color:#4b5563;font-weight:600;margin:0}.deployment-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}.metric-card{background:#f9fafb;padding:24px;border-radius:12px;text-align:center}.metric-value{display:block;font-size:28px;font-weight:700;color:#4f46e5;margin-bottom:4px}.metric-desc{font-size:14px;color:#6b7280}.evolution-cycle{width:100%;height:300px;display:flex;align-items:center;justify-content:center}.evolution-features{display:flex;flex-direction:column;gap:24px;margin-top:24px}.evolution-item h5{font-size:18px;margin-bottom:8px;color:#1a1a1a}.evolution-item p{margin:0}.interactive-demo{margin-top:80px;background:white;border-radius:24px;padding:40px;box-shadow:0 10px 30px #0000001a}.interactive-demo h3{font-size:32px;margin-bottom:32px;text-align:center;color:#1a1a1a}.demo-container{display:grid;grid-template-columns:200px 1fr;gap:40px;min-height:500px}.demo-sidebar{display:flex;flex-direction:column;gap:12px}.demo-btn{background:#f3f4f6;border:none;padding:16px 24px;border-radius:12px;font-size:16px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .3s;text-align:left}.demo-btn:hover{background:#e5e7eb}.demo-btn.active{background:linear-gradient(135deg,#4F46E5 0%,#7C3AED 100%);color:#fff}.demo-content{position:relative}.demo-scenario{display:none;animation:fadeIn .5s ease-in-out}.demo-scenario.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.demo-flow{display:flex;flex-direction:column;gap:24px}.flow-step{background:#f9fafb;padding:24px;border-radius:12px;border:1px solid #e5e7eb;position:relative;transition:all .3s}.flow-step.highlight{background:linear-gradient(135deg,rgba(79,70,229,.1) 0%,rgba(124,58,237,.1) 100%);border-color:#4f46e5}.flow-step.success{background:rgba(16,185,129,.1);border-color:#10b981}.step-label{font-size:14px;font-weight:600;color:#6b7280;margin-bottom:8px}.flow-step p{color:#1a1a1a;margin:0;line-height:1.6}.ai-inference{background:#0f172a;color:#e5e7eb}.ai-inference .container{max-width:1200px;margin:0 auto;padding:0 24px}.ai-header{text-align:center;margin-bottom:48px}.ai-badge{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 20px;background:linear-gradient(90.43deg,#C4E0FD 0%,#CAF0F8 27.01%,#FFE2B2 67.63%,#F1AC8F 100%);border-radius:20px;font-size:12px;font-weight:700;letter-spacing:1px;color:#333;margin:0 auto;width:fit-content;white-space:nowrap}.ai-title{font-size:40px;font-weight:700;color:#fff;margin:16px 0 12px}.ai-subtitle{font-size:16px;color:#cbd5e1;max-width:760px;margin:0 auto}.ai-top-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.ai-large-card{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center;background:rgba(15,23,42,.6);border:1px solid rgba(148,163,184,.2);border-radius:20px;padding:24px;box-shadow:0 8px 24px #02061799;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ai-card-text h3{font-size:18px;color:#fff;margin:0 0 8px}.ai-card-text p{font-size:14px;color:#cbd5e1}.ai-card-visual img{width:100%;height:auto;display:block;border-radius:12px}.ai-bottom-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}.ai-small-card{background:rgba(2,6,23,.5);border:1px solid rgba(148,163,184,.2);border-radius:14px;padding:18px;box-shadow:0 6px 18px #02061780;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ai-small-icon{display:flex;flex-direction:row;align-items:flex-start;padding:12px;width:56px;max-width:222px;height:57px;max-height:60.5px;background:#3F4C5A;border-radius:8px;flex:none;order:0;flex-grow:0;margin-bottom:12px}.ai-small-card h4{font-size:16px;color:#fff;margin:0 0 6px}.ai-small-card p{font-size:13px;color:#cbd5e1}.waitlist-section{background:#ffffff;border-radius:100px}.waitlist-section .container{max-width:800px;margin:0 auto}.waitlist-content{display:flex;flex-direction:column;align-items:center;gap:32px}.apphub{position:relative;width:100%;height:860px;margin:0 auto;pointer-events:none;z-index:0;overflow:hidden}.apphub-outer-ring{position:absolute;width:1750px;height:1750px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-112.54deg)}.apphub-extra-ring{position:absolute;width:1000px;height:1000px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg)}.apphub-inner-contain{position:absolute;width:1060px;height:1060px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%}.apphub-inner-ring{position:absolute;width:1060px;height:1060px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(118.49deg)}.apphub-icon{position:absolute;width:57.6px;height:57.6px;background:white;border-radius:14.4px;box-shadow:0 4px 12px #0000001a;display:flex;align-items:center;justify-content:center;transform-origin:center;transition:transform .3s ease;--local-progress: max(0, min(1, (var(--progress) - var(--index) * .006) / .25));left:calc(var(--start-left, 50%) + (var(--target-left) - var(--start-left, 50%)) * var(--local-progress));top:calc(var(--start-top, 50%) + (var(--target-top) - var(--start-top, 50%)) * var(--local-progress));transform:translate(-50%,-50%) scale(var(--local-progress)) rotate(var(--rotation));opacity:var(--local-progress);will-change:left,top,transform,opacity;z-index:1}.apphub-icon:hover{transform:scale(1.1) rotate(var(--rotation))!important;z-index:100}.apphub-center{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:min(557px,calc(100% - 48px));min-height:321px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:24px 0 32px;box-sizing:border-box;text-align:center;z-index:10;background:transparent}.apphub-center-logo{position:relative;z-index:1;width:108px;height:108px;object-fit:contain}.apphub-center-title{position:relative;z-index:1;margin-top:2px;font-family:Inter;font-style:normal;font-weight:600;font-size:42px;line-height:64px;display:flex;align-items:center;letter-spacing:-.16px;color:#fff;--local-progress: max(0, min(1, (var(--progress) - .1) / .4));opacity:var(--local-progress);transform:translateY(calc(20px * (1 - var(--local-progress))));will-change:opacity,transform}.apphub-center-subtitle{position:relative;z-index:1;margin-top:0;font-family:Inter;font-style:normal;font-weight:600;font-size:42px;line-height:64px;display:flex;align-items:center;letter-spacing:-.16px;color:#fff;--local-progress: max(0, min(1, (var(--progress) - .2) / .4));opacity:var(--local-progress);transform:translateY(calc(20px * (1 - var(--local-progress))));will-change:opacity,transform}.apphub-center-desc{position:relative;z-index:1;margin-top:14px;font-family:Inter;font-style:normal;font-weight:400;font-size:17.6px;line-height:23px;display:flex;align-items:center;letter-spacing:-.16px;color:#fff;--local-progress: max(0, min(1, (var(--progress) - .3) / .2));opacity:var(--local-progress);transform:translateY(calc(20px * (1 - var(--local-progress))));will-change:opacity,transform}
