*{margin:0;padding:0;box-sizing:border-box}.custom-cursor{position:fixed;width:40px;height:40px;border:2px solid #667eea;border-radius:50%;pointer-events:none;z-index:10000;transform:translate(-50%,-50%);transition:width .2s,height .2s,border-color .2s,background-color .2s;mix-blend-mode:difference}.custom-cursor.hovering{width:60px;height:60px;background:#667eea1a;border-color:#764ba2}.custom-cursor.clicking{width:30px;height:30px;background:#667eea4d}.custom-cursor.hidden{opacity:0}.custom-cursor-dot{position:fixed;width:8px;height:8px;background:#667eea;border-radius:50%;pointer-events:none;z-index:10001;transform:translate(-50%,-50%);transition:transform .1s}.custom-cursor-dot.hidden{opacity:0}@media(hover:hover)and (pointer:fine){body,a,button,.clickable{cursor:none}}.scroll-progress{position:fixed;top:64px;left:0;right:0;height:3px;background:#0000001a;z-index:999}.scroll-progress-bar{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .1s linear}.magnetic-btn{transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.animated-counter{display:inline-block;font-variant-numeric:tabular-nums}.floating-particles{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none;z-index:0}.particle{position:absolute;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;opacity:.3;animation:float linear infinite}@keyframes float{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translateY(-100vh) rotate(720deg);opacity:0}}.tilt-card{transition:transform .1s ease-out;transform-style:preserve-3d}.service-tilt-wrapper,.service-tilt-wrapper .workflow-branch-node{width:100%}.ripple-btn{position:relative;overflow:hidden}.ripple{position:absolute;border-radius:50%;background:#fff6;transform:translate(-50%,-50%) scale(0);animation:ripple-effect .6s ease-out;pointer-events:none}@keyframes ripple-effect{to{transform:translate(-50%,-50%) scale(4);opacity:0}}.text-reveal{display:inline-block;opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.text-reveal.visible{opacity:1;transform:translateY(0)}.glitch-text{position:relative;display:inline-block}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.glitch-text:hover:before{animation:glitch-1 .3s infinite;color:#f0f;z-index:-1;opacity:.8}.glitch-text:hover:after{animation:glitch-2 .3s infinite;color:#0ff;z-index:-2;opacity:.8}@keyframes glitch-1{0%,to{transform:translate(0)}20%{transform:translate(-3px,3px)}40%{transform:translate(-3px,-3px)}60%{transform:translate(3px,3px)}80%{transform:translate(3px,-3px)}}@keyframes glitch-2{0%,to{transform:translate(0)}20%{transform:translate(3px,-3px)}40%{transform:translate(3px,3px)}60%{transform:translate(-3px,-3px)}80%{transform:translate(-3px,3px)}}.typewriter{display:inline}.typewriter-cursor{display:inline-block;animation:blink 1s infinite;color:#667eea;font-weight:300}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.fade-in{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-in-left{opacity:0;transform:translate(-60px);transition:opacity .8s ease,transform .8s ease}.fade-in-left.visible{opacity:1;transform:translate(0)}.fade-in-right{opacity:0;transform:translate(60px);transition:opacity .8s ease,transform .8s ease}.fade-in-right.visible{opacity:1;transform:translate(0)}.scale-in{opacity:0;transform:scale(.8);transition:opacity .6s ease,transform .6s ease}.scale-in.visible{opacity:1;transform:scale(1)}.stagger-children>*{opacity:0;transform:translateY(30px);transition:opacity .5s ease,transform .5s ease}.stagger-children.visible>*:nth-child(1){transition-delay:.1s;opacity:1;transform:translateY(0)}.stagger-children.visible>*:nth-child(2){transition-delay:.2s;opacity:1;transform:translateY(0)}.stagger-children.visible>*:nth-child(3){transition-delay:.3s;opacity:1;transform:translateY(0)}.stagger-children.visible>*:nth-child(4){transition-delay:.4s;opacity:1;transform:translateY(0)}.stagger-children.visible>*:nth-child(5){transition-delay:.5s;opacity:1;transform:translateY(0)}.stagger-children.visible>*:nth-child(6){transition-delay:.6s;opacity:1;transform:translateY(0)}.hover-glow{transition:box-shadow .3s ease}.hover-glow:hover{box-shadow:0 0 30px #667eea80,0 0 60px #667eea4d}.gradient-border{position:relative;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#667eea,#764ba2) border-box;border:2px solid transparent}.gradient-border-animated{position:relative}.gradient-border-animated:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,#667eea,#764ba2,#667eea);background-size:200% 200%;border-radius:inherit;z-index:-1;animation:gradient-rotate 3s linear infinite}@keyframes gradient-rotate{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.shine-effect{position:relative;overflow:hidden}.shine-effect:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.shine-effect:hover:after{left:100%}.pulse-animation{animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 #667eea66}50%{box-shadow:0 0 0 15px #667eea00}}.bounce-hover:hover{animation:bounce-effect .5s ease}@keyframes bounce-effect{0%,to{transform:translateY(0)}25%{transform:translateY(-10px)}50%{transform:translateY(0)}75%{transform:translateY(-5px)}}.rotate-hover{transition:transform .5s ease}.rotate-hover:hover{transform:rotate(360deg)}.flip-card{perspective:1000px}.flip-card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden}.flip-card-back{transform:rotateY(180deg)}.underline-hover{position:relative;display:inline-block}.underline-hover:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.underline-hover:hover:after{width:100%}.gradient-text-hover{transition:background .3s ease;background:linear-gradient(135deg,#000,#000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-hover:hover{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;line-height:1.6;color:#000;background:#fff;font-size:16px}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:60px 0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;overflow-x:hidden}.section-dark{background:#000;color:#fff}.section-gray{background:#f5f5f5}h1{font-size:3.5rem;font-weight:500;line-height:1.1;letter-spacing:-.02em}h2{font-size:2.5rem;font-weight:500;line-height:1.2;letter-spacing:-.02em}h3{font-size:1.25rem;font-weight:500;margin-bottom:12px}p{color:#666;font-size:1.125rem;line-height:1.7}.section-dark p{color:#999}.header{position:fixed;top:0;left:0;right:0;background:#fff;z-index:1000;border-bottom:1px solid #eee}.nav{display:flex;justify-content:space-between;align-items:center;height:64px}.logo{font-size:1.25rem;font-weight:600;color:#000;text-decoration:none;display:flex;align-items:center;gap:8px}.logo-icon{width:24px;height:24px;background:#000;border-radius:4px}.nav-menu{display:flex;list-style:none;gap:40px}.nav-menu a{text-decoration:none;color:#666;font-size:.9375rem;transition:color .2s}.nav-menu a:hover{color:#000}.nav-toggle{display:none;background:none;border:none;cursor:pointer;width:24px;height:24px;position:relative}.nav-toggle span,.nav-toggle:before,.nav-toggle:after{content:"";position:absolute;left:0;width:100%;height:1.5px;background:#000;transition:.3s}.nav-toggle:before{top:4px}.nav-toggle span{top:50%;transform:translateY(-50%)}.nav-toggle:after{bottom:4px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:none;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;text-decoration:none;transition:all .2s}.btn-primary{background:#000;color:#fff}.btn-primary:hover{background:#333}.btn-outline{background:transparent;color:#000;border:1px solid #ddd}.btn-outline:hover{border-color:#000}.btn-white{background:#fff;color:#000}.btn-white:hover{background:#f5f5f5}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:64px;text-align:center}.hero .container{max-width:900px}.hero h1{margin-bottom:24px}.hero p{font-size:1.25rem;max-width:600px;margin:0 auto 40px}.hero-buttons{display:flex;gap:16px;justify-content:center}.workflow-block{display:flex;flex-direction:column;align-items:center}.workflow-node{background:#fff;border:2px solid #e0e0e0;border-radius:16px;padding:48px;position:relative;box-shadow:0 4px 24px #0000000f;transition:all .3s ease}.workflow-node:hover{border-color:#667eea;box-shadow:0 8px 32px #667eea26}.workflow-node-main{max-width:800px}.workflow-node-wide{width:100%;max-width:1000px}.workflow-node-header{text-align:center;padding:32px 48px}.workflow-branch-split,.workflow-branch-merge{display:flex;flex-direction:column;align-items:center;width:100%;max-width:900px}.workflow-branch-split .branch-line-horizontal,.workflow-branch-merge .branch-line-horizontal{width:75%;height:2px;background:linear-gradient(90deg,transparent,#667eea 10%,#667eea 90%,transparent)}.branch-lines-vertical{display:flex;justify-content:space-between;width:75%;max-width:800px}.branch-line-down,.branch-line-up{width:2px;height:30px;background:#667eea}.workflow-branches{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;width:100%;max-width:900px}.workflow-branch-node{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:24px 16px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative}.workflow-branch-node:hover,.workflow-branch-node.active{border-color:#667eea;box-shadow:0 8px 32px #667eea33;transform:translateY(-4px)}.branch-node-icon{font-size:2.5rem;margin-bottom:12px}.workflow-branch-node h3{font-size:1rem;font-weight:600;margin-bottom:0;color:#000}.branch-node-details{max-height:0;overflow:hidden;opacity:0;transition:all .3s ease}.branch-node-details.show{max-height:200px;opacity:1;margin-top:12px;padding-top:12px;border-top:1px solid #eee}.branch-node-details p{font-size:.875rem;color:#666;line-height:1.5;margin:0}@media(max-width:768px){.workflow-branches{grid-template-columns:repeat(2,1fr);gap:16px}.branch-lines-vertical,.workflow-branch-split .branch-line-horizontal,.workflow-branch-merge .branch-line-horizontal{width:50%}.branch-node-icon{font-size:2rem}.workflow-branch-node{padding:20px 12px}}@media(max-width:480px){.workflow-branches{grid-template-columns:1fr 1fr}}.workflow-connector,.workflow-connector-up{display:flex;flex-direction:column;align-items:center}.workflow-connector-up{flex-direction:column}.connector-line{width:2px;height:40px;background:linear-gradient(to bottom,#e0e0e0,#667eea)}.connector-arrow{width:50px;height:50px;border-radius:50%;background:#fff;border:2px solid #667eea;display:flex;align-items:center;justify-content:center;color:#667eea;cursor:pointer;transition:all .3s ease;text-decoration:none;animation:bounce 2s infinite}.connector-arrow:hover{background:#667eea;color:#fff;transform:scale(1.1);animation:none}.connector-arrow-up{animation:bounceUp 2s infinite}@keyframes bounceUp{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(8px)}60%{transform:translateY(4px)}}.connector-arrow-up:hover{animation:none;transform:scale(1.1)}.workflow-connector-up .connector-line{background:linear-gradient(to top,#e0e0e0,#667eea)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@media(max-width:768px){.workflow-node{padding:32px 24px}.connector-line{height:30px}.connector-arrow{width:44px;height:44px}}.brand-highlight{color:#000;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dropping-texts{display:inline-block;width:280px;text-align:left;height:1.1em;vertical-align:bottom;position:relative}.dropping-texts>span{font-size:0;opacity:0;position:absolute;left:0;top:0;font-weight:500;color:#000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dropping-texts>span:nth-child(1){animation:dropText 10s linear infinite 0s}.dropping-texts>span:nth-child(2){animation:dropText 10s linear infinite 2s}.dropping-texts>span:nth-child(3){animation:dropText 10s linear infinite 4s}.dropping-texts>span:nth-child(4){animation:dropText 10s linear infinite 6s}.dropping-texts>span:nth-child(5){animation:dropTextLast 10s linear infinite 8s}@keyframes dropText{0%{font-size:0;opacity:0;margin-left:-30px;margin-top:0;transform:rotate(-25deg)}2%{opacity:1;transform:rotate(0)}5%{font-size:inherit;opacity:1;margin-left:0;margin-top:0}20%{font-size:inherit;opacity:1;margin-left:0;margin-top:0;transform:rotate(0)}27%{font-size:0;opacity:0;margin-left:20px;margin-top:80px}to{font-size:0;opacity:0;margin-left:-30px;margin-top:0;transform:rotate(15deg)}}@keyframes dropTextLast{0%{font-size:0;opacity:0;margin-left:-30px;margin-top:0;transform:rotate(-25deg)}2%{opacity:1;transform:rotate(0)}5%{font-size:inherit;opacity:1;margin-left:0;margin-top:0}20%{font-size:inherit;opacity:1;margin-left:0;margin-top:0;transform:rotate(0)}27%{font-size:0;opacity:0;margin-left:20px;margin-top:80px}to{font-size:0;opacity:0;margin-left:-30px;margin-top:0;transform:rotate(15deg)}}@media(max-width:768px){.dropping-texts{width:180px}}.hero-visual{margin-top:80px;background:#f5f5f5;border-radius:16px;padding:40px;position:relative;overflow:hidden}.hero-visual-content{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.visual-item{background:#fff;border-radius:8px;padding:16px;text-align:left;font-size:.875rem;color:#666;border:1px solid #eee}.features{text-align:center}.features h2{margin-bottom:16px}.features>.container>p{max-width:500px;margin:0 auto 60px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;text-align:left}.feature-item{padding-top:24px;border-top:1px solid #eee}.feature-item h3{font-size:1rem;margin-bottom:8px}.feature-item p{font-size:.9375rem;color:#666}.capabilities h2{text-align:center;margin-bottom:80px}.capability-block{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:120px}.capability-block:last-child{margin-bottom:0}.capability-block.reverse{direction:rtl}.capability-block.reverse>*{direction:ltr}.capability-label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:#999;margin-bottom:16px}.capability-content h3{font-size:1.5rem;font-weight:500;margin-bottom:16px}.capability-content p{margin-bottom:24px}.capability-link{color:#000;font-size:.9375rem;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.capability-link:hover{text-decoration:underline}.capability-visual{background:#f5f5f5;border-radius:16px;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.dots-pattern{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.dots-pattern span{width:8px;height:8px;background:#000;border-radius:50%;opacity:.2}.dots-pattern span.active{opacity:1}.deployment{text-align:center}.deployment-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px}.deployment-icon{width:20px;height:20px;border:2px solid #fff;border-radius:4px}.deployment h2{margin-bottom:8px}.deployment>.container>p{color:#999;margin-bottom:60px}.deployment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;text-align:center}.deployment-item-icon{width:40px;height:40px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.deployment-item h3{font-size:1rem;color:#fff;margin-bottom:8px}.deployment-item p{font-size:.875rem;color:#666}.security{background:#f5f5f5;border-radius:16px;padding:60px;margin:120px auto;max-width:1000px}.security-badge{display:inline-flex;align-items:center;gap:8px;background:#000;color:#fff;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:500;margin-bottom:24px}.security h3{font-size:1.5rem;margin-bottom:12px}.security p{max-width:400px;margin-bottom:24px}.security-link{color:#000;font-size:.9375rem}.security-badges{display:flex;gap:24px;margin-top:40px}.cert-badge{padding:12px 20px;border:1px solid #ddd;border-radius:8px;font-size:.875rem;font-weight:500}.services-slider{background:#f5f5f5}.services-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px}.services-slider h2{margin-bottom:4px}.services-subtitle{font-size:1rem;color:#999}.services-dots{display:flex;gap:8px}.slider-dot{width:10px;height:10px;border-radius:50%;border:none;background:#ddd;cursor:pointer;transition:all .3s ease}.slider-dot.active{background:#000;transform:scale(1.2)}.slider-dot:hover{background:#999}.slider-container{overflow:hidden;border-radius:16px;background:#fff}.slider-track{display:flex;transition:transform .5s ease}.slide{min-width:100%;padding:48px;display:flex;align-items:center;gap:40px}.slide-icon{font-size:4rem;flex-shrink:0}.slide-content h3{font-size:1.5rem;margin-bottom:12px}.slide-content p{font-size:1.0625rem;color:#666;line-height:1.7;max-width:500px}.slider-nav{display:flex;justify-content:center;gap:12px;margin-top:24px}.slider-btn{width:44px;height:44px;border-radius:50%;border:1px solid #ddd;background:#fff;font-size:1.25rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.slider-btn:hover{border-color:#000;background:#000;color:#fff}@media(max-width:768px){.services-header{flex-direction:column;gap:16px}.slide{flex-direction:column;text-align:center;padding:32px 24px;gap:24px}.slide-icon{font-size:3rem}.slide-content h3{font-size:1.25rem}}.problems{background:#000;color:#fff;text-align:center;overflow:hidden}.problems-subtitle{color:#999!important;margin:0}.workflow-node-dark{background:#ffffff0d;border-color:#fff3}.workflow-node-dark:hover{border-color:#667eea;box-shadow:0 8px 32px #667eea4d}.connector-line-dark{background:linear-gradient(to bottom,#fff3,#667eea)!important}.workflow-connector-up .connector-line-dark{background:linear-gradient(to top,#fff3,#667eea)!important}.connector-arrow-dark{background:#000;border-color:#667eea;color:#667eea}.connector-arrow-dark:hover{background:#667eea;color:#fff}.workflow-or-split,.workflow-or-merge{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1000px}.or-connector-down{width:2px;height:20px;background:#667eea}.or-diamond{width:50px;height:50px;background:#667eea;transform:rotate(45deg);display:flex;align-items:center;justify-content:center;margin:8px 0}.or-diamond span{transform:rotate(-45deg);color:#fff;font-weight:700;font-size:.75rem;letter-spacing:.05em}.or-branches{display:flex;justify-content:space-between;width:85%;max-width:900px}.or-branch-line{width:2px;height:25px;background:#667eea}.workflow-problems-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:10px;max-width:1000px;width:100%}.workflow-problem-node{background:#ffffff0d;border:2px solid rgba(255,255,255,.15);border-radius:10px;padding:16px 12px;text-align:center;cursor:pointer;transition:all .3s ease}.workflow-problem-node:hover{border-color:#667eea;background:#667eea26;box-shadow:0 8px 24px #667eea4d;transform:translateY(-4px)}.workflow-problem-node.active{border-color:#667eea;background:#667eea33;box-shadow:0 12px 32px #667eea66;transform:scale(1.15);z-index:10;position:relative;padding:20px 16px}.workflow-problem-node.active .problem-node-icon{font-size:2.2rem}.workflow-problem-node.active h4{font-size:.9rem}.problems-to-solution-connector{display:flex;flex-direction:column;align-items:center;margin:15px 0}.problems-to-solution-connector .connector-line-down{height:20px;background:#667eea}.problems-to-solution-connector .or-diamond{margin:0}.problem-node-icon{font-size:2rem;margin-bottom:8px}.workflow-problem-node h4{font-size:.8rem;font-weight:600;color:#fff;margin:0;line-height:1.3}.problem-node-details{max-height:0;overflow:hidden;opacity:0;transition:all .3s ease}.problem-node-details.show{max-height:100px;opacity:1;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.problem-node-details p{font-size:.75rem;color:#999;line-height:1.4;margin:0}.workflow-node-solution{background:#fff;color:#000;padding:14px 24px;display:flex;align-items:center;justify-content:center;gap:10px;border-color:#fff;border-radius:10px}.workflow-node-solution:hover{border-color:#667eea;box-shadow:0 6px 20px #667eea33}.solution-icon{width:36px;height:36px;background:#22c55e;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;flex-shrink:0}.solution-text{text-align:left}.solution-text h3{font-size:1rem;margin-bottom:0;color:#000}.solution-text p{font-size:.8rem;color:#666;margin:0}@media(max-width:968px){.workflow-problems-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.workflow-problems-grid{grid-template-columns:repeat(2,1fr)}.workflow-problem-node{padding:16px 10px}.problem-node-icon{font-size:1.5rem}.workflow-problem-node h4{font-size:.7rem}.workflow-node-solution{flex-direction:column;text-align:center;padding:24px}.solution-text{text-align:center}}@media(max-width:480px){.workflow-problems-grid{grid-template-columns:repeat(2,1fr)}.or-diamond{width:40px;height:40px}.or-diamond span{font-size:.65rem}}.process{background:#f5f5f5;text-align:center}.process h2{margin-bottom:12px}.header-to-steps-connector{display:flex;flex-direction:column;align-items:center;margin:8px 0}.connector-line-down{width:2px;height:15px;background:#667eea}.connector-arrow-down{color:#667eea;font-size:1rem;font-weight:300;line-height:1}.workflow-sequence{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:0;margin-top:5px;max-width:1100px}.workflow-step-wrapper{display:flex;align-items:center}.sequence-connector{height:20px;display:flex;align-items:center;justify-content:center}.sequence-line-vertical{width:2px;height:20px;background:#667eea}.workflow-step-node{background:#fff;border:2px solid #e0e0e0;border-radius:10px;padding:12px 10px;min-width:100px;max-width:120px;text-align:center;cursor:pointer;transition:all .3s ease}.workflow-step-node:hover{border-color:#667eea;box-shadow:0 8px 24px #667eea33;transform:translateY(-4px)}.workflow-step-node.active{border-color:#667eea;box-shadow:0 12px 32px #667eea4d;transform:scale(1.15);padding:16px 14px;min-width:130px;max-width:160px;z-index:10;position:relative}.workflow-step-node.completed{border-color:#22c55e;background:#f0fdf4}.workflow-step-node.completed .step-node-number{background:#22c55e}.step-node-number{width:36px;height:36px;background:#667eea;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;margin:0 auto 10px}.step-node-title{font-size:.9rem;font-weight:600;color:#000}.step-node-details{max-height:0;overflow:hidden;opacity:0;transition:all .3s ease}.step-node-details.show{max-height:120px;opacity:1;margin-top:10px;padding-top:10px;border-top:1px solid #eee}.step-node-details p{font-size:.75rem;color:#666;line-height:1.4;margin:0}.sequence-arrow{color:#667eea;font-size:1.25rem;font-weight:300;padding:0 8px;display:flex;align-items:center;align-self:center}.workflow-sequence-end{display:flex;flex-direction:column;align-items:center;margin-top:8px}.workflow-node-result{background:#22c55e;color:#fff;padding:14px 24px;display:flex;align-items:center;justify-content:center;gap:10px;border-color:#22c55e;border-radius:10px}.workflow-node-result:hover{border-color:#16a34a;box-shadow:0 6px 20px #22c55e4d}.result-icon-success{font-size:1.5rem}.workflow-node-result .result-text h3{color:#fff;margin-bottom:0;font-size:1rem}.workflow-node-result .result-text p{color:#fffc;margin:0;font-size:.8rem}@media(max-width:968px){.workflow-sequence{flex-wrap:wrap;gap:10px}.workflow-step-wrapper{flex-direction:column}.sequence-arrow{display:none}.workflow-step-node{min-width:120px;max-width:140px;padding:16px 12px}}@media(max-width:768px){.workflow-sequence{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sequence-connector{height:20px}.workflow-step-node{min-width:auto;max-width:none}.step-node-number{width:32px;height:32px;font-size:.7rem}.step-node-title{font-size:.8rem}.workflow-node-result{flex-direction:column;text-align:center;padding:24px}.workflow-node-result .result-text{text-align:center}}@media(max-width:480px){.workflow-sequence{grid-template-columns:repeat(2,1fr)}}.founder{background:#000;color:#fff}.founder p{color:#999}.founder .btn-primary{background:#fff;color:#000}.founder .btn-primary:hover{background:#f0f0f0}.workflow-operator{width:100%;max-width:1000px}.operator-label{display:flex;align-items:center;gap:12px;margin-bottom:16px;justify-content:center}.operator-badge{background:#667eea;color:#fff;padding:4px 12px;border-radius:4px;font-size:.7rem;font-weight:700;letter-spacing:.1em}.operator-title{color:#999;font-size:.875rem}.operator-container{display:flex;align-items:stretch;position:relative}.operator-side-line{width:3px;background:linear-gradient(to bottom,#667eea,#764ba2);border-radius:2px}.operator-side-line.left{margin-right:-1px;border-radius:4px 0 0 4px}.operator-side-line.right{margin-left:-1px;border-radius:0 4px 4px 0}.workflow-node-operator{flex:1;background:#667eea1a;border:2px solid #667eea;padding:40px}.workflow-node-operator:hover{background:#667eea26;box-shadow:0 8px 40px #667eea4d}.founder-card{display:grid;grid-template-columns:250px 1fr;gap:40px;align-items:center}.founder-image{background:#f5f5f5;border-radius:12px;overflow:hidden;max-height:300px}.founder-image img{width:100%;height:auto;display:block;margin-top:-20px}.founder-content h2{margin-bottom:16px;font-size:2rem}.founder-content p{margin-bottom:12px;font-size:1rem}.operator-skills{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.skill-tag{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:500}.operator-control-lines{display:flex;flex-direction:column;align-items:center;margin-top:20px}.control-line{width:2px;height:30px;background:linear-gradient(to bottom,#667eea,#22c55e)}.control-dot{width:12px;height:12px;background:#22c55e;border-radius:50%;box-shadow:0 0 10px #22c55e80;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 10px #22c55e80}50%{box-shadow:0 0 20px #22c55ecc}}.control-label{color:#22c55e;font-size:.75rem;font-weight:500;margin-top:8px;letter-spacing:.05em}@media(max-width:768px){.founder-card{grid-template-columns:1fr;text-align:center;gap:24px}.founder-image{max-width:200px;margin:0 auto}.workflow-node-operator{padding:24px}.founder-content h2{font-size:1.5rem}.operator-skills{justify-content:center}.operator-label{flex-direction:column;gap:8px}.operator-side-line{display:none}}.testimonial{padding:120px 0;border-top:1px solid #eee}.testimonial-card{max-width:900px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:60px;align-items:center}.testimonial-logo{font-size:1.25rem;font-weight:600;margin-bottom:24px;display:flex;align-items:center;gap:8px}.testimonial blockquote{font-size:1.125rem;line-height:1.8;color:#333;margin-bottom:24px}.testimonial-author{font-size:.9375rem}.testimonial-author strong{display:block;color:#000}.testimonial-author span{color:#666}.testimonial-image{aspect-ratio:1;background:#f5f5f5;border-radius:12px;overflow:hidden}.cta{background:#f5f5f5;text-align:center;padding:60px}.cta .container{display:flex;justify-content:space-between;align-items:center}.cta h3{font-size:1.25rem;margin-bottom:0}.contact{background:#fff;text-align:center}.contact-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;width:100%;max-width:1100px;align-items:stretch}.contact-form-section{display:flex}.contact-form-section .workflow-node-contact{flex:1;border-radius:16px}.contact-next-section{display:flex}.next-steps-card{flex:1;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:16px;padding:32px;display:flex;flex-direction:column}.next-steps-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.next-diamond{width:36px;height:36px;background:#22c55e;transform:rotate(45deg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.next-diamond span{transform:rotate(-45deg);color:#fff;font-weight:700;font-size:.875rem}.next-steps-header h3{font-size:1.25rem;margin:0;color:#000}.next-steps-list{display:flex;flex-direction:column;gap:8px;flex:1}.next-step-item{display:flex;align-items:center;gap:12px;padding:14px;background:#fff;border-radius:10px;border:1px solid #e0e0e0;transition:all .3s ease}.next-step-item:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.next-step-number{width:24px;height:24px;background:#667eea;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.next-step-content{display:flex;align-items:center;gap:10px;flex:1}.next-step-icon{font-size:1.25rem}.next-step-content strong{display:block;font-size:.9rem;color:#000}.next-step-content p{font-size:.75rem;color:#666;margin:0}.next-step-arrow{color:#667eea;font-size:1rem;text-align:center;padding:0 0 0 18px}.next-steps-footer{color:#22c55e;font-size:.875rem;font-weight:500;margin:16px 0 0;text-align:center}.workflow-endpoint{text-align:center;margin-bottom:20px}.endpoint-badges{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.endpoint-badge{padding:6px 16px;border-radius:4px;font-size:.7rem;font-weight:700;letter-spacing:.1em}.endpoint-end{background:#667eea;color:#fff}.endpoint-start{background:#22c55e;color:#fff}.endpoint-connector{color:#999;font-size:1.25rem}.endpoint-subtitle{color:#999;font-size:.875rem;margin:0}.workflow-contact-wrapper{display:flex;align-items:stretch;gap:0;max-width:800px;width:100%}.contact-flow-line{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 16px;min-width:100px}.contact-flow-line.left{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 0 0 16px;color:#fff}.contact-flow-line.right{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:0 16px 16px 0;color:#fff}.flow-arrow{font-size:1.5rem;margin-bottom:8px;animation:flowPulse 2s infinite}@keyframes flowPulse{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(4px)}}.contact-flow-line span{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg)}.workflow-node-contact{flex:1;padding:40px;border-radius:0;text-align:left}.contact-header{display:flex;align-items:center;gap:16px;margin-bottom:32px;text-align:left}.contact-icon{font-size:2.5rem}.contact-header h2{margin-bottom:4px}.contact-subtitle{color:#666;font-size:1rem;margin:0}.contact-form{display:flex;flex-direction:column;gap:16px;text-align:left}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{font-size:.875rem;font-weight:500;margin-bottom:4px;display:block}.contact-form input,.contact-form textarea{width:100%;padding:14px 16px;border:1px solid #ddd;border-radius:8px;font-size:1rem;font-family:inherit;background:#fff;transition:all .2s}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn-submit{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;background:linear-gradient(135deg,#667eea,#764ba2);padding:16px 32px;font-size:1rem}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea4d}.btn-arrow{transition:transform .2s}.btn-submit:hover .btn-arrow{transform:translate(4px)}.workflow-future{margin-top:30px;text-align:center}.future-connector{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.future-line{width:2px;height:30px;background:linear-gradient(to bottom,#667eea,#22c55e)}.future-diamond{width:40px;height:40px;background:#22c55e;transform:rotate(45deg);display:flex;align-items:center;justify-content:center}.future-diamond span{transform:rotate(-45deg);color:#fff;font-weight:700}.future-steps{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.future-step{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 20px;background:#f5f5f5;border-radius:12px;border:2px dashed #ddd;min-width:120px}.future-icon{font-size:1.5rem}.future-step span:last-child{font-size:.8rem;font-weight:500;color:#666}.future-arrow{color:#22c55e;font-size:1.25rem;font-weight:300}.future-label{color:#22c55e;font-size:.875rem;font-weight:500;margin-top:16px}.workflow-loop{display:flex;flex-direction:column;align-items:center;margin-top:40px;padding-top:20px;border-top:1px dashed #ddd}.loop-line{width:2px;height:20px;background:#ddd}.loop-arrow{width:40px;height:40px;border-radius:50%;background:#f5f5f5;border:2px solid #ddd;display:flex;align-items:center;justify-content:center;color:#999;text-decoration:none;transition:all .3s ease}.loop-arrow:hover{background:#667eea;border-color:#667eea;color:#fff;transform:scale(1.1)}.loop-label{color:#999;font-size:.75rem;margin-top:8px}@media(max-width:768px){.workflow-contact-wrapper{flex-direction:column}.contact-flow-line{flex-direction:row;min-width:auto;padding:12px 20px;justify-content:center;gap:12px}.contact-flow-line.left{border-radius:16px 16px 0 0}.contact-flow-line.right{border-radius:0 0 16px 16px}.contact-flow-line span{writing-mode:horizontal-tb;transform:none}.flow-arrow{margin-bottom:0;transform:rotate(0)}.workflow-node-contact{padding:32px 24px}.contact-header{flex-direction:column;text-align:center}.form-row{grid-template-columns:1fr}.future-steps{flex-direction:column}.future-arrow{transform:rotate(90deg)}.endpoint-badges{flex-direction:column;gap:8px}.endpoint-connector{transform:rotate(90deg)}}.footer{border-top:1px solid #eee;padding:60px 0 40px}.footer-content{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:60px;margin-bottom:60px}.footer-brand .logo{margin-bottom:16px}.footer-column h4{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:#999;margin-bottom:20px}.footer-column ul{list-style:none}.footer-column li{margin-bottom:12px}.footer-column a{color:#666;text-decoration:none;font-size:.9375rem;transition:color .2s}.footer-column a:hover{color:#000}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:40px;border-top:1px solid #eee;font-size:.875rem;color:#999}.footer-links{display:flex;gap:24px}.footer-links a{color:#999;text-decoration:none}.footer-links a:hover{color:#000}@media(max-width:1200px){.container{padding:0 32px}.workflow-sequence{max-width:900px}.workflow-problems{gap:10px}}@media(max-width:968px){h1{font-size:2.5rem}h2{font-size:2rem}.section{padding:40px 0;min-height:100vh;min-height:100dvh}.hero{min-height:100vh;padding-top:80px}.hero p{font-size:1.125rem}.workflow-node{padding:32px 24px}.workflow-node-main{max-width:100%}.workflow-branches{grid-template-columns:repeat(2,1fr);gap:16px}.branch-lines-vertical,.workflow-branch-split .branch-line-horizontal,.workflow-branch-merge .branch-line-horizontal{width:50%}.workflow-problems{grid-template-columns:repeat(3,1fr)}.or-branches{width:70%}.workflow-sequence{flex-wrap:wrap;gap:10px}.sequence-arrow{display:none}.workflow-step-node{min-width:120px;max-width:140px;padding:16px 12px}.founder-card{grid-template-columns:200px 1fr;gap:32px}.contact-layout{grid-template-columns:1fr;gap:20px}.next-steps-card{padding:24px}.next-steps-list{flex-direction:row;flex-wrap:wrap;justify-content:center}.next-step-item{flex:1;min-width:140px}.next-step-arrow{display:none}.workflow-contact-wrapper{max-width:100%}.contact-flow-line{min-width:80px;padding:16px 12px}.features-grid,.deployment-grid{grid-template-columns:1fr;gap:32px}.capability-block{grid-template-columns:1fr;gap:40px}.capability-block.reverse{direction:ltr}.testimonial-card{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr 1fr;gap:40px}}@media(max-width:768px){h1{font-size:2rem}h2{font-size:1.75rem}.section{padding:40px 0}.container{padding:0 20px}.nav-menu{position:fixed;top:64px;left:0;right:0;background:#fff;flex-direction:column;align-items:center;padding:32px;gap:24px;display:none;border-bottom:1px solid #eee}.nav-menu.active{display:flex}.nav-toggle{display:block}.hero{padding-top:64px}.hero h1{margin-bottom:16px}.hero p{font-size:1rem;margin-bottom:32px}.hero-buttons{flex-direction:column;align-items:center}.dropping-texts{width:160px;display:block;text-align:center;margin:8px auto 0}.workflow-node-main h1{font-size:1.75rem}.connector-line{height:30px}.connector-arrow{width:44px;height:44px}.workflow-node-header{padding:24px}.workflow-branches{grid-template-columns:repeat(2,1fr);gap:12px}.branch-node-icon{font-size:1.75rem}.workflow-branch-node{padding:16px 12px}.workflow-branch-node h3{font-size:.875rem}.workflow-problems{grid-template-columns:repeat(2,1fr)}.or-branches{width:50%}.workflow-problem-node{padding:16px 10px}.problem-node-icon{font-size:1.5rem}.workflow-problem-node h4{font-size:.7rem}.workflow-node-solution{flex-direction:column;text-align:center;padding:24px}.solution-text{text-align:center}.workflow-sequence{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sequence-connector{height:20px}.workflow-step-node{min-width:auto;max-width:none;padding:14px 10px}.step-node-number{width:32px;height:32px;font-size:.7rem}.step-node-title{font-size:.75rem}.workflow-node-result{flex-direction:column;text-align:center;padding:24px 16px}.workflow-node-result .result-text{text-align:center}.result-icon-success{font-size:2rem}.founder-card{grid-template-columns:1fr;text-align:center;gap:24px}.founder-image{max-width:200px;margin:0 auto}.workflow-node-operator{padding:24px}.founder-content h2{font-size:1.5rem}.operator-skills{justify-content:center}.operator-label{flex-direction:column;gap:8px}.operator-side-line{display:none}.workflow-contact-wrapper{flex-direction:column}.contact-flow-line{flex-direction:row;min-width:auto;padding:12px 20px;justify-content:center;gap:12px}.contact-flow-line.left{border-radius:16px 16px 0 0}.contact-flow-line.right{border-radius:0 0 16px 16px}.contact-flow-line span{writing-mode:horizontal-tb;transform:none}.flow-arrow{margin-bottom:0}.workflow-node-contact{padding:24px 20px}.contact-header{flex-direction:column;text-align:center;margin-bottom:24px}.contact-icon{font-size:2rem}.form-row{grid-template-columns:1fr}.btn-submit{padding:14px 24px;font-size:.9375rem}.future-steps{flex-direction:column}.future-arrow{transform:rotate(90deg)}.future-step{min-width:100px;padding:12px 16px}.endpoint-badges{flex-direction:column;gap:8px}.endpoint-connector{transform:rotate(90deg)}.footer-content{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:16px;text-align:center}.security{padding:40px 24px;margin:60px 24px}.cta .container{flex-direction:column;gap:24px;text-align:center}}@media(max-width:480px){h1{font-size:1.75rem}h2{font-size:1.5rem}.section{padding:30px 0}.container{padding:0 16px}.hero p{font-size:.9375rem}.workflow-node{padding:24px 16px}.dropping-texts{width:140px}.brand-highlight{display:block;margin-bottom:4px}.workflow-branches{grid-template-columns:1fr 1fr;gap:10px}.branch-node-icon{font-size:1.5rem;margin-bottom:8px}.workflow-branch-node h3{font-size:.75rem}.branch-node-details.show{margin-top:8px;padding-top:8px}.branch-node-details p{font-size:.7rem}.workflow-problems{grid-template-columns:repeat(2,1fr);gap:8px}.or-diamond{width:40px;height:40px}.or-diamond span{font-size:.65rem}.workflow-problem-node{padding:12px 8px}.problem-node-icon{font-size:1.25rem;margin-bottom:6px}.workflow-problem-node h4{font-size:.65rem}.solution-icon{width:40px;height:40px;font-size:1.25rem}.solution-text h3{font-size:1rem}.solution-text p{font-size:.8rem}.workflow-sequence{grid-template-columns:repeat(2,1fr);gap:10px}.workflow-step-node{padding:12px 8px}.step-node-number{width:28px;height:28px;font-size:.65rem;margin-bottom:8px}.step-node-title{font-size:.7rem}.step-node-details p{font-size:.65rem}.workflow-node-result{padding:20px 16px}.result-icon-success{font-size:1.75rem}.workflow-node-result .result-text h3{font-size:1rem}.workflow-node-result .result-text p{font-size:.8rem}.founder-image{max-width:160px}.founder-content h2{font-size:1.25rem}.founder-content p{font-size:.875rem}.skill-tag{padding:4px 10px;font-size:.65rem}.operator-badge{font-size:.6rem;padding:3px 10px}.operator-title{font-size:.75rem}.control-label{font-size:.65rem}.workflow-node-contact{padding:20px 16px}.contact-header h2{font-size:1.5rem}.contact-subtitle{font-size:.875rem}.contact-form label{font-size:.8rem}.contact-form input,.contact-form textarea{padding:12px 14px;font-size:.9375rem}.future-step{padding:10px 12px;min-width:90px}.future-icon{font-size:1.25rem}.future-step span:last-child{font-size:.7rem}.future-label{font-size:.75rem}.loop-arrow{width:36px;height:36px}.loop-label{font-size:.65rem}.workflow-future{margin-top:20px}.future-connector{margin-bottom:12px}.future-line{height:20px}.future-diamond{width:32px;height:32px}.future-steps{gap:8px}.future-label{margin-top:10px}.workflow-loop{margin-top:24px;padding-top:16px}.loop-line{height:15px}.workflow-endpoint{margin-bottom:12px}.endpoint-badge{padding:4px 12px;font-size:.6rem}.endpoint-subtitle{font-size:.75rem}.contact-form{gap:12px}.contact-form textarea{rows:2}.footer{padding:40px 0 30px}.footer-bottom{padding-top:24px}}.ai-chat{position:fixed;bottom:24px;right:24px;z-index:1001}.ai-chat-toggle{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #667eea66;transition:all .3s ease;position:relative}.ai-chat-toggle:hover{transform:scale(1.1);box-shadow:0 6px 28px #667eea80}.ai-chat-badge{position:absolute;top:-4px;right:-4px;background:#22c55e;color:#fff;font-size:.6rem;font-weight:700;padding:2px 6px;border-radius:10px;letter-spacing:.05em}.ai-chat-panel{position:absolute;bottom:70px;right:0;width:380px;max-height:500px;background:#fff;border-radius:16px;box-shadow:0 10px 50px #00000026;display:flex;flex-direction:column;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(20px) scale(.95);transition:all .3s ease}.ai-chat.open .ai-chat-panel{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.ai-chat-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.ai-chat-avatar{width:40px;height:40px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center}.ai-chat-header h4{font-size:1rem;margin:0;color:#fff}.ai-chat-header span{font-size:.75rem;opacity:.8}.ai-chat-messages{flex:1;padding:16px;overflow-y:auto;max-height:320px;display:flex;flex-direction:column;gap:12px}.ai-chat-welcome{text-align:center;padding:16px 0}.ai-chat-welcome p{font-size:.9rem;color:#666;margin-bottom:16px;line-height:1.5}.ai-chat-suggestions{display:flex;flex-direction:column;gap:8px}.ai-chat-suggestions button{padding:10px 14px;border:1px solid #e0e0e0;border-radius:20px;background:#f8f9fa;font-size:.8rem;color:#333;cursor:pointer;transition:all .2s ease;text-align:left}.ai-chat-suggestions button:hover{border-color:#667eea;background:#667eea1a;color:#667eea}.ai-chat-message{display:flex;gap:8px;max-width:85%}.ai-chat-message.user{margin-left:auto;flex-direction:row-reverse}.ai-chat-message-avatar{width:28px;height:28px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.ai-chat-message-content{padding:10px 14px;border-radius:16px;font-size:.875rem;line-height:1.5}.ai-chat-message.assistant .ai-chat-message-content{background:#f5f5f5;color:#333;border-bottom-left-radius:4px}.ai-chat-message.user .ai-chat-message-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:4px}.ai-chat-typing{display:flex;gap:4px;padding:4px 0}.ai-chat-typing span{width:8px;height:8px;background:#999;border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out both}.ai-chat-typing span:nth-child(1){animation-delay:-.32s}.ai-chat-typing span:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.ai-chat-input{display:flex;gap:8px;padding:12px 16px;border-top:1px solid #e0e0e0;background:#fff}.ai-chat-input input{flex:1;padding:10px 14px;border:1px solid #e0e0e0;border-radius:24px;font-size:.875rem;outline:none;transition:border-color .2s}.ai-chat-input input:focus{border-color:#667eea}.ai-chat-input button{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.ai-chat-input button:hover:not(:disabled){transform:scale(1.05)}.ai-chat-input button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.ai-chat{bottom:16px;right:16px}.ai-chat-toggle{width:50px;height:50px}.ai-chat-panel{width:calc(100vw - 32px);right:-8px;bottom:62px;max-height:70vh}.ai-chat-messages{max-height:calc(70vh - 140px)}}@media(max-width:360px){h1{font-size:1.5rem}h2{font-size:1.25rem}.container{padding:0 12px}.dropping-texts{width:120px}.workflow-node{padding:20px 12px}.workflow-branches,.workflow-problems,.workflow-sequence{gap:8px}.btn{padding:10px 20px;font-size:.875rem}.connector-arrow{width:40px;height:40px}}