.services-interactive{background:var(--color-bg)}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding-top:80px}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem}.hero-subtitle{font-size:1.3rem;color:var(--color-text-muted);margin-bottom:3rem}.scroll-indicator{color:var(--color-primary);animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.service-section{min-height:100vh;display:flex;align-items:center;padding:4rem 0;opacity:0;transform:translateY(50px);transition:opacity .8s ease-out,transform .8s ease-out}.service-section.visible{opacity:1;transform:translateY(0)}.service-section:nth-child(2n){background:linear-gradient(135deg,#f8fafc80,#f1f5f9cc)}.service-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.service-content.reverse{direction:rtl}.service-content.reverse>*{direction:ltr}.service-section .service-number{opacity:0;transform:scale(.5);transition:opacity .6s ease-out,transform .6s cubic-bezier(.34,1.56,.64,1)}.service-section.visible .service-number{opacity:1;transform:scale(1);transition-delay:.2s}.service-section .service-title{opacity:0;transform:translate(-50px);transition:opacity .8s ease-out,transform .8s ease-out}.service-section.visible .service-title{opacity:1;transform:translate(0);transition-delay:.3s}.service-section .service-description{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.service-section.visible .service-description{opacity:1;transform:translateY(0);transition-delay:.4s}.service-section .service-features li{opacity:0;transform:translate(-30px);transition:opacity .5s ease-out,transform .5s ease-out}.service-section.visible .service-features li:nth-child(1){opacity:1;transform:translate(0);transition-delay:.5s}.service-section.visible .service-features li:nth-child(2){opacity:1;transform:translate(0);transition-delay:.6s}.service-section.visible .service-features li:nth-child(3){opacity:1;transform:translate(0);transition-delay:.7s}.service-section.visible .service-features li:nth-child(4){opacity:1;transform:translate(0);transition-delay:.8s}.service-section .service-visual{opacity:0;transform:scale(.9);transition:opacity 1s ease-out,transform 1s ease-out}.service-section.visible .service-visual{opacity:1;transform:scale(1);transition-delay:.4s}.service-number{display:inline-block;font-size:4rem;font-weight:700;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:1rem}.service-title{font-size:2.5rem;margin-bottom:1.5rem;color:var(--color-text)}.service-description{font-size:1.1rem;line-height:1.8;color:var(--color-text-muted);margin-bottom:2rem}.service-features{list-style:none;padding:0}.service-features li{padding:.75rem 0 .75rem 2rem;position:relative;font-size:1.05rem;color:var(--color-text)}.service-features li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700;font-size:1.2rem}.service-visual{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 40px #0000001a}.chat-demo{display:flex;flex-direction:column;gap:1rem}.chat-message{display:flex;opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.chat-message.show{opacity:1;transform:translateY(0)}.user-message{justify-content:flex-end}.message-bubble{max-width:80%;padding:1rem 1.5rem;border-radius:20px;font-size:.95rem;line-height:1.5}.user-message .message-bubble{background:var(--color-primary);color:#fff;border-bottom-right-radius:4px}.bot-message .message-bubble{background:#f1f5f9;color:var(--color-text);border-bottom-left-radius:4px}.training-demo{display:flex;flex-direction:column;gap:2rem}.progress-bar{background:#f8fafc;padding:1.5rem;border-radius:12px}.progress-label{font-weight:600;margin-bottom:1rem;color:var(--color-text)}.progress-track{height:12px;background:#e2e8f0;border-radius:6px;overflow:hidden;margin-bottom:1rem}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:6px;transition:width 2s ease-out}.progress-stats{display:flex;justify-content:space-between;font-size:.9rem;color:var(--color-text-muted)}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.metric-card{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;padding:1.5rem;border-radius:12px;text-align:center}.metric-value{font-size:2rem;font-weight:700;margin-bottom:.5rem}.metric-label{font-size:.85rem;opacity:.9}.analytics-demo{display:flex;flex-direction:column;gap:1.5rem}.chart-container{background:#f8fafc;padding:2rem;border-radius:12px}.chart{width:100%;height:auto}.chart-line{fill:none;stroke:var(--color-primary);stroke-width:3;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:1000;transition:stroke-dashoffset 2s ease-out}.chart-line.draw{stroke-dashoffset:0}.chart-dot{fill:var(--color-secondary);transform:scale(0);transform-origin:center;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.chart-dot.show{transform:scale(1)}.insight-card{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#2563eb1a,#7c3aed1a);padding:1rem 1.5rem;border-radius:12px;border-left:4px solid var(--color-primary)}.insight-icon{font-size:2rem}.insight-text{font-size:.95rem;color:var(--color-text)}.integration-demo{position:relative;height:300px}.integration-nodes{position:relative;width:100%;height:100%}.node{position:absolute;display:flex;flex-direction:column;align-items:center;gap:.5rem}.central-node{top:50%;left:50%;transform:translate(-50%,-50%)}.satellite-node{--radius: 100px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(var(--radius) * -1)) rotate(calc(var(--angle) * -1));opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(var(--radius) * -1)) rotate(calc(var(--angle) * -1)) scale(0);transition:opacity .6s ease-out,transform .6s cubic-bezier(.34,1.56,.64,1)}.satellite-node.show{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(var(--radius) * -1)) rotate(calc(var(--angle) * -1)) scale(1)}.node-icon{width:60px;height:60px;background:#fff;border:3px solid var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 4px 12px #2563eb33}.central-node .node-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;font-size:2rem}.node-label{font-size:.85rem;font-weight:600;color:var(--color-text)}.connection-lines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.connection-line{stroke:var(--color-primary);stroke-width:2;stroke-dasharray:5,5;opacity:0;stroke-dasharray:200;stroke-dashoffset:200;transition:opacity .8s ease-out,stroke-dashoffset .8s ease-out}.connection-line.show{opacity:.3;stroke-dashoffset:0}.final-cta{text-align:center;padding:6rem 0;background:linear-gradient(135deg,#2563eb0d,#7c3aed0d);opacity:0;transform:translateY(50px);transition:opacity 1s ease-out,transform 1s ease-out}.final-cta.visible{opacity:1;transform:translateY(0)}.final-cta h2{font-size:2.5rem;margin-bottom:1rem}.final-cta p{font-size:1.2rem;color:var(--color-text-muted);margin-bottom:2rem}.btn-large{padding:1rem 2.5rem;font-size:1.1rem}@media(max-width:968px){.service-content,.service-content.reverse{grid-template-columns:1fr;direction:ltr}.hero-title{font-size:2.5rem}.service-title{font-size:2rem}.service-number{font-size:3rem}}