.header{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.2rem 2.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;transition:all .4s cubic-bezier(.16,1,.3,1);border-bottom:1px solid transparent}.header.scrolled{box-shadow:0 4px 20px var(--shadow-color);padding:.8rem 2.5rem;border-bottom:1px solid var(--border-color)}.logo{display:flex;align-items:center;position:relative}.logo:before{content:"";position:absolute;width:30px;height:30px;background:var(--secondary-color);border-radius:50%;opacity:.2;left:-10px;top:-5px;z-index:-1;animation:pulse 6s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.5)}}.logo-text{font-size:1.6rem;font-weight:800;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.03em}.nav-list{display:flex;list-style:none;gap:2rem}.nav-item button{background:none;border:none;color:var(--text-color);font-size:1rem;font-weight:500;padding:.5rem 0;position:relative;transition:all .3s ease}.nav-item button:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));transition:width .3s cubic-bezier(.25,1,.5,1)}.nav-item button:hover{color:var(--primary-color);transform:translateY(-2px)}.nav-item button:hover:after{width:100%}.theme-toggle{background:none;border:none;color:var(--text-color);display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;transition:all .3s ease;position:relative;overflow:hidden}.theme-toggle:before{content:"";position:absolute;width:100%;height:100%;background-color:var(--background-alt);border-radius:12px;transform:scale(0);transition:transform .3s ease}.theme-toggle:hover:before{transform:scale(1)}.theme-toggle svg{position:relative;z-index:2;transition:transform .3s ease}.theme-toggle:hover svg{transform:rotate(15deg)}@media (max-width: 768px){.header{padding:1rem 1.5rem}.header.scrolled{padding:.7rem 1.5rem}.nav-list{gap:1.2rem}}@media (max-width: 640px){.logo-text{font-size:1.3rem}.nav-list{gap:.8rem}.nav-item button{font-size:.85rem}.theme-toggle{width:38px;height:38px}}.introduction{padding-top:140px;background-color:var(--background-color);position:relative;overflow:hidden}.introduction:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:linear-gradient(135deg,#6a5acd0d,#00c2a80d);top:-200px;right:-200px;z-index:-1}.introduction .content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.introduction .text-content{animation:slideInLeft 1s cubic-bezier(.22,1,.36,1) forwards}.introduction .text-content p{font-size:1.1rem;opacity:.9}.introduction .text-content p:first-of-type{position:relative;padding-left:1.5rem;border-left:3px solid var(--primary-color);font-weight:500}.introduction .image-container{display:flex;justify-content:center;align-items:center;animation:slideInRight 1s cubic-bezier(.22,1,.36,1) forwards;position:relative}.introduction .image-container:before{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle at center,rgba(106,90,205,.1),transparent 70%);z-index:-1}.introduction .image-placeholder{width:100%;aspect-ratio:1;background-color:var(--background-alt);border-radius:24px;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;box-shadow:0 20px 40px var(--shadow-color);transform:rotate(-2deg)}.drone-animation{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.drone-animation:before{content:"";position:absolute;width:200px;height:200px;background:radial-gradient(circle,rgba(0,194,168,.2),transparent 70%);border-radius:50%;bottom:20%;animation:pulseGlow 4s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.drone{position:relative;width:150px;height:150px;animation:hover 5s ease-in-out infinite}.drone-body{position:absolute;width:90px;height:25px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:12px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;box-shadow:0 5px 15px #0003}.propeller{position:absolute;width:35px;height:6px;background:linear-gradient(90deg,var(--secondary-color),var(--primary-light));border-radius:6px;animation:spin .2s linear infinite;box-shadow:0 2px 5px #0000001a}.propeller:before,.propeller:after{content:"";position:absolute;width:35px;height:6px;background:linear-gradient(90deg,var(--secondary-color),var(--primary-light));border-radius:6px;top:0;left:0;box-shadow:0 2px 5px #0000001a}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes hover{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-15px) rotate(1deg)}50%{transform:translateY(-25px) rotate(-1deg)}75%{transform:translateY(-10px) rotate(1deg)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-70px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(70px)}to{opacity:1;transform:translate(0)}}@media (max-width: 992px){.introduction .content{gap:3rem}}@media (max-width: 768px){.introduction{padding-top:120px}.introduction .content{grid-template-columns:1fr;gap:2.5rem}.introduction .image-container{order:-1}.introduction .image-placeholder{max-width:400px;margin:0 auto;transform:rotate(0)}}.drone-video{width:100%;height:100%;object-fit:cover;border-radius:8px}.image-placeholder{width:100%;height:400px;position:relative;overflow:hidden}.how-it-works{background-color:var(--background-alt);position:relative;overflow:hidden}.how-it-works:before{content:"";position:absolute;width:300px;height:300px;background:linear-gradient(135deg,#6a5acd1a,#00c2a81a);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;top:-100px;left:-100px;z-index:0;animation:morphShape 15s ease-in-out infinite alternate}.how-it-works:after{content:"";position:absolute;width:250px;height:250px;background:linear-gradient(135deg,#00c2a81a,#6a5acd1a);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;bottom:-100px;right:-100px;z-index:0;animation:morphShape 12s ease-in-out infinite alternate-reverse}@keyframes morphShape{0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}25%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%}75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.steps-container{display:grid;grid-template-columns:1fr 2fr;gap:3rem;margin-top:3rem;position:relative;z-index:1}.steps-navigation{display:flex;flex-direction:column;gap:1.2rem}.step-button{display:flex;align-items:center;gap:1rem;padding:1.2rem;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:16px;text-align:left;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 4px 10px var(--shadow-color)}.step-button:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,var(--primary-color),var(--secondary-color));transform:scaleY(0);transform-origin:top;transition:transform .4s cubic-bezier(.16,1,.3,1)}.step-button.active{border-color:var(--primary-light);box-shadow:0 8px 20px var(--shadow-color);transform:translateY(-2px) scale(1.02)}.step-button.active:before{transform:scaleY(1)}.step-icon{font-size:1.5rem;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:var(--background-alt);border-radius:14px;transition:all .4s ease;position:relative;z-index:1}.step-icon:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(135deg,var(--primary-light),var(--secondary-color));border-radius:14px;opacity:0;z-index:-1;transition:opacity .4s ease}.step-button.active .step-icon{transform:scale(1.1)}.step-button.active .step-icon:before{opacity:.2}.step-number{font-weight:600;transition:transform .3s ease}.step-button:hover:not(.active){transform:translateY(-2px)}.step-button:hover .step-number{transform:translate(3px)}.step-content{position:relative;background-color:var(--background-color);border-radius:20px;border:1px solid var(--border-color);overflow:hidden;min-height:450px;box-shadow:0 15px 30px var(--shadow-color)}.step-details{position:absolute;top:0;left:0;width:100%;height:100%;padding:2.5rem;opacity:0;transform:translate(30px);transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.step-details.active{opacity:1;transform:translate(0)}.step-title{font-size:1.8rem;margin-bottom:1.2rem;color:var(--primary-color);position:relative;display:inline-block}.step-title:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:3px}.step-description{margin-bottom:2.5rem;line-height:1.8;font-size:1.05rem}.step-visualization{flex:1;display:flex;justify-content:center;align-items:center}.visualization-placeholder{width:100%;height:220px;background-color:var(--background-alt);border-radius:16px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;box-shadow:inset 0 2px 10px #0000000d}.visualization-placeholder:before{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle at center,rgba(106,90,205,.05),transparent 70%)}.step-animation{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.animation-element{position:relative;width:70px;height:70px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:16px;box-shadow:0 8px 20px #00000026}.step-1 .animation-element{animation:pulseAndGlow 3s infinite}.step-1 .animation-element:before{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle at center,var(--primary-light),transparent);border-radius:16px;opacity:.3;animation:glowPulse 3s infinite alternate}.step-2 .animation-element{animation:moveAroundOrganic 6s infinite}.step-2 .animation-element:after{content:"";position:absolute;width:20px;height:3px;background-color:var(--secondary-color);bottom:-10px;left:50%;transform:translate(-50%);border-radius:3px;box-shadow:0 0 10px var(--secondary-color);animation:shadowMove 6s infinite}.step-3 .animation-element{animation:morphAndChange 4s infinite}.step-4 .animation-element{animation:connectPulse 2s infinite}.step-4 .animation-element:before,.step-4 .animation-element:after{content:"";position:absolute;background-color:var(--secondary-color);opacity:.7;border-radius:50%;animation:ripple 2s infinite}.step-4 .animation-element:before{width:100px;height:100px;top:50%;left:50%;transform:translate(-50%,-50%)}.step-4 .animation-element:after{width:150px;height:150px;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:.3s}.step-5 .animation-element{animation:executeAndSpin 4s infinite}@keyframes pulseAndGlow{0%,to{transform:scale(1);background-position:0% 50%}50%{transform:scale(1.15);background-position:100% 50%}}@keyframes glowPulse{0%,to{opacity:.3}50%{opacity:.7}}@keyframes moveAroundOrganic{0%{transform:translate(0)}20%{transform:translate(80px,-20px)}40%{transform:translate(100px,40px)}60%{transform:translate(30px,80px)}80%{transform:translate(-50px,30px)}to{transform:translate(0)}}@keyframes shadowMove{0%{opacity:.3;transform:translate(-50%) scale(1)}20%{opacity:.8;transform:translate(-30%) scale(1.5)}40%{opacity:.6;transform:translate(-60%) scale(1.2)}60%{opacity:.8;transform:translate(-40%) scale(1.7)}80%{opacity:.4;transform:translate(-70%) scale(1.3)}to{opacity:.3;transform:translate(-50%) scale(1)}}@keyframes morphAndChange{0%,to{border-radius:16px;width:70px;height:70px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark))}25%{border-radius:40% 60% 60% 40%/40% 50% 50% 60%;width:90px;height:60px}50%{border-radius:30% 70% 70% 30%/50%;width:100px;height:50px;background:linear-gradient(135deg,var(--secondary-color),var(--primary-color))}75%{border-radius:60% 40% 40% 60%/60% 30% 70% 40%;width:60px;height:90px}}@keyframes connectPulse{0%,to{transform:scale(1);box-shadow:0 0 #00c2a8b3}50%{transform:scale(1.1);box-shadow:0 0 20px #00c2a8b3}}@keyframes ripple{0%{transform:translate(-50%,-50%) scale(.3);opacity:.7}to{transform:translate(-50%,-50%) scale(1);opacity:0}}@keyframes executeAndSpin{0%{transform:rotate(0) scale(1)}20%{transform:rotate(90deg) scale(1.2)}40%{transform:rotate(180deg) scale(1)}60%{transform:rotate(270deg) scale(1.2)}80%{transform:rotate(360deg) scale(1)}to{transform:rotate(360deg) scale(1)}}@media (max-width: 992px){.steps-container{grid-template-columns:1fr;gap:2rem}.steps-navigation{flex-direction:row;overflow-x:auto;padding-bottom:1rem;gap:.8rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.steps-navigation::-webkit-scrollbar{display:none}.step-button{flex:0 0 auto;width:160px;flex-direction:column;gap:.5rem;padding:1rem;align-items:center;text-align:center}.step-button:before{width:100%;height:4px;top:0;left:0;transform:scaleX(0)}.step-button.active:before{transform:scaleX(1)}.step-content{min-height:400px}}@media (max-width: 640px){.step-content{min-height:350px}.step-details{padding:1.5rem}.step-title{font-size:1.5rem}.visualization-placeholder{height:180px}}.step-number{font-weight:600;transition:transform .3s ease;color:#000}body.dark-mode .step-number{color:#fff}@media (max-width: 480px){.introduction{padding-top:100px}.introduction .content{grid-template-columns:1fr;gap:2rem;padding:0 1rem}.introduction .text-content p{font-size:1rem}.introduction .image-placeholder{height:300px;border-radius:16px}.drone-video{border-radius:12px}.steps-navigation{flex-wrap:nowrap;overflow-x:auto;gap:.6rem}.step-button{width:140px;padding:.8rem;flex-direction:column;font-size:.85rem;text-align:center}.step-icon{width:40px;height:40px;font-size:1.2rem}.step-content{min-height:300px}.step-details{padding:1.2rem}.step-title{font-size:1.3rem}.step-description{font-size:.95rem;line-height:1.6}.visualization-placeholder{height:160px;border-radius:12px}.animation-element{width:60px;height:60px}}.example-blocks{background-color:var(--background-color);position:relative;overflow:hidden}.example-blocks:before{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(106,90,205,.05),transparent 70%);top:10%;right:-200px;border-radius:50%;z-index:0}.subtitle{text-align:center;max-width:700px;margin:0 auto 3.5rem;color:var(--text-light);font-size:1.1rem;position:relative}.subtitle:after{content:"";position:absolute;width:100px;height:2px;background:linear-gradient(90deg,transparent,var(--primary-light),transparent);bottom:-15px;left:50%;transform:translate(-50%)}.blocks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2.5rem;perspective:1000px}.block-card{background-color:var(--background-color);border-radius:20px;border:1px solid var(--border-color);overflow:hidden;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;display:flex;flex-direction:column;cursor:pointer;box-shadow:0 10px 25px var(--shadow-color);transform-style:preserve-3d;transform:translateZ(0) rotateX(0) rotateY(0)}.block-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,var(--block-color),var(--block-color),transparent);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.16,1,.3,1);z-index:1}.block-card.hovered{transform:translateY(-10px) translateZ(20px) rotateX(2deg) rotateY(-2deg);box-shadow:20px 20px 30px var(--shadow-color);border-color:var(--block-color)}.block-card.hovered:before{transform:scaleX(1)}.block-header{padding:1.8rem;border-bottom:1px solid var(--border-color);background-color:var(--background-alt);position:relative;overflow:hidden}.block-header:after{content:"";position:absolute;width:80px;height:80px;background:radial-gradient(circle,rgba(var(--block-color-rgb, 106, 90, 205),.1),transparent 70%);top:-20px;right:-20px;border-radius:50%;transition:all .5s ease}.block-card.hovered .block-header:after{transform:scale(1.5)}.block-name{margin:0;font-size:1.4rem;color:var(--block-color, var(--primary-color));position:relative;z-index:1}.block-content{padding:1.8rem;flex:1;display:flex;flex-direction:column}.block-description{margin-bottom:1.8rem;line-height:1.7;flex:1}.code-example{background-color:var(--background-alt);padding:1.2rem;border-radius:12px;overflow-x:auto;position:relative;box-shadow:inset 0 2px 5px #0000000d;margin-bottom:1.5rem}.code-example:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(var(--block-color-rgb, 106, 90, 205),.03),transparent);z-index:0}.code-example code{font-family:var(--font-code);color:var(--block-color, var(--primary-color));position:relative;z-index:1;font-size:.95rem}.try-button{margin:0 1.8rem 1.8rem;padding:.9rem 1.5rem;background:linear-gradient(135deg,var(--block-color),var(--block-color));color:#fff;border:none;border-radius:12px;font-weight:600;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;z-index:1}.try-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--block-color),rgba(255,255,255,.2),var(--block-color));background-size:200% 100%;background-position:100% 0;transition:background-position .6s ease;z-index:-1}.try-button:hover{transform:translateY(-3px);box-shadow:0 7px 15px rgba(var(--block-color-rgb, 106, 90, 205),.3)}.try-button:hover:before{background-position:0 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.block-card{animation:fadeInUp .7s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--animation-order, 0) * .15s)}@media (max-width: 992px){.blocks-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}}@media (max-width: 768px){.blocks-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.block-header,.block-content{padding:1.5rem}.try-button{margin:0 1.5rem 1.5rem}}@media (max-width: 480px){.blocks-grid{grid-template-columns:1fr}.block-card.hovered{transform:translateY(-5px)}}.try-demo{background-color:var(--background-alt);position:relative;overflow:hidden}.try-demo:before{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(0,194,168,.05),transparent 70%);bottom:-250px;left:-250px;border-radius:50%;z-index:0}.demo-container{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:4rem;position:relative;z-index:1}.block-selector,.output-console{background-color:var(--background-color);border-radius:20px;border:1px solid var(--border-color);overflow:hidden;box-shadow:0 15px 30px var(--shadow-color);transition:transform .4s cubic-bezier(.16,1,.3,1)}.block-selector:hover,.output-console:hover{transform:translateY(-5px)}.block-selector h3,.output-console h3{margin:0;padding:1.5rem;border-bottom:1px solid var(--border-color);font-size:1.3rem;background-color:var(--background-alt);position:relative}.block-selector h3:after,.output-console h3:after{content:"";position:absolute;bottom:-1px;left:0;width:50px;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color))}.selected-block{margin:1.5rem;background-color:var(--background-alt);border-radius:16px;padding:1.8rem;border-left:5px solid var(--block-color, var(--primary-color));position:relative;overflow:hidden}.selected-block:before{content:"";position:absolute;width:150px;height:150px;background:radial-gradient(circle,rgba(var(--block-color-rgb, 106, 90, 205),.05),transparent 70%);top:-75px;right:-75px;border-radius:50%;z-index:0}.selected-block h4{color:var(--block-color, var(--primary-color));margin-bottom:1rem;font-size:1.5rem;position:relative;z-index:1}.no-block-selected{display:flex;align-items:center;justify-content:center;height:250px;margin:1.5rem;background-color:var(--background-alt);border-radius:16px;padding:2rem;text-align:center;color:var(--text-light);font-size:1.1rem;position:relative;overflow:hidden}.no-block-selected:before,.no-block-selected:after{content:"";position:absolute;background:linear-gradient(135deg,#6a5acd0d,#00c2a80d);border-radius:50%;z-index:0}.no-block-selected:before{width:200px;height:200px;top:-100px;left:-100px;animation:floatBubble 15s ease-in-out infinite alternate}.no-block-selected:after{width:150px;height:150px;bottom:-75px;right:-75px;animation:floatBubble 12s ease-in-out infinite alternate-reverse}@keyframes floatBubble{0%{transform:translate(0)}50%{transform:translate(20px,20px)}to{transform:translateY(40px)}}.parameters{margin:1.8rem 0;position:relative;z-index:1}.parameter{display:flex;flex-direction:column;gap:.7rem;margin-bottom:1.5rem}.parameter label{font-weight:600;color:var(--text-color);display:flex;align-items:center;gap:.5rem}.parameter label:before{content:"";display:inline-block;width:8px;height:8px;background-color:var(--block-color, var(--primary-color));border-radius:50%}.parameter input,.parameter select{padding:.9rem 1.2rem;border:1px solid var(--border-color);border-radius:12px;background-color:var(--background-color);color:var(--text-color);font-family:inherit;font-size:1rem;transition:all .3s ease;box-shadow:inset 0 2px 4px #0000000d}.parameter input:focus,.parameter select:focus{outline:none;border-color:var(--block-color, var(--primary-color));box-shadow:0 0 0 3px rgba(var(--block-color-rgb, 106, 90, 205),.2)}.parameter input:hover,.parameter select:hover{border-color:var(--primary-light)}.execute-button{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--block-color),var(--block-color));color:#fff;border:none;border-radius:12px;font-weight:600;font-size:1.05rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;z-index:1}.execute-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--block-color),rgba(255,255,255,.2),var(--block-color));background-size:200% 100%;background-position:100% 0;transition:background-position .6s ease;z-index:-1}.execute-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 7px 15px rgba(var(--block-color-rgb, 106, 90, 205),.3)}.execute-button:hover:not(:disabled):before{background-position:0 0}.execute-button:disabled{opacity:.6;cursor:not-allowed}.console{margin:1.5rem;background-color:#1a1a1a;color:#e0e0e0;border-radius:12px;padding:1.5rem;height:320px;overflow-y:auto;font-family:var(--font-code);position:relative;box-shadow:inset 0 2px 10px #0003}.console:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#6a5acd0d,#00c2a80d);opacity:.1;pointer-events:none}.console pre{white-space:pre-wrap;word-break:break-word;position:relative;z-index:1;line-height:1.6}.drone-visualization{display:flex;justify-content:center;align-items:center;margin-top:4rem;position:relative;z-index:1}.drone-container{position:relative;width:250px;height:250px}.drone-model{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;animation:droneHoverComplex 6s ease-in-out infinite}.drone-body{position:absolute;width:100px;height:25px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:12px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;box-shadow:0 5px 15px #0003}.drone-body:before{content:"";position:absolute;width:40px;height:40px;background-color:var(--primary-light);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.3}.propeller{position:absolute;width:40px;height:6px;background:linear-gradient(90deg,var(--secondary-color),var(--primary-light));border-radius:6px;animation:propellerSpinFast .15s linear infinite;box-shadow:0 2px 5px #0000001a}.propeller:before,.propeller:after{content:"";position:absolute;width:40px;height:6px;background:linear-gradient(90deg,var(--secondary-color),var(--primary-light));border-radius:6px;top:0;left:0;box-shadow:0 2px 5px #0000001a}.propeller:before{transform:rotate(45deg)}.propeller:after{transform:rotate(-45deg)}.propeller-1{top:15px;left:15px}.propeller-2{top:15px;right:15px}.propeller-3{bottom:15px;left:15px}.propeller-4{bottom:15px;right:15px}.shadow{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:120px;height:25px;background-color:var(--shadow-color);border-radius:50%;filter:blur(10px);animation:shadowPulseComplex 6s ease-in-out infinite}@keyframes droneHoverComplex{0%,to{transform:translate(-50%,-50%)}10%{transform:translate(-52%,-55%) rotate(-1deg)}30%{transform:translate(-48%,-65%) rotate(1deg)}50%{transform:translate(-50%,-75%) rotate(0)}70%{transform:translate(-53%,-65%) rotate(-1.5deg)}90%{transform:translate(-47%,-55%) rotate(1.5deg)}}@keyframes propellerSpinFast{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shadowPulseComplex{0%,to{width:120px;opacity:.5;transform:translate(-50%)}10%{width:115px;opacity:.45;transform:translate(-52%)}30%{width:110px;opacity:.4;transform:translate(-48%)}50%{width:100px;opacity:.3;transform:translate(-50%)}70%{width:110px;opacity:.4;transform:translate(-53%)}90%{width:115px;opacity:.45;transform:translate(-47%)}}@media (max-width: 992px){.demo-container{grid-template-columns:1fr;gap:2rem}}@media (max-width: 640px){.selected-block,.console{margin:1rem;padding:1.2rem}.console{height:250px}.parameter input,.parameter select{padding:.8rem 1rem}.execute-button{padding:.9rem 1.2rem}}.footer{background-color:var(--background-color);border-top:1px solid var(--border-color);padding:5rem 0 2rem;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(106,90,205,.03),transparent 70%);top:-200px;right:-200px;border-radius:50%;z-index:0}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:4rem;margin-bottom:3rem;position:relative;z-index:1;width:100%;max-width:1200px;margin:0 auto}.footer-logo{text-align:center}.footer-logo .logo-text{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.8rem;display:inline-block;letter-spacing:-.03em;position:relative}.footer-logo .logo-text:after{content:"";position:absolute;width:10px;height:10px;background-color:var(--secondary-color);border-radius:50%;top:0;right:-15px;opacity:.6}.tagline{color:var(--text-light);font-size:1.1rem;max-width:300px;position:relative;padding-left:1rem;border-left:3px solid var(--primary-light)}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:2rem;margin-top:1rem}.link-group{flex:1;min-width:150px}.link-group h4{margin-bottom:1.5rem;font-size:1.2rem;color:var(--primary-color);position:relative;display:inline-block;text-align:left}.link-group h4:after{content:"";position:absolute;width:30px;height:2px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));bottom:-8px;left:0}.link-group ul{list-style:none;padding:0;margin:0}.link-group li{margin-bottom:1rem}.link-group a{color:var(--text-light);transition:all .3s ease;padding-left:1.2rem;display:inline-block}.link-group a:before{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background-color:var(--primary-light);left:0;top:50%;transform:translateY(-50%);opacity:.5;transition:all .3s ease}.link-group a:hover{color:var(--primary-color);transform:translate(5px)}.link-group a:hover:before{opacity:1;background-color:var(--primary-color)}.copyright{text-align:center;padding-top:2rem;border-top:1px solid var(--border-color);color:var(--text-light);font-size:.95rem;position:relative;z-index:1}.copyright:before{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:100px;height:2px;background:linear-gradient(90deg,transparent,var(--primary-light),transparent)}@media (max-width: 992px){.footer-content{gap:3rem}.footer-links{flex-direction:column;align-items:center}.link-group{min-width:100%;text-align:center}}@media (max-width: 768px){.footer{padding:4rem 0 2rem}.footer-content{grid-template-columns:1fr;gap:3rem}.footer-links{flex-direction:column;gap:1.5rem}.link-group{min-width:100%}}@media (max-width: 480px){.footer{padding:3rem 0 1.5rem}.footer-links{gap:1rem}}:root{--primary-color: #6a5acd;--primary-light: #9d8df1;--primary-dark: #483d8b;--secondary-color: #00c2a8;--accent-color: #ff7043;--text-color: #2d3748;--text-light: #718096;--background-color: #ffffff;--background-alt: #f7fafc;--border-color: #e2e8f0;--shadow-color: rgba(0, 0, 0, .08);--success-color: #38b2ac;--error-color: #e53e3e;--warning-color: #ed8936;--info-color: #4299e1;--transition-speed: .3s;--border-radius: 12px;--border-radius-sm: 6px;--container-width: 1200px;--font-heading: "Poppins", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-code: "Fira Code", monospace}.dark-mode{--primary-color: #9d8df1;--primary-light: #b4a6ff;--primary-dark: #6a5acd;--secondary-color: #00e5cc;--accent-color: #ff9a76;--text-color: #f7fafc;--text-light: #cbd5e0;--background-color: #1a202c;--background-alt: #2d3748;--border-color: #4a5568;--shadow-color: rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--background-color);color:var(--text-color);line-height:1.7;transition:background-color var(--transition-speed),color var(--transition-speed);overflow-x:hidden}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 clamp(1rem,5vw,2rem)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);margin-bottom:1.2rem;font-weight:700;line-height:1.2;letter-spacing:-.02em}h1{font-size:clamp(2.5rem,5vw,3.5rem)}h2{font-size:clamp(2rem,4vw,2.75rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{margin-bottom:1.2rem}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-speed);position:relative}a:hover{color:var(--primary-light)}a:after{content:"";position:absolute;width:100%;height:1px;bottom:-2px;left:0;background-color:var(--primary-light);transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease-out}a:hover:after{transform:scaleX(1);transform-origin:bottom left}button{cursor:pointer;font-family:var(--font-body)}section{padding:100px 0;position:relative}section:nth-child(odd):before{content:"";position:absolute;top:0;right:0;width:30%;height:30%;background:radial-gradient(circle at top right,rgba(106,90,205,.1),transparent 70%);z-index:-1}section:nth-child(2n):after{content:"";position:absolute;bottom:0;left:0;width:40%;height:40%;background:radial-gradient(circle at bottom left,rgba(0,194,168,.1),transparent 70%);z-index:-1}.title{text-align:center;margin-bottom:2.5rem;position:relative;display:inline-block;left:50%;transform:translate(-50%)}.title:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:70px;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}section{animation:fadeIn .6s cubic-bezier(.22,1,.36,1) forwards}@media (max-width: 768px){section{padding:70px 0}}@media (max-width: 480px){section{padding:50px 0}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--background-alt)}::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}