:root{--color-primary:#1e293b;--color-secondary:#3b82f6;--color-accent:#ea580c;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-brand-navy:#171d34;--color-brand-teal:#3fb5a8;--color-header-bg:#171d34;--color-brand-teal-50:#f0fdfa;--color-brand-teal-100:#ccfbf1;--color-brand-teal-200:#99f6e4;--color-brand-teal-300:#5eead4;--color-brand-teal-400:#2dd4bf;--color-brand-teal-500:#14b8a6;--color-brand-teal-600:#0d9488;--color-brand-teal-700:#0f766e;--color-brand-teal-800:#115e59;--color-text-on-navy:#fff;--color-hover-teal:#5fd4c6;--color-navy:#171d34;--color-teal:#3fb5a8;--transition-fast:0.2s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.6s cubic-bezier(0.25,0.46,0.45,0.94);--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:32px;--spacing-xl:48px;--shadow-sm:0 2px 4px rgba(0,0,0,.08);--shadow-md:0 4px 6px rgba(0,0,0,.1);--shadow-lg:0 10px 25px rgba(0,0,0,.15);--shadow-xl:0 20px 40px rgba(0,0,0,.2)}html{scroll-behavior:smooth}body,html{overflow-x:hidden}body{line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sr-only,.video-sr-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.video-sr-status[aria-live=polite]{color:transparent}.sr-only:focus,.video-sr-status:focus{position:static;width:auto;height:auto;padding:.5rem 1rem;margin:0;overflow:visible;clip:auto;white-space:normal}.skip-link,.video-sr-status:focus{background:var(--color-primary);color:#fff;border-radius:4px;z-index:1000}.skip-link{position:absolute;top:-40px;left:8px;padding:8px 16px;text-decoration:none;font-weight:600;transition:top var(--transition-normal)}.skip-link:focus{top:8px}.hero-section{position:relative;overflow:hidden}.hero-video-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.hero-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);-o-object-fit:cover;object-fit:cover;z-index:-2}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:-1;transition:opacity .6s ease-in-out;will-change:opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden}.hero-content-glass{background:hsla(0,0%,100%,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);border-radius:24px;padding:3rem 2.5rem;box-shadow:0 25px 50px rgba(0,0,0,.25),inset 0 1px 0 hsla(0,0%,100%,.3);position:relative;z-index:20;max-width:900px;margin:0 auto}.hero-content-glass:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.3);border-radius:inherit;z-index:-1}.hero-text-scrim{background:hsla(0,0%,100%,.1);border-radius:16px;padding:2.5rem 2rem;margin:0 auto;max-width:800px;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid hsla(0,0%,100%,.2);box-shadow:0 20px 40px rgba(0,0,0,.3);position:relative;z-index:20}.video-fallback{background:linear-gradient(135deg,rgba(15,23,42,.9),rgba(30,41,59,.85) 50%,rgba(51,65,85,.9));z-index:-1}.text-shadow{text-shadow:0 2px 4px rgba(0,0,0,.9),0 1px 2px #000,0 4px 12px rgba(15,23,42,.7),0 6px 18px rgba(0,0,0,.3)}.text-shadow-lg{text-shadow:0 3px 6px #000,0 1px 3px #000,0 6px 12px rgba(15,23,42,.8),0 9px 24px rgba(0,0,0,.5),0 2px 4px rgba(15,23,42,.9)}.text-shadow-ultra{text-shadow:0 1px 3px #000,0 2px 6px #000,0 4px 12px rgba(15,23,42,.9),0 6px 18px rgba(30,41,59,.8),0 12px 32px rgba(0,0,0,.6),0 1px 1px #000}.hero-title-enhanced{font-weight:800;letter-spacing:-.025em;line-height:1.1}.hero-subtitle-enhanced{font-weight:500;letter-spacing:-.01em;line-height:1.6}.hero-content{position:relative;z-index:10;padding:2rem 0}.hero-video-container{transform-style:preserve-3d;transition:transform var(--transition-slow)}.video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:linear-gradient(135deg,var(--color-brand-navy) 0,var(--color-brand-teal) 100%);border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px rgba(23,29,52,.4),0 0 0 0 rgba(63,181,168,.3);transition:all var(--transition-slow);z-index:10}.video-play-button:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 15px 35px rgba(23,29,52,.6),0 0 0 15px rgba(63,181,168,.1)}.video-play-button:active{transform:translate(-50%,-50%) scale(.95)}.floating{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-8px)}}.video-play-button:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--color-brand-navy),var(--color-brand-teal),var(--color-brand-navy));border-radius:50%;opacity:0;transition:opacity var(--transition-normal);z-index:-1;animation:rotate 4s linear infinite}.video-play-button:hover:before{opacity:.3}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cta-button{background:linear-gradient(135deg,var(--color-brand-navy) 0,var(--color-brand-teal) 100%);color:#fff;padding:16px 32px;border-radius:12px;font-weight:600;font-size:18px;border:none;cursor:pointer;position:relative;overflow:hidden;transition:all var(--transition-normal);box-shadow:0 4px 12px rgba(23,29,52,.3)}.cta-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent,hsla(0,0%,100%,.1) 50%,transparent);opacity:0;transition:opacity var(--transition-normal)}.cta-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px rgba(23,29,52,.4);background:linear-gradient(135deg,#2a3549,#5fd4c6)}.cta-button:hover:before{opacity:1}.cta-button:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px rgba(23,29,52,.3);transition:all .1s ease}.cta-button:focus-visible{outline:none;box-shadow:0 4px 12px rgba(23,29,52,.3),0 0 0 3px rgba(63,181,168,.2)}.key-point-card{background:#fff;border-radius:16px;padding:32px;box-shadow:var(--shadow-lg);transition:all var(--transition-normal);text-align:center;border:2px solid transparent}.key-point-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:rgba(59,130,246,.2)}.faq-item{background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-slow);border:2px solid transparent}.faq-toggle,.faq-toggle:active,.faq-toggle:focus{outline:none!important;box-shadow:none!important}.faq-toggle:active,.faq-toggle:focus{ring:0!important;border:none!important}.faq-toggle:focus-visible{outline:none!important;box-shadow:none!important;ring:0!important;border:none!important}.faq-item.expanded{box-shadow:0 8px 25px rgba(59,130,246,.15);border-color:rgba(59,130,246,.2);transform:scale(1.01)}.faq-toggle{position:relative;overflow:hidden}.faq-toggle:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.05),transparent);transition:left .6s}.faq-toggle:hover:before{left:100%}.faq-icon{transition:all var(--transition-slow)}.faq-item.expanded .faq-icon{transform:rotate(180deg);color:#3b82f6}.faq-answer{max-height:0;overflow:hidden;padding:0 24px;transition:all var(--transition-slow);opacity:0;background:linear-gradient(135deg,#f8fafc,#fff)}.faq-item.expanded .faq-answer{max-height:500px;padding:0 24px 24px;opacity:1}.advantages-card,.considerations-card{margin-bottom:12px}.advantages-toggle,.considerations-toggle{transition:all var(--transition-normal)}.advantages-content,.considerations-content{max-height:0;overflow:hidden;transition:all var(--transition-normal);opacity:0}.advantages-card.expanded .advantages-content,.considerations-card.expanded .considerations-content{max-height:300px;opacity:1}.advantages-card.expanded .advantages-toggle svg,.considerations-card.expanded .considerations-toggle svg{transform:rotate(180deg)}.form-input{transition:all var(--transition-normal)}.form-input:focus{transform:translateY(-1px);box-shadow:0 0 0 4px rgba(59,130,246,.1),0 4px 12px rgba(59,130,246,.15)}.form-input.success{border-color:var(--color-success);background:linear-gradient(135deg,#f0fdf4,#dcfce7);box-shadow:0 0 0 4px rgba(16,185,129,.1)}.form-input.error{border-color:var(--color-error);background:linear-gradient(135deg,#fef2f2,#fee2e2);animation:gentle-shake .5s ease-in-out}@keyframes gentle-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}.submit-btn{position:relative;overflow:hidden;transition:all var(--transition-normal)}.submit-btn.loading{background:linear-gradient(135deg,#94a3b8,#64748b);cursor:not-allowed;pointer-events:none}.submit-btn.loading .submit-text{opacity:0}.submit-btn.loading:before{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.submit-btn.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.submit-btn.success .submit-text{opacity:0}.submit-btn.success:after{content:"✓ Nachricht gesendet";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:success-pop .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes success-pop{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}50%{transform:translate(-50%,-50%) scale(1.1)}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.form-progress{height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden;margin-bottom:24px;opacity:0;transition:opacity var(--transition-normal)}.form-progress.active{opacity:1}.form-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-brand-navy),var(--color-brand-teal));border-radius:2px;width:0;transition:width var(--transition-normal)}.success-message{transition:all .5s cubic-bezier(.25,.46,.45,.94)}.success-message.show{opacity:1!important;transform:translateY(0)!important}.animate-on-scroll{opacity:0;transform:translateY(40px);transition:none}.animate-on-scroll.scroll-visible{opacity:1;transform:translateY(0);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.fadeInUp{animation:fadeInUp .8s cubic-bezier(.25,.46,.45,.94) forwards}.slideInLeft{transform:translateX(-40px)}.slideInLeft.scroll-visible{transform:translateX(0)}.slideInRight{transform:translateX(40px)}.slideInRight.scroll-visible{transform:translateX(0)}.slideInUp{transform:translateY(40px)}.slideInUp.scroll-visible{transform:translateY(0)}.scaleIn{transform:scale(.9)}.scaleIn.scroll-visible{transform:scale(1)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}.stagger-5{transition-delay:.5s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.field-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;animation:icon-pop var(--transition-normal) cubic-bezier(.68,-.55,.265,1.55)}.field-icon.success{background:var(--color-success)}.field-icon.error{background:var(--color-error)}@keyframes icon-pop{0%{transform:translateY(-50%) scale(0)}50%{transform:translateY(-50%) scale(1.2)}to{transform:translateY(-50%) scale(1)}}.ripple{position:absolute;border-radius:50%;background:hsla(0,0%,100%,.3);pointer-events:none;animation:ripple-animation .6s ease-out}@keyframes ripple-animation{to{transform:scale(2);opacity:0}}@media (max-width:768px){.hero-video-container{transform:none!important;position:relative;overflow:hidden}.hero-video-background{transform:none!important;height:100vh!important;width:100vw!important;position:absolute!important;left:0!important;top:0!important;right:0!important;bottom:0!important;margin:0!important;padding:0!important;overflow:hidden!important}.hero-video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;will-change:transform;transform:translateZ(0) translate(-50%,-50%);-webkit-transform:translateZ(0) translate(-50%,-50%)}.hero-content{padding:2rem 0;position:relative;z-index:20}.hero-title{font-size:2.25rem!important;line-height:1.15!important;letter-spacing:-.02em;margin-bottom:1.5rem}.video-play-button{width:64px;height:64px}.cta-button{padding:16px 32px;font-size:16px;min-height:56px;font-weight:600}.key-point-card{padding:24px;margin-bottom:1rem}.text-shadow-lg{text-shadow:0 2px 5px #000,0 1px 3px #000,0 4px 10px rgba(15,23,42,.9),0 6px 15px rgba(0,0,0,.7),0 1px 1px #000}.text-shadow{text-shadow:0 1px 3px #000,0 2px 6px rgba(0,0,0,.9),0 3px 9px rgba(15,23,42,.8),0 1px 1px #000}.text-shadow-ultra{text-shadow:0 1px 2px #000,0 2px 5px #000,0 4px 10px rgba(15,23,42,.95),0 6px 15px rgba(30,41,59,.8),0 10px 25px rgba(0,0,0,.7),0 1px 1px #000}.hero-content-glass{padding:2rem 1.5rem;border-radius:16px;background:hsla(0,0%,100%,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.hero-content-glass:before{background:rgba(15,23,42,.4)}.hero-text-scrim{padding:2rem 1.5rem;border-radius:12px;background:linear-gradient(135deg,rgba(15,23,42,.1),rgba(30,41,59,.2) 50%,rgba(51,65,85,.3))}.hero-section{min-height:100vh;height:100vh}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transform:none!important}.animate-on-scroll,.scroll-hidden,.scroll-visible{transition:none!important;animation:none!important;transform:none!important;opacity:1!important}.floating,.video-play-button.floating{animation:none!important}.fullwidth-video,.hero-video{display:none!important}.video-fallback{display:flex!important}.fullwidth-video-section{background:linear-gradient(135deg,#1e293b,#334155 50%,#475569)!important;min-height:300px!important;display:flex!important;align-items:center!important;justify-content:center!important}.fullwidth-video-section:after{content:"Video content (motion disabled)"!important;color:#fff!important;font-size:1.125rem!important;font-weight:600!important}}@media (prefers-reduced-data:reduce){.hero-video{display:none}.video-fallback{display:block}}@media (prefers-contrast:high){.video-overlay{background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(0,0,0,.9) 50%,rgba(0,0,0,.95))}.text-shadow-lg,.text-shadow-ultra{text-shadow:2px 2px 4px #000,0 0 8px #000,4px 4px 8px #000}.text-shadow{text-shadow:1px 1px 2px #000,0 0 4px #000,2px 2px 4px #000}.hero-content-glass{background:rgba(0,0,0,.8);border:2px solid hsla(0,0%,100%,.8)}.hero-content-glass:before,.hero-text-scrim{background:rgba(0,0,0,.9)}.hero-text-scrim{border:2px solid hsla(0,0%,100%,.8)}:focus-visible{outline:3px solid #000!important;outline-offset:2px!important}.cta-button:focus-visible,.submit-btn:focus-visible{outline:3px solid #000;outline-offset:2px}}.hero-video{opacity:0;transition:opacity .8s ease-in-out;background:linear-gradient(135deg,#1e293b,#334155 50%,#475569)}.hero-video.loaded{opacity:1}.fullwidth-video.loaded{opacity:1;background:transparent}.hero-video-background{will-change:transform;transform:translateZ(0);backface-visibility:hidden}@keyframes video-loading{0%{opacity:.5}50%{opacity:.8}to{opacity:.5}}.video-fallback{animation:video-loading 2s ease-in-out infinite}.hero-video{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}@media print{.advantage-card,.animate-on-scroll,.cta-button,.example-card,.hero-section,.process-step,.video-play-button{animation:none!important;transform:none!important;transition:none!important}.card-video,.hero-video,.hero-video-background,.step-video,.video-modal{display:none!important}.video-fallback{display:flex!important;background:#1e293b!important;animation:none!important}.problem-panel,.solution-panel{border:2px solid #333!important;background:#fff!important}}[data-editable]:hover{outline:2px dashed rgba(59,130,246,.5);outline-offset:2px;cursor:text}[data-editable].editing{outline:2px solid #3b82f6;outline-offset:2px;background:rgba(59,130,246,.05)}header.bg-brand-navy-900,header.bg-navy-800{background-color:var(--color-header-bg);box-shadow:0 4px 6px rgba(0,0,0,.1)}header.bg-navy-800 img[alt=Flowcontrol]{filter:brightness(1.1) contrast(1.05);transition:filter .3s ease}header.bg-navy-800 img[alt=Flowcontrol]:hover{filter:brightness(1.2) contrast(1.1)}footer.bg-brand-navy-900,footer.bg-navy-800{background-color:var(--color-header-bg)}footer.bg-navy-800 img[alt=Flowcontrol]{filter:brightness(1.1) contrast(1.05)}.h-18{height:4.5rem!important}@media (max-width:640px){img[alt=Flowcontrol].h-20{height:5rem!important;width:auto!important}img[alt=Flowcontrol].h-14{height:3.5rem!important;width:auto!important}}@media (max-width:480px){img[alt=Flowcontrol].h-20{height:5.5rem!important;width:auto!important}img[alt=Flowcontrol].h-14{height:4rem!important;width:auto!important}}.text-slate-300.hover\:text-teal-400:hover,.text-slate-400.hover\:text-teal-400:hover,.text-white.hover\:text-teal-400:hover{color:var(--color-hover-teal)!important}.bg-navy-800{background-color:var(--color-header-bg)}.border-navy-700{border-color:#334155}.hover\:bg-navy-700:hover{background-color:#334155}@media (max-width:768px){footer img[alt=Flowcontrol]{height:3rem!important;width:auto!important}}@media (max-width:480px){footer img[alt=Flowcontrol]{height:3.5rem!important;width:auto!important}}@media (min-width:769px) and (max-width:1024px){header img[alt=Flowcontrol]{height:4rem}footer img[alt=Flowcontrol]{height:3rem}}@media (hover:none) and (pointer:coarse){.cta-button,.submit-btn,.video-play-button{min-height:48px;min-width:48px}.advantages-toggle,.considerations-toggle,.faq-toggle{min-height:48px;padding:.75rem 1rem}.advantage-card:hover,.example-card:hover,.faq-item:hover,.key-point-card:hover{transform:none;box-shadow:var(--shadow-md)}}.problem-solution-section .grid.lg\\:grid-cols-2{align-items:stretch}.problem-panel,.solution-panel{display:flex;flex-direction:column;height:100%}.problem-panel>div,.solution-panel>div{flex:1}.problem-panel{position:relative;overflow:hidden}.problem-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,#ef4444,transparent);opacity:.7}.risk-indicator{position:relative;animation:risk-pulse 3s ease-in-out infinite}@keyframes risk-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.consequence-item{transition:all var(--transition-normal)}.consequence-item:hover{transform:translateX(4px);box-shadow:0 8px 25px rgba(239,68,68,.15)}.solution-panel{position:relative;overflow:hidden}.solution-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,#10b981,transparent);opacity:.7}.tech-badge{position:relative;overflow:hidden}.shine-effect{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);animation:shine 3s infinite}@keyframes shine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.process-step{transition:all var(--transition-slow);display:flex;flex-direction:column;height:100%}.process-steps{align-items:stretch}.step-content{flex:1;display:flex;flex-direction:column;min-height:280px}.step-details{margin-top:auto}@media (min-width:769px){.process-steps.grid{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch}.process-step{display:flex;flex-direction:column;height:100%}.step-content{flex:1;display:flex;flex-direction:column;justify-content:space-between}}.process-step.active .step-number{transform:scale(1.1);box-shadow:0 0 0 8px rgba(var(--step-color-rgb,59,130,246),.2)}.process-step.active .step-ring{opacity:1;animation:step-ring-pulse 2s ease-in-out infinite}@keyframes step-ring-pulse{0%{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:.3}to{transform:scale(1.2);opacity:0}}.step-video{transition:all var(--transition-normal)}.step-video:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 32px rgba(0,0,0,.2)}.example-card{position:relative;transition:all var(--transition-normal)}.example-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:4px;background:linear-gradient(90deg,transparent,#3b82f6,transparent);opacity:0;transition:all .6s var(--ease-in-out);z-index:1}.example-card:hover:before{opacity:1;transform:translateX(100%)}.video-modal{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.video-modal.active{opacity:1;visibility:visible}.video-modal.active .modal-content{transform:scale(1)}.modal-content{border-radius:16px;overflow:hidden;box-shadow:0 25px 50px rgba(0,0,0,.3)}.modal-video{min-height:400px;max-height:70vh}.video-loading{transition:opacity .3s ease}.modal-video.loaded+.video-loading{opacity:0;pointer-events:none}.advantage-card{position:relative;transition:all var(--transition-normal)}.advantage-card,.advantage-card[data-category=precision]{--card-color:#3b82f6;--card-bg:rgba(59,130,246,.05)}.advantage-card[data-category=reliability]{--card-color:#10b981;--card-bg:rgba(16,185,129,.05)}.advantage-card[data-category=integration]{--card-color:#ea580c;--card-bg:rgba(234,88,12,.05)}.advantage-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--card-color);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-slow)}.advantage-card:hover:before{transform:scaleX(1)}.advantage-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.12);background:var(--card-bg)}.advantage-features{transition:all .5s var(--ease-out)}.advantage-card.expanded .advantage-features{max-height:300px}.advantage-card.expanded .expand-icon{transform:rotate(180deg)}.feature-item{opacity:0;transform:translateY(10px);transition:all var(--transition-normal)}.advantage-card.expanded .feature-item{opacity:1;transform:translateY(0)}.feature-item:first-child{transition-delay:.1s}.feature-item:nth-child(2){transition-delay:.2s}.feature-item:nth-child(3){transition-delay:.3s}@keyframes counter-increment{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-value[data-counter]{animation:counter-increment .6s var(--ease-out)}.precision-demo{position:relative;overflow:hidden}.laser-effect{animation:laser-sweep 3s ease-in-out infinite}@keyframes laser-sweep{0%,to{left:0;opacity:.5}50%{left:calc(100% - 4px);opacity:1}}.demo-trigger{position:relative;overflow:hidden}.demo-trigger:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .6s}.demo-trigger:hover:before{left:100%}.progress-fill{transition:width 1.5s cubic-bezier(.25,.46,.45,.94);position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);animation:progress-shine 2s linear infinite;transform:translateX(-100%)}@keyframes progress-shine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.view-details-btn{position:relative;overflow:hidden;transition:all var(--transition-normal)}.view-details-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.view-details-btn:hover:before{left:100%}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.video-fallback{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);z-index:5}.manual-play-button{cursor:pointer;transition:all var(--transition-normal);z-index:20}.manual-play-button:hover{background-color:rgba(0,0,0,.6)}.manual-play-button .play-icon{transition:all var(--transition-normal)}.manual-play-button:hover .play-icon{transform:scale(1.1);box-shadow:0 12px 24px rgba(0,0,0,.2)}.manual-play-button:focus-visible{outline:none}.manual-play-button:focus-visible .play-icon{outline:3px solid #3b82f6;outline-offset:4px}.video-loading-shimmer{background:linear-gradient(90deg,#f1f5f9,#e2e8f0 50%,#f1f5f9);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.video-error-state{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px dashed #fca5a5;flex-direction:column;min-height:200px;padding:2rem;border-radius:inherit}.video-error-icon,.video-error-state{display:flex;align-items:center;justify-content:center}.video-error-icon{width:48px;height:48px;background:#ef4444;border-radius:50%;margin-bottom:1rem;animation:error-pulse 2s ease-in-out infinite}@keyframes error-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.video-retry-button{background:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);margin-top:1rem}.video-retry-button:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.video-progressive-load{background:linear-gradient(135deg,#000,#1f2937 50%,#000);position:relative}.video-progressive-load:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1) 50%,transparent);transform:translateX(-100%);animation:progressive-scan 3s ease-in-out infinite}@keyframes progressive-scan{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:768px){header .flex{padding:0 1rem}header .hidden.md\:block{display:none}header img[alt=Flowcontrol]{height:4.5rem!important;width:auto!important;min-height:4.5rem!important;max-height:4.5rem!important}header .flex.justify-between.items-center.h-20,header .h-20{min-height:5.5rem}.flex-shrink-0 div{height:2rem;width:8rem;font-size:.75rem}.process-step{margin-bottom:48px}.process-steps{display:block}.process-step{display:block;height:auto}.step-content{flex:none}.step-number{width:60px;height:60px;font-size:18px}.step-content{padding:24px}.example-card{margin-bottom:32px}.advantage-card{padding:24px}.modal-content{margin:16px;max-height:90vh}.modal-video{max-height:50vh}}.fullwidth-video-section{width:100vw;left:50%;right:50%;margin:0 -50vw;overflow:hidden;display:flex;align-items:center;justify-content:center}.fullwidth-video,.fullwidth-video-section{padding:0;background:transparent;border:none;border-radius:0;box-shadow:none}.fullwidth-video{width:100%;height:auto;display:block;-o-object-fit:cover;object-fit:cover;pointer-events:none;cursor:default;outline:none;margin:0;transition:none;filter:none;opacity:1;-o-object-position:center center;object-position:center center;position:relative;left:0;right:0}.fullwidth-video,.fullwidth-video-section,.fullwidth-video-section *,.fullwidth-video-section :hover,.fullwidth-video-section:hover,.fullwidth-video:active,.fullwidth-video:focus,.fullwidth-video:hover{transform:none!important;box-shadow:none!important;cursor:default!important;border:none!important;outline:none!important;background:transparent!important;filter:none!important;transition:none!important;animation:none!important}.fullwidth-video-section+section,section+.fullwidth-video-section{border:none;margin:0;padding-top:0;box-shadow:none}#live-demo,#live-demo .overline{position:relative}#live-demo h2{color:#1e293b;font-weight:700;line-height:1.2}#live-demo p{color:#475569;line-height:1.6}#live-demo .mb-16{margin-bottom:4rem}.fullwidth-video-section:after,.fullwidth-video-section:before,.fullwidth-video:after,.fullwidth-video:before{display:none!important;content:none!important}@media (max-width:768px){.fullwidth-video{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;width:100%;max-height:65vh;min-height:300px;-o-object-position:center center;object-position:center center;transform:none!important;left:0!important;right:0!important;margin:0 auto}#live-demo h2{font-size:2rem;line-height:1.25;margin-bottom:1rem}#live-demo .py-16{padding-top:3rem;padding-bottom:3rem}.fullwidth-video-section{margin:2rem 0;min-height:300px;background:#f8fafc;border-radius:0;transform:none!important;position:relative!important;left:50%!important;margin-left:-50vw!important;width:100vw!important}}@media (max-width:480px){.fullwidth-video{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;max-height:55vh;min-height:250px;-o-object-position:center center;object-position:center center;transform:none!important;left:0!important;right:0!important;margin:0 auto;display:block}#live-demo h2{font-size:1.75rem;line-height:1.2}.fullwidth-video-section{margin:1.5rem 0;transform:none!important;position:relative!important;left:50%!important;margin-left:-50vw!important;width:100vw!important;overflow:hidden!important}}.fullwidth-video::-webkit-media-controls,.fullwidth-video::-webkit-media-controls-panel,.fullwidth-video::-webkit-media-controls-play-button,.fullwidth-video::-webkit-media-controls-volume-slider{display:none!important;-webkit-appearance:none}.fullwidth-video::-moz-media-controls{display:none!important}.fullwidth-video{image-rendering:auto}@media (max-width:768px){.fullwidth-video,.hero-video-background,.hero-video-container{transform:none!important;-webkit-transform:none!important;will-change:auto!important}.fullwidth-video-section{min-height:300px;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}body{overflow-x:hidden}.fullwidth-video,.hero-video{image-rendering:-webkit-optimize-contrast;will-change:auto;backface-visibility:hidden;-webkit-backface-visibility:hidden}.fullwidth-video{max-height:60vh;min-height:250px}.floating{animation-duration:4s}.animate-on-scroll{will-change:auto}}.fullwidth-video{opacity:0;transition:opacity .8s cubic-bezier(.25,.46,.45,.94);min-height:300px;background:#f8fafc}.fullwidth-video[data-loaded=true]{opacity:1}.fullwidth-video-section:not(.loaded):before{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;z-index:10}.fullwidth-video-section:not(.loaded){background:linear-gradient(135deg,#f8fafc,#f1f5f9 50%,#e2e8f0)}#live-demo{overflow:hidden}.fullwidth-video-section{display:block;min-height:300px;position:relative}@media (max-width:768px){.hero-video{scale:1!important;min-width:100%!important;min-height:100%!important;max-width:100%!important;max-height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;-o-object-position:center center!important;object-position:center center!important;margin:0!important;padding:0!important}.hero-video,.hero-video-background{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;transform:none!important;-webkit-transform:none!important}.hero-video-background{overflow:hidden!important}.fullwidth-video{top:0!important;left:0!important;right:0!important;margin:0 auto!important;display:block!important;-o-object-position:center center!important;object-position:center center!important;max-width:100%!important;height:auto!important;aspect-ratio:16/9}.fullwidth-video,.fullwidth-video-section{position:relative!important;transform:none!important;-webkit-transform:none!important}.fullwidth-video-section{left:50%!important;right:50%!important;margin-left:-50vw!important;margin-right:-50vw!important;width:100vw!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important}section{scroll-margin-top:80px}.hero-content .cta-button{margin-top:2rem;width:auto;display:inline-block}h2{line-height:1.2;margin-bottom:1rem}h3{line-height:1.3;margin-bottom:.75rem}p{margin-bottom:1rem}ol,ul{padding-left:1.5rem}li{margin-bottom:.5rem}}.mobile-device .fullwidth-video,.mobile-device .hero-video{will-change:auto;transform:translateZ(0);-webkit-transform:translateZ(0);transform-style:flat;-webkit-transform-style:flat;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.mobile-device .fullwidth-video-section,.mobile-device .hero-video-background{contain:layout;overflow:hidden}.touch-device video{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:480px){header img[alt=Flowcontrol]{height:5rem!important;width:auto!important;min-height:5rem!important;max-height:5rem!important}header .h-20{min-height:5.5rem}.fullwidth-video{max-height:50vh!important;min-height:200px!important}.hero-section{min-height:100vh;height:100vh}.hero-video-background{width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important}}@media (max-width:768px){video{-webkit-video-decorations:none;-webkit-video-controls:none;background-size:cover}video::-webkit-media-controls-panel,video::-webkit-media-controls-play-button,video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}}@media (prefers-reduced-motion:reduce){.fullwidth-video,.hero-video{animation:none!important;transition:none!important}}@media (prefers-contrast:high){.video-overlay{background:linear-gradient(180deg,rgba(0,0,0,.85),rgba(15,23,42,.9) 25%,rgba(0,0,0,.95))!important}.hero-subtitle-enhanced,.hero-title-enhanced{text-shadow:0 2px 4px #000,0 4px 8px #000,0 1px 2px #000!important}}@supports not ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.hero-content-glass{background:rgba(15,23,42,.9);box-shadow:0 25px 50px rgba(0,0,0,.4)}.hero-text-scrim{background:rgba(15,23,42,.45)}}@supports (-webkit-backdrop-filter:blur(20px)){.hero-content-glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.hero-text-scrim{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}@supports (-ms-ime-align:auto){.hero-subtitle-enhanced,.hero-title-enhanced{text-rendering:optimizeSpeed}}@-moz-document url-prefix(){.hero-title-enhanced{font-feature-settings:"kern" 1,"liga" 1}.hero-subtitle-enhanced,.hero-title-enhanced{-moz-osx-font-smoothing:grayscale}}@media (max-width:768px) and (-webkit-max-device-pixel-ratio:2),(max-width:768px) and (max-resolution:2dppx){.hero-content-glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.text-shadow-ultra{text-shadow:0 2px 4px #000,0 4px 8px rgba(0,0,0,.8),0 1px 2px #000}}.readability-solution-1 .hero-content{display:block}.readability-solution-1 .hero-content-glass,.readability-solution-1 .hero-text-scrim,.readability-solution-2 .hero-content{display:none!important}.readability-solution-2 .hero-content-glass{display:block!important}.readability-solution-2 .hero-text-scrim,.readability-solution-3 .hero-content,.readability-solution-3 .hero-content-glass{display:none!important}.readability-solution-3 .hero-text-scrim{display:block!important}.hero-title-enhanced{word-spacing:-.05em;hyphenate-limit-chars:12 6 4}.hero-subtitle-enhanced,.hero-title-enhanced{hyphens:auto;-webkit-hyphens:auto;-moz-hyphens:auto;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;z-index:10}.hero-subtitle-enhanced{word-spacing:.02em;line-height:1.65}.hero-content,.hero-content-glass,.hero-text-scrim{animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-fill-mode:both}.fullwidth-video{will-change:auto;contain:layout;transform:none;backface-visibility:hidden;-webkit-backface-visibility:hidden;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}@media (max-width:768px){.hero-title-enhanced{line-height:1.1;word-spacing:-.03em;font-size:2.25rem!important;-webkit-text-stroke:.5px rgba(0,0,0,.3)}.hero-subtitle-enhanced{line-height:1.55;word-spacing:.01em;-webkit-text-stroke:.25px rgba(0,0,0,.2)}.readability-solution-2 .hero-content-glass,.readability-solution-3 .hero-text-scrim{margin:0 1rem}.fullwidth-video{transform:none!important;-webkit-transform:none!important;transform-style:flat!important;-webkit-transform-style:flat!important}}