:root{--color-primary: #2D3FE7;--color-primary-light: #5B6EF5;--color-primary-dark: #1A2890;--color-accent: #FF6B6B;--color-accent-light: #FF8E8E;--color-bg: #FAFBFC;--color-bg-secondary: #F3F5F8;--color-surface: #FFFFFF;--color-text-primary: #1A1D2E;--color-text-secondary: #6B7280;--color-text-tertiary: #9CA3AF;--color-border: #E5E7EB;--color-border-light: #F3F4F6;--gradient-primary: linear-gradient(135deg, #2D3FE7 0%, #5B6EF5 100%);--gradient-accent: linear-gradient(135deg, #FF6B6B 0%, #FF8E8E 100%);--gradient-surface: linear-gradient(180deg, #FFFFFF 0%, #F9FAFB 100%);--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-serif: "Crimson Pro", Georgia, serif;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .12);--shadow-xl: 0 24px 64px rgba(0, 0, 0, .16);--spacing-unit: 8px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 32px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{position:relative;overflow-x:hidden}.bg-grid{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;contain:strict;background-image:linear-gradient(rgba(45,63,231,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(45,63,231,.03) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite;animation-delay:1s;animation-fill-mode:backwards}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.gradient-mesh{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden;contain:strict}.mesh-gradient{position:absolute;border-radius:40%;filter:blur(100px);opacity:.08;mix-blend-mode:multiply;will-change:transform;contain:layout style}.mesh-1{width:800px;height:800px;background:radial-gradient(circle,#2D3FE7 0%,transparent 70%);top:-200px;left:10%;animation:meshFloat1 25s ease-in-out infinite}.mesh-2{width:600px;height:600px;background:radial-gradient(circle,#FF6B6B 0%,transparent 70%);top:40%;right:10%;animation:meshFloat2 30s ease-in-out infinite}.mesh-3{width:700px;height:700px;background:radial-gradient(circle,#6366F1 0%,transparent 70%);bottom:-100px;left:30%;animation:meshFloat3 35s ease-in-out infinite}@keyframes meshFloat1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(100px,-80px) scale(1.2)}66%{transform:translate(-80px,100px) scale(.9)}}@keyframes meshFloat2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-120px,80px) scale(1.1)}66%{transform:translate(100px,-100px) scale(.95)}}@keyframes meshFloat3{0%,to{transform:translate(0) scale(1)}33%{transform:translate(80px,100px) scale(1.15)}66%{transform:translate(-100px,-80px) scale(.85)}}.geometric-lines{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden;contain:strict}.geo-line{position:absolute;background:linear-gradient(90deg,transparent 0%,rgba(45,63,231,.1) 50%,transparent 100%);transform-origin:center}.line-1{width:800px;height:1px;top:20%;left:-400px;animation:lineSlide1 15s ease-in-out infinite}.line-2{width:600px;height:1px;top:60%;right:-300px;animation:lineSlide2 20s ease-in-out infinite}.line-3{width:1000px;height:1px;bottom:30%;left:-500px;animation:lineSlide3 25s ease-in-out infinite}@keyframes lineSlide1{0%,to{transform:translate(0) rotate(15deg);opacity:0}10%,90%{opacity:1}50%{transform:translate(calc(100vw + 800px)) rotate(15deg)}}@keyframes lineSlide2{0%,to{transform:translate(0) rotate(-10deg);opacity:0}10%,90%{opacity:1}50%{transform:translate(calc(-100vw - 600px)) rotate(-10deg)}}@keyframes lineSlide3{0%,to{transform:translate(0) rotate(8deg);opacity:0}10%,90%{opacity:1}50%{transform:translate(calc(100vw + 1000px)) rotate(8deg)}}.particle-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:.8}.floating-shapes{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden;contain:strict}@keyframes dotMove{0%{background-position:0 0,30px 30px}to{background-position:60px 60px,90px 90px}}.shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;animation:float 20s ease-in-out infinite;will-change:transform;contain:layout style}.shape-1{width:600px;height:600px;background:var(--gradient-primary);top:-200px;left:-200px;animation-delay:0s}.shape-2{width:500px;height:500px;background:var(--gradient-accent);bottom:-150px;right:-150px;animation-delay:-7s}.shape-3{width:400px;height:400px;background:linear-gradient(135deg,#6366f1,#8b5cf6);top:50%;right:-100px;animation-delay:-14s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-50px,50px) scale(.9)}}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1.5rem 2rem;pointer-events:none;animation:navSlideDown .6s ease-out;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1)}@keyframes navSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.nav-pill{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;background:#fffffff2;backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.8);border-radius:100px;padding:.75rem .75rem .75rem 1.5rem;box-shadow:0 8px 32px #0000000f,0 2px 8px #0000000a,inset 0 1px #fffc;pointer-events:auto;transition:all .4s cubic-bezier(.4,0,.2,1)}.nav-pill:hover{box-shadow:0 12px 48px #00000014,0 4px 12px #0000000f,inset 0 1px #ffffffe6;transform:translateY(-2px)}.nav-minimized{transform:translateY(-100%);opacity:0;pointer-events:none}.nav-minimized:hover,.nav:not(.nav-minimized){transform:translateY(0);opacity:1;pointer-events:none}.nav-toggle-button{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:999;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fffffff2;backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.8);border-radius:50%;cursor:pointer;box-shadow:0 4px 16px #00000014,0 2px 4px #0000000a;transition:all .3s cubic-bezier(.4,0,.2,1);animation:navToggleFadeIn .3s ease-out}.nav-toggle-button:hover{transform:translate(-50%) scale(1.1);box-shadow:0 8px 24px #0000001f,0 4px 8px #0000000f}.nav-toggle-button svg{color:var(--color-text-primary);transition:color .3s ease}.nav-toggle-button:hover svg{color:var(--color-primary)}@keyframes navToggleFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.nav-left,.nav-right{flex-shrink:0;transition:all .3s ease}.logo{font-size:1.4rem;font-weight:800;display:flex;align-items:center;gap:2px;letter-spacing:-.02em;cursor:pointer;transition:transform .3s ease,font-size .3s ease}.logo:hover{transform:scale(1.05)}.logo-k{color:var(--color-primary);filter:drop-shadow(0 2px 4px rgba(45,63,231,.2))}.logo-ds{color:var(--color-text-primary)}.logo-in{color:var(--color-accent);font-family:var(--font-serif);font-style:italic;font-weight:600;filter:drop-shadow(0 2px 4px rgba(255,107,107,.2))}.nav-center{display:flex;align-items:center;justify-content:center;gap:.5rem;transition:opacity .3s ease,transform .3s ease}.nav-link{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;color:var(--color-text-secondary);text-decoration:none;font-weight:500;font-size:.9rem;border-radius:50px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));opacity:0;transition:opacity .3s ease;border-radius:50px}.nav-link:hover:before{opacity:.1}.nav-link:hover{color:var(--color-primary);transform:translateY(-1px)}.link-dot{width:6px;height:6px;background:var(--color-text-tertiary);border-radius:50%;transition:all .3s ease;position:relative;z-index:1}.nav-link:hover .link-dot{background:var(--color-primary);box-shadow:0 0 0 4px #2d3fe726;transform:scale(1.2)}.nav-contact{display:inline-flex;align-items:center;gap:.625rem;padding:.875rem 1.75rem;background:var(--color-text-primary);color:#fff;border:none;border-radius:50px;font-weight:600;font-size:.9rem;font-family:var(--font-sans);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #1a1d2e33,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.nav-contact:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));opacity:0;transition:opacity .3s ease}.nav-contact:hover:before{opacity:1}.nav-contact span,.nav-contact svg{position:relative;z-index:1}.nav-contact:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1a1d2e4d,inset 0 1px #ffffff26}.nav-contact svg{transition:transform .3s ease}.nav-contact:hover svg{transform:rotate(12deg) scale(1.1)}.mobile-menu-button{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;background:transparent;border:none;cursor:pointer;padding:10px;border-radius:50%;transition:background .3s ease}.mobile-menu-button:hover{background:#2d3fe71a}.hamburger-line{width:22px;height:2px;background:var(--color-text-primary);border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.mobile-menu-button.active .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-menu-button.active .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-menu-button.active .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);z-index:998;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu{position:fixed;top:0;right:0;width:100%;max-width:400px;height:100vh;height:100dvh;background:var(--color-surface);z-index:999;transform:translate(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);box-shadow:-8px 0 32px #00000026;overflow-y:auto}.mobile-menu.active{transform:translate(0)}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border);position:sticky;top:0;background:var(--color-surface);z-index:10}.mobile-menu-header .logo{font-size:1.3rem}.mobile-menu-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;border-radius:50%;cursor:pointer;color:var(--color-text-primary);transition:all .3s ease}.mobile-menu-close:hover{background:#2d3fe71a;color:var(--color-primary)}.nav-hidden-mobile{opacity:0!important;pointer-events:none!important;transform:translateY(-100%)!important}.mobile-menu-content{padding:24px 24px 40px;display:flex;flex-direction:column;gap:8px}.mobile-menu-section{border-bottom:1px solid var(--color-border)}.mobile-menu-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 0;background:transparent;border:none;cursor:pointer;font-size:1.1rem;font-weight:600;color:var(--color-text-primary);font-family:var(--font-sans);transition:color .3s ease}.mobile-menu-trigger:hover,.mobile-menu-trigger.active{color:var(--color-primary)}.mobile-dropdown-arrow{transition:transform .3s ease}.mobile-dropdown-arrow.rotated{transform:rotate(180deg)}.mobile-menu-dropdown{max-height:0;overflow:hidden;transition:max-height .3s ease}.mobile-menu-dropdown.open{max-height:400px}.mobile-menu-item{display:flex;align-items:center;gap:8px;padding:12px 16px;color:var(--color-text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;border-radius:var(--radius-sm);margin-bottom:4px;transition:all .2s ease}.mobile-menu-item:hover{background:var(--color-bg-secondary);color:var(--color-primary)}.mobile-menu-item.active{background:#2d3fe71a;color:var(--color-primary);font-weight:600}.mobile-menu-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--color-primary);border-radius:0 2px 2px 0}.mobile-menu-item{position:relative}.mobile-menu-external{justify-content:flex-start}.mobile-menu-external span:first-child{flex:1}.mobile-menu-link{display:block;padding:16px 0;color:var(--color-text-primary);text-decoration:none;font-size:1.1rem;font-weight:600;border-bottom:1px solid var(--color-border);transition:color .3s ease}.mobile-menu-link:hover{color:var(--color-primary)}.mobile-menu-link.active{color:var(--color-primary);position:relative}.mobile-menu-link.active:after{content:"";position:absolute;left:0;bottom:16px;width:24px;height:3px;background:var(--color-primary);border-radius:2px}.mobile-menu-trigger.active,.mobile-menu-trigger.open{color:var(--color-primary)}.mobile-menu-cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;margin-top:24px;background:var(--color-text-primary);color:#fff;border:none;border-radius:50px;font-size:1rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #1a1d2e33}.mobile-menu-cta:hover{background:var(--color-primary);transform:translateY(-2px);box-shadow:0 8px 24px #2d3fe74d}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:10rem 2rem 6rem;z-index:10}.hero-container{max-width:1000px;margin:0 auto;width:100%;overflow:visible;text-align:center;display:flex;flex-direction:column;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:.75rem;padding:.5rem 1.25rem .5rem .75rem;background:#2d3fe714;border:1px solid rgba(45,63,231,.15);border-radius:50px;font-size:.8rem;font-weight:600;color:var(--color-primary);margin-bottom:2.5rem;box-shadow:0 2px 12px #2d3fe71a;animation:fadeIn .6s ease-out;text-transform:uppercase;letter-spacing:.05em}.badge-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-heading{font-size:clamp(2.75rem,7vw,5rem);font-weight:800;line-height:1.1;margin-bottom:1.75rem;letter-spacing:-.03em;overflow:visible;text-align:center}.heading-main{display:block;margin-bottom:.25rem}.kds-k,.kds-d,.kds-s{position:relative;display:inline-block}.kds-k{color:var(--color-primary);font-size:1.1em}.kds-d,.kds-s{color:var(--color-text-primary);font-size:1.05em}.heading-dynamic{display:flex;align-items:baseline;justify-content:center;gap:0;color:var(--color-primary);font-family:var(--font-serif);font-style:italic;font-weight:600;overflow:visible;max-width:100%}.in-text{color:var(--color-accent)}.word-rotate{display:inline-block;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .4s cubic-bezier(.4,0,.2,1);white-space:nowrap;padding-right:.25em;margin-right:-.25em;padding-bottom:.15em;margin-bottom:-.15em}.word-rotate.animating{opacity:0;transform:translateY(-15px);filter:blur(8px)}.hero-description{font-size:clamp(1.05rem,1.8vw,1.2rem);line-height:1.75;color:var(--color-text-secondary);max-width:620px;margin:0 auto 2.5rem;animation:fadeIn .4s ease-out;text-align:center}.hero-actions{display:flex;gap:1rem;margin-bottom:4rem;flex-wrap:wrap;animation:fadeIn .4s ease-out .1s both;justify-content:center}.btn-primary,.btn-secondary,.btn-cta{display:inline-flex;align-items:center;gap:.75rem;padding:1.125rem 2.25rem;font-size:1rem;font-weight:600;font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.btn-primary svg{transition:transform .3s ease}.btn-primary:hover svg{transform:translate(4px)}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border:2px solid var(--color-border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-3px)}.hero-stats{display:flex;justify-content:center;gap:1rem;animation:fadeIn .4s ease-out .15s both;flex-wrap:wrap}.stat{text-align:center;padding:1.25rem 2rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:140px;transition:all .3s ease}.stat:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-value{font-size:1.75rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.35rem;letter-spacing:-.02em}.stat-label{font-size:.8rem;color:var(--color-text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.03em}.hero-scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:3rem;cursor:pointer;animation:fadeIn .6s ease-out .6s both;transition:all .3s ease}.hero-scroll-indicator:hover{transform:translateY(4px)}.hero-scroll-indicator:hover .scroll-text{color:var(--color-primary)}.hero-scroll-indicator:hover .scroll-arrow{background:var(--color-primary);border-color:var(--color-primary)}.hero-scroll-indicator:hover .scroll-arrow svg{color:#fff}.scroll-text{font-size:.85rem;font-weight:500;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.1em;transition:color .3s ease}.scroll-arrow{width:44px;height:44px;border-radius:50%;border:2px solid var(--color-border);background:var(--color-surface);display:flex;align-items:center;justify-content:center;transition:all .3s ease;animation:bounceArrow 2s ease-in-out infinite}.scroll-arrow svg{color:var(--color-text-secondary);transition:color .3s ease}@keyframes bounceArrow{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.services{padding:8rem 2rem;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.5) 10%,var(--color-surface) 20%,var(--color-surface) 100%);position:relative;z-index:1}.services-container{max-width:1400px;margin:0 auto}.services-feature{padding:8rem 2rem;background:var(--color-bg);position:relative}.services-feature-container{max-width:1100px;margin:0 auto}.services-feature-header{text-align:center;margin-bottom:5rem}.services-eyebrow{display:inline-block;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--color-primary);margin-bottom:1rem}.services-feature-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:1rem;color:var(--color-text-primary)}.services-feature-desc{font-size:1.2rem;color:var(--color-text-secondary);max-width:500px;margin:0 auto}.services-stack{display:flex;flex-direction:column;gap:1rem}.service-feature-card{display:grid;grid-template-columns:60px 1fr auto auto;align-items:center;gap:2rem;padding:2rem 2.5rem;background:#fff;border:1px solid var(--color-border);border-radius:16px;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.service-feature-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--color-primary);transform:scaleY(0);transition:transform .3s ease}.service-feature-card:hover{border-color:var(--color-primary);box-shadow:0 20px 40px #00000014,0 8px 16px #2d3fe70f;transform:translate(8px)}.service-feature-card:hover:before{transform:scaleY(1)}.sfc-number{font-size:1rem;font-weight:700;color:var(--color-text-tertiary);font-family:var(--font-mono, "SF Mono", monospace)}.sfc-content{display:flex;align-items:center;gap:1.5rem;min-width:0}.sfc-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#2d3fe714,#8b5cf614);display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0;transition:all .4s ease}.sfc-icon svg{width:26px;height:26px}.service-feature-card:hover .sfc-icon{transform:scale(1.08);color:#fff}.sfc-text{flex:1;min-width:0}.sfc-text h3{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.35rem;letter-spacing:-.01em}.sfc-text p{font-size:.9rem;color:var(--color-text-secondary);line-height:1.5;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sfc-tags{display:flex;flex-wrap:wrap;gap:.5rem}.sfc-tags span{font-size:.7rem;font-weight:500;color:var(--color-text-secondary);background:var(--color-surface);padding:.3rem .6rem;border-radius:6px;border:1px solid var(--color-border-light);transition:all .3s ease}.service-feature-card:hover .sfc-tags span{background:#2d3fe70f;border-color:#2d3fe726;color:var(--color-primary)}.sfc-visual{display:flex;align-items:center;justify-content:center;min-width:180px;padding:0 1rem}.sfc-visual-code .code-window{background:#1e293b;border-radius:10px;overflow:hidden;width:220px;box-shadow:0 4px 12px #00000026;transform:scale(.95);opacity:.9;transition:all .4s ease}.service-feature-card:hover .code-window{transform:scale(1);opacity:1;box-shadow:0 8px 24px #0003}.code-header{display:flex;align-items:center;gap:6px;padding:.6rem .8rem;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.05)}.code-header .dot{width:10px;height:10px;border-radius:50%}.code-header .dot.red{background:#ff5f56}.code-header .dot.yellow{background:#ffbd2e}.code-header .dot.green{background:#27ca40}.code-header .code-title{margin-left:auto;font-size:.65rem;color:#fff6;font-family:var(--font-mono, monospace)}.code-body{padding:.8rem;font-family:SF Mono,Fira Code,monospace;font-size:.65rem;line-height:1.7}.code-body code{display:block;color:#ffffffd9;white-space:nowrap}.code-body .kw{color:#c792ea}.code-body .var{color:#82aaff}.code-body .fn,.code-body .str{color:#c3e88d}.code-body .cm{color:#ffffff59;font-style:italic}.sfc-visual-flow .flow-diagram{display:flex;align-items:center;gap:.75rem}.flow-node{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:.6rem .8rem;min-height:60px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;transition:all .3s ease}.flow-node.active{background:#10b9811a;border-color:#10b9814d}.flow-emoji{font-size:1.25rem}.flow-node span:last-child{font-size:.65rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em}.flow-node.active span:last-child{color:#059669}.flow-arrow{display:flex;align-items:center;justify-content:center;color:var(--color-border);transition:all .3s ease}.flow-arrow svg{width:24px;height:24px}.service-feature-card:hover .flow-arrow{color:#10b981;transform:translate(2px)}.service-feature-card:hover .flow-node{transform:translateY(-2px)}.sfc-visual-chart{display:flex;align-items:flex-end;gap:1rem}.mini-chart{display:flex;align-items:flex-end;gap:4px;height:50px}.mini-chart .chart-bar{width:12px;background:#f59e0b4d;border-radius:3px 3px 0 0;transition:all .4s ease}.mini-chart .chart-bar.highlight{background:linear-gradient(180deg,#f59e0b,#d97706)}.service-feature-card:hover .mini-chart .chart-bar{transform:scaleY(1.1)}.chart-label{font-size:1.1rem;font-weight:800;color:#d97706;line-height:1}.sfc-visual-stats{display:flex;gap:.75rem}.stat-pill{display:flex;flex-direction:column;align-items:center;padding:.6rem 1rem;background:#8b5cf614;border-radius:10px;transition:all .3s ease}.stat-pill.negative{background:#10b98114}.stat-pill .stat-value{font-size:1.1rem;font-weight:800;color:#7c3aed;line-height:1}.stat-pill.negative .stat-value{color:#059669}.stat-pill .stat-label{font-size:.6rem;font-weight:500;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.03em;margin-top:.2rem}.service-feature-card:hover .stat-pill{transform:translateY(-2px)}.sfc-visual-support .support-badge{display:flex;align-items:center;gap:.6rem;padding:.7rem 1.2rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:100px;transition:all .3s ease}.support-badge .pulse{width:10px;height:10px;background:#22c55e;border-radius:50%;animation:pulse 2s ease-in-out infinite}.support-badge .support-text{font-size:.8rem;font-weight:600;color:#16a34a}.service-feature-card:hover .support-badge{background:#22c55e26;transform:scale(1.02)}.sfc-arrow{width:44px;height:44px;border-radius:50%;background:var(--color-surface);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);flex-shrink:0;transition:all .4s ease}.sfc-arrow svg{width:20px;height:20px;transition:transform .3s ease}.service-feature-card:hover .sfc-arrow{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 4px 12px #2d3fe74d}.service-feature-card:hover .sfc-arrow svg{transform:translate(3px)}.service-feature-card-highlight{background:linear-gradient(135deg,#fef2f2,#fff 50%);border-color:#f43f5e26}.service-feature-card-highlight:before{background:linear-gradient(180deg,#f43f5e,#ec4899)}.service-feature-card-highlight .sfc-icon{background:linear-gradient(135deg,#f43f5e1a,#ec48991a);color:#e11d48}.service-feature-card-highlight:hover .sfc-icon{background:linear-gradient(135deg,#f43f5e,#ec4899);color:#fff;box-shadow:0 8px 20px #f43f5e4d}.service-feature-card-highlight:hover{border-color:#f43f5e4d;box-shadow:0 20px 40px #f43f5e14,0 8px 16px #f43f5e0a}.service-feature-card-highlight:hover .sfc-arrow{background:linear-gradient(135deg,#f43f5e,#ec4899);border-color:transparent;box-shadow:0 4px 12px #f43f5e4d}.service-feature-card-highlight:hover .sfc-tags span{background:#f43f5e0f;border-color:#f43f5e26;color:#e11d48}.service-feature-card:nth-child(1):before{background:linear-gradient(180deg,#2d3fe7,#8b5cf6)}.service-feature-card:nth-child(1) .sfc-icon{background:linear-gradient(135deg,#2d3fe71a,#8b5cf61a);color:#2d3fe7}.service-feature-card:nth-child(1):hover{border-color:#2d3fe74d;box-shadow:0 20px 40px #2d3fe71a,0 8px 16px #2d3fe70f}.service-feature-card:nth-child(1):hover .sfc-icon{background:linear-gradient(135deg,#2d3fe7,#8b5cf6);color:#fff;box-shadow:0 8px 20px #2d3fe74d}.service-feature-card:nth-child(1):hover .sfc-arrow{background:linear-gradient(135deg,#2d3fe7,#8b5cf6);border-color:transparent;box-shadow:0 4px 12px #2d3fe74d}.service-feature-card:nth-child(1):hover .sfc-tags span{background:#2d3fe70f;border-color:#2d3fe726;color:#2d3fe7}.service-feature-card:nth-child(2):before{background:linear-gradient(180deg,#10b981,#03ff24)}.service-feature-card:nth-child(2) .sfc-icon{background:linear-gradient(135deg,#10b9811a,#2d3fe714);color:#10b981}.service-feature-card:nth-child(2):hover{border-color:#10b9814d;box-shadow:0 20px 40px #10b9811a,0 8px 16px #10b9810f}.service-feature-card:nth-child(2):hover .sfc-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 8px 20px #10b9814d}.service-feature-card:nth-child(2):hover .sfc-arrow{background:linear-gradient(135deg,#10b981,#059669);border-color:transparent;box-shadow:0 4px 12px #10b9814d}.service-feature-card:nth-child(2):hover .sfc-tags span{background:#10b9810f;border-color:#10b98126;color:#059669}.service-feature-card:nth-child(3):before{background:linear-gradient(180deg,#2d3fe7,#ff6b6b)}.service-feature-card:nth-child(3) .sfc-icon{background:linear-gradient(135deg,#2d3fe71a,#ff6b6b14);color:#2d3fe7}.service-feature-card:nth-child(3):hover{border-color:#2d3fe74d;box-shadow:0 20px 40px #2d3fe71a,0 8px 16px #ff6b6b0f}.service-feature-card:nth-child(3):hover .sfc-icon{background:linear-gradient(135deg,#2d3fe7,#6366f1);color:#fff;box-shadow:0 8px 20px #2d3fe74d}.service-feature-card:nth-child(3):hover .sfc-arrow{background:linear-gradient(135deg,#2d3fe7,#6366f1);border-color:transparent;box-shadow:0 4px 12px #2d3fe74d}.service-feature-card:nth-child(3):hover .sfc-tags span{background:#2d3fe70f;border-color:#2d3fe726;color:#2d3fe7}.service-feature-card:nth-child(4):before{background:linear-gradient(180deg,#f97316,#fca400)}.service-feature-card:nth-child(4) .sfc-icon{background:linear-gradient(135deg,#f973161a,#14b8a614);color:#f97316}.service-feature-card:nth-child(4):hover{border-color:#f973164d;box-shadow:0 20px 40px #f973161a,0 8px 16px #f973160f}.service-feature-card:nth-child(4):hover .sfc-icon{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;box-shadow:0 8px 20px #f973164d}.service-feature-card:nth-child(4):hover .sfc-arrow{background:linear-gradient(135deg,#f97316,#ea580c);border-color:transparent;box-shadow:0 4px 12px #f973164d}.service-feature-card:nth-child(4):hover .sfc-tags span{background:#f973160f;border-color:#f9731626;color:#ea580c}.service-feature-card:nth-child(4):hover .stat-pill{background:#f973161a}.service-feature-card:nth-child(4):hover .stat-pill .stat-value{color:#f97316}.service-feature-card:nth-child(4):hover .stat-pill.negative{background:#14b8a61a}.service-feature-card:nth-child(4):hover .stat-pill.negative .stat-value{color:#14b8a6}.service-feature-card:nth-child(5):before{background:linear-gradient(180deg,#06b6d4,#02e1ff)}.service-feature-card:nth-child(5) .sfc-icon{background:linear-gradient(135deg,#06b6d41a,#f9731614);color:#06b6d4}.service-feature-card:nth-child(5):hover{border-color:#06b6d44d;box-shadow:0 20px 40px #06b6d41a,0 8px 16px #06b6d40f}.service-feature-card:nth-child(5):hover .sfc-icon{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;box-shadow:0 8px 20px #06b6d44d}.service-feature-card:nth-child(5):hover .sfc-arrow{background:linear-gradient(135deg,#06b6d4,#0891b2);border-color:transparent;box-shadow:0 4px 12px #06b6d44d}.service-feature-card:nth-child(5):hover .sfc-tags span{background:#06b6d40f;border-color:#06b6d426;color:#0891b2}.service-feature-card:nth-child(5) .support-badge{background:#06b6d41a;border-color:#06b6d433}.service-feature-card:nth-child(5) .support-badge .pulse{background:#06b6d4}.service-feature-card:nth-child(5) .support-badge .support-text{color:#0891b2}.service-feature-card:nth-child(5):hover .support-badge{background:#06b6d426;border-color:#06b6d44d}@media(max-width:1024px){.service-feature-card{grid-template-columns:50px 1fr auto;gap:1.5rem;padding:1.5rem 2rem}.sfc-visual{display:none}}@media(max-width:768px){.services-feature{padding:5rem 1rem}.services-feature-header{margin-bottom:3rem}.service-feature-card{grid-template-columns:1fr auto;gap:1rem;padding:1.25rem 1.5rem}.sfc-number{display:none}.sfc-content{flex-direction:column;align-items:flex-start;gap:1rem}.sfc-text p{-webkit-line-clamp:3}.sfc-arrow{width:40px;height:40px}}@media(max-width:480px){.service-feature-card{padding:1rem 1.25rem}.sfc-icon{width:44px;height:44px}.sfc-icon svg{width:22px;height:22px}.sfc-text h3{font-size:1.1rem}.sfc-tags{display:none}}.section-header{text-align:center;max-width:700px;margin:0 auto 5rem}.section-label{font-size:.875rem;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.section-heading{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:1.5rem;letter-spacing:-.03em;line-height:1.1}.section-description{font-size:1.25rem;color:var(--color-text-secondary);line-height:1.6}.services-grid-modern{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:4rem}.services-grid-modern .service-card-modern:nth-child(5){grid-column:1 / -1;display:grid;grid-template-columns:1fr 2fr;gap:3rem;text-align:left;padding:3rem}.services-grid-modern .service-card-modern:nth-child(5) .service-icon-large{width:120px;height:120px;margin:0}.services-grid-modern .service-card-modern:nth-child(5) .service-content{display:flex;flex-direction:column;justify-content:center}.services-grid-modern .service-card-modern:nth-child(5) h3{font-size:2rem}.services-grid-modern .service-card-modern:nth-child(5)>p{font-size:1.125rem}.service-card-modern{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:2.5rem 2rem;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 16px #0000000f,0 2px 8px #0000000a,inset 0 1px #fffc}.service-card-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:scaleX(0);transition:transform .4s ease;box-shadow:0 2px 8px #2d3fe74d}.service-card-modern:hover{transform:translateY(-12px);box-shadow:0 24px 64px #0000001f,0 12px 32px #00000014,0 0 0 1px #2d3fe71a;border-color:var(--color-primary)}.service-card-modern:hover:before{transform:scaleX(1)}.service-card-modern:nth-child(1){background:linear-gradient(135deg,#2d3fe7,#5b6ef5);border-color:#fff3;box-shadow:0 8px 24px #2d3fe740,0 4px 12px #2d3fe726,inset 0 1px #fff3}.service-card-modern:nth-child(1) h3,.service-card-modern:nth-child(1) .service-number{color:#fff}.service-card-modern:nth-child(1)>p,.service-card-modern:nth-child(1) .service-list li{color:#ffffffe6}.service-card-modern:nth-child(1) .service-icon-large{background:#ffffff26;color:#fff;backdrop-filter:blur(10px)}.service-card-modern:nth-child(1):hover .service-icon-large{background:#ffffff40;transform:scale(1.1) rotate(-5deg);box-shadow:0 8px 24px #0003}.service-card-modern:nth-child(1) .service-list li:before{color:#fff}.service-card-modern:nth-child(1):before{background:linear-gradient(90deg,#fff,#fffc)}.service-card-modern:nth-child(1):hover{transform:translateY(-12px);box-shadow:0 28px 72px #2d3fe759,0 16px 40px #2d3fe740,0 0 0 1px #ffffff4d;border-color:#fff6}.services-grid-modern .service-card-modern:nth-child(5){background:linear-gradient(135deg,#ff6b6b,#ff8e8e);border-color:#fff3;box-shadow:0 8px 24px #ff6b6b40,0 4px 12px #ff6b6b26,inset 0 1px #fff3}.services-grid-modern .service-card-modern:nth-child(5) h3,.services-grid-modern .service-card-modern:nth-child(5) .service-number{color:#fff}.services-grid-modern .service-card-modern:nth-child(5)>p,.services-grid-modern .service-card-modern:nth-child(5) .service-list li{color:#ffffffe6}.services-grid-modern .service-card-modern:nth-child(5) .service-icon-large{background:#ffffff26;color:#fff;backdrop-filter:blur(10px)}.services-grid-modern .service-card-modern:nth-child(5):hover .service-icon-large{background:#ffffff40;transform:scale(1.1) rotate(-5deg);box-shadow:0 8px 24px #0003}.services-grid-modern .service-card-modern:nth-child(5) .service-list li:before{color:#fff}.services-grid-modern .service-card-modern:nth-child(5):before{background:linear-gradient(90deg,#fff,#fffc)}.services-grid-modern .service-card-modern:nth-child(5):hover{transform:translateY(-12px);box-shadow:0 28px 72px #ff6b6b59,0 16px 40px #ff6b6b40,0 0 0 1px #ffffff4d;border-color:#fff6}.service-icon-large{width:80px;height:80px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2b3fe714,#5b6ef51f);border-radius:var(--radius-md);color:var(--color-primary);transition:all .4s ease}.service-card-modern:hover .service-icon-large{transform:scale(1.1) rotate(-5deg);background:var(--gradient-primary);color:#fff;box-shadow:0 8px 24px #2b3fe740}.service-number{position:absolute;top:1.5rem;right:1.5rem;font-size:.875rem;font-weight:700;color:var(--color-text-tertiary);font-family:var(--font-serif)}.service-card-modern h3{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;color:var(--color-text-primary);letter-spacing:-.01em}.service-card-modern>p{font-size:.938rem;line-height:1.6;color:var(--color-text-secondary);margin-bottom:1.5rem}.service-list{list-style:none;padding:0;margin:0;text-align:left}.service-list li{padding:.625rem 0 .625rem 1.5rem;position:relative;font-size:.938rem;color:var(--color-text-secondary);line-height:1.5;transition:all .3s ease}.service-list li:before{content:"→";position:absolute;left:0;color:var(--color-primary);font-weight:700;transition:transform .3s ease}.service-card-modern:hover .service-list li:before{transform:translate(4px)}.service-list li:not(:last-child){border-bottom:1px solid var(--color-border-light)}@media(max-width:1024px){.services-grid-modern{grid-template-columns:1fr}.services-grid-modern .service-card-modern:nth-child(5){grid-template-columns:1fr;gap:2rem;text-align:center}.services-grid-modern .service-card-modern:nth-child(5) .service-icon-large{margin:0 auto}}@media(max-width:768px){.service-card-modern{text-align:left}.service-icon-large{margin:0 0 1.5rem}.services-grid-modern .service-card-modern:nth-child(5){text-align:left}.services-grid-modern .service-card-modern:nth-child(5) .service-icon-large{margin:0 0 1.5rem}}.projects{padding:8rem 2rem;background:linear-gradient(to bottom,var(--color-surface) 0%,rgba(250,251,252,.5) 10%,var(--color-bg) 20%,var(--color-bg) 100%);position:relative;z-index:1}.projects-container{max-width:1400px;margin:0 auto}.brand-intro{text-align:center;margin:4rem 0 5rem;padding:3rem 2rem;background:linear-gradient(135deg,#ffffffe6,#f9fafbf2);border-radius:32px;box-shadow:0 20px 60px #2b3fe714,inset 0 1px #ffffffe6;border:1px solid rgba(43,63,231,.1);position:relative;overflow:hidden}.brand-intro:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(43,63,231,.05) 0%,transparent 70%);animation:rotateBackground 20s linear infinite}@keyframes rotateBackground{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.brand-logo-large{display:inline-flex;align-items:baseline;gap:.35rem;margin-bottom:1rem;position:relative;z-index:1}.logo-k-xl{font-size:5rem;font-weight:800;color:var(--color-primary);font-family:var(--font-sans);text-shadow:0 4px 16px rgba(43,63,231,.3),0 2px 8px rgba(43,63,231,.2);transition:transform .3s ease;display:inline-block}.logo-ds-xl{font-size:4.5rem;font-weight:700;color:var(--color-text-primary);font-family:var(--font-sans);text-shadow:0 2px 12px rgba(0,0,0,.08);transition:transform .3s ease;display:inline-block}.logo-in-xl{font-size:4rem;font-weight:600;color:var(--color-accent);font-family:var(--font-serif);font-style:italic;text-shadow:0 4px 16px rgba(255,107,107,.3),0 2px 8px rgba(255,107,107,.2);transition:transform .3s ease;display:inline-block}.brand-intro:hover .logo-k-xl{transform:translateY(-4px)}.brand-intro:hover .logo-ds-xl{transform:translateY(-4px) scale(1.05)}.brand-intro:hover .logo-in-xl{transform:translateY(-4px) rotate(-2deg)}.brand-subtitle{font-size:1.125rem;color:var(--color-text-secondary);font-weight:500;letter-spacing:.01em;position:relative;z-index:1;margin:0}.products-section{padding:8rem 2rem;background:linear-gradient(180deg,var(--color-bg) 0%,rgba(43,63,231,.02) 50%,var(--color-bg) 100%);position:relative;overflow:hidden}.products-section:before{content:"";position:absolute;top:20%;left:-20%;width:60%;height:60%;background:radial-gradient(ellipse,rgba(43,63,231,.04) 0%,transparent 70%);pointer-events:none}.products-section:after{content:"";position:absolute;bottom:10%;right:-10%;width:50%;height:50%;background:radial-gradient(ellipse,rgba(139,92,246,.03) 0%,transparent 70%);pointer-events:none}.products-container{max-width:1400px;margin:0 auto;position:relative;z-index:1}.products-header{text-align:center;margin-bottom:5rem}.products-eyebrow{display:inline-block;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--color-primary);margin-bottom:1rem;padding:.5rem 1.25rem;background:#2b3fe714;border-radius:50px}.products-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;color:var(--color-text-primary);margin:0 0 1rem;letter-spacing:-.03em;line-height:1.1}.products-subtitle{font-size:1.25rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.products-stack{display:flex;flex-direction:column;gap:4rem}.product-card-modern{display:grid;grid-template-columns:1fr 1.1fr;gap:4rem;align-items:center;padding:3rem;background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:32px;border:1px solid rgba(43,63,231,.08);box-shadow:0 4px 24px #0000000a,0 1px 4px #00000005;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.product-card-modern:before{content:"";position:absolute;inset:-1px;border-radius:33px;background:linear-gradient(135deg,rgba(43,63,231,.15) 0%,transparent 50%,rgba(139,92,246,.1) 100%);opacity:0;transition:opacity .5s ease;z-index:-1}.product-card-modern:hover{transform:translateY(-8px);box-shadow:0 20px 60px #2b3fe71a,0 8px 32px #0000000f}.product-card-modern:hover:before{opacity:1}.product-card-modern:nth-child(2n){grid-template-columns:1.1fr 1fr}.product-card-modern:nth-child(2n) .product-visual-area{order:2}.product-card-modern:nth-child(2n) .product-info{order:1}.product-visual-area{position:relative;min-height:320px;display:flex;align-items:center;justify-content:center;perspective:1000px}.product-network-bg{position:absolute;inset:0;z-index:0;opacity:.5;pointer-events:none}.network-lines-svg{width:100%;height:100%}.network-path{stroke-dasharray:12 6;animation:productDashMove 10s linear infinite;will-change:stroke-dashoffset}.path-1{animation-duration:12s}.path-2{animation-duration:15s;animation-direction:reverse}@keyframes productDashMove{to{stroke-dashoffset:-36}}.product-floating-nodes{position:absolute;inset:0;z-index:3;pointer-events:none}.product-node{position:absolute;display:flex;align-items:center;gap:10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:10px 14px;box-shadow:0 8px 24px #00000014,0 2px 8px #0000000a;animation:productNodeFloat 6s ease-in-out infinite;will-change:transform}.product-node-1{top:8%;left:1%;animation-delay:0s}.product-node-2{bottom:-2%;right:-2%;animation-delay:2s}@keyframes productNodeFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(1deg)}}.pnode-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.pnode-icon svg{width:20px;height:20px}.pnode-icon-green{background:linear-gradient(135deg,#10b98140,#10b9811a);color:#10b981}.pnode-icon-blue{background:linear-gradient(135deg,#2d3fe740,#2d3fe71a);color:#5b6ef5}.pnode-icon-purple{background:linear-gradient(135deg,#8b5cf640,#8b5cf61a);color:#a78bfa}.pnode-icon-teal{background:linear-gradient(135deg,#14b8a640,#14b8a61a);color:#14b8a6}.pnode-text{display:flex;flex-direction:column}.pnode-value{font-weight:700;font-size:.875rem;color:var(--color-text-primary);line-height:1.2}.pnode-label{font-size:.688rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.product-browser-iso{position:relative;z-index:2;transform:rotateY(-8deg) rotateX(4deg);transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1)}.product-card-modern:hover .product-browser-iso{transform:rotateY(-4deg) rotateX(2deg) translateZ(10px)}.product-card-modern:nth-child(2n) .product-browser-iso{transform:rotateY(8deg) rotateX(4deg)}.product-card-modern:nth-child(2n):hover .product-browser-iso{transform:rotateY(4deg) rotateX(2deg) translateZ(10px)}.browser-iso-frame{width:320px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 25px 50px #00000026,0 10px 30px #0000001a,0 0 0 1px #0000000d;transform-style:preserve-3d}.browser-iso-dark{background:linear-gradient(180deg,#0f172a,#1e293b)}.browser-iso-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(180deg,#f8f9fc,#f0f1f5);border-bottom:1px solid rgba(0,0,0,.06)}.browser-iso-dark .browser-iso-bar{background:linear-gradient(180deg,#1e293b,#0f172a);border-bottom-color:#ffffff0f}.iso-dots{display:flex;gap:5px}.dot-red,.dot-yellow,.dot-green{width:10px;height:10px;border-radius:50%}.dot-red{background:#ff5f57}.dot-yellow{background:#febc2e}.dot-green{background:#28c840}.iso-url{flex:1;background:#0000000d;padding:5px 12px;border-radius:6px;font-size:.75rem;color:#64748b;font-family:system-ui,-apple-system,sans-serif;text-align:center}.browser-iso-dark .iso-url{background:#ffffff14;color:#94a3b8}.browser-iso-content{padding:16px;min-height:180px;display:flex;flex-direction:column;gap:12px;background:#f8fafc}.browser-iso-img{padding:0;min-height:180px;height:180px;overflow:hidden}.browser-iso-img img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block}.iso-nav{height:8px;background:linear-gradient(90deg,var(--color-primary) 0% 15%,transparent 15% 20%,#e2e8f0 20% 35%,transparent 35% 40%,#e2e8f0 40% 55%,transparent 55% 60%,#e2e8f0 60% 75%,transparent 75%);border-radius:4px}.iso-nav-dark{background:linear-gradient(90deg,#4ade80 0% 15%,transparent 15% 20%,rgba(255,255,255,.15) 20% 35%,transparent 35% 40%,rgba(255,255,255,.15) 40% 55%,transparent 55% 60%,rgba(255,255,255,.15) 60% 75%,transparent 75%)}.iso-hero{display:flex;flex-direction:column;gap:8px;padding:12px;background:linear-gradient(135deg,#2b3fe70d,#8b5cf608);border-radius:10px}.iso-title{width:70%;height:12px;background:linear-gradient(90deg,#334155,#475569);border-radius:6px}.iso-subtitle{width:50%;height:8px;background:#cbd5e1;border-radius:4px}.iso-btn{width:70px;height:18px;background:var(--color-primary);border-radius:9px;margin-top:6px}.iso-cards{display:flex;gap:10px}.iso-card{flex:1;height:45px;background:linear-gradient(135deg,#fff,#f1f5f9);border-radius:8px;border:1px solid rgba(0,0,0,.05);box-shadow:0 2px 4px #0000000a}.browser-iso-finance{background:linear-gradient(180deg,#0f172a,#1e293b);padding:12px}.iso-chart-visual{flex:1;padding:8px 0}.iso-chart-visual svg{width:100%;height:80px}.iso-stats-row{display:flex;gap:8px}.iso-stat-box{flex:1;height:28px;background:#ffffff0f;border-radius:6px;border:1px solid rgba(255,255,255,.04)}.browser-iso-shadow{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:80%;height:30px;background:radial-gradient(ellipse,rgba(0,0,0,.2) 0%,transparent 70%);filter:blur(10px);transition:all .5s ease}.product-card-modern:hover .browser-iso-shadow{width:85%;opacity:.8;bottom:-25px}.product-status{position:absolute;top:1rem;right:1rem;padding:.4rem .9rem;border-radius:50px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;backdrop-filter:blur(8px);box-shadow:0 4px 12px #00000026;z-index:10;display:flex;align-items:center;gap:.4rem}.status-live{background:#10b981f2;color:#fff}.status-pulse{width:6px;height:6px;background:#fff;border-radius:50%;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.status-soon{background:#f59e0bf2;color:#fff}.product-info{display:flex;flex-direction:column;gap:.75rem}.product-meta-row{display:flex;align-items:center;gap:.5rem;font-size:.813rem}.product-type{color:var(--color-primary);font-weight:600}.product-dot{color:var(--color-border)}.product-date{color:var(--color-text-tertiary);font-style:italic}.product-name{font-size:2.25rem;font-weight:800;color:var(--color-text-primary);margin:0;letter-spacing:-.03em;line-height:1.15}.product-slogan{font-size:1.1rem;font-weight:600;color:var(--color-primary);margin:0;font-style:italic;opacity:.9}.product-desc{font-size:1rem;line-height:1.7;color:var(--color-text-secondary);margin:.5rem 0 0}.product-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.product-tags span{padding:.4rem .9rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:50px;font-size:.813rem;font-weight:600;color:var(--color-text-secondary);transition:all .3s ease}.product-tags span:hover{background:var(--color-surface);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.product-actions{margin-top:1.25rem;display:flex;gap:1rem;flex-wrap:wrap}.product-btn-primary{display:inline-flex;align-items:center;gap:.6rem;padding:.8rem 1.5rem;background:var(--color-primary);color:#fff;text-decoration:none;border-radius:50px;font-weight:700;font-size:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #2b3fe74d}.product-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2b3fe766;gap:.9rem}.product-btn-primary svg{transition:transform .3s ease}.product-btn-primary:hover svg{transform:translate(3px)}.product-btn-disabled{display:inline-flex;align-items:center;gap:.6rem;padding:.8rem 1.5rem;background:var(--color-bg);color:var(--color-text-tertiary);border-radius:50px;font-weight:600;font-size:.875rem;border:1px solid var(--color-border);cursor:not-allowed}@media(max-width:1100px){.product-card-modern{grid-template-columns:1fr;gap:2.5rem;padding:2.5rem}.product-card-modern:nth-child(2n){grid-template-columns:1fr}.product-card-modern:nth-child(2n) .product-visual-area,.product-card-modern:nth-child(2n) .product-info{order:initial}.product-visual-area{min-height:280px}.browser-iso-frame{width:420px;max-width:600px}}@media(max-width:768px){.products-section{padding:5rem 1.5rem}.products-header{margin-bottom:3rem}.products-stack{gap:2.5rem}.product-card-modern{padding:1.75rem;gap:2rem;border-radius:24px}.product-visual-area{min-height:240px}.product-browser-iso{transform:rotateY(-5deg) rotateX(3deg);min-width:400px}.product-card-modern:nth-child(2n) .product-browser-iso{transform:rotateY(-5deg) rotateX(3deg)}.browser-iso-frame{max-width:400px;border-radius:12px}.product-node{display:none}.product-name{font-size:1.75rem}.product-slogan{font-size:1rem}.product-desc{font-size:.938rem}}@media(max-width:480px){.products-section{padding:4rem 1rem}.product-card-modern{padding:1.5rem}.product-visual-area{min-height:200px}.browser-iso-frame{max-width:320px}.browser-iso-bar{padding:7px 10px}.iso-url{font-size:.625rem;padding:4px 8px}.browser-iso-content{min-height:140px}.product-node{display:none}.product-name{font-size:1.5rem}.product-tags span{padding:.3rem .7rem;font-size:.75rem}.product-btn-primary,.product-btn-disabled{padding:.7rem 1.25rem;font-size:.813rem}}.products-showcase{display:grid;grid-template-columns:1fr;gap:3rem;max-width:1200px;margin:0 auto}.product-showcase-card{display:grid;grid-template-columns:1fr 1fr;gap:3rem;background:linear-gradient(135deg,#fffffffa,#fffffff2);border-radius:32px;padding:3rem;border:1px solid rgba(43,63,231,.08);box-shadow:0 8px 32px #0000000f,0 2px 8px #0000000a,inset 0 1px #fff;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.product-showcase-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,var(--color-primary) 50%,transparent 100%);transform:scaleX(0);transition:transform .5s ease}.product-showcase-card:hover:before{transform:scaleX(1)}.product-showcase-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #2b3fe71f,0 8px 24px #00000014,inset 0 1px #fff;border-color:#2b3fe726}.product-visual{position:relative;display:flex;align-items:center;justify-content:center}.product-screenshot{width:100%;aspect-ratio:16 / 10;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#2b3fe70d,#8b5cf60d);border:2px solid rgba(43,63,231,.1);box-shadow:0 8px 24px #00000014,inset 0 2px 4px #fffc;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1)}.product-showcase-card:hover .product-screenshot{transform:scale(1.05);box-shadow:0 12px 40px #2b3fe726,inset 0 2px 4px #fffc}.screenshot-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;height:100%;color:var(--color-primary);opacity:.6;transition:opacity .3s ease;position:relative}.product-showcase-card:hover .screenshot-placeholder{opacity:.8}.screenshot-placeholder svg{transition:transform .5s ease}.product-showcase-card:hover .screenshot-placeholder svg{transform:scale(1.1) rotate(5deg)}.screenshot-placeholder span{font-size:.875rem;font-weight:600;letter-spacing:.02em;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:2;color:var(--color-primary);text-align:center;width:100%;padding:0 1rem}.screenshot-placeholder img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.85) contrast(1);transition:filter .3s ease;z-index:1}.product-showcase-card:hover .screenshot-placeholder img{filter:brightness(.9) contrast(1.05)}.screenshot-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#2b3fe708,#8b5cf608);opacity:0;transition:opacity .3s ease}.product-showcase-card:hover .screenshot-overlay{opacity:1}.overlay-soon{background:linear-gradient(135deg,#f59e0b0d,#fbbf240d)}.product-badge{position:absolute;top:1.5rem;right:1.5rem;padding:.5rem 1rem;border-radius:50px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;backdrop-filter:blur(12px);box-shadow:0 4px 16px #00000026;z-index:2}.badge-live{background:#10b981f2;color:#fff;display:flex;align-items:center;gap:.5rem}.badge-pulse{width:8px;height:8px;background:#fff;border-radius:50%;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.badge-soon{background:#f59e0bf2;color:#fff}.product-content{display:flex;flex-direction:column;justify-content:center}.product-meta{display:flex;align-items:center;gap:.5rem;font-size:.813rem;color:var(--color-text-tertiary);margin-bottom:.75rem;font-weight:500}.product-category{color:var(--color-primary);font-weight:600}.product-separator{color:var(--color-border)}.product-year{font-style:italic}.product-title{font-size:2rem;font-weight:800;margin:0 0 .5rem;color:var(--color-text-primary);letter-spacing:-.02em;line-height:1.2}.product-tagline{font-size:1rem;font-weight:600;color:var(--color-primary);margin:0 0 1rem;font-style:italic;letter-spacing:.01em}.product-description{font-size:1rem;line-height:1.7;color:var(--color-text-secondary);margin-bottom:1.5rem}.product-tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.tech-tag{padding:.5rem 1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:50px;font-size:.813rem;font-weight:600;color:var(--color-text-secondary);transition:all .3s ease}.tech-tag:hover{background:var(--color-surface);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.product-cta{display:inline-flex;align-items:center;gap:.75rem;padding:.875rem 1.75rem;background:var(--color-primary);color:#fff;text-decoration:none;border-radius:50px;font-weight:700;font-size:.938rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #2b3fe74d;width:fit-content}.product-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2b3fe766;gap:1rem}.product-cta svg{transition:transform .3s ease}.product-cta:hover svg{transform:translate(4px)}.product-cta-disabled{background:var(--color-border);color:var(--color-text-tertiary);cursor:not-allowed;box-shadow:none}.product-cta-disabled:hover{transform:none;gap:.75rem}.product-cta-disabled svg{opacity:.5}.product-showcase-card:nth-child(2n){grid-template-columns:1fr 1fr}.product-showcase-card:nth-child(2n) .product-visual{order:2}.product-showcase-card:nth-child(2n) .product-content{order:1}@media(max-width:1024px){.products-showcase{gap:2.5rem}.product-showcase-card{grid-template-columns:1fr;gap:2rem;padding:2.5rem}.product-showcase-card:nth-child(2n) .product-visual,.product-showcase-card:nth-child(2n) .product-content{order:initial}.product-title{font-size:1.75rem}}@media(max-width:768px){.brand-intro{padding:2.5rem 1.5rem;margin:3rem 0 4rem}.logo-k-xl{font-size:3.5rem}.logo-ds-xl{font-size:3rem}.logo-in-xl{font-size:2.5rem}.brand-subtitle{font-size:1rem}.products-showcase{gap:2rem}.product-showcase-card{padding:2rem;gap:1.5rem}.product-title{font-size:1.5rem}.product-description{font-size:.938rem}.product-badge{top:1rem;right:1rem;padding:.375rem .75rem;font-size:.688rem}.product-cta{width:100%;justify-content:center}}.team{padding:8rem 2rem;background:linear-gradient(to bottom,var(--color-bg) 0%,rgba(255,255,255,.5) 10%,var(--color-surface) 20%,var(--color-surface) 100%);position:relative;z-index:1}.team-container{max-width:1400px;margin:0 auto}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.team-grid-single{display:flex;justify-content:center;max-width:900px;margin:0 auto}.team-card{background:var(--gradient-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.team-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.team-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:transparent}.team-card:hover:before{transform:scaleX(1)}.team-lead{grid-column:span 2;display:grid;grid-template-columns:auto 1fr;gap:2.5rem;padding:3rem;background:linear-gradient(135deg,#2d3fe70d,#5b6ef50d);width:100%}.team-image{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem}.team-lead .team-image{margin-bottom:0}.team-avatar{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:#fff;box-shadow:var(--shadow-lg);transition:transform .3s ease;overflow:hidden}.team-avatar img{width:100%;height:100%;object-fit:cover;object-position:center}.team-lead .team-avatar{width:180px;height:180px;font-size:3.5rem}.team-card:hover .team-avatar{transform:scale(1.05)}.team-avatar-primary{background:var(--gradient-primary)}.team-avatar-secondary{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.team-avatar-accent{background:var(--gradient-accent)}.team-avatar-tertiary{background:linear-gradient(135deg,#10b981,#34d399)}.team-status{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:50px;font-size:.813rem;font-weight:500;color:var(--color-text-secondary);box-shadow:var(--shadow-sm)}.status-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}.team-info h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.01em;color:var(--color-text-primary)}.team-lead .team-info h3{font-size:2rem}.team-role{font-size:.95rem;font-weight:600;color:var(--color-primary);margin-bottom:1.25rem;text-transform:uppercase;letter-spacing:.05em}.team-bio{color:var(--color-text-secondary);line-height:1.7;margin-bottom:1.5rem}.team-expertise{display:flex;gap:.625rem;flex-wrap:wrap}.team-expertise span{padding:.375rem .875rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:50px;font-size:.813rem;font-weight:500;color:var(--color-text-secondary)}.team-social{display:flex;gap:1rem;margin-top:1.5rem}.team-social .social-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none}.team-social .social-link:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.team-social .social-link svg{width:24px;height:24px}.cta{padding:8rem 2rem;background:linear-gradient(to bottom,var(--color-surface) 0%,rgba(243,245,248,.5) 10%,var(--color-bg-secondary) 20%,var(--color-bg-secondary) 100%);position:relative;overflow:hidden;z-index:1}.cta-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.cta-content h2{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:1.5rem;letter-spacing:-.03em;line-height:1.1}.cta-content p{font-size:1.25rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:2.5rem}.btn-cta{background:var(--color-text-primary);color:#fff;box-shadow:var(--shadow-lg);padding:1.375rem 2.75rem;font-size:1.125rem}.btn-cta:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.btn-cta svg{transition:transform .3s ease}.btn-cta:hover svg{transform:translate(6px)}.cta-visual{display:flex;align-items:center;justify-content:center;position:relative}.visual-orb{width:400px;height:400px;background:radial-gradient(circle at center,rgba(45,63,231,.4) 0%,transparent 70%);border-radius:50%;filter:blur(60px);opacity:.3;animation:float 8s ease-in-out infinite}.footer{background:var(--color-text-primary);color:#fff;padding:4rem 2rem 2rem;position:relative;z-index:1}.footer-container{max-width:1400px;margin:0 auto}.footer-main{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:4rem;margin-bottom:4rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.1)}.footer-brand{max-width:350px}.footer-logo{font-size:1.75rem;font-weight:800;display:flex;align-items:center;gap:2px;margin-bottom:1rem;text-decoration:none}.footer-logo .logo-ds{color:#fff}.footer-logo .logo-in{color:var(--color-accent)}.footer-tagline{font-size:1rem;font-weight:600;margin-bottom:.75rem;color:#ffffffe6}.footer-description{color:#fff9;line-height:1.7}.footer-nav{display:contents}.footer-col h4{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;color:#ffffffe6}.footer-col a{display:block;color:#fff9;text-decoration:none;margin-bottom:.875rem;font-size:.95rem;transition:color .3s ease}.footer-col a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;align-items:center}.footer-bottom p{color:#ffffff80;font-size:.875rem}.footer-social{display:flex;gap:1.5rem}.footer-social a{color:#fff9;text-decoration:none;font-weight:600;font-size:.875rem;transition:color .3s ease}.footer-social a:hover{color:#fff}@media(max-width:1024px){.nav-pill{gap:1.5rem}.nav-center{gap:.25rem}.nav-link,.nav-dropdown-trigger{padding:.5rem .75rem;font-size:.85rem}.nav-contact{padding:.75rem 1.25rem;font-size:.85rem}.nav-contact span{display:none}.nav-contact{padding:.75rem;width:44px;height:44px;justify-content:center}}@media(max-width:480px){.nav{padding:.75rem}.nav-pill{padding:.5rem .5rem .5rem 1rem;border-radius:60px}.logo{font-size:1.2rem}.mobile-menu{max-width:100%}.mobile-menu-content{padding:90px 20px 30px}}@media(max-width:1024px){.services-grid{grid-template-columns:1fr}.card-large{grid-column:span 1}.projects-grid{grid-template-columns:1fr}.project-featured{grid-row:span 1}.team-grid{grid-template-columns:1fr}.team-lead{grid-column:span 1;grid-template-columns:1fr;gap:2rem}.team-lead .team-image{flex-direction:row;justify-content:center}.cta-container{grid-template-columns:1fr}.visual-orb{width:300px;height:300px}.footer-main{grid-template-columns:1fr 1fr;gap:3rem}}@media(max-width:768px){.nav{padding:1rem}.nav-pill{grid-template-columns:1fr auto auto;gap:.5rem;padding:.5rem .5rem .5rem 1rem}.nav-center{display:none}.mobile-menu-button{display:flex}.nav-right{display:none}.hero{padding:7rem 1.5rem 4rem}.word-rotate{font-size:.9em}.hero-actions{flex-direction:column;width:100%;max-width:320px}.btn-primary,.btn-secondary{width:100%;justify-content:center}.hero-stats{display:none}.stat{padding:1rem 1.5rem;min-width:auto}.services,.projects{padding:4rem 1.5rem}.projects-grid{gap:1.5rem}.team{padding:4rem 1.5rem}.team-card,.team-lead{padding:2rem}.team-avatar{width:100px;height:100px;font-size:2rem}.team-lead .team-avatar{width:120px;height:120px;font-size:2.5rem}.cta{padding:4rem 1.5rem}.footer-main{grid-template-columns:1fr;gap:2.5rem}.footer-bottom{flex-direction:column;gap:1.5rem;text-align:center}}@media(max-width:480px){.word-rotate{text-align:left}.team-lead{padding:1.5rem;gap:1.5rem}.team-lead .team-image{flex-direction:column;align-items:center}.team-avatar{width:80px;height:80px;font-size:1.75rem}.team-lead .team-avatar{width:100px;height:100px;font-size:2rem}.team-info h3{font-size:1.25rem;text-align:center}.team-lead .team-info h3{font-size:1.5rem}.team-info{text-align:center}.team-role{font-size:.85rem;text-align:center}.team-bio{font-size:.9rem;text-align:center}.team-expertise,.team-social{justify-content:center}}.legal-page{min-height:100vh;background:var(--color-bg);padding-top:120px;padding-bottom:80px}.legal-container{max-width:800px;margin:0 auto;padding:0 24px}.legal-header{margin-bottom:48px;text-align:left}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--color-text-secondary);text-decoration:none;font-size:14px;font-weight:500;margin-bottom:32px;transition:all .3s ease}.back-link:hover{color:var(--color-primary);gap:12px}.legal-header h1{font-family:var(--font-serif);font-size:48px;font-weight:600;color:var(--color-text-primary);margin-bottom:12px;line-height:1.2}.legal-subtitle{font-size:18px;color:var(--color-text-secondary);font-weight:400}.legal-content{background:var(--color-surface);border-radius:var(--radius-lg);padding:48px;box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light)}.legal-section{margin-bottom:40px}.legal-section:last-child{margin-bottom:0}.legal-section h2{font-family:var(--font-serif);font-size:32px;font-weight:600;color:var(--color-text-primary);margin-bottom:16px;margin-top:8px}.legal-section h3{font-family:var(--font-sans);font-size:24px;font-weight:600;color:var(--color-text-primary);margin-bottom:12px;margin-top:24px}.legal-section h4{font-family:var(--font-sans);font-size:18px;font-weight:600;color:var(--color-text-primary);margin-bottom:8px;margin-top:16px}.legal-section p{font-size:16px;line-height:1.7;color:var(--color-text-secondary);margin-bottom:16px}.legal-section p:last-child{margin-bottom:0}.legal-section ul{list-style:none;padding-left:0;margin:16px 0}.legal-section ul li{position:relative;padding-left:28px;margin-bottom:12px;font-size:16px;line-height:1.7;color:var(--color-text-secondary)}.legal-section ul li:before{content:"•";position:absolute;left:12px;color:var(--color-primary);font-weight:700}.legal-section a{color:var(--color-primary);text-decoration:none;transition:all .3s ease;border-bottom:1px solid transparent}.legal-section a:hover{color:var(--color-primary-dark);border-bottom-color:var(--color-primary)}.legal-section strong{color:var(--color-text-primary);font-weight:600}@media(max-width:768px){.legal-page{padding-top:100px;padding-bottom:60px}.legal-header h1{font-size:36px}.legal-subtitle{font-size:16px}.legal-content{padding:32px 24px;border-radius:var(--radius-md)}.legal-section h2{font-size:28px}.legal-section h3{font-size:20px}.legal-section h4{font-size:16px}.legal-section p,.legal-section ul li{font-size:15px}}@media(max-width:480px){.legal-header h1{font-size:28px}.legal-content{padding:24px 16px}.legal-section h2{font-size:24px}}.nav-dropdown-container{position:relative}.nav-dropdown-trigger{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;color:var(--color-text-secondary);text-decoration:none;font-weight:500;font-size:.9rem;border-radius:50px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;background:transparent;border:none;cursor:pointer;font-family:var(--font-sans)}.nav-dropdown-trigger:hover,.nav-dropdown-trigger.active{color:var(--color-primary)}.nav-dropdown-trigger:hover .link-dot,.nav-dropdown-trigger.active .link-dot{background:var(--color-primary);box-shadow:0 0 0 4px #2d3fe726;transform:scale(1.2)}.dropdown-arrow{transition:transform .3s ease;margin-left:2px}.dropdown-arrow.rotated{transform:rotate(180deg)}.nav-dropdown{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);min-width:220px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:8px;z-index:1000;animation:dropdownFadeIn .2s ease}.nav-dropdown:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:var(--color-surface);border-left:1px solid var(--color-border);border-top:1px solid var(--color-border)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.nav-dropdown-item{display:flex;align-items:center;gap:8px;padding:12px 16px;color:var(--color-text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;border-radius:var(--radius-sm);transition:all .2s ease}.nav-dropdown-item:hover{background:var(--color-bg-secondary);color:var(--color-primary)}.nav-dropdown-external{justify-content:flex-start}.nav-dropdown-external span:first-child{flex:1}.product-status-badge{font-size:.7rem;padding:2px 8px;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-live-mini{background:#10b9811a;color:#10b981}.badge-soon-mini{background:#f59e0b1a;color:#f59e0b;text-align:center;max-width:76px}.service-card-link{text-decoration:none;color:inherit;display:block;position:relative}.service-card-link:hover{transform:translateY(-8px)}.service-card-arrow{position:absolute;bottom:24px;right:24px;font-size:1.5rem;color:var(--color-primary);opacity:0;transform:translate(-10px);transition:all .3s ease}.service-card-link:hover .service-card-arrow{opacity:1;transform:translate(0)}.service-hero{padding:180px 24px 100px;text-align:center;position:relative;z-index:1}.service-hero .hero-container{max-width:800px;margin:0 auto}.service-hero .heading-main{display:block;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;color:var(--color-text-primary);line-height:1.1;margin-bottom:.5rem}.service-hero .heading-sub{display:block;font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:500;color:var(--color-primary);margin-top:.5rem;letter-spacing:.02em;word-spacing:.1em}.software-hero-enhanced{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 24px 80px;overflow:hidden;background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-bg-secondary) 50%,var(--color-surface) 100%)}.software-hero-bg{position:absolute;inset:0;overflow:hidden;z-index:0}.software-gradient-orb{position:absolute;border-radius:50%;opacity:.5;will-change:transform;filter:blur(60px)}.software-orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(45,63,231,.4) 0%,rgba(45,63,231,.1) 50%,transparent 70%);top:-20%;left:-10%;animation:softwareOrbFloat1 30s ease-in-out infinite}.software-orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.35) 0%,rgba(139,92,246,.1) 50%,transparent 70%);top:50%;right:-10%;animation:softwareOrbFloat2 35s ease-in-out infinite}.software-orb-3{width:400px;height:400px;background:radial-gradient(circle,rgba(16,185,129,.3) 0%,rgba(16,185,129,.1) 50%,transparent 70%);bottom:-10%;left:30%;animation:softwareOrbFloat3 32s ease-in-out infinite}@keyframes softwareOrbFloat1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(60px,40px) scale(1.1)}}@keyframes softwareOrbFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-50px,-30px) scale(1.15)}}@keyframes softwareOrbFloat3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,-50px) scale(.9)}}.software-grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(45,63,231,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(45,63,231,.04) 1px,transparent 1px);background-size:60px 60px;opacity:.5}.software-floating-elements{position:absolute;inset:0;pointer-events:none;z-index:1}.floating-tech{position:absolute;display:flex;align-items:center;gap:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:12px 18px;box-shadow:var(--shadow-lg);animation:techFloat 8s ease-in-out infinite;will-change:transform}.floating-tech-1{top:18%;left:8%;animation-delay:0s}.floating-tech-2{top:25%;right:10%;animation-delay:1.5s}.floating-tech-3{bottom:40%;left:5%;animation-delay:3s}.floating-tech-4{bottom:19%;left:10%;animation-delay:4.5s}@keyframes techFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(2deg)}}.tech-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.tech-icon svg{width:22px;height:22px}.tech-icon-react{background:linear-gradient(135deg,#61dafb4d,#61dafb1a);color:#61dafb}.tech-icon-node{background:linear-gradient(135deg,#3399334d,#3399331a);color:#393}.tech-icon-cloud{background:linear-gradient(135deg,#2d3fe74d,#2d3fe71a);color:#5b6ef5}.tech-icon-api{background:linear-gradient(135deg,#8b5cf64d,#8b5cf61a);color:#a78bfa}.tech-content{display:flex;flex-direction:column}.tech-value{font-weight:700;font-size:1rem;color:var(--color-text-primary)}.tech-label{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.software-code-visual{position:absolute;inset:0;pointer-events:none;z-index:1}.code-window-floating{position:absolute;background:#1e1e2e;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-xl);animation:codeWindowFloat 10s ease-in-out infinite;will-change:transform}.code-window-left{top:15%;left:3%;width:280px;animation-delay:0s}.terminal-window-right{bottom:18%;right:3%;width:240px;animation-delay:2s}@keyframes codeWindowFloat{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-15px) rotate(1deg)}}.code-window-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#181825;border-bottom:1px solid #313244}.window-controls .control{width:10px;height:10px;border-radius:50%}.window-controls .control.red{background:#f38ba8}.window-controls .control.yellow{background:#f9e2af}.window-controls .control.green{background:#a6e3a1}.window-title{font-size:.7rem;color:#6c7086;font-weight:500}.code-content{padding:12px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.7rem;line-height:1.7}.code-line{display:flex;align-items:center;gap:12px;padding:1px 6px;border-radius:3px}.code-line.highlighted{background:#a6e3a11a;border-left:2px solid #A6E3A1;margin-left:-2px}.line-number{color:#6c7086;min-width:16px;text-align:right;user-select:none;font-size:.65rem}.code-keyword{color:#cba6f7}.code-variable{color:#f38ba8}.code-string{color:#a6e3a1}.code-function{color:#89b4fa}.code-tag{color:#f9e2af}.code-indent{margin-left:16px}.terminal-header{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#181825;border-bottom:1px solid #313244}.terminal-content{padding:12px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.65rem}.terminal-line{display:flex;align-items:center;gap:6px;margin-bottom:6px;color:#cdd6f4}.terminal-line.success{color:#a6e3a1}.terminal-prompt{color:#89b4fa;font-weight:600}.terminal-command{color:#cdd6f4}.terminal-icon{font-size:.75rem}.api-card-floating{position:absolute;top:50%;right:12%;transform:translateY(-50%);width:180px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:14px;box-shadow:var(--shadow-lg);z-index:2;animation:apiCardFloat 9s ease-in-out infinite;animation-delay:4s}@keyframes apiCardFloat{0%,to{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 10px))}}.api-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.api-method{padding:3px 6px;background:#a6e3a126;color:#40a02b;font-size:.6rem;font-weight:700;border-radius:4px;font-family:JetBrains Mono,monospace}.api-endpoint{font-size:.7rem;color:var(--color-text-primary);font-weight:500;font-family:JetBrains Mono,monospace}.api-response{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid var(--color-border-light)}.api-status{font-size:.65rem;color:#40a02b;font-weight:600}.api-time{font-size:.65rem;color:var(--color-text-tertiary)}.software-hero-content{position:relative;z-index:5;text-align:center;max-width:800px;margin:0 auto}.software-hero-heading{margin-bottom:24px}.software-hero-heading .heading-eyebrow{display:block;font-size:.875rem;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:2px;margin-bottom:16px}.software-hero-heading .heading-main-enhanced{display:flex;flex-direction:column;gap:8px}.software-hero-heading .gradient-text-blue{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;background:linear-gradient(135deg,#2d3fe7,#5b6ef5,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.3}.software-hero-heading .heading-accent{font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:500;color:var(--color-text-secondary)}.software-hero-description{font-size:1.125rem;color:var(--color-text-secondary);line-height:1.8;margin:0 auto 32px;max-width:600px}.software-hero-description strong{color:var(--color-text-primary);font-weight:600}.software-hero-actions{display:flex;justify-content:center;gap:16px;margin-bottom:48px}.software-hero-stats{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.software-hero-stats .stat-card{display:flex;align-items:center;gap:14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:16px 24px;box-shadow:var(--shadow-md);transition:all .3s ease}.software-hero-stats .stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.software-hero-stats .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.software-hero-stats .stat-icon svg{width:24px;height:24px}.software-hero-stats .stat-icon.stat-icon-blue{background:linear-gradient(135deg,#2d3fe733,#2d3fe70d);color:#2d3fe7}.software-hero-stats .stat-icon.stat-icon-purple{background:linear-gradient(135deg,#8b5cf633,#8b5cf60d);color:#8b5cf6}.software-hero-stats .stat-icon.stat-icon-green{background:linear-gradient(135deg,#10b98133,#10b9810d);color:#10b981}.software-hero-stats .stat-info{display:flex;flex-direction:column}.software-hero-stats .stat-value{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);line-height:1.2}.software-hero-stats .stat-label{font-size:.8rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.software-scroll-indicator{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--color-text-tertiary);font-size:.75rem;text-transform:uppercase;letter-spacing:1px;animation:scrollBounce 2s ease-in-out infinite}.software-scroll-indicator .scroll-arrow{width:32px;height:32px;border:1px solid var(--color-border);border-radius:50%;display:flex;align-items:center;justify-content:center}.software-scroll-indicator .scroll-arrow svg{width:16px;height:16px}@media(max-width:1200px){.floating-tech-1{left:3%}.floating-tech-2{right:3%}.floating-tech-3{left:2%}.floating-tech-4{left:5%}.code-window-left{left:1%;width:240px}.terminal-window-right{right:1%;width:200px}.api-card-floating{display:none}}@media(max-width:900px){.software-floating-elements,.software-code-visual{display:none}.software-hero-enhanced{min-height:100vh;padding:140px 24px 100px}}@media(max-width:640px){.software-hero-enhanced{padding:120px 16px 80px}.software-hero-actions{flex-direction:column;align-items:center}.software-hero-stats{flex-direction:column;gap:16px}.software-hero-stats .stat-card{width:100%;max-width:280px;justify-content:center}}.service-detail{padding:80px 24px;position:relative;z-index:1}.service-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;max-width:1200px;margin:48px auto 0}.service-feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px;transition:all .3s ease}.service-feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.feature-icon{width:64px;height:64px;background:linear-gradient(135deg,#2d3fe71a,#5b6ef50d);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:var(--color-primary)}.service-feature-card h3{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin-bottom:12px}.service-feature-card p{color:var(--color-text-secondary);line-height:1.7}.tech-stack-section{padding:80px 24px;background:var(--color-bg-secondary);position:relative;z-index:1}.tech-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px;max-width:1000px;margin:48px auto 0}.tech-category{background:var(--color-surface);border-radius:var(--radius-lg);padding:32px;border:1px solid var(--color-border)}.tech-category h4{font-size:1rem;font-weight:700;color:var(--color-text-primary);margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.tech-tags{display:flex;flex-wrap:wrap;gap:8px}.benefits-section{padding:80px 24px;position:relative;z-index:1}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px;max-width:1000px;margin:48px auto 0}.benefit-item{text-align:center;padding:32px}.benefit-number{font-size:1rem;font-weight:800;color:var(--color-primary);margin-bottom:16px;letter-spacing:2px}.benefit-item h4{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin-bottom:12px}.benefit-item p{color:var(--color-text-secondary);line-height:1.6}.hero-badge-link{text-decoration:none;cursor:pointer;transition:all .3s ease}.hero-badge-link:hover{background:#2d3fe726;transform:translateY(-2px)}.hero-badge-link svg{opacity:0;transform:translate(-4px);transition:all .3s ease}.hero-badge-link:hover svg{opacity:1;transform:translate(0)}.service-feature-card .service-number{position:absolute;top:20px;right:20px;font-size:.875rem;font-weight:800;color:var(--color-primary);opacity:.3;letter-spacing:1px}.service-feature-card{position:relative}.service-feature-card:hover .service-number{opacity:.6}.feature-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.feature-tag{display:inline-block;padding:4px 12px;background:linear-gradient(135deg,#2d3fe71a,#5b6ef50d);border-radius:100px;font-size:.75rem;font-weight:600;color:var(--color-primary);letter-spacing:.5px}.other-services-section{padding:80px 24px;background:var(--color-bg-secondary);position:relative;z-index:1}.other-services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;max-width:900px;margin:48px auto 0}.other-service-card{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text-primary);font-weight:600;transition:all .3s ease}.other-service-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.other-service-card svg{color:var(--color-primary);opacity:0;transform:translate(-8px);transition:all .3s ease}.other-service-card:hover svg{opacity:1;transform:translate(0)}.other-services-section-enhanced{padding:100px 24px;background:linear-gradient(180deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 50%,var(--color-bg-primary) 100%);position:relative;overflow:hidden}.other-services-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.other-services-gradient{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(45,63,231,.06) 0%,transparent 70%);animation:pulse-slow 8s ease-in-out infinite}@keyframes pulse-slow{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.other-services-dots{position:absolute;inset:0;background-image:radial-gradient(circle,var(--color-border) 1px,transparent 1px);background-size:40px 40px;opacity:.3}.other-services-section-enhanced .section-header{position:relative;z-index:2;text-align:center;margin-bottom:60px}.other-services-section-enhanced .section-description{max-width:600px;margin:16px auto 0;color:var(--color-text-secondary);font-size:1.1rem;line-height:1.7}.other-services-grid-enhanced{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:1000px;margin:0 auto;position:relative;z-index:2}.other-service-card-enhanced{position:relative;display:flex;align-items:center;gap:20px;padding:28px 32px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);animation:fadeInUp .6s ease-out backwards;animation-delay:var(--card-delay, 0s)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.service-card-glow{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--service-color),transparent);opacity:0;transition:opacity .4s ease}.other-service-card-enhanced:hover .service-card-glow{opacity:1}.other-service-card-enhanced:hover{border-color:var(--service-color);box-shadow:0 4px 20px #00000014,0 0 40px color-mix(in srgb,var(--service-color) 10%,transparent);transform:translateY(-4px)}.service-card-icon{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--service-color) 10%,transparent);border-radius:var(--radius-md);transition:all .4s ease}.service-card-icon svg{width:28px;height:28px;color:var(--service-color);transition:all .4s ease}.other-service-card-enhanced:hover .service-card-icon{background:var(--service-color);transform:scale(1.05)}.other-service-card-enhanced:hover .service-card-icon svg{color:#fff}.service-card-content{flex:1;min-width:0}.service-card-title{font-size:1.15rem;font-weight:700;color:var(--color-text-primary);margin:0 0 6px;transition:color .3s ease}.other-service-card-enhanced:hover .service-card-title{color:var(--service-color)}.service-card-description{font-size:.9rem;color:var(--color-text-secondary);margin:0;line-height:1.5}.service-card-arrow{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border-radius:50%;transition:all .4s ease}.service-card-arrow svg{width:20px;height:20px;color:var(--color-text-muted);transition:all .4s ease}.other-service-card-enhanced:hover .service-card-arrow{background:var(--service-color);transform:translate(4px)}.other-service-card-enhanced:hover .service-card-arrow svg{color:#fff}.back-to-home-wrapper{display:flex;justify-content:center;margin-top:48px;position:relative;z-index:2}.back-to-home-link{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-full);text-decoration:none;color:var(--color-text-secondary);font-weight:500;font-size:.95rem;transition:all .3s ease}.back-to-home-link svg{width:18px;height:18px;transition:transform .3s ease}.back-to-home-link:hover{background:var(--color-surface);border-color:var(--accent-color, var(--color-primary));color:var(--accent-color, var(--color-primary));box-shadow:var(--shadow-md)}.back-to-home-link:hover svg{transform:scale(1.1)}@media(max-width:768px){.other-services-section-enhanced{padding:60px 16px}.other-services-grid-enhanced{grid-template-columns:1fr;gap:16px}.other-service-card-enhanced{padding:20px 24px;gap:16px}.service-card-icon{width:48px;height:48px}.service-card-icon svg{width:24px;height:24px}.service-card-title{font-size:1.05rem}.service-card-description{font-size:.85rem}.service-card-arrow{width:36px;height:36px}.other-services-section-enhanced .section-description{font-size:1rem}}@media(max-width:768px){.nav-dropdown{position:fixed;inset:auto 0 0;transform:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:60vh;overflow-y:auto;padding:16px}.nav-dropdown:before{display:none}.nav-dropdown-item{padding:16px}.service-hero{padding:140px 16px 60px}.service-features-grid{grid-template-columns:1fr;gap:24px}.tech-categories{grid-template-columns:1fr}.benefits-grid{grid-template-columns:1fr;gap:24px}.other-services-grid{grid-template-columns:1fr}.other-service-card svg{opacity:1;transform:translate(0)}}.marketing-hero{background:linear-gradient(135deg,#2d3fe708,#ff6b6b08)}.marketing-section{padding:100px 24px;position:relative;z-index:1}.marketing-section-alt{padding:100px 24px;background:var(--color-bg-secondary);position:relative;z-index:1}.cro-visual-section{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px}.cro-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:32px;transition:all .3s ease}.cro-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.cro-card-ab{grid-column:span 2}.cro-card-header h3{font-size:1.4rem;font-weight:700;margin-bottom:8px;color:var(--color-text-primary)}.cro-card-header p{color:var(--color-text-secondary);margin-bottom:24px}.ab-test-visual{display:flex;align-items:center;justify-content:center;gap:32px;padding:32px;background:linear-gradient(135deg,#2d3fe708,#5b6ef505);border-radius:var(--radius-lg);margin-bottom:24px}.ab-variant{flex:1;max-width:280px}.variant-label{font-size:.85rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:12px;display:flex;align-items:center;gap:8px}.winner-badge{font-size:.75rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:2px 8px;border-radius:100px}.variant-mockup{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.ab-variant-winner .variant-mockup{border-color:#10b981;box-shadow:0 0 0 2px #10b9811a,var(--shadow-md)}.mockup-header{width:60%;height:12px;background:linear-gradient(90deg,var(--color-text-primary) 0%,var(--color-text-secondary) 100%);border-radius:4px;margin-bottom:12px}.mockup-text-lines{margin-bottom:16px}.mockup-line{height:8px;background:var(--color-border);border-radius:4px;margin-bottom:6px}.mockup-line.short{width:70%}.mockup-cta-a,.mockup-cta-b{display:inline-block;padding:8px 16px;border-radius:6px;font-size:.8rem;font-weight:600}.mockup-cta-a{background:var(--color-border);color:var(--color-text-secondary)}.mockup-cta-b{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff}.variant-result{display:flex;align-items:center;gap:12px}.result-bar{flex:1;height:8px;background:var(--color-border);border-radius:100px;overflow:hidden}.result-fill{height:100%;border-radius:100px;transition:width 1s ease}.result-a{background:var(--color-text-secondary)}.result-b{background:linear-gradient(90deg,#10b981,#059669)}.result-value{font-size:.9rem;font-weight:700;color:var(--color-text-secondary);min-width:70px;text-align:right}.result-winner{color:#10b981}.ab-vs{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:50%;font-weight:700;color:var(--color-text-secondary);flex-shrink:0}.cro-features{display:flex;flex-wrap:wrap;gap:8px}.cro-features span{padding:6px 14px;background:linear-gradient(135deg,#2d3fe714,#5b6ef50a);border-radius:100px;font-size:.8rem;font-weight:600;color:var(--color-primary)}.heatmap-visual{padding:20px;background:linear-gradient(135deg,#ff6b6b0d,#ffc10708);border-radius:var(--radius-lg);margin-bottom:20px}.heatmap-mockup{background:#fff;border-radius:var(--radius-md);padding:16px;border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.heatmap-nav{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--color-border);margin-bottom:16px}.heatmap-logo{width:40px;height:12px;background:var(--color-text-primary);border-radius:4px}.heatmap-menu{display:flex;gap:8px}.heatmap-menu span{width:24px;height:6px;background:var(--color-border);border-radius:4px}.heatmap-hero{text-align:center;padding:20px 0;margin-bottom:16px}.heatmap-headline{width:70%;height:14px;background:var(--color-text-primary);border-radius:4px;margin:0 auto 10px}.heatmap-subline{width:50%;height:8px;background:var(--color-border);border-radius:4px;margin:0 auto 16px}.heatmap-btn{display:inline-block;width:80px;height:28px;background:var(--color-primary);border-radius:6px;position:relative}.heat-spot{position:absolute;border-radius:50%;animation:pulse-heat 2s ease-in-out infinite}.heat-hot{width:60px;height:60px;background:radial-gradient(circle,rgba(255,0,0,.7) 0%,rgba(255,100,0,.4) 40%,rgba(255,200,0,.2) 70%,transparent 100%);top:50%;left:50%;transform:translate(-50%,-50%)}.heat-warm{width:45px;height:45px;background:radial-gradient(circle,rgba(255,150,0,.6) 0%,rgba(255,200,0,.3) 50%,transparent 100%);top:50%;left:50%;transform:translate(-50%,-50%)}.heat-medium{width:35px;height:35px;background:radial-gradient(circle,rgba(255,200,0,.5) 0%,rgba(255,230,0,.2) 50%,transparent 100%);top:50%;left:50%;transform:translate(-50%,-50%)}.heat-cold{width:25px;height:25px;background:radial-gradient(circle,rgba(0,150,255,.4) 0%,rgba(0,200,255,.15) 50%,transparent 100%);top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse-heat{0%,to{opacity:.8;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.heatmap-content{display:flex;gap:12px;margin-bottom:16px}.heatmap-card{flex:1;height:50px;background:var(--color-bg-secondary);border-radius:6px;position:relative;display:flex;align-items:center;justify-content:center}.heatmap-legend{display:flex;justify-content:center;gap:20px;font-size:.7rem;color:var(--color-text-secondary)}.legend-item{display:flex;align-items:center;gap:6px}.legend-hot,.legend-cold{width:12px;height:12px;border-radius:50%}.legend-hot{background:radial-gradient(circle,#f44,#f80)}.legend-cold{background:radial-gradient(circle,#08f,#0cf)}.cro-tools{display:flex;gap:8px}.cro-tool{padding:6px 14px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:100px;font-size:.8rem;font-weight:500;color:var(--color-text-secondary)}.form-visual{padding:24px;background:linear-gradient(135deg,#10b9810d,#2d3fe708);border-radius:var(--radius-lg);margin-bottom:20px}.form-comparison{display:flex;align-items:center;justify-content:center;gap:20px}.form-before,.form-after{flex:1;max-width:160px}.form-label-bad,.form-label-good{font-size:.8rem;font-weight:600;margin-bottom:10px;text-align:center}.form-label-bad{color:#ef4444}.form-label-good{color:#10b981}.form-mockup-bad,.form-mockup-good{background:#fff;border-radius:var(--radius-md);padding:12px;border:1px solid var(--color-border);margin-bottom:10px}.form-mockup-bad{border-color:#ef44444d}.form-mockup-good{border-color:#10b9814d}.form-field-bad{height:20px;background:var(--color-border);border-radius:4px;margin-bottom:6px}.form-field-bad:last-child{margin-bottom:0}.form-step-indicator{display:flex;justify-content:center;gap:8px;margin-bottom:12px}.form-step-indicator .step{width:20px;height:20px;border-radius:50%;background:var(--color-border);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:600;color:var(--color-text-secondary)}.form-step-indicator .step.active{background:var(--color-primary);color:#fff}.form-field-good{height:24px;background:var(--color-border);border-radius:4px;margin-bottom:8px}.form-progress{height:4px;background:var(--color-border);border-radius:100px;overflow:hidden;position:relative}.form-progress:after{content:"";position:absolute;left:0;top:0;height:100%;width:33%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:100px}.form-stat-bad,.form-stat-good{font-size:.75rem;font-weight:700;text-align:center}.form-stat-bad{color:#ef4444}.form-stat-good{color:#10b981}.form-arrow{font-size:1.5rem;color:var(--color-primary);font-weight:700}.marketing-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}.marketing-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px;transition:all .3s ease}.marketing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.marketing-card-featured{grid-row:span 2;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;border:none}.marketing-card-featured:hover{border-color:transparent}.marketing-card-featured h3,.marketing-card-featured p{color:#fff}.marketing-card-featured p{opacity:.9}.marketing-card-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2d3fe71a,#5b6ef50d);border-radius:var(--radius-md);color:var(--color-primary);margin-bottom:20px}.marketing-card-featured .marketing-card-icon{background:#fff3;color:#fff}.marketing-card h3{font-size:1.25rem;font-weight:700;margin-bottom:12px;color:var(--color-text-primary)}.marketing-card p{color:var(--color-text-secondary);line-height:1.7;margin-bottom:16px}.marketing-list{list-style:none;padding:0;margin:20px 0 0}.marketing-list li{padding:8px 0 8px 20px;position:relative;font-size:.9rem;color:#ffffffe6}.marketing-list li:before{content:"→";position:absolute;left:0;color:#ffffffb3}.marketing-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.marketing-tag{display:inline-block;padding:6px 14px;background:linear-gradient(135deg,#2d3fe71a,#5b6ef50d);border-radius:100px;font-size:.8rem;font-weight:600;color:var(--color-primary)}.landingpage-features{margin-top:48px}.lp-feature-main{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:48px;margin-bottom:32px;align-items:center}.lp-badge{display:inline-block;padding:6px 16px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;border-radius:100px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.lp-feature-content h3{font-size:1.75rem;font-weight:800;margin-bottom:16px;color:var(--color-text-primary)}.lp-feature-content>p{font-size:1.1rem;color:var(--color-text-secondary);line-height:1.7;margin-bottom:24px}.lp-benefits{list-style:none;padding:0;margin:0}.lp-benefits li{display:flex;align-items:center;gap:12px;padding:10px 0;font-size:1rem;color:var(--color-text-primary);font-weight:500}.lp-benefits li svg{color:#10b981;flex-shrink:0}.lp-feature-visual{display:flex;align-items:center;justify-content:center}.lp-mockup{width:100%;max-width:320px;background:var(--color-bg-secondary);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-lg)}.lp-mockup-search{max-width:380px;background:#fff}.mockup-search-results{padding:16px;background:#fff}.search-bar-mockup{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #dfe1e5;border-radius:24px;padding:10px 16px;margin-bottom:20px;box-shadow:0 1px 6px #2021241a}.search-icon-mockup{flex-shrink:0}.search-query-mockup{color:#202124;font-size:14px;font-family:arial,sans-serif}.search-result-mockup{padding:12px 0}.search-result-ad{border-left:3px solid var(--color-primary);padding:12px;background:linear-gradient(90deg,rgba(45,63,231,.03),transparent);margin-left:-16px;margin-right:-16px}.search-result-sponsor{font-size:11px;font-weight:600;color:#5f6368;background:#0000000d;padding:2px 6px;border-radius:4px;display:inline-block;margin-bottom:4px}.search-result-link{display:block;font-size:12px;color:#202124;text-decoration:none;margin-bottom:2px;font-family:arial,sans-serif;cursor:pointer}.search-result-link:hover{text-decoration:none}.search-result-link strong{color:var(--color-primary)}.search-result-title{font-size:16px;color:#1a0dab;margin-bottom:4px;font-family:arial,sans-serif;line-height:1.3}.search-result-title strong{color:inherit}.search-result-desc{font-size:13px;color:#4d5156;line-height:1.4;font-family:arial,sans-serif}.keyword-match-indicator{display:flex;align-items:center;gap:6px;margin-top:16px;padding:8px 12px;background:linear-gradient(135deg,#10b9811a,#10b9810d);border:1px solid rgba(16,185,129,.3);border-radius:8px;font-size:12px;font-weight:600;color:#059669}.keyword-match-indicator svg{color:#10b981}.mockup-bar{display:flex;gap:6px;padding:12px 16px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.mockup-bar span{width:10px;height:10px;border-radius:50%;background:var(--color-border)}.mockup-bar span:first-child{background:#ff6b6b}.mockup-bar span:nth-child(2){background:#ffd93d}.mockup-bar span:nth-child(3){background:#10b981}.mockup-content{padding:24px 20px}.mockup-headline{height:20px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:4px;margin-bottom:16px;width:80%}.mockup-text{height:12px;background:var(--color-border);border-radius:4px;margin-bottom:12px}.mockup-text:last-of-type{width:60%}.mockup-cta{height:40px;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));border-radius:8px;margin-top:20px;width:50%}.lp-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.lp-feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:28px;text-align:center;transition:all .3s ease}.lp-feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.lp-icon{font-size:2rem;margin-bottom:16px}.lp-feature-card h4{font-size:1rem;font-weight:700;margin-bottom:8px;color:var(--color-text-primary)}.lp-feature-card p{font-size:.875rem;color:var(--color-text-secondary);line-height:1.6}.ads-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:24px;margin-top:48px}.ads-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px;transition:all .3s ease}.ads-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.ads-card-primary{grid-row:span 2;background:linear-gradient(135deg,#1a1d2e,#2d3347);color:#fff;border:none}.ads-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.ads-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:var(--radius-md);color:#fff}.ads-badge{padding:6px 12px;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));color:#fff;border-radius:100px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.ads-card h3{font-size:1.35rem;font-weight:700;margin-bottom:12px;color:var(--color-text-primary)}.ads-card-primary h3{color:#fff;font-size:1.5rem}.ads-card p{color:var(--color-text-secondary);line-height:1.7;margin-bottom:20px}.ads-card-primary p{color:#fffc}.ads-features{list-style:none;padding:0;margin:0}.ads-features li{padding:10px 0 10px 24px;position:relative;font-size:.95rem;color:#ffffffe6;border-bottom:1px solid rgba(255,255,255,.1)}.ads-features li:last-child{border-bottom:none}.ads-features li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.ads-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.ads-tags span{padding:6px 12px;background:var(--color-bg-secondary);border-radius:100px;font-size:.8rem;font-weight:500;color:var(--color-text-secondary)}.social-ads-container{margin-top:48px}.funnel-visual{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:48px;padding:32px;background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border)}.funnel-stage{flex:1;padding:24px;text-align:center;position:relative}.funnel-label{display:inline-block;padding:4px 12px;border-radius:100px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.funnel-cold .funnel-label{background:#3b82f61a;color:#3b82f6}.funnel-warm .funnel-label{background:#f59e0b1a;color:#f59e0b}.funnel-hot .funnel-label{background:#ef44441a;color:#ef4444}.funnel-content h4{font-size:1.1rem;font-weight:700;color:var(--color-text-primary);margin-bottom:4px}.funnel-content p{font-size:.875rem;color:var(--color-text-secondary)}.funnel-arrow{color:var(--color-text-tertiary);font-size:1.5rem;padding:0 16px}.social-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.social-feature{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;transition:all .3s ease}.social-feature:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.social-feature h4{font-size:1rem;font-weight:700;color:var(--color-text-primary);margin-bottom:8px}.social-feature p{font-size:.875rem;color:var(--color-text-secondary);line-height:1.6}.tracking-section-enhanced{background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-surface) 50%,var(--color-bg) 100%);padding:100px 0}.tracking-services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:48px;margin-bottom:48px}.tracking-service-card{display:grid;grid-template-columns:280px 1fr;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:all .3s ease}.tracking-service-card:hover{border-color:var(--color-primary);box-shadow:0 20px 50px #0000001a;transform:translateY(-4px)}.tracking-service-featured{grid-column:span 2;grid-template-columns:400px 1fr}.service-mockup{background:linear-gradient(135deg,#f8f9fc,#eef1f5);padding:20px;display:flex;align-items:center;justify-content:center}.mockup-window{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 8px 30px #0000001f;width:100%;overflow:hidden}.mockup-window-dark{background:#1a1a2e}.mockup-titlebar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--color-bg);border-bottom:1px solid var(--color-border)}.mockup-window-dark .mockup-titlebar{background:#16213e;border-bottom-color:#ffffff1a}.mockup-dot{width:8px;height:8px;border-radius:50%;background:#e5e7eb}.mockup-dot:nth-child(1){background:#ff5f57}.mockup-dot:nth-child(2){background:#ffbd2e}.mockup-dot:nth-child(3){background:#28c840}.mockup-title{margin-left:8px;font-size:.7rem;color:var(--color-text-secondary);font-weight:500}.mockup-window-dark .mockup-title{color:#ffffff80}.mockup-gtm-content{padding:12px}.gtm-tag-row{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--color-bg);border-radius:6px;margin-bottom:6px;transition:all .2s}.gtm-tag-row:hover{background:linear-gradient(135deg,rgba(45,63,231,.05),transparent)}.gtm-tag-row.faded{opacity:.5}.gtm-status{width:6px;height:6px;border-radius:50%;background:#d1d5db}.gtm-status.active{background:#10b981;box-shadow:0 0 6px #10b98180;animation:statusPulse 2s infinite}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.6}}.gtm-tag-name{flex:1;font-size:.75rem;color:var(--color-text-primary);font-weight:500}.gtm-tag-badge{font-size:.6rem;padding:2px 6px;border-radius:4px;background:#10b9811a;color:#10b981;font-weight:600}.gtm-tag-badge.inactive{background:#9ca3af1a;color:#9ca3af}.mockup-ga4-content{padding:12px}.ga4-event-stream{display:flex;flex-direction:column;gap:6px}.ga4-event{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#ffffff0d;border-radius:6px}.ga4-event.highlight{background:#10b9811a}.event-dot{width:6px;height:6px;border-radius:50%;background:#6b7280}.event-dot.conversion{background:#10b981;box-shadow:0 0 6px #10b98180}.event-name{flex:1;font-size:.75rem;color:#ffffffe6;font-family:monospace}.event-count{font-size:.7rem;color:#ffffff80;font-weight:600}.mockup-server-content{padding:16px 12px}.server-flow-visual{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}.flow-item{display:flex;flex-direction:column;align-items:center;gap:4px}.flow-item .flow-icon{font-size:1.2rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px}.flow-item.flow-server .flow-icon{background:linear-gradient(135deg,#2d3fe71a,#5b6ef50d);border-color:var(--color-primary)}.flow-item span{font-size:.65rem;color:var(--color-text-secondary);font-weight:500}.flow-arrow{color:var(--color-text-secondary)}.server-benefit-tag{text-align:center;font-size:.7rem;padding:4px 12px;background:linear-gradient(135deg,#10b9811a,#10b9810d);border-radius:100px;color:#10b981;font-weight:600;display:inline-block;margin:0 auto;width:fit-content}.mockup-consent-content{padding:12px}.consent-banner-mockup{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:12px;margin-bottom:10px}.consent-text-mock{margin-bottom:10px}.text-line{height:6px;background:var(--color-border);border-radius:3px;margin-bottom:6px}.text-line.short{width:60%}.consent-actions{display:flex;gap:8px}.consent-accept{padding:4px 12px;background:var(--color-primary);color:#fff;border-radius:4px;font-size:.65rem;font-weight:600}.consent-settings{padding:4px 12px;background:var(--color-border);color:var(--color-text-secondary);border-radius:4px;font-size:.65rem;font-weight:500}.consent-status-row{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--color-bg);border-radius:6px;margin-bottom:4px}.status-check{color:#10b981;font-size:.8rem}.consent-status-row span:last-child{font-size:.7rem;color:var(--color-text-secondary)}.service-content{padding:28px;display:flex;flex-direction:column}.service-icon-badge{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary),#5B6EF5);border-radius:var(--radius-lg);color:#fff;margin-bottom:16px}.service-icon-badge.service-icon-green{background:linear-gradient(135deg,#10b981,#34d399)}.service-icon-badge.service-icon-purple{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.service-icon-badge.service-icon-orange{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.service-content h3{font-size:1.15rem;font-weight:700;color:var(--color-text-primary);margin-bottom:10px}.service-content p{font-size:.9rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:16px}.service-benefits{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.service-benefits li{font-size:.85rem;color:var(--color-text-secondary);padding-left:20px;position:relative}.service-benefits li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:600}.tracking-integrations{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:48px}.integration-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:28px;transition:all .3s ease}.integration-card:hover{border-color:var(--color-primary);box-shadow:0 10px 30px #00000014}.integration-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.integration-header h4{font-size:1.1rem;font-weight:700;color:var(--color-text-primary)}.integration-badge{font-size:.7rem;padding:4px 10px;background:linear-gradient(135deg,#10b9811a,#10b9810d);border-radius:100px;color:#10b981;font-weight:600}.integration-visual{margin-bottom:20px}.crm-flow{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:20px}.crm-node{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 20px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.crm-node svg{color:var(--color-primary)}.crm-node span{font-size:.75rem;font-weight:500;color:var(--color-text-secondary)}.crm-arrow-animated svg{color:var(--color-text-secondary)}.crm-arrow-animated path:first-child{animation:dashMove 1s linear infinite}@keyframes dashMove{to{stroke-dashoffset:-8}}.crm-logos{display:flex;justify-content:center;gap:12px}.crm-logo{font-size:.75rem;padding:6px 12px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:100px;color:var(--color-text-secondary);font-weight:500}.offline-flow{display:flex;align-items:center;justify-content:center;gap:8px}.offline-step{display:flex;flex-direction:column;align-items:center;gap:6px}.step-icon{font-size:1.5rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.offline-step-success .step-icon{background:#10b9811a;border-color:#10b9814d}.offline-step span{font-size:.7rem;color:var(--color-text-secondary);font-weight:500}.offline-connector{width:30px;height:2px;background:linear-gradient(90deg,var(--color-border),var(--color-primary),var(--color-border));position:relative}.offline-connector:after{content:"";position:absolute;width:6px;height:6px;background:var(--color-primary);border-radius:50%;top:50%;left:0;transform:translateY(-50%);animation:moveDot 1.5s ease-in-out infinite}@keyframes moveDot{0%{left:0;opacity:0}50%{opacity:1}to{left:100%;opacity:0}}.integration-features{display:flex;flex-wrap:wrap;gap:8px}.integration-features span{font-size:.75rem;padding:4px 12px;background:linear-gradient(135deg,#2d3fe71a,#5b6ef50d);border-radius:100px;color:var(--color-primary);font-weight:500}.tracking-analytics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.analytics-mini-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;text-align:center;transition:all .3s ease}.analytics-mini-card:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:0 10px 25px #00000014}.analytics-mini-visual{height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.mini-funnel-svg{width:60px;height:40px}.kpi-badges{display:flex;gap:6px}.kpi-badge{padding:4px 10px;background:linear-gradient(135deg,#2d3fe71a,#5b6ef50d);border-radius:6px;font-size:.7rem;font-weight:600;color:var(--color-primary)}.dashboard-icon-visual{color:var(--color-primary)}.attribution-dots{display:flex;align-items:center;gap:4px}.attr-dot{width:12px;height:12px;border-radius:50%}.attr-dot.first{background:#2d3fe7}.attr-dot.mid{background:#8b5cf6}.attr-dot.last{background:#10b981}.attr-line{width:16px;height:2px;background:var(--color-border)}.analytics-mini-card h4{font-size:.95rem;font-weight:700;color:var(--color-text-primary);margin-bottom:4px}.analytics-mini-card p{font-size:.8rem;color:var(--color-text-secondary)}@media(max-width:1200px){.tracking-services-grid,.tracking-service-card{grid-template-columns:1fr}.tracking-service-featured{grid-column:span 1;grid-template-columns:1fr}.service-mockup{padding:24px;min-height:200px}.tracking-analytics-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.tracking-section-enhanced{padding:60px 0}.tracking-integrations,.tracking-analytics-row{grid-template-columns:1fr}.crm-flow{flex-direction:column}.crm-arrow-animated{transform:rotate(90deg)}.offline-flow{flex-wrap:wrap;gap:12px}.offline-connector{display:none}}.analytics-section-enhanced{margin-top:0;padding-top:48px;border-top:1px solid var(--color-border)}.analytics-grid-enhanced{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.analytics-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:24px;text-align:center;transition:all .3s ease}.analytics-card:hover{transform:translateY(-6px);box-shadow:0 15px 30px #00000014;border-color:var(--color-primary)}.analytics-visual{height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;background:linear-gradient(135deg,#2d3fe70d,#5b6ef505);border-radius:var(--radius-lg)}.funnel-mini{display:flex;flex-direction:column;align-items:center;gap:4px}.funnel-step{height:10px;background:linear-gradient(90deg,#2d3fe7,#5b6ef5);border-radius:2px;animation:expandFunnel 1s ease forwards;transform-origin:center}@keyframes expandFunnel{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.funnel-step:nth-child(1){animation-delay:.1s}.funnel-step:nth-child(2){animation-delay:.2s}.funnel-step:nth-child(3){animation-delay:.3s}.funnel-step:nth-child(4){animation-delay:.4s}.kpi-mini-display{display:flex;gap:12px}.kpi-mini{display:flex;flex-direction:column;align-items:center;padding:8px 12px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md)}.kpi-mini span{font-size:.6rem;color:var(--color-text-secondary);margin-bottom:2px}.kpi-mini strong{font-size:.9rem;color:var(--color-primary)}.dashboard-mini{width:100%;max-width:120px;background:#fff;border:1px solid var(--color-border);border-radius:6px;padding:8px;box-shadow:0 4px 12px #0000000d}.dash-mini-bar{height:6px;background:var(--color-border);border-radius:2px;margin-bottom:8px}.dash-mini-chart{height:30px;margin-bottom:8px}.dash-mini-chart svg{width:100%;height:100%}.dash-mini-widgets{display:flex;gap:4px}.dash-mini-widgets span{flex:1;height:12px;background:var(--color-border);border-radius:2px}.attribution-visual{display:flex;align-items:center;gap:4px}.touch-point{width:20px;height:20px;border-radius:50%;animation:touchPulse 2s ease-in-out infinite}.touch-first{background:#2d3fe7;animation-delay:0s}.touch-mid{background:#8b5cf6;animation-delay:.5s}.touch-last{background:#10b981;animation-delay:1s}.touch-line{width:20px;height:2px;background:linear-gradient(90deg,var(--color-border),var(--color-primary))}@keyframes touchPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.analytics-card h4{font-size:1rem;font-weight:700;color:var(--color-text-primary);margin-bottom:6px}.analytics-card p{font-size:.85rem;color:var(--color-text-secondary)}@media(max-width:1200px){.tracking-dashboard-showcase{grid-template-columns:1fr}.gtm-container-visual{order:-1}.dashboard-kpi-row,.tracking-features-enhanced,.analytics-grid-enhanced{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.tracking-section-enhanced{padding:60px 0}.dashboard-nav-items{display:none}.dashboard-kpi-row,.dashboard-widgets,.tracking-features-enhanced,.tracking-integrations,.analytics-grid-enhanced{grid-template-columns:1fr}.crm-flow{flex-direction:column}.crm-arrow-animated{transform:rotate(90deg)}.offline-flow{flex-wrap:wrap}}.tracking-section{background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-bg) 100%)}.tracking-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-top:48px}.tracking-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px}.tracking-card-main{background:linear-gradient(135deg,var(--color-primary) 0%,#1E3A8A 100%);color:#fff;border:none}.tracking-header{display:flex;align-items:center;gap:20px;margin-bottom:32px}.tracking-icon-large{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border-radius:var(--radius-lg)}.tracking-header h3{font-size:1.5rem;font-weight:700;margin-bottom:4px}.tracking-subtitle{opacity:.8;font-size:.9rem}.tracking-features{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.tracking-feature{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#ffffff1a;border-radius:var(--radius-md)}.tracking-check{color:#10b981;font-weight:700;font-size:1.1rem}.tracking-feature strong{display:block;font-size:.95rem;margin-bottom:2px}.tracking-feature p{font-size:.8rem;opacity:.8;margin:0}.tracking-secondary{display:flex;flex-direction:column;gap:24px}.tracking-card-small{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;flex:1;transition:all .3s ease}.tracking-card-small:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.tracking-card-small h4{font-size:1.1rem;font-weight:700;color:var(--color-text-primary);margin-bottom:8px}.tracking-card-small p{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:16px}.tracking-tags{display:flex;flex-wrap:wrap;gap:8px}.tracking-tags span{padding:4px 10px;background:linear-gradient(135deg,#2d3fe71a,#5b6ef50d);border-radius:100px;font-size:.75rem;font-weight:600;color:var(--color-primary)}.analytics-section{margin-top:64px;padding-top:48px;border-top:1px solid var(--color-border)}.analytics-title{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:32px;color:var(--color-text-primary)}.analytics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.analytics-item{text-align:center;padding:24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all .3s ease}.analytics-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.analytics-icon{font-size:2rem;margin-bottom:12px}.analytics-item h4{font-size:1rem;font-weight:700;color:var(--color-text-primary);margin-bottom:6px}.analytics-item p{font-size:.875rem;color:var(--color-text-secondary)}.automation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}.automation-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px;transition:all .3s ease}.automation-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.automation-icon{font-size:2.5rem;margin-bottom:20px}.automation-card h3{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin-bottom:16px}.automation-card ul{list-style:none;padding:0;margin:0}.automation-card ul li{padding:10px 0 10px 20px;position:relative;font-size:.95rem;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-light)}.automation-card ul li:last-child{border-bottom:none}.automation-card ul li:before{content:"→";position:absolute;left:0;color:var(--color-primary)}.automation-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}.automation-visual-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:28px;transition:all .3s ease;display:flex;flex-direction:column}.automation-visual-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.automation-card-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.automation-card-header h3{font-size:1.1rem;font-weight:700;color:var(--color-text-primary);margin:0}.automation-icon-badge{width:44px;height:44px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.automation-icon-purple{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.automation-icon-orange{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.lead-scoring-visual{display:flex;gap:20px;margin-bottom:24px}.scoring-funnel{flex:1;display:flex;flex-direction:column;gap:8px}.funnel-level{display:flex;justify-content:center}.funnel-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-radius:8px;transition:all .3s ease}.funnel-level-1 .funnel-bar{width:100%;background:linear-gradient(90deg,#e8f0fe,#d2e3fc)}.funnel-level-2 .funnel-bar{width:75%;background:linear-gradient(90deg,#c2dbfc,#a8c7f9)}.funnel-level-3 .funnel-bar{width:50%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff}.funnel-label{font-size:.8rem;font-weight:600}.funnel-count{font-size:.85rem;font-weight:700}.scoring-metrics{display:flex;flex-direction:column;align-items:center;justify-content:center}.scoring-metric{display:flex;flex-direction:column;align-items:center;gap:8px}.metric-ring{position:relative;width:70px;height:70px}.metric-ring svg{transform:rotate(-90deg)}.ring-bg{opacity:.3}.ring-progress{stroke-linecap:round;transition:stroke-dasharray .8s ease}.ring-green{stroke:#10b981}.ring-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1rem;font-weight:700;color:#10b981}.metric-label{font-size:.75rem;font-weight:600;color:var(--color-text-secondary)}.automation-features-list{display:flex;flex-direction:column;gap:8px;margin-top:auto}.feature-item{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--color-text-secondary);padding:8px 0;border-bottom:1px solid var(--color-border-light)}.feature-item:last-child{border-bottom:none}.feature-item svg{color:var(--color-primary);flex-shrink:0}.automation-flow-visual{flex:1;margin-bottom:20px}.flow-timeline{display:flex;flex-direction:column;gap:0}.timeline-node{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--color-bg-secondary);border-radius:10px;transition:all .3s ease}.timeline-node:hover{background:#e8f0fe}.node-icon{width:36px;height:36px;background:var(--color-primary);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.node-icon-email{background:linear-gradient(135deg,#10b981,#34d399)}.node-icon-sms{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.node-icon-crm{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.node-label{font-size:.7rem;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.node-desc{font-size:.85rem;font-weight:600;color:var(--color-text-primary)}.timeline-connector{display:flex;flex-direction:column;align-items:center;padding:4px 0;position:relative}.connector-line{width:2px;height:16px;background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-light) 100%)}.connector-dot{width:8px;height:8px;background:var(--color-primary-light);border-radius:50%}.connector-time{position:absolute;right:-40px;top:50%;transform:translateY(-50%);font-size:.7rem;font-weight:600;color:var(--color-text-tertiary);background:var(--color-bg-secondary);padding:2px 6px;border-radius:4px}.automation-stats-row{display:flex;gap:16px;padding-top:16px;border-top:1px solid var(--color-border-light);margin-top:auto}.auto-stat{flex:1;text-align:center;padding:12px;background:var(--color-bg-secondary);border-radius:10px}.auto-stat-value{display:block;font-size:1.25rem;font-weight:800;color:var(--color-primary)}.auto-stat-label{font-size:.75rem;font-weight:500;color:var(--color-text-secondary)}.nurturing-visual{flex:1;display:flex;flex-direction:column;gap:20px}.nurturing-journey{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px}.journey-stage{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border-radius:10px;transition:all .3s ease}.stage-temp{display:flex;flex-direction:column;align-items:center;gap:4px}.temp-icon{font-size:1.5rem}.temp-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.journey-stage-cold{background:#e8f4fc}.journey-stage-cold .temp-label{color:#3b82f6}.journey-stage-warm{background:#fef3c7}.journey-stage-warm .temp-label{color:#f59e0b}.journey-stage-hot{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff}.journey-stage-hot .temp-label{color:#fffc}.stage-content{display:flex;flex-direction:column;gap:4px}.content-block{width:40px;height:6px;background:#0000001a;border-radius:3px}.content-block:last-child{width:28px}.stage-cta{font-size:.7rem;font-weight:700;padding:6px 12px;background:#fff3;border-radius:6px}.journey-arrow{color:var(--color-text-tertiary);flex-shrink:0}.nurturing-triggers{display:flex;flex-direction:column;gap:8px}.trigger-item{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--color-text-secondary)}.trigger-dot{width:8px;height:8px;background:linear-gradient(135deg,#f59e0b,#fbbf24);border-radius:50%;flex-shrink:0}.strategy-showcase{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:48px}.strategy-visual-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px;transition:all .3s ease;display:flex;flex-direction:column}.strategy-visual-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.strategy-card-accent{background:linear-gradient(145deg,#1a1a2e,#16213e);border-color:#5b6ef54d}.strategy-card-accent:hover{border-color:var(--color-primary)}.strategy-card-accent h3,.strategy-card-accent .strategy-tags span{color:#fff}.strategy-card-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.strategy-card-header h3{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0}.strategy-badge{margin-left:auto;font-size:.7rem;font-weight:700;text-transform:uppercase;padding:4px 10px;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-light) 100%);color:#fff;border-radius:20px}.strategy-icon-badge{width:48px;height:48px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.strategy-icon-gradient{background:linear-gradient(135deg,#ff6b6b,#ffe66d)}.strategy-visual-content{flex:1;margin-bottom:24px}.strategy-matrix{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;position:relative;padding:20px;background:var(--color-bg-secondary);border-radius:16px;margin-bottom:20px}.matrix-quadrant{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:var(--color-surface);border-radius:12px;transition:all .3s ease;cursor:default}.matrix-quadrant:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.quadrant-icon{font-size:1.5rem}.matrix-quadrant span{font-size:.8rem;font-weight:600;color:var(--color-text-primary)}.matrix-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 20px #2d3fe766;z-index:2}.strategy-journey-map{background:linear-gradient(90deg,#e8f0fe,#d2e3fc);border-radius:12px;padding:16px 20px}.journey-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-primary);margin-bottom:12px}.journey-path{display:flex;align-items:center;gap:0}.journey-point{display:flex;flex-direction:column;align-items:center;gap:6px}.point-dot{width:12px;height:12px;background:var(--color-primary-light);border-radius:50%;border:2px solid white;box-shadow:0 2px 8px #2d3fe74d}.point-dot-success{background:#10b981;box-shadow:0 2px 8px #10b98166}.journey-point span{font-size:.7rem;font-weight:600;color:var(--color-text-secondary)}.journey-line{flex:1;height:2px;background:linear-gradient(90deg,var(--color-primary-light) 0%,var(--color-primary) 100%);margin:0 4px 20px}.strategy-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.strategy-tags span{padding:8px 14px;background:var(--color-bg-secondary);border-radius:20px;font-size:.8rem;font-weight:500;color:var(--color-text-primary);transition:all .3s ease}.strategy-card-accent .strategy-tags span{background:#5b6ef533;color:#a5b4fc}.strategy-tags span:hover{background:var(--color-primary);color:#fff}.experiments-lab{background:var(--color-surface);border-radius:12px;padding:16px;margin-bottom:16px}.strategy-card-accent .experiments-lab{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.lab-header{display:flex;justify-content:flex-end;margin-bottom:12px}.lab-status{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;color:#10b981}.strategy-card-accent .lab-status{color:#34d399}.status-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}.status-dot-live{background:#10b981}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.experiment-rows{display:flex;flex-direction:column;gap:10px}.experiment-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--color-bg-secondary);border-radius:8px}.strategy-card-accent .experiment-row{background:#ffffff0d}.exp-info{display:flex;flex-direction:column}.exp-name{font-size:.85rem;font-weight:600;color:var(--color-text-primary)}.strategy-card-accent .exp-name{color:#fff}.exp-type{font-size:.7rem;color:var(--color-text-tertiary)}.strategy-card-accent .exp-type{color:#ffffff80}.exp-result{display:flex;align-items:center;gap:10px}.result-bar-mini{width:60px;height:6px;background:var(--color-border);border-radius:3px;overflow:hidden}.strategy-card-accent .result-bar-mini{background:#ffffff1a}.result-fill-mini{height:100%;background:var(--color-primary);border-radius:3px;transition:width .5s ease}.result-fill-success{background:#10b981}.exp-lift{font-size:.8rem;font-weight:700;color:var(--color-primary);min-width:40px;text-align:right}.strategy-card-accent .exp-lift{color:#a5b4fc}.exp-lift-winner{color:#10b981}.strategy-card-accent .exp-lift-winner{color:#34d399}.ai-copy-visual{background:linear-gradient(135deg,#1e1e2e,#2a2a3e);border-radius:12px;padding:16px}.ai-badge{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;font-weight:700;color:#a5b4fc;background:#5b6ef533;padding:4px 10px;border-radius:20px;margin-bottom:12px}.ai-output{display:flex;flex-direction:column;gap:8px;padding:12px;background:#0000004d;border-radius:8px}.ai-text-line{height:8px;background:linear-gradient(90deg,#5B6EF5 0%,transparent 100%);border-radius:4px;animation:aiType 2s infinite}.ai-text-line-1{width:90%;animation-delay:0s}.ai-text-line-2{width:70%;animation-delay:.3s}@keyframes aiType{0%,to{opacity:.5}50%{opacity:1}}.ai-cursor{width:2px;height:14px;background:#5b6ef5;animation:blink 1s infinite;align-self:flex-end}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media(max-width:1024px){.automation-showcase{grid-template-columns:1fr;gap:20px}.strategy-showcase{grid-template-columns:1fr}.lead-scoring-visual{flex-direction:column;align-items:center}.scoring-funnel{width:100%}.connector-time{right:-30px;font-size:.65rem}}@media(max-width:768px){.automation-visual-card,.strategy-visual-card{padding:20px}.nurturing-journey{flex-direction:column;gap:12px}.journey-arrow{transform:rotate(90deg)}.journey-stage{width:100%;flex-direction:row;justify-content:center}.stage-temp{flex-direction:row;gap:8px}.stage-content{flex-direction:row}.strategy-matrix{gap:8px;padding:12px}.matrix-quadrant{padding:12px 8px}.matrix-center{width:44px;height:44px}.matrix-center svg{width:24px;height:24px}.journey-path{flex-wrap:wrap;justify-content:center;gap:8px}.journey-line{display:none}.journey-point{flex:0 0 auto}.automation-stats-row{flex-direction:column;gap:10px}}.strategy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:48px}.strategy-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:40px;transition:all .3s ease}.strategy-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.strategy-card-accent{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-light) 100%);color:#fff;border:none}.strategy-card h3{font-size:1.5rem;font-weight:700;margin-bottom:24px;color:var(--color-text-primary)}.strategy-card-accent h3{color:#fff}.strategy-items{display:flex;flex-wrap:wrap;gap:10px}.strategy-items span{padding:10px 18px;background:var(--color-bg-secondary);border-radius:100px;font-size:.9rem;font-weight:500;color:var(--color-text-primary);transition:all .3s ease}.strategy-card-accent .strategy-items span{background:#fff3;color:#fff}.strategy-items span:hover{background:var(--color-primary);color:#fff}.strategy-card-accent .strategy-items span:hover{background:#ffffff59}.packages-section{padding:100px 24px;background:linear-gradient(135deg,#1a1d2e,#2d3347);position:relative;z-index:1}.packages-section .section-header{color:#fff}.packages-section .section-label{color:var(--color-accent)}.packages-section .section-heading{color:#fff}.packages-section .section-description{color:#ffffffb3}.packages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;max-width:1200px;margin-left:auto;margin-right:auto;align-items:stretch}.package-card{background:#ffffff0d;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:40px 32px;position:relative;transition:all .3s ease;display:flex;flex-direction:column}.package-card:hover{transform:translateY(-8px);background:#ffffff14;border-color:#fff3}.package-card-featured{background:var(--color-surface);border:2px solid var(--color-primary);transform:scale(1.05);box-shadow:0 20px 60px #2d3fe74d}.package-card-featured:hover{transform:scale(1.05) translateY(-8px);background:var(--color-surface);box-shadow:0 30px 80px #2d3fe766}.package-card-scale{border-color:#ffffff26}.package-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:6px 20px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;border-radius:100px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.package-badge-secondary{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:6px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:100px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.package-ribbon{position:absolute;top:32px;right:-35px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:6px 40px;font-size:.7rem;font-weight:600;transform:rotate(45deg);box-shadow:0 4px 12px #10b9814d}.package-header{margin-bottom:16px}.package-icon{font-size:3rem;margin-bottom:16px}.package-card h3{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:4px}.package-tagline{font-size:.85rem;color:var(--color-accent);font-weight:500;margin:0}.package-card-featured h3{color:var(--color-text-primary)}.package-card-featured .package-tagline{color:var(--color-primary)}.package-desc{font-size:.95rem;color:#ffffffb3;margin-bottom:16px;line-height:1.5}.package-card-featured .package-desc{color:var(--color-text-secondary)}.package-ideal{background:#ffffff0d;border-radius:var(--radius-md);padding:12px 16px;margin-bottom:20px;border-left:3px solid var(--color-accent)}.package-card-featured .package-ideal{background:#2d3fe714;border-left-color:var(--color-primary)}.ideal-label{display:block;font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.package-card-featured .ideal-label{color:var(--color-text-tertiary)}.ideal-text{font-size:.85rem;color:#ffffffe6;font-weight:500}.package-card-featured .ideal-text{color:var(--color-text-primary)}.package-features{list-style:none;padding:0;margin:0 0 24px;flex-grow:1}.package-features li{display:flex;align-items:flex-start;gap:10px;padding:10px 0;font-size:.9rem;color:#ffffffd9;border-bottom:1px solid rgba(255,255,255,.08)}.package-features li svg{flex-shrink:0;margin-top:2px;stroke:#10b981}.package-card-featured .package-features li{color:var(--color-text-secondary);border-bottom-color:var(--color-border)}.package-features li:last-child{border-bottom:none}.package-feature-highlight{background:#2d3fe71a;margin:0 -16px;padding:10px 16px!important;border-radius:var(--radius-sm)}.package-feature-highlight strong{color:var(--color-primary)}.package-feature-disabled{opacity:.5}.package-feature-disabled svg{stroke:#fff6!important}.package-feature-disabled span{text-decoration:line-through}.package-result{background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-md);padding:16px;margin-bottom:20px}.package-result-featured{background:#2d3fe71a;border-color:#2d3fe733}.result-label{display:block;font-size:.7rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.package-card-featured .result-label{color:var(--color-text-tertiary)}.result-text{font-size:.9rem;color:#10b981;font-weight:600}.package-result-featured .result-text{color:var(--color-primary)}.package-social-proof{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:12px 0;border-top:1px solid var(--color-border)}.proof-avatars{display:flex}.proof-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;margin-right:-8px;border:2px solid var(--color-surface)}.proof-text{font-size:.8rem;color:var(--color-text-tertiary)}.package-btn{width:100%;padding:16px 24px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);color:#fff;font-size:1rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all .3s ease;margin-top:auto}.package-btn:hover{background:#fff3;border-color:#ffffff4d}.package-btn-featured{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));border:none;color:#fff}.package-btn-featured:hover{background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));box-shadow:0 8px 24px #2d3fe766}.packages-custom-hint{display:flex;align-items:center;gap:20px;margin-top:48px;padding:24px 32px;background:#ffffff08;border:1px dashed rgba(255,255,255,.15);border-radius:var(--radius-xl);max-width:800px;margin-left:auto;margin-right:auto}.custom-hint-icon{font-size:2rem;flex-shrink:0}.custom-hint-content{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-grow:1;flex-wrap:wrap}.custom-hint-content p{margin:0;color:#fffc;font-size:.95rem}.custom-hint-content p strong{color:#fff}.custom-hint-btn{padding:12px 24px;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-md);color:#fff;font-size:.9rem;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:all .3s ease;white-space:nowrap}.custom-hint-btn:hover{background:#ffffff1a;border-color:#ffffff80}.marketing-cta{background:linear-gradient(to bottom,var(--color-bg) 0%,rgba(243,245,248,.5) 10%,var(--color-bg-secondary) 20%,var(--color-bg-secondary) 100%)}@media(max-width:1200px){.cro-visual-section{grid-template-columns:1fr}.cro-card-ab{grid-column:auto}.marketing-grid-3{grid-template-columns:repeat(2,1fr)}.marketing-card-featured{grid-row:auto;grid-column:span 2}.ads-grid{grid-template-columns:1fr}.ads-card-primary{grid-row:auto}.tracking-grid,.tracking-features{grid-template-columns:1fr}}@media(max-width:1024px){.ab-test-visual{flex-direction:column;gap:24px}.ab-variant{max-width:100%;width:100%}.lp-feature-main{grid-template-columns:1fr;text-align:center}.lp-feature-visual{order:-1}.lp-benefits li{justify-content:center}.lp-features-grid,.social-features-grid,.analytics-grid{grid-template-columns:repeat(2,1fr)}.automation-grid,.strategy-grid{grid-template-columns:1fr}.packages-grid{grid-template-columns:1fr;max-width:500px}.package-card-featured{transform:none;order:-1}.package-card-featured:hover{transform:translateY(-8px)}.package-ribbon{display:none}.packages-custom-hint,.custom-hint-content{flex-direction:column;text-align:center}}@media(max-width:768px){.marketing-section,.marketing-section-alt{padding:60px 16px}.cro-card{padding:24px}.ab-test-visual{padding:20px}.form-comparison{flex-direction:column;gap:16px}.form-before,.form-after{max-width:100%;width:100%}.form-arrow{transform:rotate(90deg)}.marketing-grid-3{grid-template-columns:1fr}.marketing-card-featured{grid-column:auto}.lp-features-grid{grid-template-columns:1fr}.lp-feature-main{padding:32px 24px}.funnel-visual{flex-direction:column;gap:24px;padding:24px}.funnel-arrow{transform:rotate(90deg);padding:8px 0}.social-features-grid,.analytics-grid{grid-template-columns:1fr}.tracking-secondary{flex-direction:column}.packages-section{padding:60px 16px}.ab-test-visual{gap:16px;padding:16px}.ab-variant{max-width:100%}.variant-label{font-size:.78rem}.variant-mockup{padding:12px}.mockup-header{height:10px;margin-bottom:10px}.mockup-line{height:6px;margin-bottom:4px}.mockup-cta-a,.mockup-cta-b{padding:6px 12px;font-size:.72rem}.result-value{font-size:.78rem;min-width:58px}.result-bar{height:6px}.ab-vs{width:36px;height:36px;font-size:.8rem}.cro-features{gap:6px}.cro-features span{padding:4px 10px;font-size:.72rem}.heatmap-visual{padding:12px}.heatmap-mockup{padding:10px}.heatmap-nav{padding-bottom:8px;margin-bottom:10px}.heatmap-logo{width:30px;height:8px}.heatmap-menu span{width:18px;height:4px}.heatmap-hero{padding:12px 0;margin-bottom:10px}.heatmap-headline{height:10px;margin-bottom:6px}.heatmap-subline{height:6px;margin-bottom:10px}.heatmap-btn{width:60px;height:22px}.heat-hot{width:44px;height:44px}.heat-warm{width:34px;height:34px}.heat-medium{width:26px;height:26px}.heat-cold{width:20px;height:20px}.heatmap-card{height:36px;gap:8px}.heatmap-content{gap:8px;margin-bottom:10px}.heatmap-legend{gap:12px;font-size:.65rem}.legend-hot,.legend-cold{width:10px;height:10px}.cro-tools{gap:6px;flex-wrap:wrap}.cro-tool{padding:4px 10px;font-size:.72rem}.form-visual{padding:16px}.form-label-bad,.form-label-good{font-size:.72rem}.form-mockup-bad,.form-mockup-good{padding:10px}.form-field-bad{height:16px;margin-bottom:5px}.form-field-good{height:20px;margin-bottom:6px}.form-step-indicator .step{width:18px;height:18px;font-size:.6rem}.form-stat-bad,.form-stat-good{font-size:.7rem}.form-arrow{font-size:1.2rem}.lp-feature-main{gap:24px}.lp-feature-content h3{font-size:1.35rem}.lp-feature-content>p{font-size:.95rem}.lp-mockup,.lp-mockup-search{max-width:100%}.mockup-search-results{padding:12px}.search-bar-mockup{padding:8px 12px;margin-bottom:14px;gap:8px}.search-query-mockup{font-size:12px}.search-result-ad{padding-left:10px;padding-right:10px;margin-left:-12px;margin-right:-12px}.search-result-sponsor{font-size:10px}.search-result-link{font-size:11px}.search-result-title{font-size:14px}.search-result-desc{font-size:12px}.keyword-match-indicator{font-size:11px;padding:6px 10px}.mockup-bar{padding:8px 12px;gap:5px}.mockup-bar span{width:8px;height:8px}.lp-feature-card .lp-icon{font-size:1.3rem}.lp-feature-card h4{font-size:1rem}.lp-feature-card p{font-size:.85rem}.cro-card-header h3{font-size:1.15rem}.cro-card-header p{font-size:.85rem;margin-bottom:16px}}@media(max-width:480px){.marketing-section,.marketing-section-alt{padding:40px 12px}.section-header .section-label{font-size:.8rem}.section-header .section-heading{font-size:1.5rem}.section-header .section-description{font-size:.9rem}.cro-card{padding:16px}.ab-test-visual{padding:12px;gap:12px}.variant-mockup{padding:10px}.mockup-header{height:8px;margin-bottom:8px}.mockup-text-lines{margin-bottom:10px}.mockup-line{height:5px;margin-bottom:3px}.mockup-cta-a,.mockup-cta-b{padding:5px 10px;font-size:.68rem;border-radius:4px}.variant-label{font-size:.72rem;margin-bottom:8px}.winner-badge{font-size:.65rem;padding:1px 6px}.result-value{font-size:.72rem;min-width:50px}.ab-vs{width:32px;height:32px;font-size:.75rem;border-width:1px}.cro-features span{padding:3px 8px;font-size:.68rem}.heatmap-visual,.heatmap-mockup{padding:8px}.heatmap-hero{padding:8px 0;margin-bottom:8px}.heatmap-headline{height:8px}.heatmap-subline{height:5px;margin-bottom:8px}.heatmap-btn{width:50px;height:18px;border-radius:4px}.heat-hot{width:36px;height:36px}.heat-warm{width:28px;height:28px}.heat-medium{width:22px;height:22px}.heat-cold{width:16px;height:16px}.heatmap-card{height:30px}.heatmap-content{gap:6px;margin-bottom:8px}.heatmap-legend{font-size:.6rem;gap:8px}.legend-hot,.legend-cold{width:8px;height:8px}.cro-tool{padding:3px 8px;font-size:.68rem}.form-visual{padding:10px}.form-comparison{gap:10px}.form-label-bad,.form-label-good{font-size:.68rem}.form-mockup-bad,.form-mockup-good{padding:8px}.form-field-bad{height:14px;margin-bottom:4px}.form-field-good{height:16px;margin-bottom:5px}.form-step-indicator{gap:6px;margin-bottom:8px}.form-step-indicator .step{width:16px;height:16px;font-size:.55rem}.form-stat-bad,.form-stat-good{font-size:.65rem}.form-arrow{font-size:1rem}.lp-feature-main{padding:20px 14px;gap:20px}.lp-badge{font-size:.68rem;padding:4px 12px;letter-spacing:.5px}.lp-feature-content h3{font-size:1.15rem}.lp-feature-content>p{font-size:.88rem;line-height:1.6}.lp-benefits li{font-size:.88rem;gap:8px;padding:6px 0}.lp-benefits li svg{width:16px;height:16px}.mockup-search-results{padding:10px}.search-bar-mockup{padding:6px 10px;margin-bottom:12px;border-radius:18px}.search-icon-mockup{width:14px;height:14px}.search-query-mockup{font-size:11px}.search-result-ad{padding:8px;margin-left:-10px;margin-right:-10px}.search-result-sponsor{font-size:9px;padding:1px 4px}.search-result-link{font-size:10px}.search-result-title{font-size:13px}.search-result-desc{font-size:11px;line-height:1.3}.keyword-match-indicator{font-size:10px;padding:5px 8px;margin-top:12px}.mockup-bar{padding:6px 10px;gap:4px}.mockup-bar span{width:7px;height:7px}.mockup-content{padding:16px 12px}.lp-feature-card{padding:20px 16px}.lp-feature-card h4{font-size:.95rem}.lp-feature-card p{font-size:.8rem}.cro-card-header h3{font-size:1.05rem}.cro-card-header p{font-size:.8rem;margin-bottom:12px}}.beratung-hero-enhanced{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 24px 80px;overflow:hidden;background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-bg-secondary) 50%,var(--color-surface) 100%)}.beratung-hero-bg{position:absolute;inset:0;overflow:hidden;z-index:0}.beratung-gradient-orb{position:absolute;border-radius:50%;opacity:.5;will-change:transform;filter:blur(60px)}.beratung-orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(6,182,212,.4) 0%,rgba(6,182,212,.1) 50%,transparent 70%);top:-20%;left:-10%;animation:beratungOrbFloat1 30s ease-in-out infinite}.beratung-orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(249,115,22,.35) 0%,rgba(249,115,22,.1) 50%,transparent 70%);top:50%;right:-10%;animation:beratungOrbFloat2 35s ease-in-out infinite}.beratung-orb-3{width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.3) 0%,rgba(139,92,246,.1) 50%,transparent 70%);bottom:-10%;left:30%;animation:beratungOrbFloat3 32s ease-in-out infinite}@keyframes beratungOrbFloat1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(60px,40px) scale(1.1)}}@keyframes beratungOrbFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-50px,-30px) scale(1.15)}}@keyframes beratungOrbFloat3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,-50px) scale(.9)}}.beratung-grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(6,182,212,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.04) 1px,transparent 1px);background-size:60px 60px;opacity:.5}.beratung-floating-elements{position:absolute;inset:0;pointer-events:none;z-index:1}.floating-support{position:absolute;display:flex;align-items:center;gap:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:12px 18px;box-shadow:var(--shadow-lg);animation:supportFloat 8s ease-in-out infinite;will-change:transform}.floating-support-1{top:18%;left:8%;animation-delay:0s}.floating-support-2{top:25%;right:10%;animation-delay:1.5s}.floating-support-3{bottom:38%;left:5%;animation-delay:3s}.floating-support-4{bottom:20%;right:8%;animation-delay:4.5s}@keyframes supportFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(2deg)}}.support-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.support-icon svg{width:22px;height:22px}.support-icon-cyan{background:linear-gradient(135deg,#06b6d44d,#06b6d41a);color:#06b6d4}.support-icon-orange{background:linear-gradient(135deg,#f973164d,#f973161a);color:#f97316}.support-icon-purple{background:linear-gradient(135deg,#8b5cf64d,#8b5cf61a);color:#a78bfa}.support-icon-green{background:linear-gradient(135deg,#10b9814d,#10b9811a);color:#10b981}.support-content{display:flex;flex-direction:column}.support-value{font-weight:700;font-size:1rem;color:var(--color-text-primary)}.support-label{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.beratung-mockup-visual{position:absolute;inset:0;z-index:1;pointer-events:none}.chat-window-mockup{position:absolute;top:12%;right:5%;width:320px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-2xl);animation:chatFloat 10s ease-in-out infinite;opacity:.95}@keyframes chatFloat{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-15px) rotate(1deg)}}.chat-window-header{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#06b6d426,#06b6d40d);border-bottom:1px solid var(--color-border)}.chat-window-header .window-controls{display:flex;gap:6px}.chat-window-header .control{width:10px;height:10px;border-radius:50%}.chat-window-header .control.red{background:#ff5f57}.chat-window-header .control.yellow{background:#ffbd2e}.chat-window-header .control.green{background:#28c840}.chat-window-header .window-title{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--color-text-primary);flex:1}.chat-window-header .window-title svg{color:#06b6d4}.online-indicator{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#10b981}.online-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.chat-content{padding:16px;display:flex;flex-direction:column;gap:12px;min-height:180px}.chat-message{display:flex;gap:10px;animation:messageSlide .5s ease-out}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message-support{align-items:flex-start}.chat-message-user{justify-content:flex-end}.message-avatar{width:32px;height:32px;background:linear-gradient(135deg,#06b6d4,#0891b2);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.message-avatar svg{width:18px;height:18px;color:#fff}.message-bubble{max-width:200px;padding:10px 14px;border-radius:16px;position:relative}.chat-message-support .message-bubble{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-bottom-left-radius:4px}.chat-message-user .message-bubble{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;border-bottom-right-radius:4px}.message-bubble p{font-size:.85rem;line-height:1.4;margin:0}.message-time{font-size:.65rem;opacity:.6;display:block;margin-top:4px}.typing-indicator{display:flex;align-items:center;gap:4px;padding:10px 14px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:16px;width:fit-content}.typing-indicator span{width:8px;height:8px;background:var(--color-text-secondary);border-radius:50%;animation:typingBounce 1.4s ease-in-out infinite}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.ticket-status-card{position:absolute;bottom:15%;left:8%;width:260px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:18px;box-shadow:var(--shadow-xl);animation:ticketFloat 12s ease-in-out infinite;opacity:.95}@keyframes ticketFloat{0%,to{transform:translateY(0) rotate(1deg)}50%{transform:translateY(-10px) rotate(-1deg)}}.ticket-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;color:var(--color-text-primary);font-weight:600;font-size:.9rem}.ticket-header svg{width:20px;height:20px;color:#f97316}.ticket-stats{display:flex;justify-content:space-between;margin-bottom:16px}.ticket-stat{display:flex;flex-direction:column;align-items:center}.stat-number{font-size:1.5rem;font-weight:700}.stat-number.stat-solved{color:#10b981}.stat-number.stat-pending{color:#f97316}.stat-text{font-size:.7rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.ticket-progress{display:flex;flex-direction:column;gap:6px}.progress-bar{height:6px;background:var(--color-bg-secondary);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:3px;transition:width .5s ease}.progress-text{font-size:.7rem;color:var(--color-text-secondary);text-align:center}.beratung-hero-content{position:relative;z-index:10;max-width:900px;text-align:center}.beratung-hero-heading{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.beratung-hero-heading .heading-eyebrow{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:3px;color:#06b6d4;margin-bottom:8px}.beratung-hero-heading .heading-main-enhanced{display:flex;flex-direction:column;gap:4px}.gradient-text-cyan{font-size:clamp(2.8rem,8vw,5rem);font-weight:800;line-height:1.1;background:linear-gradient(135deg,#06b6d4,#22d3ee,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.beratung-hero-heading .heading-accent{font-size:clamp(1.4rem,4vw,2rem);font-weight:400;color:var(--color-text-secondary);font-family:var(--font-serif);font-style:italic}.beratung-hero-description{font-size:1.15rem;line-height:1.8;color:var(--color-text-secondary);max-width:700px;margin:0 auto 36px}.beratung-hero-description strong{color:#06b6d4;font-weight:600}.beratung-hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:48px}.btn-primary-cyan{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 0 30px #06b6d466}.btn-primary-cyan:hover{background:linear-gradient(135deg,#22d3ee,#06b6d4);box-shadow:0 0 40px #06b6d499;transform:translateY(-2px)}.beratung-hero-stats{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.beratung-hero-stats .stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:20px 32px;text-align:center;box-shadow:var(--shadow-md);transition:transform .3s ease,box-shadow .3s ease}.beratung-hero-stats .stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.beratung-hero-stats .stat-value{font-size:1.8rem;font-weight:700;color:#06b6d4;margin-bottom:4px}.beratung-hero-stats .stat-label{font-size:.8rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.beratung-scroll-indicator{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--color-text-secondary);font-size:.85rem;letter-spacing:1px;animation:scrollBounce 2s ease-in-out infinite;z-index:10}.beratung-scroll-indicator .scroll-arrow{width:24px;height:24px}.beratung-scroll-indicator .scroll-arrow svg{width:100%;height:100%}@media(max-width:1200px){.chat-window-mockup{width:280px;right:3%}.ticket-status-card{width:230px;left:3%}}@media(max-width:1024px){.floating-support,.chat-window-mockup,.ticket-status-card{display:none}}@media(max-width:768px){.beratung-hero-enhanced{padding:100px 20px 60px;min-height:100vh}.beratung-hero-heading .heading-eyebrow{font-size:.75rem;letter-spacing:2px}.beratung-hero-description{font-size:1rem;padding:0 10px}.beratung-hero-actions{flex-direction:column;align-items:center}.beratung-hero-stats{flex-direction:column;gap:16px;width:100%;padding:0 20px}.beratung-hero-stats .stat-card{width:100%;padding:16px 24px}.beratung-scroll-indicator{display:none}}.marketing-hero-enhanced{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:120px 24px 80px;overflow:hidden;z-index:1}.marketing-hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.marketing-gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6}.marketing-orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(45,63,231,.4) 0%,transparent 70%);top:-150px;left:-100px;animation:orbFloat1 15s ease-in-out infinite}.marketing-orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(255,107,107,.35) 0%,transparent 70%);top:30%;right:-100px;animation:orbFloat2 18s ease-in-out infinite}.marketing-orb-3{width:400px;height:400px;background:radial-gradient(circle,rgba(99,102,241,.3) 0%,transparent 70%);bottom:-100px;left:30%;animation:orbFloat3 20s ease-in-out infinite}@keyframes orbFloat1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(80px,40px) scale(1.1)}66%{transform:translate(-40px,80px) scale(.95)}}@keyframes orbFloat2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-60px,-40px) scale(1.15)}66%{transform:translate(40px,60px) scale(.9)}}@keyframes orbFloat3{0%,to{transform:translate(0) scale(1)}33%{transform:translate(60px,-60px) scale(1.05)}66%{transform:translate(-80px,40px) scale(1.1)}}.marketing-grid-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(45,63,231,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(45,63,231,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 40%,transparent 100%)}.marketing-floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.floating-metric{position:absolute;background:#fffffff2;backdrop-filter:blur(20px);border-radius:16px;padding:16px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 24px #00000014,0 1px 2px #0000000a;border:1px solid rgba(255,255,255,.8);animation:floatMetric 6s ease-in-out infinite}.floating-metric-1{top:18%;left:8%;animation-delay:0s}.floating-metric-2{top:35%;right:5%;animation-delay:1s}.floating-metric-3{bottom:30%;left:5%;animation-delay:2s}.floating-metric-4{bottom:18%;right:10%;animation-delay:3s}@keyframes floatMetric{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(1deg)}}.metric-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-icon svg{width:22px;height:22px}.metric-icon-green{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.metric-icon-blue{background:linear-gradient(135deg,#2d3fe7,#5b6ef5);color:#fff}.metric-icon-purple{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff}.metric-icon-orange{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff}.metric-content{display:flex;flex-direction:column;gap:2px}.metric-value{font-size:1.1rem;font-weight:700;color:var(--color-text-primary);line-height:1.2}.metric-label{font-size:.75rem;color:var(--color-text-secondary);font-weight:500}.hero-chart-visual{position:absolute;bottom:15%;left:50%;transform:translate(-50%);width:200px;height:80px;opacity:.15;pointer-events:none}.chart-container{display:flex;align-items:flex-end;justify-content:space-between;height:100%;gap:8px}.chart-bar{flex:1;background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:4px 4px 0 0;animation:barGrow 2s ease-out infinite}.chart-bar-1{height:40%;animation-delay:0s}.chart-bar-2{height:55%;animation-delay:.1s}.chart-bar-3{height:35%;animation-delay:.2s}.chart-bar-4{height:70%;animation-delay:.3s}.chart-bar-5{height:50%;animation-delay:.4s}.chart-bar-6{height:85%;animation-delay:.5s}.chart-bar-7{height:65%;animation-delay:.6s}@keyframes barGrow{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.15)}}.chart-line-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.chart-line-overlay svg{width:100%;height:100%}.chart-line-path{stroke-dasharray:300;stroke-dashoffset:300;animation:drawLine 3s ease-out forwards infinite}@keyframes drawLine{0%{stroke-dashoffset:300}50%,to{stroke-dashoffset:0}}.marketing-hero-content{text-align:center;max-width:900px;position:relative;z-index:3}.marketing-badge{background:#ffffffe6;backdrop-filter:blur(10px);border:1px solid rgba(45,63,231,.1)}.badge-dot-pulse{animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.7}}.marketing-hero-heading{margin-top:32px;margin-bottom:24px}.heading-eyebrow{display:block;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:3px;color:var(--color-primary);margin-bottom:16px;opacity:.9}.heading-main-enhanced{display:flex;flex-direction:column;gap:8px}.gradient-text{font-size:clamp(3rem,7vw,5rem);font-weight:800;background:linear-gradient(135deg,var(--color-primary) 0%,#6366F1 50%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.3;letter-spacing:-.02em}.heading-accent{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:500;color:var(--color-text-secondary);font-family:var(--font-serif);font-style:italic}.marketing-hero-description{font-size:1.2rem;color:var(--color-text-secondary);line-height:1.8;max-width:700px;margin:0 auto 40px}.marketing-hero-description strong{color:var(--color-text-primary);font-weight:600}.marketing-hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:60px}.btn-primary-glow{position:relative;overflow:visible}.btn-primary-glow:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% + 20px);height:calc(100% + 20px);background:var(--gradient-primary);border-radius:inherit;opacity:0;z-index:-1;filter:blur(20px);transition:opacity .3s ease}.btn-primary-glow:hover:before{opacity:.5}.btn-primary-glow.btn-primary-purple:before{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.btn-primary-glow.btn-primary-red:before{background:linear-gradient(135deg,#ff6b6b,#ef4444)}.btn-primary-glow.btn-primary-green:before{background:linear-gradient(135deg,#10b981,#059669)}.btn-primary-glow.btn-primary-cyan:before{background:linear-gradient(135deg,#06b6d4,#0891b2)}.btn-primary-glow.btn-primary-orange:before{background:linear-gradient(135deg,#f97316,#ea580c)}.btn-primary-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 0 30px #8b5cf666}.btn-primary-purple:hover{background:linear-gradient(135deg,#a78bfa,#8b5cf6);box-shadow:0 0 40px #8b5cf699;transform:translateY(-2px)}.btn-primary-red{background:linear-gradient(135deg,#ff6b6b,#ef4444);box-shadow:0 0 30px #ff6b6b66}.btn-primary-red:hover{background:linear-gradient(135deg,#fca5a5,#ff6b6b);box-shadow:0 0 40px #ff6b6b99;transform:translateY(-2px)}.btn-secondary-outline{background:transparent;border:2px solid var(--color-border);text-decoration:none}.btn-secondary-outline:hover{border-color:var(--color-primary);background:#2d3fe70d}.marketing-hero-stats{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.stat-card{display:flex;align-items:center;gap:16px;background:#fffc;backdrop-filter:blur(20px);border-radius:20px;padding:20px 28px;border:1px solid rgba(255,255,255,.9);box-shadow:0 4px 24px #0000000f,inset 0 1px #fffc;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a,inset 0 1px #fffc}.stat-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon svg{width:24px;height:24px}.stat-icon-green{background:linear-gradient(135deg,#10b98126,#34d3991a);color:#10b981}.stat-icon-blue{background:linear-gradient(135deg,#2d3fe726,#5b6ef51a);color:var(--color-primary)}.stat-icon-purple{background:linear-gradient(135deg,#8b5cf626,#a78bfa1a);color:#8b5cf6}.stat-info{text-align:left}.stat-card .stat-value{font-size:1.5rem;font-weight:800;color:var(--color-text-primary);line-height:1.2}.stat-card .stat-label{font-size:.85rem;color:var(--color-text-secondary);font-weight:500}.marketing-scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--color-text-tertiary);font-size:.85rem;font-weight:500;animation:scrollBounce 2s ease-in-out infinite}.scroll-arrow{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.scroll-arrow svg{width:20px;height:20px}@media(max-width:1024px){.floating-metric,.hero-chart-visual{display:none}}@media(max-width:768px){.marketing-hero-enhanced{padding:100px 20px 60px;min-height:100vh}.marketing-hero-stats{flex-direction:column;gap:12px;align-items:center}.stat-card{width:100%;max-width:320px;justify-content:flex-start;padding:14px 20px;border-radius:14px}.stat-icon{width:40px;height:40px;border-radius:10px}.stat-icon svg{width:20px;height:20px}.stat-card .stat-value{font-size:1.2rem}.stat-card .stat-label{font-size:.78rem}.heading-eyebrow{font-size:.8rem;letter-spacing:2px}.gradient-text{font-size:clamp(2.2rem,10vw,3.5rem)}.heading-accent{font-size:clamp(1.2rem,4vw,1.6rem)}.marketing-hero-description{font-size:1rem;line-height:1.6;margin-bottom:28px}.marketing-hero-actions{margin-bottom:36px}.marketing-hero-stats{display:none}}@media(max-width:480px){.marketing-hero-enhanced{padding:90px 16px 40px}.marketing-hero-heading{margin-top:20px;margin-bottom:16px}.heading-eyebrow{font-size:.72rem;letter-spacing:1.5px;margin-bottom:10px}.gradient-text{font-size:clamp(1.9rem,9vw,2.8rem)}.heading-accent{font-size:clamp(1rem,3.5vw,1.3rem)}.marketing-hero-description{font-size:.9rem;line-height:1.6;margin-bottom:24px}.marketing-hero-actions{flex-direction:column;align-items:center;gap:12px;margin-bottom:28px}.marketing-hero-actions .btn-primary,.marketing-hero-actions .btn-primary-glow,.marketing-hero-actions .btn-secondary-outline{width:100%;max-width:280px;justify-content:center}.marketing-hero-stats{gap:10px}.stat-card{padding:12px 16px;gap:12px;border-radius:12px;max-width:280px}.stat-icon{width:36px;height:36px;border-radius:8px}.stat-icon svg{width:18px;height:18px}.stat-card .stat-value{font-size:1.05rem}.stat-card .stat-label{font-size:.72rem}}.digitalisierung-hero-enhanced{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 24px 80px;overflow:hidden;background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-bg-secondary) 50%,var(--color-surface) 100%)}.digi-hero-bg{position:absolute;inset:0;overflow:hidden;z-index:0}.digi-gradient-orb{position:absolute;border-radius:50%;opacity:.5;will-change:transform;filter:blur(60px)}.digi-orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(16,185,129,.4) 0%,rgba(16,185,129,.1) 50%,transparent 70%);top:-20%;left:-10%;animation:digiOrbFloat1 30s ease-in-out infinite}.digi-orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(45,63,231,.35) 0%,rgba(45,63,231,.1) 50%,transparent 70%);top:50%;right:-10%;animation:digiOrbFloat2 35s ease-in-out infinite}.digi-orb-3{width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.3) 0%,rgba(139,92,246,.1) 50%,transparent 70%);bottom:-10%;left:30%;animation:digiOrbFloat3 32s ease-in-out infinite}@keyframes digiOrbFloat1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(60px,40px) scale(1.1)}}@keyframes digiOrbFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-50px,-30px) scale(1.15)}}@keyframes digiOrbFloat3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,-50px) scale(.9)}}.digi-grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(16,185,129,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(16,185,129,.04) 1px,transparent 1px);background-size:60px 60px;opacity:.5}.digi-floating-elements{position:absolute;inset:0;pointer-events:none;z-index:1}.floating-node{position:absolute;display:flex;align-items:center;gap:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:12px 18px;box-shadow:var(--shadow-lg);animation:nodeFloat 8s ease-in-out infinite;will-change:transform}.floating-node-1{top:18%;left:8%;animation-delay:0s}.floating-node-2{top:25%;right:10%;animation-delay:1.5s}.floating-node-3{bottom:30%;left:5%;animation-delay:3s}.floating-node-4{bottom:20%;right:8%;animation-delay:4.5s}@keyframes nodeFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(2deg)}}.node-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.node-icon svg{width:22px;height:22px}.digi-floating-elements .node-icon,.digi-floating-elements .node-icon.node-icon-green,.digi-floating-elements .node-icon.node-icon-blue,.digi-floating-elements .node-icon.node-icon-purple,.digi-floating-elements .node-icon.node-icon-teal,.node-icon-green{background:linear-gradient(135deg,#10b9814d,#10b9811a);color:#10b981}.node-icon-blue{background:linear-gradient(135deg,#2d3fe74d,#2d3fe71a);color:#5b6ef5}.node-icon-purple{background:linear-gradient(135deg,#8b5cf64d,#8b5cf61a);color:#a78bfa}.node-icon-teal{background:linear-gradient(135deg,#14b8a64d,#14b8a61a);color:#14b8a6}.node-content{display:flex;flex-direction:column}.node-value{font-weight:700;font-size:1rem;color:var(--color-text-primary)}.node-label{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.digi-network-visual{position:absolute;inset:0;z-index:0;opacity:.4;pointer-events:none}.network-svg{width:100%;height:100%}.network-path{stroke-dasharray:12 6;animation:dashMove 8s linear infinite;will-change:stroke-dashoffset}.path-1{animation-duration:10s}.path-2{animation-duration:12s;animation-direction:reverse}.path-3{animation-duration:14s}@keyframes dashMove{to{stroke-dashoffset:-36}}.digi-hero-content{position:relative;z-index:10;max-width:900px;text-align:center}.digi-hero-heading{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.digi-hero-heading .heading-eyebrow{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:3px;color:#10b981;margin-bottom:8px}.digi-hero-heading .heading-main-enhanced{display:flex;flex-direction:column;gap:4px}.gradient-text-green{font-size:clamp(2.8rem,8vw,5rem);font-weight:800;line-height:1.3;background:linear-gradient(135deg,#10b981,#34d399,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.digi-hero-heading .heading-accent{font-size:clamp(1.4rem,4vw,2rem);font-weight:400;color:var(--color-text-secondary);font-family:var(--font-serif);font-style:italic}.digi-hero-description{font-size:1.15rem;line-height:1.8;color:var(--color-text-secondary);max-width:700px;margin:0 auto 36px}.digi-hero-description strong{color:#10b981;font-weight:600}.digi-hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:48px}.btn-primary-green{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 0 30px #10b98166}.btn-primary-green:hover{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 0 40px #10b98199;transform:translateY(-2px)}.digi-hero-stats{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.digi-hero-stats .stat-card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.digi-hero-stats .stat-value{color:var(--color-text-primary)}.digi-hero-stats .stat-label{color:var(--color-text-secondary)}.digi-scroll-indicator{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--color-text-secondary);font-size:.85rem;letter-spacing:1px;animation:scrollBounce 2s ease-in-out infinite}.digi-scroll-indicator .scroll-arrow{width:24px;height:24px}.digi-scroll-indicator .scroll-arrow svg{width:100%;height:100%}@media(max-width:1024px){.floating-node{display:none}.digi-network-visual{opacity:.2}}@media(max-width:768px){.digitalisierung-hero-enhanced{padding:100px 20px 60px;min-height:100vh}.digi-hero-stats{flex-direction:column;align-items:center}.digi-hero-stats .stat-card{width:100%;max-width:320px}.digi-scroll-indicator{display:none}.digi-hero-description{font-size:1rem}.gradient-text-green{font-size:clamp(2.2rem,10vw,3.5rem)}}.prozess-digitalisierung-section{padding:120px 40px;background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-bg-secondary) 50%,var(--color-surface) 100%);position:relative;overflow:hidden}.prozess-digitalisierung-section .section-heading{color:var(--color-text-primary)}.prozess-digitalisierung-section .section-description{color:var(--color-text-secondary)}.prozess-digitalisierung-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(ellipse 80% 50% at 10% 0%,rgba(16,185,129,.08) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 90% 100%,rgba(45,63,231,.06) 0%,transparent 50%);pointer-events:none}.prozess-mockup-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;max-width:1200px;margin:0 auto;position:relative;z-index:1}.prozess-mockup-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:24px;overflow:hidden;transition:all .4s ease;box-shadow:var(--shadow-md)}.prozess-mockup-card:hover{transform:translateY(-8px);border-color:#10b9814d;box-shadow:0 24px 60px #00000026,0 0 40px #10b9811a}.mockup-visual{padding:24px;background:linear-gradient(135deg,#10b98114,#2d3fe714);border-bottom:1px solid var(--color-border-light)}.mockup-screen{background:#1a1f2e;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0000004d}.screen-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.05)}.screen-dots{display:flex;gap:6px}.screen-dots span{width:10px;height:10px;border-radius:50%}.screen-dots span:nth-child(1){background:#ff5f57}.screen-dots span:nth-child(2){background:#ffbd2e}.screen-dots span:nth-child(3){background:#28ca41}.screen-title{font-size:.75rem;color:#ffffff80;font-weight:500;letter-spacing:.5px}.screen-content{padding:20px;min-height:180px}.analysis-flow{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.flow-node{width:60px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.flow-node svg{width:20px;height:20px}.flow-start{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.flow-process{background:linear-gradient(135deg,#2d3fe7,#1e40af);color:#fff}.flow-decision{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:0;transform:rotate(0)}.flow-end{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.prozess-mockup-card:hover .flow-node{transform:scale(1.1)}.flow-line{flex:1;height:2px;background:linear-gradient(90deg,#10b98180,#2d3fe780);margin:0 8px;position:relative}.flow-line:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid rgba(45,63,231,.5);border-top:4px solid transparent;border-bottom:4px solid transparent}.analysis-metrics{display:flex;gap:8px;align-items:flex-end;height:60px}.metric-bar{flex:1;border-radius:4px 4px 0 0;animation:metricGrow 1.5s ease-out forwards}.metric-bar-1{background:linear-gradient(180deg,#10b981,#059669);height:70%;animation-delay:.1s}.metric-bar-2{background:linear-gradient(180deg,#2d3fe7,#1e40af);height:100%;animation-delay:.2s}.metric-bar-3{background:linear-gradient(180deg,#8b5cf6,#7c3aed);height:50%;animation-delay:.3s}@keyframes metricGrow{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}.dms-interface{display:flex;gap:16px;height:140px}.dms-sidebar{display:flex;flex-direction:column;gap:8px;padding-right:12px;border-right:1px solid rgba(255,255,255,.1)}.folder-item{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;transition:all .2s ease}.folder-item svg{width:16px;height:16px;fill:#ffffff4d}.folder-item.active{background:#10b98133}.folder-item.active svg{fill:#10b981}.folder-item:hover:not(.active){background:#ffffff0d}.dms-main{flex:1;display:flex;flex-direction:column;gap:10px}.doc-row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#ffffff08;border-radius:8px;transition:all .2s ease}.doc-row:hover{background:#ffffff0f}.doc-icon{width:24px;height:24px;border-radius:4px}.doc-pdf{background:linear-gradient(135deg,#ef4444,#dc2626)}.doc-word{background:linear-gradient(135deg,#3b82f6,#2563eb)}.doc-excel{background:linear-gradient(135deg,#10b981,#059669)}.doc-info{flex:1;height:8px;background:#ffffff1a;border-radius:4px}.doc-status{width:8px;height:8px;border-radius:50%}.status-ok{background:#10b981}.status-pending{background:#f59e0b;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.workflow-builder{display:flex;flex-direction:column;gap:16px}.workflow-canvas{display:flex;align-items:center;justify-content:center;gap:4px;padding:20px 0}.workflow-node{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 16px;background:#ffffff0d;border-radius:10px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.workflow-node span{font-size:.65rem;color:#fff9;font-weight:500}.node-icon-small{width:24px;height:24px}.node-icon-small svg{width:100%;height:100%}.workflow-trigger{border-color:#10b9814d;color:#10b981}.workflow-trigger:hover{background:#10b9811a;border-color:#10b981}.workflow-action{border-color:#2d3fe74d;color:#5b6ef5}.workflow-action:hover{background:#2d3fe71a;border-color:#5b6ef5}.workflow-output{border-color:#8b5cf64d;color:#8b5cf6}.workflow-output:hover{background:#8b5cf61a;border-color:#8b5cf6}.workflow-connector{width:40px;height:20px}.workflow-status{display:flex;align-items:center;gap:8px;justify-content:center;padding:8px 16px;background:#10b9811a;border-radius:20px;width:fit-content;margin:0 auto}.status-indicator{width:8px;height:8px;border-radius:50%;background:#10b981}.status-indicator.active{animation:statusPulse 1.5s ease-in-out infinite}@keyframes statusPulse{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 6px #10b98100}}.workflow-status span{font-size:.7rem;color:#10b981;font-weight:600;letter-spacing:.5px}.integration-hub{position:relative;width:100%;height:150px}.hub-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;z-index:2;animation:hubPulse 2s ease-in-out infinite}.hub-center svg{width:24px;height:24px}@keyframes hubPulse{0%,to{box-shadow:0 0 #10b9814d}50%{box-shadow:0 0 0 15px #10b98100}}.hub-connection{position:absolute;display:flex;align-items:center;gap:0}.conn-line{width:40px;height:2px;background:linear-gradient(90deg,#10b98199,#ffffff4d)}.conn-node{padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:.65rem;font-weight:600;color:#ffffffb3;letter-spacing:.5px;transition:all .3s ease;white-space:nowrap}.prozess-mockup-card:hover .conn-node{background:#10b9811a;border-color:#10b9814d;color:#10b981}.hub-conn-1{top:10px;left:50%;transform:translate(-50%);flex-direction:column-reverse;align-items:center}.hub-conn-1 .conn-line{width:2px;height:30px;background:linear-gradient(180deg,#ffffff4d,#10b98199)}.hub-conn-2{top:50%;left:calc(50% + 25px);transform:translateY(-50%);flex-direction:row}.hub-conn-2 .conn-line{width:35px;height:2px}.hub-conn-3{bottom:10px;left:50%;transform:translate(-50%);flex-direction:column;align-items:center}.hub-conn-3 .conn-line{width:2px;height:30px;background:linear-gradient(0deg,#ffffff4d,#10b98199)}.hub-conn-4{top:50%;right:calc(50% + 25px);transform:translateY(-50%);flex-direction:row-reverse}.hub-conn-4 .conn-line{width:35px;height:2px;background:linear-gradient(270deg,#10b98199,#ffffff4d)}.mockup-content{padding:28px}.mockup-number{font-size:.75rem;font-weight:700;color:#10b981;letter-spacing:2px;margin-bottom:12px}.mockup-content h3{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin-bottom:12px;line-height:1.3}.mockup-content p{font-size:.9rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:16px}.prozess-mockup-card .feature-tags{display:flex;flex-wrap:wrap;gap:8px}.prozess-mockup-card .feature-tag{padding:6px 12px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:20px;font-size:.7rem;font-weight:600;color:#10b981;letter-spacing:.5px}@media(max-width:1024px){.prozess-mockup-grid{grid-template-columns:1fr;max-width:600px}.prozess-digitalisierung-section{padding:80px 20px}}@media(max-width:768px){.prozess-mockup-grid{gap:24px;max-width:100%}.prozess-digitalisierung-section{padding:60px 16px}.prozess-mockup-card{border-radius:18px}.mockup-visual{padding:16px}.mockup-content{padding:22px}.mockup-content h3{font-size:1.15rem}.mockup-content p{font-size:.85rem}.screen-content{padding:16px;min-height:150px}.flow-node{width:48px;height:34px;border-radius:6px}.flow-node svg{width:16px;height:16px}.flow-line{margin:0 4px}.flow-line:after{border-left-width:4px;border-top-width:3px;border-bottom-width:3px}.analysis-metrics{height:50px;gap:6px}.dms-interface{height:auto;min-height:120px}.dms-sidebar{gap:6px;padding-right:8px}.folder-item{width:24px;height:24px}.folder-item svg{width:14px;height:14px}.doc-row{padding:6px 8px;gap:8px}.doc-icon{width:20px;height:20px}.workflow-canvas{gap:4px;padding:12px 0}.workflow-node{padding:8px 10px}.workflow-connector{width:24px}.workflow-connector svg{width:24px}.integration-hub{height:130px}.hub-center{width:40px;height:40px}.hub-center svg{width:20px;height:20px}.conn-line{width:28px}.hub-conn-1 .conn-line{height:22px}.hub-conn-2 .conn-line{width:25px}.hub-conn-3 .conn-line{height:22px}.hub-conn-4 .conn-line{width:25px}.hub-conn-2{left:calc(50% + 20px)}.hub-conn-4{right:calc(50% + 20px)}.conn-node{padding:4px 8px;font-size:.6rem}}@media(max-width:480px){.prozess-mockup-grid{gap:20px}.prozess-digitalisierung-section{padding:48px 12px}.prozess-mockup-card{border-radius:14px}.prozess-mockup-card:hover{transform:translateY(-4px)}.mockup-visual{padding:12px}.mockup-screen{border-radius:10px}.screen-header{padding:8px 12px;gap:8px}.screen-dots span{width:8px;height:8px}.screen-dots{gap:4px}.screen-title{font-size:.65rem}.screen-content{padding:12px;min-height:120px}.mockup-content{padding:18px 16px}.mockup-number{font-size:.7rem;margin-bottom:8px}.mockup-content h3{font-size:1.05rem;margin-bottom:8px}.mockup-content p{font-size:.82rem;line-height:1.5;margin-bottom:12px}.analysis-flow{margin-bottom:14px}.flow-node{width:40px;height:30px;border-radius:5px}.flow-node svg{width:14px;height:14px}.flow-line{margin:0 3px}.flow-line:after{border-left-width:3px;border-top-width:2px;border-bottom-width:2px}.analysis-metrics{height:40px;gap:4px}.metric-bar{border-radius:3px 3px 0 0}.dms-interface{gap:10px;min-height:100px}.dms-sidebar{padding-right:6px;gap:5px}.folder-item{width:22px;height:22px;border-radius:4px}.folder-item svg{width:12px;height:12px}.dms-main{gap:6px}.doc-row{padding:5px 6px;gap:6px;border-radius:6px}.doc-icon{width:18px;height:18px;border-radius:3px}.doc-info{height:6px}.doc-status{width:6px;height:6px}.workflow-canvas{flex-wrap:wrap;gap:6px;padding:10px 0;justify-content:center}.workflow-connector{display:none}.workflow-node{padding:8px 12px;flex-direction:row;gap:6px;min-width:80px;justify-content:center}.node-icon-small{width:18px;height:18px}.workflow-status{padding:6px 12px}.workflow-status span{font-size:.6rem}.status-indicator{width:6px;height:6px}.integration-hub{height:110px}.hub-center{width:36px;height:36px}.hub-center svg{width:18px;height:18px}.conn-line{width:20px}.hub-conn-1 .conn-line{height:16px;width:2px}.hub-conn-2 .conn-line{width:18px}.hub-conn-3 .conn-line{height:16px;width:2px}.hub-conn-4 .conn-line{width:18px}.hub-conn-2{left:calc(50% + 18px)}.hub-conn-4{right:calc(50% + 18px)}.conn-node{padding:3px 6px;font-size:.55rem;border-radius:4px}.prozess-mockup-card .feature-tags{gap:6px}.prozess-mockup-card .feature-tag{padding:4px 10px;font-size:.65rem}}@media(max-width:360px){.prozess-mockup-grid{gap:16px}.prozess-digitalisierung-section{padding:40px 8px}.mockup-visual{padding:10px}.screen-content{padding:10px;min-height:100px}.mockup-content{padding:14px 12px}.mockup-content h3{font-size:1rem}.mockup-content p{font-size:.78rem}.flow-node{width:34px;height:26px}.flow-node svg{width:12px;height:12px}.flow-line{margin:0 2px}.analysis-metrics{height:32px}.integration-hub{height:100px}.hub-center{width:32px;height:32px}.hub-center svg{width:16px;height:16px}.hub-conn-2{left:calc(50% + 16px)}.hub-conn-4{right:calc(50% + 16px)}.conn-node{padding:2px 5px;font-size:.5rem}.hub-conn-1 .conn-line,.hub-conn-3 .conn-line{height:12px}.hub-conn-2 .conn-line,.hub-conn-4 .conn-line{width:14px}}.cerpy-section{padding:100px 24px;position:relative;overflow:hidden;background:linear-gradient(180deg,var(--color-bg-secondary) 0%,var(--color-surface) 50%,var(--color-bg-secondary) 100%)}.cerpy-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(ellipse 70% 50% at 80% 20%,rgba(16,185,129,.1) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 20% 80%,rgba(45,63,231,.08) 0%,transparent 50%);pointer-events:none}.cerpy-bg-elements{position:absolute;inset:0;pointer-events:none;overflow:hidden}.cerpy-gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4}.cerpy-orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(16,185,129,.3) 0%,transparent 70%);top:-100px;right:-100px;animation:cerpyOrbFloat 15s ease-in-out infinite}.cerpy-orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(45,63,231,.25) 0%,transparent 70%);bottom:-50px;left:-100px;animation:cerpyOrbFloat 18s ease-in-out infinite reverse}@keyframes cerpyOrbFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.1)}}.cerpy-content-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:1400px;margin:0 auto;position:relative;z-index:1}.cerpy-info{position:relative}.cerpy-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#10b98126,#10b9810d);border:1px solid rgba(16,185,129,.3);border-radius:100px;font-size:.875rem;font-weight:600;color:#10b981;margin-bottom:24px}.cerpy-badge .badge-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.cerpy-badge .badge-icon svg{width:16px;height:16px}.cerpy-title{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.cerpy-logo-text{font-size:3.5rem;font-weight:900;background:linear-gradient(135deg,#10b981,#059669,#047857);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px;line-height:1}.cerpy-subtitle{font-size:1.25rem;font-weight:500;color:var(--color-text-secondary);letter-spacing:2px;text-transform:uppercase}.cerpy-description{font-size:1.125rem;line-height:1.8;color:var(--color-text-secondary);margin-bottom:32px}.cerpy-description strong{color:var(--color-text-primary)}.cerpy-highlights{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.cerpy-highlight-item{display:flex;align-items:flex-start;gap:16px;padding:16px 20px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;transition:all .3s ease}.cerpy-highlight-item:hover{background:#ffffff0a;border-color:#10b98133;transform:translate(8px)}.highlight-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.highlight-icon svg{width:24px;height:24px}.highlight-icon-green{background:linear-gradient(135deg,#10b98133,#10b9811a);color:#10b981}.highlight-icon-blue{background:linear-gradient(135deg,#2d3fe733,#2d3fe71a);color:#2d3fe7}.highlight-icon-purple{background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);color:#8b5cf6}.highlight-content h4{font-size:1rem;font-weight:700;color:var(--color-text-primary);margin-bottom:4px}.highlight-content p{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.cerpy-actions{display:flex;gap:16px;flex-wrap:wrap}.btn-cerpy-primary{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:1rem;font-weight:600;border:none;border-radius:12px;text-decoration:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #10b9814d}.btn-cerpy-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #10b98166}.btn-cerpy-primary svg{transition:transform .3s ease}.btn-cerpy-primary:hover svg{transform:translate(4px)}.btn-cerpy-secondary{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:transparent;color:var(--color-text-primary);font-size:1rem;font-weight:600;border:1px solid rgba(255,255,255,.15);border-radius:12px;cursor:pointer;transition:all .3s ease}.btn-cerpy-secondary:hover{border-color:#10b98180;background:#10b9810d}.cerpy-mockup{position:relative;perspective:1000px}.cerpy-mockup-container{position:relative;transform:rotateY(-5deg) rotateX(5deg);transform-style:preserve-3d;transition:transform .5s ease}.cerpy-mockup:hover .cerpy-mockup-container{transform:rotateY(0) rotateX(0)}.cerpy-screen{background:#0f1419;border-radius:16px;overflow:hidden;box-shadow:0 25px 80px #00000080,0 0 0 1px #ffffff1a}.cerpy-screen .screen-header{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#0006;border-bottom:1px solid rgba(255,255,255,.05)}.cerpy-screen .screen-dots{display:flex;gap:6px}.cerpy-screen .screen-dots span{width:12px;height:12px;border-radius:50%}.cerpy-screen .screen-dots span:nth-child(1){background:#ff5f57}.cerpy-screen .screen-dots span:nth-child(2){background:#ffbd2e}.cerpy-screen .screen-dots span:nth-child(3){background:#28ca41}.cerpy-screen .screen-title{font-size:.8rem;color:#fff9;font-weight:600;letter-spacing:.5px}.cerpy-dashboard{display:flex;min-height:320px}.cerpy-sidebar{width:60px;background:#0000004d;border-right:1px solid rgba(255,255,255,.05);padding:16px 0;display:flex;flex-direction:column;align-items:center;gap:8px}.sidebar-logo{margin-bottom:16px}.logo-icon{width:36px;height:36px;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.25rem;color:#fff}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.nav-item{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff6;cursor:pointer;transition:all .2s ease}.nav-item:hover{background:#ffffff0d;color:#ffffffb3}.nav-item.active{background:#10b98126;color:#10b981}.nav-item svg{width:18px;height:18px}.cerpy-main{flex:1;padding:20px;display:flex;flex-direction:column;gap:16px}.cerpy-stats-row{display:flex;gap:12px}.cerpy-stat-card{flex:1;padding:14px;border-radius:12px;display:flex;align-items:center;gap:10px}.cerpy-stat-card.stat-green{background:linear-gradient(135deg,#10b98126,#10b9810d);border:1px solid rgba(16,185,129,.2)}.cerpy-stat-card.stat-blue{background:linear-gradient(135deg,#2d3fe726,#2d3fe70d);border:1px solid rgba(45,63,231,.2)}.cerpy-stat-card.stat-purple{background:linear-gradient(135deg,#8b5cf626,#8b5cf60d);border:1px solid rgba(139,92,246,.2)}.stat-icon-mini{width:28px;height:28px;display:flex;align-items:center;justify-content:center}.stat-icon-mini svg{width:16px;height:16px}.stat-green .stat-icon-mini{color:#10b981}.stat-blue .stat-icon-mini{color:#2d3fe7}.stat-purple .stat-icon-mini{color:#8b5cf6}.stat-value-mini{font-size:.9rem;font-weight:700;color:var(--color-text-primary)}.cerpy-chart-area{flex:1;background:#ffffff05;border-radius:12px;padding:20px;display:flex;align-items:flex-end}.chart-bars{display:flex;align-items:flex-end;gap:12px;width:100%;height:100%}.chart-bar{flex:1;background:linear-gradient(180deg,#10b98166,#10b9811a);border-radius:6px 6px 0 0;min-height:20px;transition:all .3s ease}.chart-bar.active{background:linear-gradient(180deg,#10b981,#10b98180);box-shadow:0 -4px 20px #10b9814d}.cerpy-modules{display:flex;gap:8px;flex-wrap:wrap}.module-pill{padding:6px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:100px;font-size:.75rem;font-weight:600;color:#ffffffb3;letter-spacing:.5px}.cerpy-floating-card{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 18px;background:#0f1419f2;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 10px 40px #0006;font-size:.8rem;font-weight:600;color:var(--color-text-primary);animation:cardFloat 4s ease-in-out infinite;backdrop-filter:blur(10px)}.cerpy-floating-card .floating-card-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b98133,#10b9811a);color:#10b981}.cerpy-floating-card .floating-card-icon.icon-blue{background:linear-gradient(135deg,#2d3fe733,#2d3fe71a);color:#2d3fe7}.cerpy-floating-card .floating-card-icon.icon-purple{background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);color:#8b5cf6}.cerpy-floating-card .floating-card-icon svg{width:14px;height:14px}.floating-card-1{top:-20px;right:40px;animation-delay:0s}.floating-card-2{top:50%;right:-30px;transform:translateY(-50%);animation-delay:1.5s}.floating-card-3{bottom:-10px;left:30px;animation-delay:3s}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:1024px){.cerpy-content-wrapper{grid-template-columns:1fr;gap:48px}.cerpy-mockup-container{max-width:500px;margin:0 auto}.cerpy-mockup:hover .cerpy-mockup-container{transform:none}.floating-card-2{right:10px}}@media(max-width:768px){.cerpy-section{padding:60px 16px}.cerpy-logo-text{font-size:2.5rem}.cerpy-subtitle,.cerpy-description{font-size:1rem}.cerpy-actions{flex-direction:column}.btn-cerpy-primary,.btn-cerpy-secondary{width:100%;justify-content:center}.cerpy-floating-card{display:none}.cerpy-mockup-container{max-width:100%}.cerpy-screen{border-radius:12px}.cerpy-screen .screen-header{padding:10px 14px;gap:10px}.cerpy-screen .screen-dots span{width:10px;height:10px}.cerpy-screen .screen-title{font-size:.7rem}.cerpy-dashboard{min-height:260px}.cerpy-sidebar{width:50px;padding:12px 0;gap:6px}.logo-icon{width:32px;height:32px;font-size:1.1rem;border-radius:8px}.sidebar-logo{margin-bottom:12px}.nav-item{width:36px;height:36px;border-radius:8px}.nav-item svg{width:16px;height:16px}.cerpy-main{padding:16px;gap:12px}.cerpy-stats-row{flex-wrap:wrap;gap:8px}.cerpy-stat-card{min-width:calc(50% - 4px);padding:10px;border-radius:10px}.stat-icon-mini{width:24px;height:24px}.stat-icon-mini svg{width:14px;height:14px}.stat-value-mini{font-size:.8rem}.cerpy-chart-area{padding:14px;border-radius:10px;min-height:80px}.chart-bars{gap:8px}.chart-bar{border-radius:4px 4px 0 0}.cerpy-modules{gap:6px}.module-pill{padding:5px 12px;font-size:.7rem}.cerpy-highlight-item{padding:14px 16px;border-radius:14px}.highlight-icon{width:42px;height:42px;border-radius:10px}.highlight-icon svg{width:20px;height:20px}.highlight-content h4{font-size:.95rem}.highlight-content p{font-size:.82rem}}@media(max-width:480px){.cerpy-section{padding:48px 12px}.cerpy-logo-text{font-size:2.2rem}.cerpy-subtitle{font-size:.9rem;letter-spacing:1.5px}.cerpy-description{font-size:.92rem;margin-bottom:24px}.cerpy-highlights{gap:14px;margin-bottom:28px}.cerpy-highlight-item{padding:12px 14px;gap:12px;border-radius:12px}.highlight-icon{width:38px;height:38px;border-radius:8px}.highlight-icon svg{width:18px;height:18px}.btn-cerpy-primary,.btn-cerpy-secondary{padding:14px 24px;font-size:.92rem}.cerpy-stat-card{min-width:100%}.software-hero-stats .stat-card{display:none}.cerpy-screen{border-radius:10px}.cerpy-screen .screen-header{padding:8px 12px;gap:8px}.cerpy-screen .screen-dots span{width:8px;height:8px}.cerpy-screen .screen-dots{gap:5px}.cerpy-screen .screen-title{font-size:.65rem}.cerpy-dashboard{min-height:220px}.cerpy-sidebar{width:44px;padding:10px 0;gap:4px}.logo-icon{width:28px;height:28px;font-size:.95rem;border-radius:7px}.sidebar-logo{margin-bottom:10px}.nav-item{width:32px;height:32px;border-radius:7px}.nav-item svg{width:14px;height:14px}.cerpy-main{padding:12px;gap:10px}.cerpy-stats-row{gap:6px}.cerpy-stat-card{padding:8px 10px;border-radius:8px;gap:8px}.stat-icon-mini{width:22px;height:22px}.stat-icon-mini svg{width:12px;height:12px}.stat-value-mini{font-size:.75rem}.cerpy-chart-area{padding:12px;min-height:60px;border-radius:8px}.chart-bars{gap:6px}.chart-bar{border-radius:3px 3px 0 0;min-height:14px}.cerpy-modules{gap:5px}.module-pill{padding:4px 10px;font-size:.65rem;letter-spacing:.3px}}@media(max-width:360px){.cerpy-section{padding:40px 8px}.cerpy-logo-text{font-size:1.9rem}.cerpy-subtitle{font-size:.8rem;letter-spacing:1px}.cerpy-description{font-size:.85rem;line-height:1.7}.cerpy-badge{padding:6px 12px;font-size:.8rem}.cerpy-highlight-item{padding:10px 12px;gap:10px}.highlight-icon{width:34px;height:34px;border-radius:7px}.highlight-icon svg{width:16px;height:16px}.highlight-content h4{font-size:.88rem}.highlight-content p{font-size:.78rem}.cerpy-dashboard{min-height:190px}.cerpy-sidebar{width:38px;padding:8px 0}.logo-icon{width:24px;height:24px;font-size:.8rem;border-radius:6px}.nav-item{width:28px;height:28px;border-radius:6px}.nav-item svg{width:12px;height:12px}.cerpy-main{padding:8px;gap:8px}.cerpy-stat-card{padding:6px 8px;gap:6px;border-radius:6px}.stat-icon-mini{width:20px;height:20px}.stat-icon-mini svg{width:10px;height:10px}.stat-value-mini{font-size:.7rem}.cerpy-chart-area{padding:8px;min-height:50px;border-radius:6px}.chart-bars{gap:4px}.chart-bar{border-radius:2px 2px 0 0;min-height:10px}.module-pill{padding:3px 8px;font-size:.6rem}.btn-cerpy-primary,.btn-cerpy-secondary{padding:12px 20px;font-size:.88rem;border-radius:10px}}.software-services-modern{padding:100px 24px;position:relative;z-index:1;background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-bg-secondary) 50%,var(--color-surface) 100%);overflow:hidden}.software-services-modern:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(45,63,231,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(45,63,231,.03) 1px,transparent 1px);background-size:60px 60px;opacity:.6;pointer-events:none}.software-services-modern .section-label,.software-process-modern .section-label{color:#2d3fe7}.software-service-showcase{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:1200px;margin:0 auto;padding:80px 0;border-bottom:1px solid rgba(45,63,231,.1);position:relative}.software-service-showcase:last-child{border-bottom:none}.software-service-showcase.reverse{direction:rtl}.software-service-showcase.reverse>*{direction:ltr}.service-showcase-content{padding-right:40px}.software-service-showcase.reverse .service-showcase-content{padding-right:0;padding-left:40px}.service-showcase-badge{display:flex;align-items:center;gap:16px;margin-bottom:20px}.badge-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#2d3fe7,#5b6ef5);color:#fff;font-size:.875rem;font-weight:700;border-radius:12px;box-shadow:0 4px 12px #2d3fe74d}.software-services-modern .badge-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#2d3fe7,#5b6ef5);color:#fff;font-size:.875rem;font-weight:700;border-radius:12px;box-shadow:0 4px 12px #2d3fe74d;padding:0;border:none}.software-services-modern .badge-line,.badge-line{flex:1;height:2px;background:linear-gradient(90deg,#2D3FE7,transparent);max-width:60px}.service-showcase-title{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#1a1a2e,#2d3fe7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;line-height:1.4;padding-bottom:.1em}.software-services-modern .service-showcase-title{background:linear-gradient(135deg,#1a1a2e,#2d3fe7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.4;padding-bottom:.1em}.service-showcase-description{font-size:1.1rem;color:var(--color-text-secondary);line-height:1.8;margin-bottom:24px}.service-showcase-description strong{color:var(--color-text-primary);font-weight:600}.software-services-modern .service-showcase-description strong{color:#2d3fe7;font-weight:600}.service-showcase-features{list-style:none;margin-bottom:24px}.service-showcase-features li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;color:var(--color-text-secondary);font-size:.95rem}.service-showcase-features li svg{width:20px;height:20px;color:#2d3fe7;flex-shrink:0;margin-top:2px}.service-showcase-tech{display:flex;flex-wrap:wrap;gap:10px}.tech-pill{padding:8px 16px;border-radius:100px;font-size:.8rem;font-weight:600;letter-spacing:.3px}.tech-pill-react{background:#61dafb26;color:#61dafb}.tech-pill-next{background:#00000014;color:var(--color-text-primary)}.tech-pill-flutter{background:#42a5f526;color:#42a5f5}.tech-pill-ts{background:#3178c626;color:#3178c6}.tech-pill-aws{background:#ff990026;color:#f90}.tech-pill-azure{background:#007fff26;color:#007fff}.tech-pill-docker{background:#2496ed26;color:#2496ed}.tech-pill-k8s{background:#326ce526;color:#326ce5}.tech-pill-rest{background:#2d3fe71a;color:var(--color-primary)}.tech-pill-graphql{background:#e535ab26;color:#e535ab}.tech-pill-node{background:#68a06326;color:#68a063}.tech-pill-python{background:#3776ab26;color:#3776ab}.tech-pill-secure{background:#10b98126;color:#10b981}.tech-pill-scale{background:#8b5cf626;color:#8b5cf6}.tech-pill-ha{background:#3b82f626;color:#3b82f6}.tech-pill-gdpr{background:#f59e0b26;color:#f59e0b}.service-showcase-visual{position:relative;display:flex;justify-content:center;align-items:center;min-height:400px}.mockup-app-showcase{position:relative;width:100%;max-width:520px}.mockup-browser{background:var(--color-surface);border-radius:16px;box-shadow:var(--shadow-xl);overflow:hidden;border:1px solid var(--color-border)}.browser-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light)}.browser-controls{display:flex;gap:6px}.browser-controls .dot,.mockup-phone .phone-notch,.dashboard-header .dot,.ide-dots span,.terminal-dots span,.board-dots span{width:10px;height:10px;border-radius:50%}.browser-controls .dot.red,.dashboard-header .dot.red{background:#ff5f56}.browser-controls .dot.yellow,.dashboard-header .dot.yellow{background:#ffbd2e}.browser-controls .dot.green,.dashboard-header .dot.green{background:#27c93f}.browser-url{display:flex;align-items:center;gap:8px;flex:1;background:var(--color-surface);padding:6px 12px;border-radius:8px;font-size:.75rem;color:var(--color-text-secondary)}.browser-url svg{color:#10b981}.browser-content{padding:20px;background:linear-gradient(180deg,#fafbfc,#f3f5f8);min-height:200px}.app-header-mock{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.logo-mock{width:40px;height:40px;background:var(--gradient-primary);border-radius:10px}.nav-mock{display:flex;gap:12px}.nav-mock span{width:50px;height:8px;background:var(--color-border);border-radius:4px}.app-hero-mock{margin-bottom:20px}.hero-text-mock{margin-bottom:16px}.text-line{height:10px;background:var(--color-border);border-radius:5px;margin-bottom:8px}.text-line.large{width:80%;height:14px;background:var(--color-text-primary);opacity:.2}.text-line.medium{width:60%}.text-line.small{width:40%}.hero-cta-mock{width:100px;height:32px;background:var(--gradient-primary);border-radius:8px}.app-cards-mock{display:flex;gap:12px}.card-mock{flex:1;height:60px;background:var(--color-surface);border-radius:8px;box-shadow:var(--shadow-sm)}.mockup-phone{position:absolute;right:-20px;bottom:-30px;width:140px;background:var(--color-surface);border-radius:24px;box-shadow:var(--shadow-xl);border:3px solid var(--color-text-primary);overflow:hidden}.phone-notch{width:60px;height:20px;background:var(--color-text-primary);border-radius:0 0 12px 12px;margin:0 auto}.phone-content{padding:12px;background:linear-gradient(180deg,#fafbfc,#f3f5f8);min-height:200px}.phone-header-mock{display:flex;align-items:center;gap:8px;margin-bottom:12px}.phone-avatar{width:24px;height:24px;background:var(--gradient-primary);border-radius:50%}.phone-title{flex:1;height:8px;background:var(--color-border);border-radius:4px}.phone-list-mock{display:flex;flex-direction:column;gap:8px}.phone-item{display:flex;align-items:center;gap:8px;padding:8px;background:var(--color-surface);border-radius:8px}.item-icon{width:20px;height:20px;background:#2d3fe71a;border-radius:6px}.item-text{flex:1;display:flex;flex-direction:column;gap:4px}.item-text span:first-child{width:80%;height:6px;background:var(--color-border);border-radius:3px}.item-text span:last-child{width:50%;height:4px;background:var(--color-border-light);border-radius:2px}.phone-nav-mock{display:flex;justify-content:space-around;padding-top:12px;border-top:1px solid var(--color-border-light);margin-top:12px}.phone-nav-mock span{width:20px;height:20px;background:var(--color-border);border-radius:6px}.phone-nav-mock span:first-child{background:var(--gradient-primary)}.floating-notification{position:absolute;top:20px;right:60px;display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--color-surface);border-radius:12px;box-shadow:var(--shadow-lg);border:1px solid rgba(16,185,129,.3);animation:floatNotif 3s ease-in-out infinite}@keyframes floatNotif{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.notif-icon{width:24px;height:24px;background:#10b98126;color:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.notif-text{font-size:.8rem;font-weight:600;color:var(--color-text-primary)}.mockup-cloud-architecture{width:100%;max-width:480px}.mockup-system-design{width:100%;max-width:500px;position:relative;background:var(--color-surface);border-radius:20px;padding:24px 20px;border:1px solid var(--color-border);box-shadow:var(--shadow-xl);min-height:400px}.system-connections{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.conn-animate{stroke-dasharray:8 4;animation:connFlow 1.5s linear infinite}.conn-sync{animation:syncPulse 2s ease-in-out infinite}@keyframes connFlow{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}@keyframes syncPulse{0%,to{opacity:.3}50%{opacity:.8}}.system-layer{position:relative;z-index:1;margin-bottom:16px}.system-layer .layer-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);margin-bottom:10px;padding-left:4px}.system-layer .layer-nodes{display:flex;justify-content:space-around;gap:12px}.layer-users{padding-bottom:20px;border-bottom:1px dashed var(--color-border-light)}.layer-users .layer-nodes{justify-content:space-between;padding:0 20px}.system-node{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 12px;background:var(--color-bg-secondary);border-radius:12px;border:1px solid var(--color-border-light);transition:all .3s ease;min-width:80px}.system-node:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 20px #2d3fe726}.node-icon-wrap{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#2d3fe71a;color:var(--color-primary)}.node-icon-wrap.node-icon-blue{background:#3b82f626;color:#3b82f6}.node-icon-wrap.node-icon-green{background:#10b98126;color:#10b981}.node-icon-wrap.node-icon-purple{background:#8b5cf626;color:#8b5cf6}.node-icon-wrap.node-icon-orange{background:#f59e0b26;color:#f59e0b}.node-icon-wrap.node-icon-red{background:#ef444426;color:#ef4444}.node-icon-wrap.node-icon-cyan{background:#06b6d426;color:#06b6d4}.node-icon-wrap.node-icon-indigo{background:#6366f126;color:#6366f1}.system-node .node-label{font-size:.7rem;font-weight:600;color:var(--color-text)}.system-node .node-location{font-size:.6rem;color:var(--color-text-muted)}.system-node .node-instances{font-size:.55rem;color:var(--color-text-muted);background:var(--color-surface);padding:2px 6px;border-radius:4px}.system-node .node-role{font-size:.55rem;font-weight:600;color:var(--color-primary);background:#2d3fe71a;padding:2px 6px;border-radius:4px}.system-node .node-status{font-size:.55rem;font-weight:600;padding:2px 8px;border-radius:10px}.node-status.status-active{background:#10b98126;color:#10b981}.layer-cdn{display:flex;justify-content:center;padding:12px 0}.layer-cdn .system-node{min-width:100px}.layer-lb{display:flex;justify-content:center;padding:8px 0}.layer-lb .system-node{background:linear-gradient(135deg,#06b6d41a,#2d3fe71a);min-width:120px}.layer-backend{padding:16px 0;border-top:1px dashed var(--color-border-light);border-bottom:1px dashed var(--color-border-light)}.layer-backend .layer-nodes{justify-content:center;gap:10px}.layer-backend .system-node{min-width:75px}.layer-database{padding-top:16px}.layer-database .layer-nodes{justify-content:center;gap:10px}.layer-database .system-node{min-width:85px}.node-db-primary{border:2px solid rgba(99,102,241,.4)}.sync-indicator{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;font-size:.6rem;color:var(--color-text-muted)}.sync-indicator .sync-icon{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.system-metrics{display:flex;justify-content:center;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--color-border-light)}.metric-badge{display:flex;flex-direction:column;align-items:center;padding:8px 14px;background:var(--color-bg-secondary);border-radius:10px;border:1px solid var(--color-border-light)}.metric-badge .metric-value{font-size:.9rem;font-weight:800;color:var(--color-primary)}.metric-badge .metric-label{font-size:.6rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.metric-badge.metric-regions .metric-value{color:#10b981}@media(max-width:480px){.mockup-system-design{padding:16px 12px}.system-node{min-width:60px;padding:8px}.layer-users .layer-nodes{padding:0 8px}.layer-backend .layer-nodes,.layer-database .layer-nodes{flex-wrap:wrap;gap:8px}.system-metrics{gap:8px}.metric-badge{padding:6px 10px}.metric-badge .metric-value{font-size:.75rem}}.cloud-diagram{position:relative}.cloud-provider-box{background:var(--color-surface);border:2px dashed var(--color-border);border-radius:20px;padding:24px;position:relative}.provider-header{display:flex;align-items:center;gap:10px;font-size:.875rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--color-border-light)}.provider-header svg{color:var(--color-primary)}.services-grid-mock{display:flex;flex-direction:column;align-items:center;gap:16px}.service-node{display:flex;flex-direction:column;align-items:center;gap:6px}.node-icon{width:40px;height:40px;background:#2d3fe71a;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.node-icon.node-blue{background:#3b82f626;color:#3b82f6}.node-icon.node-green{background:#10b98126;color:#10b981}.node-icon.node-purple{background:#8b5cf626;color:#8b5cf6}.node-icon.node-orange{background:#f59e0b26;color:#f59e0b}.node-icon.node-red{background:#ef444426;color:#ef4444}.service-node span{font-size:.7rem;font-weight:600;color:var(--color-text-secondary)}.lb-node .node-icon{width:48px;height:48px;background:var(--gradient-primary);color:#fff}.services-row{display:flex;gap:24px}.database-row{display:flex;gap:32px;margin-top:8px}.connection-lines{position:absolute;top:60px;left:50%;transform:translate(-50%);width:200px;height:120px;pointer-events:none;opacity:.6}.cloud-metrics{display:flex;gap:20px;margin-top:20px;justify-content:center}.metric-item{display:flex;flex-direction:column;align-items:center;padding:12px 20px;background:var(--color-bg-secondary);border-radius:12px}.metric-value{font-size:1.25rem;font-weight:800;color:var(--color-primary)}.metric-label{font-size:.75rem;color:var(--color-text-secondary)}.mockup-api-integration{width:100%;max-width:480px;position:relative}.api-flow-diagram{position:relative;padding:40px;display:flex;justify-content:center;align-items:center;min-height:300px}.api-hub{position:relative;z-index:2}.hub-core{width:100px;height:100px;background:var(--gradient-primary);border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#fff;box-shadow:0 8px 32px #2d3fe74d}.hub-core span{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.hub-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:140px;border:2px dashed rgba(45,63,231,.2);border-radius:50%;animation:pulseRing 3s ease-in-out infinite}.hub-ring-2{width:180px;height:180px;animation-delay:1.5s}@keyframes pulseRing{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.05)}}.connected-service{position:absolute;display:flex;flex-direction:column;align-items:center;gap:6px}.service-icon-wrap{width:50px;height:50px;background:var(--color-surface);border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);color:var(--color-primary);border:1px solid var(--color-border-light)}.connected-service span{font-size:.7rem;font-weight:600;color:var(--color-text-secondary)}.service-pos-1{top:0;left:20px}.service-pos-2{top:0;right:20px}.service-pos-3{bottom:0;left:20px}.service-pos-4{bottom:0;right:20px}.connection-line{position:absolute;background:linear-gradient(135deg,var(--color-primary),transparent);height:2px;width:60px}.api-line-1{transform:rotate(45deg);top:100%;left:100%}.api-line-2{transform:rotate(135deg);top:100%;right:100%}.api-line-3{transform:rotate(-35deg);bottom:120%;left:100%}.api-line-4{transform:rotate(45deg);bottom:100%;right:100%}.api-response-preview{position:absolute;bottom:-70px;right:-70px;background:#1e1e2e;border-radius:12px;padding:12px 16px;box-shadow:var(--shadow-xl);font-family:Monaco,Consolas,monospace;font-size:.7rem;min-width:180px}.response-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.method-badge{padding:2px 8px;background:#10b98133;color:#10b981;border-radius:4px;font-weight:600;font-size:.65rem}.endpoint{color:#ffffffb3}.response-body{color:#fff9}.json-bracket{color:#fff6}.json-key{color:#7dd3fc}.json-string{color:#86efac}.json-line{padding-left:12px}.mockup-enterprise-dashboard{width:100%;max-width:500px;position:relative}.dashboard-window{background:var(--color-surface);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-xl);border:1px solid var(--color-border)}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light)}.window-controls{display:flex;gap:6px}.dashboard-title{font-size:.8rem;font-weight:600;color:var(--color-text-secondary)}.dashboard-user{display:flex;align-items:center}.user-avatar{width:24px;height:24px;background:var(--gradient-primary);border-radius:50%}.dashboard-body{display:flex;min-height:280px}.dashboard-sidebar{width:50px;background:var(--color-bg-secondary);padding:12px 8px;display:flex;flex-direction:column;gap:8px;border-right:1px solid var(--color-border-light)}.sidebar-item{width:34px;height:34px;background:var(--color-surface);border-radius:8px}.sidebar-item.active{background:var(--gradient-primary)}.sidebar-divider{height:1px;background:var(--color-border);margin:8px 0}.dashboard-main{flex:1;padding:16px;background:var(--color-bg)}.stats-row{display:flex;gap:12px;margin-bottom:16px}.stat-box{flex:1;display:flex;align-items:center;gap:10px;padding:12px;background:var(--color-surface);border-radius:10px;border:1px solid var(--color-border-light)}.stat-icon-small{width:32px;height:32px;border-radius:8px}.stat-icon-small.blue{background:#3b82f626}.stat-icon-small.green{background:#10b98126}.stat-icon-small.purple{background:#8b5cf626}.stat-content{flex:1}.stat-number{font-size:1rem;font-weight:800;color:var(--color-text-primary)}.stat-text{font-size:.65rem;color:var(--color-text-secondary)}.chart-area{background:var(--color-surface);border-radius:12px;padding:16px;border:1px solid var(--color-border-light)}.chart-header{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:12px}.chart-mock{height:80px;display:flex;align-items:flex-end}.chart-line{width:100%;height:100%}.security-badge{position:absolute;bottom:-15px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--color-surface);border-radius:100px;box-shadow:var(--shadow-lg);border:1px solid rgba(16,185,129,.3)}.security-badge svg{color:#10b981}.security-badge span{font-size:.75rem;font-weight:600;color:var(--color-text-primary)}.software-process-modern{padding:100px 24px;background:var(--color-bg-secondary);position:relative;z-index:1}.process-timeline{max-width:1100px;margin:60px auto 0}.process-phase{position:relative;padding-left:80px;padding-bottom:60px}.process-phase:last-child{padding-bottom:0}.phase-connector{position:absolute;left:0;top:0;width:60px;height:100%;display:flex;flex-direction:column;align-items:center}.connector-line{position:absolute;top:40px;width:3px;height:calc(100% - 20px);background:linear-gradient(180deg,var(--color-primary),rgba(45,63,231,.1))}.process-phase:last-child .connector-line{display:none}.connector-dot{position:relative;z-index:2;width:48px;height:48px;background:var(--gradient-primary);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #2d3fe74d}.connector-dot span{color:#fff;font-size:1rem;font-weight:800}.connector-dot.final{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 4px 20px #10b9814d}.phase-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:var(--color-surface);border-radius:24px;padding:40px;box-shadow:var(--shadow-md);border:1px solid var(--color-border-light)}.phase-content.reverse{direction:rtl}.phase-content.reverse>*{direction:ltr}.phase-info{padding-right:20px}.phase-content.reverse .phase-info{padding-right:0;padding-left:20px}.phase-duration{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#2d3fe714;border-radius:100px;font-size:.8rem;font-weight:600;color:var(--color-primary);margin-bottom:16px}.phase-title{font-size:1.5rem;font-weight:800;color:var(--color-text-primary);margin-bottom:12px}.phase-description{font-size:1rem;color:var(--color-text-secondary);line-height:1.7;margin-bottom:20px}.phase-deliverables{list-style:none;display:flex;flex-direction:column;gap:10px}.phase-deliverables li{font-size:.85rem;color:var(--color-text-secondary);padding:10px 12px 10px 41px;position:relative;display:flex;align-items:center;min-height:40px;background:linear-gradient(135deg,#2d3fe70a,#8b5cf605);border-radius:10px;border:1px solid rgba(45,63,231,.08);transition:all .3s cubic-bezier(.4,0,.2,1)}.phase-deliverables li:hover{background:linear-gradient(135deg,#2d3fe714,#8b5cf60a);border-color:#2d3fe726;transform:translate(4px);box-shadow:0 4px 12px #2d3fe714}.phase-deliverables li:before{content:"✓";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;background:linear-gradient(135deg,var(--color-primary) 0%,#8B5CF6 100%);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff;box-shadow:0 2px 6px #2d3fe740}.phase-visual{display:flex;justify-content:center;align-items:center}.mockup-discovery{position:relative;width:100%;max-width:360px}.discovery-board{background:var(--color-surface);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.board-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#1e1e2e;color:#000;font-size:.8rem;font-weight:600}.board-dots{display:flex;gap:6px}.board-dots span{width:10px;height:10px;border-radius:50%}.board-dots span:nth-child(1){background:#ff5f56}.board-dots span:nth-child(2){background:#ffbd2e}.board-dots span:nth-child(3){background:#27c93f}.board-columns{display:flex;gap:16px;padding:16px;background:#f8f9fb}.board-column{flex:1;min-width:130px}.column-header{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--color-border)}.sticky-note{padding:12px;border-radius:4px;font-size:.75rem;margin-bottom:8px;box-shadow:0 2px 4px #0000001a;position:relative}.sticky-note span{color:var(--color-text-primary);font-weight:500}.note-priority{position:absolute;top:4px;right:4px;font-size:.6rem;font-weight:700;padding:2px 6px;background:#0000001a;border-radius:4px}.note-yellow{background:#fef3c7}.note-blue{background:#dbeafe}.note-green{background:#d1fae5}.note-purple{background:#ede9fe}.floating-icon{position:absolute;width:44px;height:44px;background:var(--color-surface);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);color:var(--color-primary)}.discovery-icon-1{top:-10px;right:-10px;animation:floatIcon 3s ease-in-out infinite}@keyframes floatIcon{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(5deg)}}.mockup-design{position:relative;width:100%;max-width:360px}.design-canvas{background:#2d2d3a;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-xl)}.canvas-toolbar{padding:10px 16px;background:#1e1e28;border-bottom:1px solid rgba(255,255,255,.1)}.tool-group{display:flex;gap:8px}.tool{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#ffffff80}.tool.active{background:#2d3fe74d;color:var(--color-primary-light)}.canvas-artboard{padding:24px;background:linear-gradient(45deg,#3D3D4A 25%,transparent 25%),linear-gradient(-45deg,#3D3D4A 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#3D3D4A 75%),linear-gradient(-45deg,transparent 75%,#3D3D4A 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;background-color:#35353f;min-height:180px;display:flex;justify-content:center;align-items:center}.artboard-frame{position:relative;background:var(--color-surface);border-radius:12px;padding:12px;width:120px;box-shadow:0 4px 20px #0000004d;max-height:10rem}.frame-label{position:absolute;top:-20px;left:0;font-size:.65rem;color:#ffffff80;font-weight:500}.frame-content{display:flex;flex-direction:column;gap:8px}.frame-element{border-radius:4px}.frame-element.header{height:16px;background:var(--color-border)}.frame-element.frame-hero{height:40px;background:linear-gradient(135deg,#2d3fe733,#5b6ef51a)}.frame-elements-row{display:flex;gap:6px}.frame-element.card{flex:1;height:30px;background:var(--color-bg-secondary)}.selection-handles{position:absolute;inset:-4px;border:2px solid var(--color-primary);border-radius:14px;pointer-events:none}.handle{position:absolute;width:8px;height:8px;background:var(--color-primary);border-radius:2px}.handle.tl{top:-4px;left:-4px}.handle.tr{top:-4px;right:-4px}.handle.bl{bottom:-4px;left:-4px}.handle.br{bottom:-4px;right:-4px}.canvas-layers{padding:12px 16px;background:#1e1e28;border-top:1px solid rgba(255,255,255,.1)}.layer-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;font-size:.7rem;color:#fff9}.layer-item.active{background:#2d3fe733;color:var(--color-primary-light)}.layer-icon{width:14px;height:14px;background:#fff3;border-radius:3px}.layer-item.active .layer-icon{background:var(--color-primary)}.color-palette{position:absolute;bottom:-15px;right:10px;display:flex;gap:6px;padding:8px 12px;background:var(--color-surface);border-radius:100px;box-shadow:var(--shadow-lg)}.color-swatch{width:20px;height:20px;border-radius:50%;border:2px solid white;box-shadow:0 2px 4px #0003}.mockup-development{position:relative;width:100%;max-width:380px}.dev-ide{background:#1e1e2e;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-xl)}.ide-header{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#161622;border-bottom:1px solid rgba(255,255,255,.05)}.ide-dots{display:flex;gap:6px}.ide-dots span{width:10px;height:10px;border-radius:50%}.ide-dots span:nth-child(1){background:#ff5f56}.ide-dots span:nth-child(2){background:#ffbd2e}.ide-dots span:nth-child(3){background:#27c93f}.ide-tabs{display:flex;gap:2px}.tab{padding:6px 14px;font-size:.7rem;color:#ffffff80;border-radius:6px 6px 0 0}.tab.active{background:#1e1e2e;color:#fff}.ide-content{display:flex;min-height:180px}.ide-sidebar{width:100px;padding:12px;background:#181824;border-right:1px solid rgba(255,255,255,.05)}.file-tree{font-size:.7rem}.folder,.file{padding:4px 8px;border-radius:4px;color:#fff9;margin-bottom:2px}.folder.open{color:#f59e0b}.file.active{background:#2d3fe74d;color:#fff}.ide-editor{flex:1;padding:12px 16px;font-family:Monaco,Consolas,monospace;font-size:.75rem}.code-line{display:flex;align-items:center;gap:16px;padding:2px 0;color:#fffc}.code-line.highlight{background:#2d3fe726;margin:0 -16px;padding-left:16px;padding-right:16px;border-left:2px solid var(--color-primary)}.ln{color:#ffffff4d;min-width:20px}.kw{color:#c792ea}.vr{color:#82aaff}.st{color:#c3e88d}.fn{color:#82aaff}.tg{color:#f07178}.indent{width:20px;display:inline-block}.sprint-badge{position:absolute;bottom:-20px;right:-10px;background:var(--color-surface);padding:12px 16px;border-radius:12px;box-shadow:var(--shadow-lg);min-width:140px}.sprint-label{font-size:.7rem;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.sprint-progress{height:6px;background:var(--color-border);border-radius:3px;margin:8px 0;overflow:hidden}.progress-bar{height:100%;background:var(--gradient-primary);border-radius:3px;transition:width .3s ease}.sprint-status{font-size:.75rem;font-weight:600;color:var(--color-primary)}.mockup-launch{position:relative;width:100%;max-width:340px}.launch-terminal{background:#1e1e2e;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-xl)}.terminal-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#161622;border-bottom:1px solid rgba(255,255,255,.05);color:#fff;font-size:.8rem;font-weight:600}.terminal-dots{display:flex;gap:6px}.terminal-dots span{width:10px;height:10px;border-radius:50%}.terminal-dots span:nth-child(1){background:#ff5f56}.terminal-dots span:nth-child(2){background:#ffbd2e}.terminal-dots span:nth-child(3){background:#27c93f}.terminal-body{padding:16px}.pipeline-step{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);color:#fff9;font-size:.85rem}.pipeline-step.completed{color:#10b981}.step-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#10b98133}.step-time{margin-left:auto;font-size:.7rem;color:#fff6}.pipeline-result{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;margin-top:12px;background:#10b98126;border-radius:10px;color:#10b981;font-weight:600}.result-icon{font-size:1.25rem}.monitoring-widget{position:absolute;bottom:-25px;right:-20px;background:var(--color-surface);padding:14px 18px;border-radius:14px;box-shadow:var(--shadow-lg);min-width:160px}.widget-header{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:12px}.status-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.health-bars{display:flex;flex-direction:column;gap:8px}.health-item{display:flex;align-items:center;gap:8px;font-size:.7rem;color:var(--color-text-secondary)}.health-item span:first-child{width:30px}.health-bar{flex:1;height:6px;background:var(--color-border);border-radius:3px;overflow:hidden}.bar-fill{height:100%;background:var(--gradient-primary);border-radius:3px}.health-item span:last-child{width:30px;text-align:right;font-weight:600;color:var(--color-text-primary)}@media(max-width:1024px){.software-service-showcase{grid-template-columns:1fr;gap:40px}.software-service-showcase.reverse{direction:ltr}.service-showcase-content{padding-right:0;order:1}.software-service-showcase.reverse .service-showcase-content{padding-left:0}.service-showcase-visual{order:2}.phase-content{grid-template-columns:1fr;gap:32px}.phase-content.reverse{direction:ltr}.phase-info{padding-right:0}.phase-content.reverse .phase-info{padding-left:0}}@media(max-width:768px){.software-services-modern{padding:60px 16px}.software-service-showcase{padding:40px 0}.service-showcase-title{font-size:1.5rem}.service-showcase-description{font-size:1rem}.service-showcase-visual{min-height:300px;overflow:hidden;max-width:100%}.service-showcase-visual:has(.mockup-app-showcase){overflow:visible}.mockup-app-showcase{padding-bottom:40px;margin-bottom:10px}.dashboard-window{box-shadow:none}.mockup-phone{width:120px;right:-5px;bottom:-20px;z-index:10}.floating-notification,.api-response-preview{display:none}.mockup-enterprise-dashboard{max-width:100%;overflow:hidden}.dashboard-body{min-height:220px}.dashboard-sidebar{width:40px;padding:8px 4px}.sidebar-item{width:28px;height:28px}.dashboard-main{padding:10px;min-width:0;overflow:hidden}.stats-row{flex-direction:column;gap:8px}.stat-box{padding:8px 10px;gap:8px}.stat-icon-small{width:24px;height:24px;min-width:24px;border-radius:6px}.stat-number{font-size:.85rem}.stat-text{font-size:.6rem}.chart-area{padding:10px}.chart-mock{height:60px}.security-badge{position:static;transform:none;margin-top:20px;justify-content:center}.software-process-modern{padding:60px 16px}.process-phase{padding-left:60px;padding-bottom:40px}.connector-dot{width:40px;height:40px;border-radius:12px}.phase-content{padding:24px;border-radius:16px}.phase-title{font-size:1.25rem}.phase-deliverables{grid-template-columns:1fr;gap:8px}.phase-deliverables li{padding:8px 10px 8px 34px;min-height:36px}.phase-deliverables li:before{left:10px;width:18px;height:18px;font-size:10px}.sprint-badge,.monitoring-widget,.color-palette{display:none}}@media(max-width:480px){.process-phase{display:flex;flex-direction:column;align-items:center;padding-left:0;padding-bottom:40px}.phase-connector{position:relative;left:auto;top:auto;width:auto;height:auto;flex-direction:row;justify-content:center;margin-bottom:16px}.connector-line{display:none}.connector-dot{width:36px;height:36px;font-size:.8rem;border-radius:50%}.phase-content{width:100%}.service-showcase-tech{gap:6px}.tech-pill{padding:6px 12px;font-size:.7rem}.cloud-metrics{flex-direction:row;gap:12px}.api-flow-diagram{padding:20px}.connected-service{transform:scale(.85)}.dashboard-sidebar{display:none}.dashboard-body{min-height:180px}.stat-box{padding:6px 8px}.stat-icon-small{width:20px;height:20px;min-width:20px}.stat-number{font-size:.75rem}.chart-mock{height:50px}}.prozess-hero-enhanced{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 24px 80px;overflow:hidden;background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-bg-secondary) 50%,var(--color-surface) 100%)}.prozess-hero-bg{position:absolute;inset:0;overflow:hidden;z-index:0}.prozess-gradient-orb{position:absolute;border-radius:50%;opacity:.5;will-change:transform;filter:blur(60px)}.prozess-orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(249,115,22,.4) 0%,rgba(249,115,22,.1) 50%,transparent 70%);top:-20%;left:-10%;animation:prozessOrbFloat1 30s ease-in-out infinite}.prozess-orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(20,184,166,.35) 0%,rgba(20,184,166,.1) 50%,transparent 70%);top:50%;right:-10%;animation:prozessOrbFloat2 35s ease-in-out infinite}.prozess-orb-3{width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.3) 0%,rgba(139,92,246,.1) 50%,transparent 70%);bottom:-10%;left:30%;animation:prozessOrbFloat3 32s ease-in-out infinite}@keyframes prozessOrbFloat1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(60px,40px) scale(1.1)}}@keyframes prozessOrbFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-50px,-30px) scale(1.15)}}@keyframes prozessOrbFloat3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,-50px) scale(.9)}}.prozess-grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(249,115,22,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(249,115,22,.04) 1px,transparent 1px);background-size:60px 60px;opacity:.5}.prozess-floating-elements{position:absolute;inset:0;pointer-events:none;z-index:1}.floating-process{position:absolute;display:flex;align-items:center;gap:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:12px 18px;box-shadow:var(--shadow-lg);animation:processFloat 8s ease-in-out infinite;will-change:transform}.floating-process-1{top:18%;left:8%;animation-delay:0s}.floating-process-2{top:25%;right:10%;animation-delay:1.5s}.floating-process-3{bottom:30%;left:5%;animation-delay:3s}.floating-process-4{bottom:20%;right:8%;animation-delay:4.5s}@keyframes processFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(2deg)}}.process-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.process-icon svg{width:22px;height:22px}.process-icon-orange{background:linear-gradient(135deg,#f973164d,#f973161a);color:#f97316}.process-icon-teal{background:linear-gradient(135deg,#14b8a64d,#14b8a61a);color:#14b8a6}.process-icon-blue{background:linear-gradient(135deg,#2d3fe74d,#2d3fe71a);color:#5b6ef5}.process-icon-purple{background:linear-gradient(135deg,#8b5cf64d,#8b5cf61a);color:#a78bfa}.process-content{display:flex;flex-direction:column}.process-value{font-weight:700;font-size:1rem;color:var(--color-text-primary)}.process-label{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.prozess-visual-elements{position:absolute;inset:0;pointer-events:none;z-index:1}.prozess-mockup-floating{position:absolute;background:var(--color-surface);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-xl);animation:prozessMockupFloat 10s ease-in-out infinite;will-change:transform;border:1px solid var(--color-border)}.prozess-mockup-left{top:12%;left:3%;width:280px;animation-delay:0s}.prozess-kpi-card{top:18%;right:4%;width:200px;animation-delay:2s}.prozess-rpa-card{bottom:15%;right:6%;width:220px;animation-delay:4s}@keyframes prozessMockupFloat{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-15px) rotate(1deg)}}.mockup-window-header{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.mockup-window-controls{display:flex;gap:6px}.mockup-window-controls .control{width:10px;height:10px;border-radius:50%}.mockup-window-controls .control.red{background:#f38ba8}.mockup-window-controls .control.yellow{background:#f9e2af}.mockup-window-controls .control.green{background:#a6e3a1}.mockup-window-title{font-size:.7rem;color:var(--color-text-secondary);font-weight:500}.mockup-dashboard-content{padding:14px}.mockup-process-flow{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.flow-node-mini{padding:6px 10px;border-radius:6px;font-size:.6rem;font-weight:600;text-align:center}.flow-start-mini{background:linear-gradient(135deg,#10b98133,#10b9811a);color:#10b981;border:1px solid rgba(16,185,129,.3)}.flow-process-mini{background:linear-gradient(135deg,#f9731633,#f973161a);color:#f97316;border:1px solid rgba(249,115,22,.3)}.flow-end-mini{background:linear-gradient(135deg,#2d3fe733,#2d3fe71a);color:#5b6ef5;border:1px solid rgba(45,63,231,.3)}.flow-arrow{color:var(--color-text-tertiary)}.flow-arrow svg{width:16px;height:16px}.mockup-metrics-mini{display:flex;gap:8px}.metric-mini{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.metric-mini span{font-size:.6rem;color:var(--color-text-secondary);font-weight:600}.metric-bar-mini{width:100%;height:6px;border-radius:3px;background:var(--color-bg-tertiary);position:relative;overflow:hidden}.metric-bar-mini:after{content:"";position:absolute;left:0;top:0;height:100%;border-radius:3px;animation:metricBarGrow 2s ease-out forwards}.metric-bar-mini.bar-1:after{width:78%;background:linear-gradient(90deg,#f97316,#fb923c)}.metric-bar-mini.bar-2:after{width:92%;background:linear-gradient(90deg,#10b981,#34d399);animation-delay:.2s}.metric-bar-mini.bar-3:after{width:65%;background:linear-gradient(90deg,#5b6ef5,#818cf8);animation-delay:.4s}@keyframes metricBarGrow{0%{width:0}}.kpi-card-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--color-border)}.kpi-status{display:flex;align-items:center;gap:6px;font-size:.65rem;font-weight:600}.kpi-status-live{color:#10b981}.kpi-status .status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.4}}.kpi-title{font-size:.7rem;color:var(--color-text-secondary);font-weight:500}.kpi-metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}.kpi-metric{text-align:center}.kpi-metric-value{display:block;font-size:1.1rem;font-weight:800;margin-bottom:2px}.kpi-metric-value.positive{color:#10b981}.kpi-metric-label{font-size:.6rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.3px}.kpi-chart-mini{padding:0 12px 12px}.kpi-chart-mini svg{width:100%;height:40px}.rpa-header{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--color-border)}.rpa-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#14b8a633,#14b8a61a);color:#14b8a6}.rpa-icon svg{width:16px;height:16px}.rpa-title{font-size:.75rem;font-weight:600;color:var(--color-text-primary)}.rpa-tasks{padding:10px 14px}.rpa-task{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:.65rem;color:var(--color-text-secondary)}.rpa-task svg{width:14px;height:14px;flex-shrink:0}.rpa-task.completed{color:#10b981}.rpa-task.running{color:#f97316}.task-spinner{width:14px;height:14px;border:2px solid rgba(249,115,22,.2);border-top-color:#f97316;border-radius:50%;animation:taskSpin 1s linear infinite;flex-shrink:0}@keyframes taskSpin{to{transform:rotate(360deg)}}.prozess-hero-content{position:relative;z-index:2;max-width:700px;text-align:center}.prozess-hero-heading{margin-bottom:24px}.prozess-hero-heading .heading-eyebrow{display:block;font-size:1rem;font-weight:500;color:#f97316;margin-bottom:12px;text-transform:uppercase;letter-spacing:2px}.prozess-hero-heading .heading-main-enhanced{display:flex;flex-direction:column;gap:8px}.gradient-text-orange{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;background:linear-gradient(135deg,#f97316,#fb923c,#fdba74);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.prozess-hero-heading .heading-accent{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:600;color:var(--color-text-secondary)}.prozess-hero-description{font-size:1.15rem;line-height:1.7;color:var(--color-text-secondary);margin-bottom:32px}.prozess-hero-description strong{color:var(--color-text-primary);font-weight:600}.prozess-hero-actions{display:flex;gap:16px;justify-content:center;margin-bottom:48px}.btn-primary-orange{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 4px 20px #f973164d}.btn-primary-orange:hover{background:linear-gradient(135deg,#ea580c,#c2410c);box-shadow:0 6px 30px #f9731666}.prozess-hero-stats{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.prozess-hero-stats .stat-card{display:flex;align-items:center;gap:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:16px 20px}.prozess-hero-stats .stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center}.prozess-hero-stats .stat-icon svg{width:22px;height:22px}.stat-icon-orange{background:linear-gradient(135deg,#f9731633,#f973161a);color:#f97316}.stat-icon-teal{background:linear-gradient(135deg,#14b8a633,#14b8a61a);color:#14b8a6}.prozess-hero-stats .stat-value{font-size:1.25rem;font-weight:800;color:var(--color-text-primary)}.prozess-hero-stats .stat-label{font-size:.75rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.prozess-scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--color-text-tertiary);font-size:.8rem;animation:scrollBounce 2s ease-in-out infinite}.prozess-scroll-indicator .scroll-arrow{width:24px;height:24px}.prozess-scroll-indicator .scroll-arrow svg{width:100%;height:100%}@keyframes scrollBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}@media(max-width:1200px){.prozess-mockup-left,.prozess-kpi-card,.prozess-rpa-card{display:none}.floating-process{transform:scale(.9)}.floating-process-1{top:12%;left:5%}.floating-process-2{top:15%;right:5%}.floating-process-3{bottom:25%;left:3%}.floating-process-4{bottom:18%;right:3%}}@media(max-width:768px){.prozess-hero-enhanced{padding:100px 20px 60px;min-height:100vh}.prozess-floating-elements{display:none}.prozess-hero-actions{flex-direction:column;align-items:center}.prozess-hero-stats{display:none}.prozess-hero-description{font-size:1rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.bg-grid,.gradient-mesh,.geometric-lines,.floating-shapes{display:none!important}}@media(max-width:768px){.bg-grid,.gradient-mesh,.geometric-lines,.floating-shapes{display:none!important}.mesh-gradient,.shape{filter:none!important;animation:none!important}.mesh-gradient,.shape,.geo-line{will-change:auto!important}}body.modal-open{overflow:hidden}.booking-modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px;animation:fadeIn .2s ease-out;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.booking-modal{background:var(--color-surface);border-radius:var(--radius-lg);max-width:560px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-xl);animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.booking-modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;cursor:pointer;color:var(--color-text-tertiary);padding:8px;border-radius:var(--radius-sm);transition:all .2s ease;z-index:10}.booking-modal-close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.booking-modal-header{padding:32px 32px 24px;text-align:center;border-bottom:1px solid var(--color-border-light)}.booking-modal-icon{width:64px;height:64px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#fff}.booking-modal-header h2{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin-bottom:8px}.booking-modal-header p{color:var(--color-text-secondary);font-size:.95rem}.booking-form{padding:24px 32px 32px}.booking-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:500px){.booking-form-row{grid-template-columns:1fr}}.booking-form-group{margin-bottom:20px}.booking-form-group label{display:flex;font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin-bottom:8px}.booking-form-group input[type=text],.booking-form-group input[type=email],.booking-form-group input[type=tel],.booking-form-group textarea{width:100%;padding:12px 16px;font-size:.95rem;font-family:var(--font-sans);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text-primary);transition:all .2s ease}.booking-form-group input:focus,.booking-form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2d3fe71a}.booking-form-group input::placeholder,.booking-form-group textarea::placeholder{color:var(--color-text-tertiary)}.booking-form-group textarea{resize:vertical;min-height:100px}.booking-services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(max-width:500px){.booking-services-grid{grid-template-columns:1fr}}.booking-service-checkbox{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;background:var(--color-bg)}.booking-service-checkbox:hover{border-color:var(--color-primary-light);background:var(--color-bg-secondary)}.booking-service-checkbox input{display:none}.checkbox-custom{width:20px;height:20px;min-width:20px;border:2px solid var(--color-border);border-radius:6px;position:relative;transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.booking-service-checkbox input:checked+.checkbox-custom{background:var(--color-primary);border-color:var(--color-primary)}.booking-service-checkbox input:checked+.checkbox-custom:after{content:"";position:absolute;top:2px;left:5px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-label{font-size:.9rem;color:var(--color-text-primary)}.booking-other-service{margin-top:12px}.booking-callback-section{padding:16px;background:var(--color-bg-secondary);border-radius:var(--radius-md)}.booking-callback-toggle{display:flex;align-items:center;gap:12px;cursor:pointer;margin-bottom:0!important}.booking-callback-toggle input{display:none}.toggle-custom{width:48px;height:26px;min-width:48px;background:var(--color-border);border-radius:13px;position:relative;transition:all .3s ease;flex-shrink:0;display:flex;align-items:center}.toggle-custom:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0003}.booking-callback-toggle input:checked+.toggle-custom{background:var(--color-primary)}.booking-callback-toggle input:checked+.toggle-custom:after{transform:translate(22px)}.toggle-label{font-size:.95rem;font-weight:500;color:var(--color-text-primary)}.booking-callback-time{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border-light)}.booking-callback-time label{font-size:.85rem!important;margin-bottom:8px}.booking-error{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fef2f2;border:1px solid #FECACA;border-radius:var(--radius-md);color:#dc2626;font-size:.9rem;margin-bottom:16px}.booking-submit-btn{width:100%;padding:14px 24px;font-size:1rem;font-weight:600;font-family:var(--font-sans);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease}.booking-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #2d3fe74d}.booking-submit-btn:disabled{opacity:.6;cursor:not-allowed}.booking-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.booking-privacy-note{text-align:center;font-size:.8rem;color:var(--color-text-tertiary);margin-top:16px}.booking-privacy-note a{color:var(--color-primary);text-decoration:none}.booking-privacy-note a:hover{text-decoration:underline}.booking-success{padding:48px 32px;text-align:center}.booking-success-icon{margin-bottom:24px;animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.booking-success h3{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:12px}.booking-success p{color:var(--color-text-secondary);line-height:1.6}