@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('../fonts/Inter.var.woff2') format('woff2')}@font-face{font-family:'Inter';font-style:italic;font-weight:100 900;font-display:swap;src:url('../fonts/Inter-italic.var.woff2') format('woff2')}:root{--color-primary:#004d43;--color-primary-dark:#003d35;--color-primary-light:#006b5a;--color-primary-ultra-light:#e6f2f0;--color-primary-glow:rgba(0,77,67,0.4);--color-accent:#00a88a;--color-accent-light:#00c9a7;--color-anthracite:#2d2d2d;--color-anthracite-light:#3d3d3d;--color-anthracite-dark:#1f1f1f;--color-header:rgba(45,45,45,0.95);--color-header-solid:#2d2d2d;--color-dark:#2d2d2d;--color-gray-900:#363636;--color-gray-800:#4a4a4a;--color-gray-700:#5a5a5a;--color-gray-600:#595959;--color-gray-500:#767676;--color-gray-400:#a3a3a3;--color-gray-300:#c4c4c4;--color-gray-200:#e0e0e0;--color-gray-100:#f5f5f5;--color-light:#fafafa;--color-white:#ffffff;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--gradient-primary:linear-gradient(135deg,#004d43 0%,#006b5a 100%);--gradient-primary-accent:linear-gradient(135deg,#004d43 0%,#00a88a 100%);--gradient-secondary:linear-gradient(135deg,#2d2d2d 0%,#4a4a4a 100%);--gradient-accent:linear-gradient(135deg,#004d43 0%,#00a88a 100%);--gradient-dark:linear-gradient(135deg,#2d2d2d 0%,#3d3d3d 50%,#4a4a4a 100%);--gradient-hero:linear-gradient(160deg,#2d2d2d 0%,#363636 50%,#3d3d3d 100%);--gradient-header:linear-gradient(180deg,rgba(45,45,45,0.98) 0%,rgba(54,54,54,0.95) 100%);--gradient-glass:linear-gradient(135deg,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.05) 100%);--gradient-glow:radial-gradient(ellipse at center,var(--color-primary-glow) 0%,transparent 70%);--gradient-mesh:radial-gradient(at 40% 20%,rgba(0,77,67,0.2) 0px,transparent 50%),radial-gradient(at 80% 0%,rgba(0,77,67,0.15) 0px,transparent 50%),radial-gradient(at 0% 50%,rgba(0,107,90,0.15) 0px,transparent 50%),radial-gradient(at 80% 50%,rgba(0,168,138,0.1) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(0,77,67,0.15) 0px,transparent 50%);--gradient-shine:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);--gradient-card:linear-gradient(145deg,rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.8) 100%);--gradient-card-dark:linear-gradient(145deg,rgba(45,45,45,0.95) 0%,rgba(54,54,54,0.9) 100%);--gradient-line:linear-gradient(90deg,var(--color-primary),var(--color-accent),var(--color-primary-light),var(--color-accent),var(--color-primary));--font-primary:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-display:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:'JetBrains Mono','Fira Code',monospace;--text-xs:clamp(0.7rem,0.8vw,0.75rem);--text-sm:clamp(0.8rem,0.9vw,0.875rem);--text-base:clamp(0.9rem,1vw,1rem);--text-lg:clamp(1rem,1.1vw,1.125rem);--text-xl:clamp(1.1rem,1.3vw,1.25rem);--text-2xl:clamp(1.3rem,1.6vw,1.5rem);--text-3xl:clamp(1.6rem,2.2vw,2rem);--text-4xl:clamp(2rem,3vw,2.5rem);--text-5xl:clamp(2.25rem,3.5vw,3rem);--text-6xl:clamp(2.75rem,4.5vw,4rem);--text-7xl:clamp(3.25rem,5.5vw,5rem);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--shadow-xs:0 1px 2px rgba(0,0,0,0.04);--shadow-sm:0 2px 4px rgba(0,0,0,0.06);--shadow-md:0 4px 12px rgba(0,0,0,0.08);--shadow-lg:0 8px 24px rgba(0,0,0,0.12);--shadow-xl:0 16px 48px rgba(0,0,0,0.16);--shadow-2xl:0 24px 64px rgba(0,0,0,0.2);--shadow-glow:0 0 40px var(--color-primary-glow);--shadow-glow-sm:0 0 20px var(--color-primary-glow);--shadow-inner:inset 0 2px 4px rgba(0,0,0,0.06);--shadow-colored:0 10px 40px rgba(0,77,67,0.2);--shadow-glass:0 8px 32px rgba(0,0,0,0.1);--shadow-card-hover:0 20px 60px rgba(0,77,67,0.1);--shadow-card:0 4px 20px rgba(0,0,0,0.06);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-3xl:32px;--radius-full:9999px;--ease-smooth:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--ease-elastic:cubic-bezier(0.68,-0.6,0.32,1.6);--transition-fast:150ms var(--ease-smooth);--transition-normal:300ms var(--ease-smooth);--transition-slow:500ms var(--ease-smooth);--transition-slower:700ms var(--ease-smooth);--container-max:1400px;--container-narrow:1000px;--header-height:56px;--glass-bg:rgba(255,255,255,0.1);--glass-border:rgba(255,255,255,0.2);--glass-blur:blur(20px);--surface-page:#ffffff;--surface-alt:#fafafa;--surface-raised:#ffffff;--surface-sunken:#f5f5f5;--surface-dark:#2d2d2d;--text:#2d2d2d;--text-strong:#1f1f1f;--text-muted:#595959;--text-subtle:#767676;--border:#e0e0e0;--border-light:#f5f5f5;--border-strong:#c4c4c4;--border-subtle:rgba(0,0,0,0.06);--primary-tint:#e6f2f0;--accent-readable:#007a64;--link:#004d43;--link-hover:#003d35;--mockup-canvas:#f0f7f6;--mockup-stage:#e8ecef;--glass-panel:rgba(255,255,255,0.75);--menu-glass:rgba(240,240,240,0.7);--menu-item:rgba(255,255,255,0.4);--menu-item-hover:rgba(255,255,255,0.7);--color-gray-50:#f8faf9;--color-primary-very-light:#f0f7f6;--plexus-rgb:0,168,138;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b6b6b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");color-scheme:light}html[data-theme="dark"]{--surface-page:#151515;--surface-alt:#191919;--surface-raised:#1e1e1e;--surface-sunken:#101010;--surface-dark:#202020;--text:#ececec;--text-strong:#f7f7f7;--text-muted:#b0b0b0;--text-subtle:#8f8f8f;--border:#2e2e2e;--border-light:#262626;--border-strong:#454545;--border-subtle:rgba(255,255,255,0.08);--primary-tint:rgba(0,201,167,0.10);--accent-readable:#00c9a7;--link:#00c9a7;--link-hover:#54e6c4;--mockup-stage:#262626;--glass-panel:rgba(17,17,17,0.85);--menu-glass:rgba(20,20,20,0.82);--menu-item:rgba(255,255,255,0.05);--menu-item-hover:rgba(255,255,255,0.1);--color-gray-50:#1c1c1c;--color-gray-100:#262626;--color-gray-200:#2e2e2e;--color-gray-300:#454545;--color-gray-400:#616161;--color-gray-500:#8f8f8f;--color-gray-600:#b0b0b0;--color-gray-700:#c9c9c9;--color-gray-800:#dcdcdc;--color-gray-900:#eaeaea;--color-light:#191919;--color-dark:#ececec;--color-primary-ultra-light:rgba(0,201,167,0.10);--color-primary-glow:rgba(0,168,138,0.35);--gradient-card:linear-gradient(145deg,rgba(30,30,30,0.95),rgba(24,24,24,0.8));--shadow-xs:0 1px 2px rgba(0,0,0,0.4);--shadow-sm:0 2px 6px rgba(0,0,0,0.45);--shadow-md:0 4px 12px rgba(0,0,0,0.5);--shadow-lg:0 12px 30px rgba(0,0,0,0.55);--shadow-xl:0 20px 50px rgba(0,0,0,0.6);--shadow-2xl:0 25px 60px rgba(0,0,0,0.65);--shadow-card-hover:0 20px 60px rgba(0,0,0,0.55);--shadow-card:0 4px 20px rgba(0,0,0,0.45);--shadow-colored:0 10px 30px rgba(0,0,0,0.5);--shadow-glow:0 0 0 1px rgba(0,201,167,0.3),0 8px 24px rgba(0,0,0,0.5);--shadow-glow-sm:0 0 0 1px rgba(0,201,167,0.25),0 4px 16px rgba(0,0,0,0.45);--plexus-rgb:0,201,167;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23b0b0b0' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");color-scheme:dark}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;overflow-x:hidden}body{font-family:var(--font-primary);font-size:var(--text-base);font-weight:400;line-height:1.7;color:var(--color-dark);background:var(--color-anthracite);padding-top:var(--header-height);overflow-x:hidden;font-feature-settings:'liga' 1,'calt' 1,'cv01' 1,'cv02' 1,'cv03' 1,'cv04' 1;text-rendering:optimizeLegibility}img{max-width:100%;height:auto;display:block}a{color:var(--link);text-decoration:none;transition:all var(--transition-fast)}a:hover{color:var(--link-hover)}::selection{background:var(--color-primary);color:var(--color-white)}a:focus-visible,button:focus-visible,[role="button"]:focus-visible,input[type="submit"]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.header a:focus-visible,.header button:focus-visible,.footer a:focus-visible,.footer button:focus-visible,.nav-link:focus-visible,.btn-primary:focus-visible,.btn-outline-white:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.header .logo:focus-visible{outline:none}.header .logo:focus-visible::before{box-shadow:0 8px 32px rgba(0,0,0,0.1),0 2px 8px rgba(0,0,0,0.05),inset 0 2px 4px rgba(255,255,255,1),inset 0 -1px 2px rgba(0,0,0,0.03),inset 0 0 20px rgba(255,255,255,0.5),0 0 0 3px var(--color-accent)}.skip-link{position:absolute;top:-100%;left:16px;background:var(--color-primary);color:#ffffff;padding:12px 24px;z-index:10000;font-family:var(--font-primary);font-size:var(--text-sm);font-weight:600;text-decoration:none;border:none;border-radius:0 0 4px 4px;cursor:pointer;transition:top 0.2s}.skip-link:focus,.skip-link:focus-visible{top:0;color:#ffffff;outline:2px solid var(--color-accent);outline-offset:2px}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--color-dark);margin-bottom:var(--space-4);letter-spacing:-0.02em}h1{font-size:var(--text-5xl);font-weight:800}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base);font-weight:600}p{margin-bottom:var(--space-4)}.text-sm{font-size:var(--text-sm)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-muted{color:var(--color-gray-500)}.text-white{color:var(--color-white)}.text-light{color:rgba(255,255,255,0.8)}.text-primary{color:var(--link)}.text-accent{color:var(--color-accent)}.text-center{text-align:center}.text-right{text-align:right}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-light{font-weight:300}.gradient-text{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-light{background:linear-gradient(135deg,#ffffff 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-glow{text-shadow:0 0 40px var(--color-primary-glow)}.text-outline{-webkit-text-stroke:1px var(--color-primary);-webkit-text-fill-color:transparent}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6)}.container-narrow{max-width:var(--container-narrow)}.section{padding:var(--space-16) 0;position:relative;background:var(--surface-page)}.section-sm{padding:var(--space-12) 0}.section-lg{padding:var(--space-32) 0}.bg-white{background:var(--surface-page)}.bg-light{background:var(--surface-alt)}.bg-dark{background:var(--surface-dark);color:var(--color-white)}.bg-primary{background:var(--color-primary);color:var(--color-white)}.bg-gradient{background:var(--gradient-primary);color:var(--color-white)}.bg-gradient-dark{background:var(--gradient-dark);color:var(--color-white)}.bg-mesh{background:var(--gradient-mesh)}.bg-dark h1,.bg-dark h2,.bg-dark h3,.bg-dark h4,.bg-primary h1,.bg-primary h2,.bg-primary h3,.bg-primary h4,.bg-gradient h1,.bg-gradient h2,.bg-gradient h3,.bg-gradient h4,.bg-gradient-dark h1,.bg-gradient-dark h2,.bg-gradient-dark h3,.bg-gradient-dark h4{color:var(--color-white)}.bg-dark .section-header p,.bg-primary .section-header p,.bg-gradient .section-header p,.bg-gradient-dark .section-header p{color:rgba(255,255,255,0.8)}.header{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--header-height);background:rgba(45,45,45,0.65);backdrop-filter:blur(80px) saturate(200%);-webkit-backdrop-filter:blur(80px) saturate(200%);border-bottom:1px solid rgba(255,255,255,0.06);box-shadow:0 2px 20px rgba(0,0,0,0.1);transition:all var(--transition-normal)}.header.scrolled{background:rgba(45,45,45,0.65);box-shadow:0 2px 20px rgba(0,0,0,0.1)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6)}.logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;transition:transform var(--transition-fast);position:relative;z-index:10}.logo:hover{transform:scale(1.02)}.header .logo{position:relative;padding:var(--space-4);margin-top:var(--space-6);z-index:10}.header .logo::before{content:'';position:absolute;inset:-8px;background:linear-gradient(165deg,rgba(255,255,255,0.97) 0%,rgba(248,250,252,0.95) 50%,rgba(241,245,249,0.97) 100%);z-index:2;border:1px solid rgba(255,255,255,0.8);box-shadow:0 8px 32px rgba(0,0,0,0.1),0 2px 8px rgba(0,0,0,0.05),inset 0 2px 4px rgba(255,255,255,1),inset 0 -1px 2px rgba(0,0,0,0.03),inset 0 0 20px rgba(255,255,255,0.5)}.header .logo::after{content:'';position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,0.15) 0%,transparent 100%);z-index:0;pointer-events:none}.header .logo img{height:56px;width:auto;position:relative;z-index:5;filter:drop-shadow(0 2px 8px rgba(0,0,0,0.15))}.logo img{height:38px;width:auto;transition:filter var(--transition-fast)}.logo:hover img{filter:brightness(1.1)}.logo-icon{width:42px;height:42px;background:var(--gradient-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-white);font-size:var(--text-xl);font-weight:800;box-shadow:var(--shadow-glow-sm);transition:all var(--transition-fast)}.logo:hover .logo-icon{transform:rotate(-5deg) scale(1.05);box-shadow:var(--shadow-glow)}.logo-text{display:flex;flex-direction:column;line-height:1.1}.header .logo-text{display:none}.logo-name{color:var(--color-white);font-size:var(--text-xl);font-weight:800;letter-spacing:0.5px}.logo-tagline{color:rgba(255,255,255,0.6);font-size:var(--text-xs);font-weight:400;letter-spacing:0.5px}.footer .logo-name{color:var(--color-white)}.footer .logo-tagline{color:var(--color-gray-400)}.nav-main{display:flex;align-items:center}.nav-list{display:flex;list-style:none;gap:var(--space-1)}.nav-item{position:relative}.nav-link{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);height:var(--header-height);font-size:var(--text-sm);font-weight:500;color:rgba(255,255,255,0.85);border-radius:0;transition:all var(--transition-fast);position:relative}.nav-link::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--gradient-line);background-size:400px 100%;transform:translateX(-50%);transition:width var(--transition-fast);animation:gradientFlow 4s linear infinite}@keyframes gradientFlow{0%{background-position:0 0}100%{background-position:400px 0}}.nav-link:hover,.nav-link:focus-visible{color:var(--color-white);background:rgba(255,255,255,0.08)}.nav-link:hover::after,.nav-link:focus-visible::after{width:50%}.nav-link.active{color:var(--color-white);background:rgba(255,255,255,0.1)}.nav-link.active::after{width:100%}.nav-link svg{width:12px;height:12px;transition:transform var(--transition-fast)}.nav-item:hover .nav-link svg,.nav-link.active svg{transform:rotate(180deg)}.nav-dropdown{position:absolute;top:100%;left:0;min-width:240px;background:var(--menu-glass);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-radius:var(--radius-xl);box-shadow:0 8px 32px rgba(0,0,0,0.15);padding:var(--space-3);opacity:0;visibility:hidden;transition:all var(--transition-normal);z-index:100;border:1px solid rgba(255,255,255,0.3)}.nav-item:hover .nav-dropdown{opacity:1;visibility:visible}.nav-dropdown-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--color-dark);font-size:var(--text-sm);border-radius:var(--radius-md);transition:all var(--transition-fast)}.nav-dropdown-link:hover{background:var(--color-primary-ultra-light);color:var(--link);transform:translateX(5px)}.mega-menu{position:fixed;top:var(--header-height);left:50%;transform:translateX(-50%);width:760px;background:var(--menu-glass);backdrop-filter:blur(80px) saturate(200%);-webkit-backdrop-filter:blur(80px) saturate(200%);border-radius:var(--radius-2xl);box-shadow:0 12px 48px rgba(0,0,0,0.18);padding:var(--space-6);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-normal),visibility var(--transition-normal);z-index:999;border:1px solid rgba(255,255,255,0.3)}.mega-menu.is-visible{opacity:1;visibility:visible;pointer-events:auto}.mega-menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.mega-menu-grid-3col{grid-template-columns:repeat(3,1fr)}@media (max-width:1024px){.mega-menu-grid-3col{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.mega-menu-grid-3col{grid-template-columns:1fr}}.mega-menu-section-full{grid-column:1 / -1;padding-top:var(--space-4);margin-top:var(--space-2);border-top:1px solid var(--color-gray-200)}.mega-menu-integrations{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.mega-menu-section h4,.mega-menu-title{display:block;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:var(--link);margin-bottom:var(--space-4)}.mega-menu-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);transition:all var(--transition-fast);margin-bottom:var(--space-2);background:var(--menu-item);border:1px solid var(--border-subtle)}.mega-menu-link:hover,.mega-menu-link:focus-visible{background:var(--menu-item-hover);box-shadow:0 4px 12px rgba(0,0,0,0.08)}.mega-menu-link:focus-visible{outline:2px solid var(--link);outline-offset:2px}.mega-menu-icon{width:44px;height:44px;background:var(--gradient-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-sm)}.mega-menu-icon svg{width:22px;height:22px;color:var(--color-white)}.mega-menu-content{padding-top:2px}.mega-menu-content h5{font-size:var(--text-sm);font-weight:600;color:var(--color-dark);margin-bottom:var(--space-1)}.mega-menu-content p{font-size:var(--text-xs);color:var(--color-gray-700);margin:0;line-height:1.5}.header-action{margin-left:var(--space-6);margin-right:var(--space-5);display:flex;align-items:center}.header-action .btn{padding:8px 24px;font-weight:500;border-radius:0;background:var(--color-primary);letter-spacing:0.5px;font-size:11px;text-transform:uppercase;color:#fff;border:none;transition:background 0.3s ease}.header-action .btn:hover{background:var(--color-accent);transform:none;box-shadow:none}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:var(--space-2);z-index:1001}.nav-toggle span{width:24px;height:2px;background:var(--color-white);border-radius:2px;transition:all var(--transition-fast);transform-origin:center}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translateY(5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translateY(-5px)}.header-login{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid rgba(255,255,255,0.2);border-radius:var(--radius-full);color:rgba(255,255,255,0.8);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);margin-left:0}.header-login svg{width:18px;height:18px}.header-login:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.4);color:var(--color-white)}.login-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 0.3s ease}.login-modal.active{opacity:1;visibility:visible}.login-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px)}.login-modal-content{position:relative;background:var(--surface-raised);border-radius:var(--radius-2xl);padding:var(--space-10);max-width:420px;width:90%;text-align:center;transform:scale(0.9) translateY(20px);transition:transform 0.3s ease;box-shadow:0 25px 50px rgba(0,0,0,0.25)}.login-modal.active .login-modal-content{transform:scale(1) translateY(0)}.login-modal-close{position:absolute;top:var(--space-4);right:var(--space-4);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--surface-sunken);border:none;border-radius:50%;cursor:pointer;transition:all var(--transition-fast)}.login-modal-close svg{width:20px;height:20px;color:var(--color-gray-600)}.login-modal-close:hover{background:var(--color-gray-200)}.login-modal-close:hover svg{color:var(--color-dark)}.login-modal-icon{width:80px;height:80px;margin:0 auto var(--space-6);background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center}.login-modal-icon svg{width:40px;height:40px;color:var(--color-white)}.login-modal-content h3{font-size:var(--text-2xl);font-weight:700;color:var(--color-dark);margin-bottom:var(--space-3)}.login-modal-content>p{color:var(--color-gray-600);font-size:var(--text-base);line-height:1.6;margin-bottom:var(--space-6)}.login-modal-features{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-5);background:var(--surface-alt);border-radius:var(--radius-lg)}.login-feature{display:flex;align-items:center;gap:var(--space-3);color:var(--color-gray-700);font-size:var(--text-sm)}.login-feature svg{width:20px;height:20px;color:var(--link);flex-shrink:0}.login-modal-promo{font-size:var(--text-sm);color:var(--color-gray-500);margin:0}.login-modal-promo a{color:var(--link);font-weight:600}.login-modal-promo a:hover{text-decoration:underline}.login-modal-footer{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-gray-200)}.login-modal-footer p{font-size:var(--text-sm);color:var(--color-gray-500);margin:0}.login-modal-footer a{color:var(--link);font-weight:500}.login-error{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:rgba(220,38,38,0.08);border:1px solid rgba(220,38,38,0.2);border-radius:var(--radius-md);margin-bottom:var(--space-5);color:#dc2626;font-size:var(--text-sm);animation:fadeInError 0.3s ease}.login-error svg{width:24px;height:24px;flex-shrink:0;margin:auto 0}.login-error span{font-size:var(--text-sm);line-height:1.5}@keyframes fadeInError{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.login-modal-content.shake{animation:shake 0.5s ease}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.login-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,0.3);border-top-color:white;border-radius:50%;animation:spin 0.8s linear infinite;vertical-align:middle;margin-right:var(--space-2)}@keyframes spin{to{transform:rotate(360deg)}}.lang-switch{display:flex;align-items:center;background:rgba(255,255,255,0.1);border-radius:var(--radius-full);padding:3px;margin-left:var(--space-4);border:1px solid rgba(255,255,255,0.15)}.lang-switch-option{display:flex;align-items:center;justify-content:center;padding:6px 12px;font-size:var(--text-xs);font-weight:600;color:rgba(255,255,255,0.6);text-decoration:none;border-radius:var(--radius-full);transition:all var(--transition-fast);letter-spacing:0.02em}.lang-switch-option:hover{color:var(--color-white)}.lang-switch-option.active{background:var(--color-white);color:var(--color-primary);box-shadow:0 2px 8px rgba(0,0,0,0.15)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:600;border-radius:0;border:none;cursor:pointer;transition:all var(--transition-normal);text-decoration:none;position:relative;overflow:hidden;isolation:isolate;letter-spacing:0.3px}.btn,.btn:hover,.btn:focus,.btn:focus-visible,.service-card-link,.service-card-link:hover,.service-card-link:focus-visible,.blog-card-cta,.blog-card-link{text-decoration:none}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:1px}.btn-xl{padding:var(--space-5) var(--space-10);font-size:var(--text-base);text-transform:uppercase;letter-spacing:1px}.btn-primary{background:var(--gradient-primary);color:var(--color-white);box-shadow:var(--shadow-colored)}.btn-primary::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0.2) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-fast)}.btn-primary:hover{color:var(--color-white);background:var(--color-accent);box-shadow:0 8px 30px rgba(0,77,67,0.22)}.btn-primary:hover::before{opacity:1}.btn-primary:active{transform:translateY(-1px)}.btn-secondary{background:var(--gradient-dark);color:var(--color-white);box-shadow:var(--shadow-lg)}.btn-secondary:hover{color:var(--color-white);transform:translateY(-3px);box-shadow:var(--shadow-xl)}.btn-outline,.btn-outline-primary{background:transparent;color:var(--link);border:2px solid var(--link)}.btn-outline:hover,.btn-outline-primary:hover{background:var(--color-primary);color:var(--color-white);transform:translateY(-3px);box-shadow:var(--shadow-colored)}.btn-outline-white{background:transparent;color:var(--color-white);border:1px solid rgba(255,255,255,0.5)}.btn-outline-white:hover{background:rgba(255,255,255,0.1);color:var(--color-white);border-color:rgba(255,255,255,0.8)}.btn-ghost{background:transparent;color:var(--color-dark)}.btn-ghost:hover{background:var(--surface-alt);transform:translateY(-2px)}.btn-glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);color:var(--color-white)}.btn-glass:hover{background:rgba(255,255,255,0.2);color:var(--color-white);transform:translateY(-3px)}.btn-shine{position:relative;overflow:hidden}.btn-shine::after{content:'';position:absolute;top:-50%;left:-100%;width:50%;height:200%;background:var(--gradient-shine);transform:skewX(-25deg);transition:left 0.6s var(--ease-smooth)}.btn-shine:hover::after{left:150%}.btn svg{width:18px;height:18px;flex-shrink:0;transition:transform var(--transition-fast)}.btn:hover svg{transform:translateX(3px)}.hero{position:relative;background:var(--gradient-hero);overflow:visible;color:var(--color-white)}.hero::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% 100%,rgba(0,168,138,0.2) 0%,transparent 60%);pointer-events:none}.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,transparent 0%,rgba(0,0,0,0.3) 100%)}.hero-glow{position:absolute;width:100%;height:100%;background:var(--gradient-glow);pointer-events:none;animation:glowPulse 4s ease-in-out infinite}@keyframes glowPulse{0%,100%{opacity:0.5}50%{opacity:0.8}}.hero-content{position:relative;z-index:3;max-width:700px;margin:0 auto;padding:var(--space-20) 0;text-align:center}@media (min-width:1200px){.hero-content{max-width:min(calc(100vw - 500px),1000px)}}.hero-city .hero-content{max-width:900px}.hero-city .hero-subtitle{max-width:800px}.hero-content-wide{max-width:800px}.hero-content::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150%;height:170%;background:radial-gradient(ellipse at center,rgba(45,45,45,0.75) 0%,rgba(45,45,45,0.4) 35%,rgba(45,45,45,0.15) 55%,transparent 70%);pointer-events:none;z-index:2}.hero-content>*{position:relative;z-index:3}.hero h1{font-size:var(--text-6xl);font-weight:800;margin-bottom:var(--space-6);line-height:1.1;color:var(--color-white);animation:heroTitleIn 1s ease-out}.hero h1 span{display:block}.hero h1 span:first-child{animation:heroLineIn 0.8s ease-out}.hero h1 span:last-child{animation:heroLineIn 0.8s ease-out 0.15s backwards}@keyframes heroTitleIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes heroLineIn{from{opacity:0;transform:translateY(20px);filter:blur(10px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.hero-subtitle{font-size:var(--text-xl);color:rgba(255,255,255,0.85);margin-bottom:var(--space-10);max-width:900px;line-height:1.8;margin-left:auto;margin-right:auto;animation:heroSubtitleIn 0.6s ease-out 0.2s both}@keyframes heroSubtitleIn{from{opacity:1;transform:translateY(12px);filter:blur(1px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-buttons{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;animation:fadeInUp 0.8s ease-out 0.45s backwards}@keyframes buttonPulse{0%,100%{box-shadow:0 4px 15px rgba(0,77,67,0.3)}50%{box-shadow:0 4px 25px rgba(0,168,138,0.5)}}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-5);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-full);font-size:var(--text-sm);margin-bottom:var(--space-8);animation:fadeInUp 0.8s var(--ease-smooth)}.hero-badge-dot{width:8px;height:8px;background:var(--color-accent);border-radius:50%;animation:pulse 2s infinite;box-shadow:0 0 10px var(--color-accent)}@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:0.7}}.hero-stats{display:flex;gap:var(--space-12);padding-top:var(--space-10);border-top:1px solid rgba(255,255,255,0.1)}.hero-stat{text-align:center}.hero-stat-number{font-size:var(--text-4xl);font-weight:800;background:linear-gradient(135deg,var(--color-white) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:var(--space-2)}.hero-stat-label{font-size:var(--text-sm);color:rgba(255,255,255,0.6);text-transform:uppercase;letter-spacing:0.1em}.hero-stat .hero-stat-value{font-size:var(--text-4xl);font-weight:800;background:linear-gradient(135deg,var(--color-white) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;display:block;margin-bottom:var(--space-2)}.hero-badges{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6);justify-content:center}.hero-badges .hero-badge{display:inline-block;background:rgba(0,168,138,0.15);color:var(--color-accent-light);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;border:1px solid rgba(0,168,138,0.3)}.hero-action{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-10);justify-content:center}.hero-content{text-align:center}.hero-stats{justify-content:center}.hero>.container{width:100%}.hero-visual{position:relative;z-index:2}.hero-image-wrapper{position:relative;perspective:1000px}.hero-image{border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);transform:rotateY(-5deg) rotateX(5deg);transition:transform var(--transition-slow)}.hero-image-wrapper:hover .hero-image{transform:rotateY(0) rotateX(0)}.hero-float-card{position:absolute;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-4);animation:floatCard 6s ease-in-out infinite;will-change:transform}@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}.tech-stack{padding:var(--space-12) 0;background:var(--surface-page);border-bottom:1px solid var(--color-gray-100);overflow:hidden}.tech-stack-title{text-align:center;font-size:var(--text-sm);color:var(--color-gray-500);margin-bottom:var(--space-8);text-transform:uppercase;letter-spacing:0.15em;font-weight:500}.tech-logos{display:flex;justify-content:center;align-items:center;gap:var(--space-12);flex-wrap:wrap}.tech-logo{opacity:0.6;transition:all var(--transition-normal);filter:grayscale(100%)}.tech-logo:hover{opacity:1;filter:grayscale(0%);transform:scale(1.1)}.tech-logo img{height:40px;width:auto}.tech-scroll{display:flex;gap:var(--space-12);animation:techScroll 30s linear infinite;will-change:transform}@keyframes techScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.page-header{position:relative;padding:var(--space-20) 0;background:var(--gradient-hero);color:var(--color-white);overflow:hidden}.page-header .hero-grid{position:absolute;inset:0}.page-header-content{position:relative;z-index:2;max-width:800px}.page-header h1{font-size:var(--text-5xl);margin-bottom:var(--space-6);color:var(--color-white);animation:fadeInUp 0.6s var(--ease-smooth)}.page-header p{font-size:var(--text-xl);color:rgba(255,255,255,0.8);margin:0;line-height:1.8;animation:fadeInUp 0.8s var(--ease-smooth)}.section-header{text-align:center;max-width:800px;margin:0 auto var(--space-16)}.section-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);background:var(--color-primary-ultra-light);color:var(--link);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-full);margin-bottom:var(--space-6);border:1px solid rgba(0,77,67,0.1)}.section-header h2{font-size:var(--text-4xl);margin-bottom:var(--space-6)}.section-header h3{margin-bottom:var(--space-4)}.section-header p{font-size:var(--text-lg);color:var(--color-gray-600);margin:0;line-height:1.8}.section-cta{text-align:center;margin-top:var(--space-12)}.card{background:var(--surface-raised);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-100);transition:all var(--transition-normal);position:relative;overflow:hidden}.card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-normal)}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow-card-hover);border-color:transparent}.card:hover::before{opacity:1}.service-card{background:var(--surface-raised);border-radius:var(--radius-2xl);padding:var(--space-8);border:1px solid var(--color-gray-100);transition:all var(--transition-normal);height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.service-card::before{content:'';position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-normal);z-index:0}.service-card>*{position:relative;z-index:1}.service-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-card-hover);border-color:transparent}.service-card:hover::before{opacity:1}.service-card:hover h3,.service-card:hover h2,.service-card:hover p,.service-card:hover strong,.service-card:hover .service-features,.service-card:hover .service-features li{color:var(--color-white)}.service-icon{width:70px;height:70px;background:var(--gradient-primary);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6);box-shadow:var(--shadow-colored);transition:all var(--transition-normal)}.service-card:hover .service-icon{box-shadow:0 0 0 4px var(--surface-raised),0 12px 30px rgba(0,0,0,0.25);transform:scale(1.1) rotate(-5deg)}.service-icon svg{width:32px;height:32px;color:var(--color-white);transition:color var(--transition-normal)}.service-icon img{width:36px!important;height:36px!important;object-fit:contain;filter:brightness(0) invert(1)}.service-card h3,.service-card h2{font-size:var(--text-xl);margin-bottom:var(--space-4);transition:color var(--transition-normal)}.service-card p{color:var(--color-gray-600);margin-bottom:var(--space-6);flex-grow:1;transition:color var(--transition-normal)}.service-card strong{color:var(--color-gray-800);transition:color var(--transition-normal)}.service-card-link{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--gradient-primary);color:var(--color-white);font-weight:600;font-size:var(--text-sm);border-radius:0;margin-top:auto;transition:all var(--transition-fast);box-shadow:0 4px 15px rgba(0,77,67,0.2);text-decoration:none}.service-card-link svg{width:16px;height:16px;flex-shrink:0;transition:transform var(--transition-fast)}.service-card-link:hover{background:var(--gradient-primary-accent);color:var(--color-white);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,77,67,0.28)}.service-card-link:hover svg{transform:translateX(4px)}.service-card:hover .service-card-link{background:var(--color-white);color:var(--color-primary);box-shadow:0 4px 15px rgba(0,0,0,0.2)}.service-card:hover .service-card-link:hover{background:var(--color-white);color:var(--color-accent)}.service-card:hover .btn-outline{background:var(--color-white);color:var(--color-primary);border-color:var(--color-white);box-shadow:0 4px 15px rgba(0,0,0,0.2)}.service-card:hover .btn-outline:hover{background:transparent;color:var(--color-white);border-color:var(--color-white);box-shadow:0 4px 20px rgba(255,255,255,0.3)}.features-grid{display:flex;flex-wrap:wrap;gap:var(--space-8);justify-content:center}.features-grid>*{flex:0 1 calc(33.333% - var(--space-8));min-width:280px;max-width:380px}@media (max-width:992px){.features-grid>*{flex:0 1 calc(50% - var(--space-8))}}@media (max-width:576px){.features-grid>*{flex:0 1 100%;max-width:100%}}.tech-specs{background:var(--surface-raised);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-md);outline:1px solid var(--color-light)}.tech-specs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.tech-spec-item h4{font-size:var(--text-lg);color:var(--link);margin-bottom:var(--space-2)}.tech-spec-item p{color:var(--color-gray-600);font-size:var(--text-sm);line-height:1.6}@media (max-width:768px){.tech-specs-grid{grid-template-columns:1fr}}.feature-card{text-align:center;padding:var(--space-8);background:var(--surface-raised);border-radius:var(--radius-2xl);transition:all var(--transition-normal);box-shadow:var(--shadow-md);outline:1px solid var(--color-light)}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);outline-color:var(--link)}.feature-icon{width:90px;height:90px;background:var(--color-primary-ultra-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6);color:var(--link);font-size:var(--text-3xl)}.feature-icon svg{width:40px;height:40px;flex-shrink:0;transition:all var(--transition-normal)}.feature-icon[style*="gradient"]{color:var(--color-white)}.feature-icon[style*="gradient"]:hover,.feature-card:hover .feature-icon[style*="gradient"]{transform:scale(1.1);box-shadow:var(--shadow-glow);filter:brightness(1.1)}.feature-card:hover .feature-icon:not([style*="gradient"]){background:var(--gradient-primary);color:var(--color-white);transform:scale(1.1);box-shadow:var(--shadow-glow)}.feature-card h4,.feature-card h3,.feature-card h3.trust-title{margin-bottom:var(--space-3);font-size:var(--text-xl)}.feature-card p{font-size:var(--text-sm);color:var(--color-gray-600);margin:0}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-8);transition:all var(--transition-normal)}.glass-card:hover{background:rgba(255,255,255,0.15);transform:translateY(-5px)}.job-card{background:var(--surface-raised);border:1px solid var(--color-gray-200);padding:var(--space-6);transition:all var(--transition-normal)}.job-card:hover{border-color:var(--link);box-shadow:var(--shadow-lg)}.job-card .btn{float:right;margin-top:var(--space-4)}.job-card::after{content:"";display:table;clear:both}.job-card-badge{display:inline-block;background:var(--color-primary);color:var(--color-white);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:var(--space-2)}.job-card h3{margin-bottom:var(--space-2)}.job-card p{margin-bottom:var(--space-3);color:var(--color-gray-600)}.job-card-meta{display:flex;gap:var(--space-4);flex-wrap:wrap;font-size:var(--text-sm);color:var(--color-gray-500)}.job-card-meta span{display:flex;align-items:center;gap:var(--space-1)}.job-card-meta svg{width:14px;height:14px}.job-card .btn-primary{background:var(--gradient-primary);color:var(--color-white)}.job-card .btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.job-card-initiativ{text-align:center;background:var(--surface-alt);border-style:dashed}.job-card-initiativ .btn{float:none}.job-card-initiativ:hover{background:var(--surface-raised)}.stat-card{background:var(--surface-raised);border-radius:var(--radius-2xl);padding:var(--space-8);text-align:center;border:1px solid var(--color-gray-100);transition:all var(--transition-normal)}.stat-card:hover{border-color:var(--link);box-shadow:var(--shadow-glow-sm)}.stat-number{font-size:var(--text-5xl);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:var(--space-2)}.stat-label{font-size:var(--text-sm);color:var(--color-gray-600);text-transform:uppercase;letter-spacing:0.1em}.stats-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.stats-showcase .stat-card{padding:var(--space-6)}.stat-icon{width:48px;height:48px;margin:0 auto var(--space-4);display:flex;align-items:center;justify-content:center;background:var(--color-primary-ultra-light);border-radius:var(--radius-xl);color:var(--link);transition:all var(--transition-normal)}.stat-icon svg{width:24px;height:24px}.stat-card:hover .stat-icon{background:var(--gradient-primary);color:var(--color-white);transform:scale(1.1)}.stat-value{font-size:var(--text-2xl);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;margin-bottom:var(--space-1)}@media (max-width:768px){.stats-showcase{grid-template-columns:1fr;gap:var(--space-3)}}.stats-highlight{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-2xl);padding:var(--space-10);text-align:center;position:relative;overflow:hidden}.stats-highlight::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(0,168,138,0.1) 0%,transparent 50%);pointer-events:none}.stat-big{display:flex;align-items:baseline;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-4)}.stat-big .stat-number{font-size:clamp(4rem,8vw,6rem);font-weight:900;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:0}.stat-big .stat-unit{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--color-accent);opacity:0.8}.stats-highlight p{margin:0;color:rgba(255,255,255,0.9);font-size:var(--text-lg)}.stats-highlight p.text-sm{font-size:var(--text-sm);margin-top:var(--space-2)}.info-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-top:var(--space-8)}.info-card{background:var(--surface-raised);border-radius:var(--radius-2xl);padding:var(--space-8);text-align:center;border:1px solid var(--color-gray-100);transition:all var(--transition-normal);position:relative;overflow:hidden}.info-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:scaleX(0);transition:transform var(--transition-normal)}.info-card:hover{border-color:var(--link);box-shadow:var(--shadow-glow-sm);transform:translateY(-4px)}.info-card:hover::before{transform:scaleX(1)}.info-card-icon{width:64px;height:64px;margin:0 auto var(--space-5);display:flex;align-items:center;justify-content:center;background:var(--color-primary-ultra-light);border-radius:var(--radius-xl);color:var(--link);transition:all var(--transition-normal)}.info-card-icon svg{width:32px;height:32px}.info-card:hover .info-card-icon{background:var(--gradient-primary);color:var(--color-white);transform:scale(1.1)}.info-card h3{font-size:var(--text-lg);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-3)}.info-card p{font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.6;margin:0}@media (max-width:992px){.info-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.info-cards-grid{grid-template-columns:1fr}}.grid{display:grid;gap:var(--space-8)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-10{gap:var(--space-10)}.gap-12{gap:var(--space-12)}.services-grid{display:flex;flex-wrap:wrap;gap:var(--space-8);justify-content:center}.services-grid>*{flex:0 1 calc(33.333% - var(--space-8));min-width:300px;max-width:400px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.masonry-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(200px,auto);gap:var(--space-6)}.masonry-grid .featured{grid-column:span 2;grid-row:span 2}.promo-section{position:relative;background:var(--gradient-hero);padding:var(--space-24) 0;overflow:hidden}.promo-section .hero-grid{position:absolute;inset:0}.promo-section .hero-shapes{position:absolute;inset:0}.promo-content{position:relative;z-index:2;text-align:center;max-width:700px;margin:0 auto}.promo-content h2{font-size:var(--text-4xl);color:var(--color-white);margin-bottom:var(--space-6)}.promo-content p{font-size:var(--text-xl);color:rgba(255,255,255,0.8);margin-bottom:var(--space-10)}.promo-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-4)}.content-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-8);align-items:start}.content-grid-2col{grid-template-columns:1fr 1fr;max-width:1200px;margin:0 auto;gap:var(--space-16)}.content-text{display:flex;flex-direction:column;justify-content:flex-start;gap:var(--space-6)}.content-text h3{font-size:var(--text-2xl);margin-bottom:var(--space-6);color:var(--color-dark)}.content-text p{color:var(--color-gray-700);line-height:1.8;margin-bottom:var(--space-4)}.content-text p:last-child{margin-bottom:0}.content-features{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.content-feature{display:flex;align-items:center;gap:var(--space-3)}.content-feature svg{width:20px;height:20px;flex-shrink:0;color:var(--link)}.content-feature span{color:var(--color-dark);font-size:var(--text-base)}.feature-highlight{background:var(--surface-alt);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-normal);border:1px solid var(--color-gray-200)}.feature-highlight:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-ultra-light)}.feature-highlight-icon{width:48px;height:48px;background:var(--gradient-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.feature-highlight-icon svg{width:24px;height:24px;stroke:white}.feature-highlight h4,.feature-highlight h3{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2);color:var(--color-dark)}.feature-highlight p{font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.6;margin-bottom:0}.content-block h3{font-size:var(--text-xl);margin-bottom:var(--space-4);color:var(--color-dark)}.content-block p{color:var(--color-gray-700);line-height:1.8}.content-block ul,.content-block ol{padding-left:var(--space-6);margin:var(--space-4) 0}.content-main h2{font-size:var(--text-3xl);margin-top:var(--space-10);margin-bottom:var(--space-6)}.content-main h2:first-child{margin-top:0}.content-main h3{font-size:var(--text-xl);margin-top:var(--space-8);margin-bottom:var(--space-4)}.content-main p{color:var(--color-gray-700);line-height:1.8}.content-main ul,.content-main ol{margin:var(--space-4) 0;padding-left:var(--space-6)}.content-main li{margin-bottom:var(--space-2);color:var(--color-gray-700)}.highlight-box{background:var(--surface-alt);border-radius:var(--radius-2xl);padding:var(--space-8);margin:var(--space-8) 0;border-left:4px solid var(--color-primary)}.highlight-box h3{margin-top:0;margin-bottom:var(--space-4)}.highlight-box p:last-child{margin-bottom:0}.check-list{list-style:none;padding:0}.check-list li{position:relative;padding-left:var(--space-8);margin-bottom:var(--space-3)}.check-list li::before{content:'';position:absolute;left:0;top:0;width:24px;height:24px;background:var(--color-primary-ultra-light);border-radius:50%;display:flex;align-items:center;justify-content:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23004d43' stroke-width='3'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size:12px;background-repeat:no-repeat;background-position:center}.sidebar{display:flex;flex-direction:column;gap:var(--space-6)}.sidebar-card{background:var(--surface-raised);border-radius:var(--radius-2xl);padding:var(--space-6);border:1px solid var(--color-gray-100);box-shadow:var(--shadow-md)}.sidebar-card h3{font-size:var(--text-lg);margin-bottom:var(--space-4)}.sidebar-card ul{list-style:none;padding:0;margin:0}.sidebar-card li{margin-bottom:var(--space-2)}.sidebar-card li a{color:var(--color-gray-700);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;transition:all var(--transition-fast)}.sidebar-card li a:hover{color:var(--link);transform:translateX(5px)}.sidebar-promo{background:var(--gradient-primary);color:var(--color-white);border:none}.sidebar-promo h3{color:var(--color-white)}.sidebar-promo p{color:rgba(255,255,255,0.9)}.faq-grid{width:100%;display:flex;flex-direction:column;gap:var(--space-4)}.faq-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}@media (max-width:743px){.faq-list{grid-template-columns:1fr}}.faq-item{background:var(--surface-raised);border-radius:0;border:1px solid var(--color-gray-200);overflow:hidden;transition:all var(--transition-normal);position:relative}.faq-item::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:var(--gradient-primary-accent);opacity:0;transition:opacity var(--transition-fast)}.faq-item:hover{border-color:var(--color-gray-300);box-shadow:0 4px 20px rgba(0,77,67,0.08)}.faq-item:hover::before{opacity:1}.faq-item.is-open{border-color:var(--link);box-shadow:0 8px 30px rgba(0,77,67,0.12)}.faq-item.is-open::before{opacity:1}.faq-question{width:100%;padding:var(--space-5) var(--space-6);padding-left:var(--space-8);background:none;border:none;text-align:left;font-family:var(--font-primary);font-size:var(--text-base);font-weight:600;color:var(--color-dark);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);transition:all var(--transition-fast)}.faq-question:hover,.faq-question:focus-visible{color:var(--link)}.faq-question:focus-visible{outline:2px solid var(--link);outline-offset:-2px}.faq-question svg{width:24px;height:24px;flex-shrink:0;transition:all var(--transition-normal);color:var(--color-gray-400);background:var(--surface-sunken);padding:4px;border-radius:50%}.faq-item:hover .faq-question svg,.faq-question:focus-visible svg{background:rgba(0,77,67,0.1);color:var(--link)}.faq-item.is-open .faq-question svg{transform:rotate(45deg);background:var(--color-primary);color:var(--color-white)}.faq-item.is-open .faq-question{color:var(--link)}.faq-answer{max-height:0;overflow:hidden;transition:all var(--transition-normal)}.faq-item.is-open .faq-answer{max-height:500px}.faq-answer p{padding:0 var(--space-6) var(--space-6);padding-left:var(--space-8);color:var(--color-gray-600);margin:0;line-height:1.7;border-top:1px solid var(--color-gray-100);padding-top:var(--space-4)}.bg-gradient-subtle{background:linear-gradient(180deg,var(--surface-page) 0%,var(--surface-sunken) 100%)}.project-highlight-card{background:var(--surface-raised);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:0 4px 20px rgba(0,0,0,0.08);border:1px solid var(--color-gray-200)}.project-badge{display:inline-block;background:var(--gradient-primary);color:var(--color-white);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:var(--space-4)}.project-highlight-card h3{font-size:var(--text-xl);color:var(--color-dark);margin-bottom:var(--space-4)}.project-highlight-card p{color:var(--color-gray-600);line-height:1.8;margin-bottom:var(--space-4)}.project-result{background:var(--color-primary-ultra-light);padding:var(--space-4);border-radius:var(--radius-lg);border-left:4px solid var(--color-primary)}.project-result strong{color:var(--link)}.reasons-card{background:var(--surface-raised);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:0 4px 20px rgba(0,0,0,0.08);border:1px solid var(--color-gray-200)}.reasons-card h4{font-size:var(--text-lg);color:var(--color-dark);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:2px solid var(--color-primary-ultra-light)}.reasons-list{list-style:none;padding:0;margin:0}.reasons-list li{padding:var(--space-4) 0;border-bottom:1px solid var(--color-gray-100)}.reasons-list li:last-child{border-bottom:none}.reasons-list li strong{display:block;color:var(--link);font-size:var(--text-base);margin-bottom:var(--space-2)}.reasons-list li p{color:var(--color-gray-600);font-size:var(--text-sm);line-height:1.6;margin:0}.zusatz-fakt{display:flex;align-items:flex-start;gap:var(--space-4);background:linear-gradient(135deg,var(--color-primary-ultra-light) 0%,var(--surface-raised) 100%);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:0 2px 12px rgba(0,0,0,0.06);border:1px solid var(--color-primary-light);border-left:4px solid var(--color-primary)}.content-visual .zusatz-fakt{margin-top:0}.fakt-icon{flex-shrink:0;width:40px;height:40px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-white)}.zusatz-fakt p{margin:0;color:var(--color-gray-600);line-height:1.7}.zusatz-fakt strong{color:var(--color-dark)}.form-group{margin-bottom:var(--space-5)}.form-group label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--color-dark);margin-bottom:var(--space-2)}.form-group input:not([type="checkbox"]),.form-group select,.form-group textarea{width:100%;padding:var(--space-4);font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-dark);min-height:52px;box-sizing:border-box}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface-raised) var(--select-arrow) no-repeat right var(--space-4) center;padding-right:var(--space-10);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer}.form-group input:not([type="checkbox"]):focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--link);box-shadow:0 0 0 4px var(--color-primary-ultra-light)}.form-group input:not([type="checkbox"])::placeholder,.form-group textarea::placeholder{color:var(--color-gray-400)}.checkbox-label{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer;font-weight:400;line-height:1.5}.checkbox-label input[type="checkbox"]{flex-shrink:0;width:20px;height:20px;margin-top:3px;cursor:pointer;accent-color:var(--link)}.contact-form .btn{width:100%;justify-content:center}.footer{background:var(--color-anthracite-dark);color:var(--color-white);position:relative;overflow:hidden}.footer::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 0%,rgba(0,77,67,0.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(0,168,138,0.1) 0%,transparent 50%);pointer-events:none}.footer-top{background:var(--color-primary);padding:var(--space-16) 0;position:relative}.footer-top::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-line);background-size:400px 100%;animation:gradientFlow 4s linear infinite}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8);max-width:1100px;margin:0 auto}.pricing-card{background:var(--surface-raised);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg);border:2px solid var(--color-gray-100);display:flex;flex-direction:column;transition:all var(--transition-normal);position:relative}.pricing-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl);border-color:var(--link)}.pricing-card-featured{border-color:var(--link);background:linear-gradient(135deg,var(--surface-raised) 0%,rgba(0,168,138,0.03) 100%)}.pricing-badge{position:absolute;top:calc(-1 * var(--space-3));left:50%;transform:translateX(-50%);background:var(--gradient-primary);color:var(--color-white);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:0.5px}.pricing-header{text-align:center;margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-gray-100)}.pricing-header h3{font-size:var(--text-xl);font-weight:700;color:var(--color-dark);margin-bottom:var(--space-2)}.pricing-header p{color:var(--color-gray-600);font-size:var(--text-sm)}.pricing-price{margin:var(--space-4) 0;display:flex;align-items:baseline;justify-content:center;gap:var(--space-1)}.price-amount{font-size:var(--text-4xl);font-weight:800;color:var(--link);line-height:1}.price-currency{font-size:var(--text-lg);color:var(--color-gray-600);font-weight:500}.pricing-features{list-style:none;padding:0;margin:0 0 var(--space-8) 0;flex-grow:1}.pricing-features li{padding:var(--space-3) 0;color:var(--color-gray-700);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--color-gray-50)}.pricing-features li:last-child{border-bottom:none}.pricing-features li::before{content:'';width:20px;height:20px;background:var(--color-primary-ultra-light);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300a88a' stroke-width='3'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size:12px;background-repeat:no-repeat;background-position:center}.pricing-features li svg{display:none}.pricing-card .btn-block{width:100%;margin-top:auto}.pricing-note{text-align:center;margin-top:var(--space-8);padding:var(--space-6);background:var(--color-primary-ultra-light);border-radius:var(--radius-xl);border-left:4px solid var(--color-primary);grid-column:1 / -1}.pricing-note p{margin:0;color:var(--color-gray-700);font-size:var(--text-sm);line-height:1.7}.pricing-note p strong{color:var(--link)}@media (max-width:768px){.pricing-grid{grid-template-columns:1fr;max-width:400px}}.comparison-wrapper{max-width:1000px;margin:0 auto}.comparison-table{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-10)}.comparison-column{background:var(--surface-raised);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);transition:all var(--transition-normal)}.comparison-column:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.comparison-column-header{padding:var(--space-5) var(--space-6);display:flex;align-items:center;gap:var(--space-4);position:relative}.comparison-column-woo .comparison-column-header{background:linear-gradient(135deg,#96588a 0%,#7a4872 100%)}.comparison-column-sw .comparison-column-header{background:linear-gradient(135deg,#189eff 0%,#0070d4 100%)}.comparison-column-mage-os .comparison-column-header{background:linear-gradient(135deg,#f26322 0%,#d45218 100%)}.comparison-column-adobe .comparison-column-header{background:linear-gradient(135deg,#eb1000 0%,#c00d00 100%)}.comparison-column-header img{width:48px;height:48px;object-fit:contain;filter:brightness(0) invert(1)}.comparison-column-header h3{color:white;font-size:var(--text-xl);font-weight:700;margin:0}.comparison-column-body{padding:var(--space-6)}.comparison-list{list-style:none;padding:0;margin:0;background:var(--color-gray-50);border-radius:var(--radius-lg);padding:var(--space-4)}.comparison-list li{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;font-size:var(--text-sm);color:var(--color-gray-700);border-bottom:1px solid var(--color-gray-200)}.comparison-list li:last-child{border-bottom:none}.comparison-list li::before{content:'';width:20px;height:20px;min-width:20px;border-radius:50%;margin-top:1px;background-size:12px;background-position:center;background-repeat:no-repeat}.comparison-list li.pro::before{background-color:rgba(16,185,129,0.15);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310b981' stroke-width='3'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E")}.comparison-list li.neutral::before{background-color:rgba(251,191,36,0.15);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f59e0b' stroke-width='3'%3E%3Ccircle cx='12' cy='12' r='4'%3E%3C/circle%3E%3C/svg%3E")}.comparison-list li.con::before{background-color:rgba(239,68,68,0.1);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ef4444' stroke-width='3'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E")}.comparison-ideal-box{background:var(--color-gray-50);border-radius:var(--radius-lg);padding:var(--space-4);margin-top:var(--space-4)}.comparison-ideal-box strong{display:block;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:0.05em;color:var(--color-gray-500);margin-bottom:var(--space-2)}.comparison-ideal-box p{font-size:var(--text-sm);color:var(--text);margin:0;font-weight:500}.comparison-recommendation{background:linear-gradient(135deg,var(--color-gray-50) 0%,var(--surface-raised) 100%);border:2px solid var(--color-gray-100);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center}.comparison-recommendation-icon{width:56px;height:56px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.comparison-recommendation-icon svg{width:28px;height:28px;color:white}.comparison-recommendation h4{font-size:var(--text-lg);color:var(--color-anthracite);margin:0 0 var(--space-3)}.comparison-recommendation p{color:var(--color-gray-600);margin:0 0 var(--space-5);max-width:500px;margin-left:auto;margin-right:auto}@media (max-width:768px){.comparison-table{grid-template-columns:1fr}}.footer-promo{background:var(--color-anthracite);padding:var(--space-20) 0;text-align:center;position:relative;overflow:hidden}.footer-promo::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 100%,rgba(0,168,138,0.25) 0%,transparent 60%);pointer-events:none}.plexus-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.footer-promo-content{position:relative;z-index:3;max-width:800px;margin:0 auto}.footer-promo-content::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150%;height:170%;background:radial-gradient(ellipse at center,rgba(45,45,45,1) 0%,rgba(45,45,45,0.85) 30%,rgba(45,45,45,0.4) 55%,transparent 70%);pointer-events:none;z-index:2}.footer-promo-content>*{position:relative;z-index:3}.promo-badge{display:inline-block;background:rgba(0,168,138,0.2);color:var(--color-accent-light);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;letter-spacing:0.05em;text-transform:uppercase;margin-bottom:var(--space-6);border:1px solid rgba(0,168,138,0.3)}.footer-promo h2{color:white;font-size:var(--text-4xl);margin-bottom:var(--space-4);line-height:1.2}.promo-highlight{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-promo p{color:rgba(255,255,255,0.7);font-size:var(--text-lg);margin-bottom:var(--space-8);max-width:600px;margin-left:auto;margin-right:auto}.promo-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-8)}.btn-outline-light{background:transparent;color:white;border:1px solid rgba(255,255,255,0.5)}.btn-outline-light:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.5);color:white}.footer-promo .btn-outline-light,.hero .btn-outline-light{background:transparent;color:white;border:1px solid rgba(255,255,255,0.5)}.footer-promo .btn-outline-light svg,.hero .btn-outline-light svg{stroke:white}.footer-promo .btn-outline-light:hover,.hero .btn-outline-light:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.5);color:white}.promo-trust{display:flex;gap:var(--space-6);justify-content:center;flex-wrap:wrap}.promo-trust-item{display:flex;align-items:center;gap:var(--space-2);color:rgba(255,255,255,0.6);font-size:var(--text-sm)}.promo-trust-item svg{color:var(--color-accent)}.footer-main{padding:var(--space-16) 0;position:relative;z-index:1}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,0.8fr) 1.4fr;gap:var(--space-6);align-items:start}.footer-brand{padding-right:var(--space-8)}.footer-brand .logo,.footer-brand .footer-logo{display:block;margin-bottom:var(--space-10)}.footer-brand-text{color:rgba(255,255,255,0.7);font-size:var(--text-sm);line-height:1.8;margin-bottom:var(--space-6)}.footer-contact-info{display:flex;flex-direction:column;gap:var(--space-3)}.footer-contact-item{display:flex;align-items:center;gap:var(--space-3);color:rgba(255,255,255,0.85);font-size:var(--text-sm);transition:color var(--transition-fast)}.footer-contact-item:hover{color:var(--color-accent)}.footer-contact-item svg{width:18px;height:18px;color:var(--color-accent);flex-shrink:0}.footer-social{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.footer-social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(255,255,255,0.1);border-radius:50%;color:rgba(255,255,255,0.7);transition:all var(--transition-fast)}.footer-social a:hover{background:var(--color-accent);color:var(--color-white);transform:translateY(-2px)}.footer-social svg{width:18px;height:18px}.footer-badge-germany{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-6);padding:var(--space-2) var(--space-4);background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-full);color:rgba(255,255,255,0.8);font-size:var(--text-xs);font-weight:500}.footer-badge-germany svg{width:16px;height:16px;color:var(--color-accent)}.footer-contact-form{background:rgba(255,255,255,0.03);padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,0.05)}.footer-contact-form h4{color:var(--color-white);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:0.15em;margin-bottom:var(--space-3)}.footer-contact-form>p{color:rgba(255,255,255,0.6);font-size:var(--text-sm);margin-bottom:var(--space-4);line-height:1.6}.contact-form-mini{display:flex;flex-direction:column;gap:var(--space-3)}.contact-form-mini input,.contact-form-mini textarea{width:100%;padding:var(--space-4) var(--space-4);min-height:48px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-md);color:var(--color-white);font-size:var(--text-sm);font-family:inherit;transition:all var(--transition-fast);resize:none}.contact-form-mini input::placeholder,.contact-form-mini textarea::placeholder{color:rgba(255,255,255,0.4)}.contact-form-mini input:focus,.contact-form-mini textarea:focus{outline:none;border-color:var(--color-accent);background:rgba(255,255,255,0.15)}.contact-form-mini .hp-field{position:absolute;left:-9999px;opacity:0;height:0;width:0}.contact-form-mini .btn-block{width:100%;justify-content:center;gap:var(--space-2)}.contact-form-hint{color:rgba(255,255,255,0.4)!important;font-size:var(--text-xs)!important;margin-top:var(--space-3)!important;margin-bottom:0!important}.footer-region-row{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-top:var(--space-6);margin-top:var(--space-6);border-top:1px solid rgba(255,255,255,0.08);justify-content:center}.footer-region-row a{display:inline-block;padding:6px 14px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-full);color:rgba(255,255,255,0.6);font-size:var(--text-xs);transition:all var(--transition-fast)}.footer-region-row a:hover{background:rgba(255,255,255,0.1);border-color:var(--color-accent);color:var(--color-accent)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:calc(var(--header-height) + var(--space-10)) var(--space-6) var(--space-10);background:var(--gradient-dark)}.login-container{width:100%;max-width:480px}.login-card{background:var(--surface-raised);border-radius:var(--radius-2xl);padding:var(--space-10);box-shadow:0 25px 50px rgba(0,0,0,0.3)}.login-header{text-align:center;margin-bottom:var(--space-8)}.login-icon{width:80px;height:80px;margin:0 auto var(--space-5);background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center}.login-icon svg{width:40px;height:40px;color:var(--color-white)}.login-header h1{font-size:var(--text-2xl);font-weight:700;color:var(--color-dark);margin-bottom:var(--space-2)}.login-header p{color:var(--color-gray-500);font-size:var(--text-base)}.login-form .form-group{margin-bottom:var(--space-5)}.login-form label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--color-dark);margin-bottom:var(--space-2)}.login-form input{width:100%;padding:var(--space-4);font-size:var(--text-base);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);background:var(--surface-raised);transition:all var(--transition-fast)}.login-form input:focus{outline:none;border-color:var(--link);box-shadow:0 0 0 4px var(--color-primary-ultra-light)}.login-form input::placeholder{color:var(--color-gray-400)}.btn-full{width:100%;justify-content:center}.login-help{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-gray-200);text-align:center}.login-help p:first-child{font-weight:600;color:var(--color-dark);margin-bottom:var(--space-2)}.login-help p:last-child{font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.6}.login-help a{color:var(--link);font-weight:500}.login-help a:hover{text-decoration:underline}.login-features{margin-top:var(--space-6);padding:var(--space-5);background:var(--surface-alt);border-radius:var(--radius-lg)}.login-features h3{font-size:var(--text-sm);font-weight:600;color:var(--color-dark);margin-bottom:var(--space-4)}.login-features ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.login-features li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-gray-600)}.login-features li svg{width:18px;height:18px;color:var(--link);flex-shrink:0}.login-back{margin-top:var(--space-6);text-align:center}.login-back a{display:inline-flex;align-items:center;gap:var(--space-2);color:rgba(255,255,255,0.7);font-size:var(--text-sm);transition:color var(--transition-fast)}.login-back a:hover{color:var(--color-white)}.login-back svg{width:18px;height:18px}.footer-simple-page{background:var(--surface-dark);padding:var(--space-6) 0}.footer-simple-inner{display:flex;justify-content:space-between;align-items:center;color:rgba(255,255,255,0.5);font-size:var(--text-sm)}.footer-simple-links{display:flex;gap:var(--space-6)}.footer-simple-links a{color:rgba(255,255,255,0.5);transition:color var(--transition-fast)}.footer-simple-links a:hover{color:var(--color-white)}@media (max-width:576px){.login-card{padding:var(--space-6)}.login-features ul{grid-template-columns:1fr}.footer-simple-inner{flex-direction:column;gap:var(--space-3);text-align:center}}.header-login.active{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.4);color:var(--color-white)}.page-header{padding:var(--space-20) 0 var(--space-12);text-align:center}.page-header h1{color:var(--color-white);margin-bottom:var(--space-4)}.page-header .lead{color:rgba(255,255,255,0.7);font-size:var(--text-xl);margin:0}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-12);align-items:start}.contact-info-box h2{margin-bottom:var(--space-4)}.contact-info-box>p{color:var(--color-gray-600);margin-bottom:var(--space-8)}.contact-methods{display:flex;flex-direction:column;gap:var(--space-6)}.contact-method{display:flex;gap:var(--space-4);align-items:flex-start}.contact-method-icon{width:48px;height:48px;background:var(--gradient-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-method-icon svg{width:24px;height:24px;color:var(--color-white)}.contact-method h4{font-size:var(--text-sm);color:var(--color-gray-500);margin-bottom:var(--space-1);font-weight:500}.contact-method a,.contact-method address{color:var(--color-dark);font-size:var(--text-base);font-style:normal;line-height:1.6}.contact-method a:hover{color:var(--link)}.contact-form-box{background:var(--surface-raised);padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.contact-form .form-group{margin-bottom:var(--space-4)}.contact-form label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-dark);margin-bottom:var(--space-2)}.contact-form input:not([type="checkbox"]),.contact-form textarea{width:100%;padding:var(--space-3) var(--space-4);background:var(--surface-alt);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--text-base);font-family:inherit;transition:all var(--transition-fast)}.contact-form input:not([type="checkbox"]):focus,.contact-form textarea:focus{outline:none;border-color:var(--link);background:var(--surface-raised);box-shadow:0 0 0 3px var(--color-primary-ultra-light)}.contact-form textarea{resize:vertical;min-height:120px}.contact-form .hp-field{position:absolute;left:-9999px;opacity:0}.contact-form .form-hint{font-size:var(--text-sm);color:var(--color-gray-500);margin-top:var(--space-4);margin-bottom:0}.alert{display:flex;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.alert svg{width:24px;height:24px;flex-shrink:0}.alert strong{display:block;margin-bottom:var(--space-1)}.alert p{margin:0;font-size:var(--text-sm)}.alert-success{background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.2);color:#065f46}.alert-success svg{color:var(--color-success)}.alert-error{background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.2);color:#991b1b}.alert-error svg{color:var(--color-danger)}.footer-simple{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) 0}.footer-simple .footer-links{display:flex;gap:var(--space-6)}.footer-simple .footer-links a{color:rgba(255,255,255,0.6);font-size:var(--text-sm)}.footer-simple .footer-links a:hover{color:var(--color-white)}.footer-simple .footer-copyright{color:rgba(255,255,255,0.4);font-size:var(--text-sm);margin:0}@media (max-width:743px){.contact-grid{grid-template-columns:1fr;gap:var(--space-8)}.contact-form .form-row{grid-template-columns:1fr}.footer-simple{flex-direction:column;gap:var(--space-4);text-align:center}}.karriere-badge{display:inline-block;padding:2px 8px;background:var(--color-accent);color:var(--color-white)!important;font-size:10px;font-weight:600;border-radius:var(--radius-full);animation:pulse 2s ease-in-out infinite;vertical-align:middle;margin-left:var(--space-2)}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.7}}.footer-support-link{display:inline-flex;align-items:center;gap:var(--space-2)}.footer-support-link svg{flex-shrink:0}.footer-language{display:flex;gap:var(--space-3);margin-right:80px}.lang-link{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);color:rgba(255,255,255,0.5);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast)}.lang-link:hover{color:var(--color-white);background:rgba(255,255,255,0.1)}.lang-link.active{color:var(--color-white);background:rgba(0,168,138,0.2)}.lang-flag{font-size:1.1em}.footer-cookie-btn{background:none;border:none;color:rgba(255,255,255,0.5);font-size:var(--text-sm);cursor:pointer;transition:color var(--transition-fast)}.footer-cookie-btn:hover{color:var(--color-accent)}.fixed-action-buttons{position:fixed;bottom:var(--space-10);right:var(--space-10);display:flex;flex-direction:column;gap:var(--space-3);z-index:1000;transition:transform 0.3s ease;will-change:transform}.fixed-btn{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all var(--transition-fast);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.fixed-btn svg{width:24px;height:24px}.fixed-btn-call{background:rgba(255,255,255,0.95);color:var(--color-primary);box-shadow:0 4px 20px rgba(0,0,0,0.15)}.fixed-btn-call:hover{background:rgba(255,255,255,1);color:var(--color-primary-dark);transform:scale(1.1);box-shadow:0 6px 25px rgba(0,0,0,0.2)}.fixed-btn-scroll{background:rgba(0,77,67,0.9);color:var(--color-white);box-shadow:0 4px 20px rgba(0,77,67,0.3);opacity:0;visibility:hidden}.fixed-btn-scroll.visible{opacity:1;visibility:visible}.fixed-btn-scroll:hover{background:rgba(0,77,67,1);transform:scale(1.1);box-shadow:0 6px 25px rgba(0,77,67,0.5)}@media (max-width:743px){.fixed-action-buttons{bottom:var(--space-6);right:var(--space-6)}.fixed-btn{width:48px;height:48px}.fixed-btn svg{width:20px;height:20px}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:var(--glass-panel);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid rgba(255,255,255,0.3);box-shadow:0 -4px 30px rgba(0,0,0,0.1);transform:translateY(100%);opacity:0;visibility:hidden;transition:all 0.3s ease}.cookie-banner.active{transform:translateY(0);opacity:1;visibility:visible}.cookie-banner-inner{max-width:1400px;margin:0 auto;padding:var(--space-4) var(--space-6);display:flex;align-items:stretch;gap:var(--space-5)}.cookie-content{flex:0 0 220px;display:flex;flex-direction:column;justify-content:center}.cookie-content h3{color:var(--color-dark);font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-1)}.cookie-content>p{color:var(--color-gray-700);font-size:var(--text-xs);line-height:1.5;margin-bottom:0}.cookie-content>p a{color:var(--link);text-decoration:underline;font-weight:500}.cookie-content>p a:hover{text-decoration:underline}.cookie-options{flex:1;display:flex;align-items:stretch;gap:var(--space-2)}.cookie-option{flex:1;display:flex;align-items:center;gap:var(--space-3);cursor:pointer;padding:var(--space-3) var(--space-4);background:var(--menu-item);border-radius:var(--radius-md);border:1px solid var(--border-subtle);transition:all var(--transition-fast)}.cookie-option:hover{border-color:var(--border-strong);background:var(--menu-item-hover)}.cookie-option:has(input:checked){border-color:var(--link);background:var(--primary-tint)}.cookie-option:has(input:checked) .cookie-option-content strong{color:var(--link)}.cookie-option input[type="checkbox"]{appearance:none;-webkit-appearance:none;width:36px;height:20px;background:var(--color-gray-300);border-radius:var(--radius-full);position:relative;cursor:pointer;transition:background 0.2s ease;flex-shrink:0}.cookie-option input[type="checkbox"]::before{content:'';position:absolute;width:16px;height:16px;border-radius:50%;background:var(--surface-raised);top:2px;left:2px;transition:transform 0.2s ease;box-shadow:0 1px 3px rgba(0,0,0,0.2)}.cookie-option input[type="checkbox"]:checked{background:var(--color-primary)}.cookie-option input[type="checkbox"]:checked::before{transform:translateX(16px)}.cookie-option input[type="checkbox"]:disabled{opacity:0.5;cursor:not-allowed}.cookie-option-content{display:flex;flex-direction:column;gap:2px}.cookie-option-content strong{color:var(--color-dark);font-size:var(--text-sm);font-weight:600;transition:color 0.2s ease}.cookie-option-content span{color:var(--color-gray-500);font-size:var(--text-xs);line-height:1.4}.cookie-actions{flex:0 0 auto;display:flex;align-items:stretch;gap:var(--space-2)}.cookie-actions-secondary{display:flex;flex-direction:column;gap:var(--space-2)}.cookie-actions-secondary .btn{flex:1;padding:var(--space-2) var(--space-4);font-size:var(--text-xs);border-color:var(--link);color:var(--link)}.cookie-actions-secondary .btn:hover{background:var(--primary-tint);border-color:var(--link);color:var(--link)}.cookie-actions>.btn{padding:var(--space-3) var(--space-5);font-size:var(--text-sm);white-space:nowrap;display:flex;align-items:center}.btn-outline-light{background:transparent;border:1px solid var(--color-gray-300);color:var(--color-gray-600)}.btn-outline-light:hover{background:var(--surface-sunken);border-color:var(--color-gray-400);color:var(--color-dark)}@media (max-width:1100px){.cookie-option-content span{display:none}}@media (max-width:900px){.cookie-banner-inner{flex-wrap:wrap;padding:var(--space-4)}.cookie-content{flex:1 1 100%;text-align:center;margin-bottom:var(--space-2)}.cookie-options{flex:1 1 auto}.cookie-actions{flex:0 0 auto}}@media (max-width:600px){.cookie-banner-inner{gap:var(--space-3)}.cookie-options{width:100%;justify-content:center;flex-wrap:wrap}.cookie-option{flex:0 1 auto;padding:var(--space-2) var(--space-3);min-width:90px}.cookie-option-label{font-size:var(--text-xs)}.cookie-actions{width:100%;flex-direction:row}.cookie-actions-secondary{flex:1;flex-direction:row}.cookie-actions-secondary .btn,.cookie-actions>.btn{flex:1;justify-content:center;padding:var(--space-3) var(--space-3);font-size:var(--text-xs)}}.footer-column h4,.footer-title{color:var(--color-white);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:0.15em;margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-primary);display:inline-block}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column li{margin-bottom:var(--space-3)}.footer-column a{color:rgba(255,255,255,0.85);font-size:var(--text-sm);transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--space-2);position:relative}.footer-column a::before{content:'';position:absolute;left:0;bottom:-2px;width:0;height:1px;background:var(--color-accent);transition:width var(--transition-fast)}.footer-column a:hover{color:var(--color-white)}.footer-column a:hover::before{width:100%}.footer-badges{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}.footer-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-md);font-size:var(--text-xs);color:rgba(255,255,255,0.7)}.footer-badge svg{width:14px;height:14px;color:var(--color-accent)}.footer-bottom{background:rgba(0,0,0,0.3);padding:var(--space-6) 0 calc(var(--space-6) + 60px);position:relative;z-index:1}.footer-bottom-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.footer-copyright-wrap{display:flex;flex-direction:column}.footer-copyright{color:rgba(255,255,255,0.5);font-size:var(--text-sm);margin:0}.footer-trademark{color:rgba(255,255,255,0.35);font-size:var(--text-xs);margin:var(--space-1) 0 0 0}.footer-legal{display:flex;gap:var(--space-6)}.footer-legal a{color:rgba(255,255,255,0.5);font-size:var(--text-sm);transition:color var(--transition-fast)}.footer-legal a:hover{color:var(--color-accent)}.footer-line{height:4px;background:var(--gradient-line);background-size:300% 100%;animation:gradientMove 8s linear infinite}@keyframes gradientMove{0%{background-position:0% 50%}100%{background-position:300% 50%}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.reveal{opacity:0;transform:translateY(30px);transition:all 0.8s var(--ease-smooth);will-change:transform,opacity}.reveal.active{opacity:1;transform:translateY(0)}.hero .reveal,.hero-content.reveal{opacity:1;transform:none}.reveal-left{opacity:0;transform:translateX(-50px);transition:all 0.8s var(--ease-smooth);will-change:transform,opacity}.reveal-left.active{opacity:1;transform:translateX(0)}.reveal-right{opacity:0;transform:translateX(50px);transition:all 0.8s var(--ease-smooth);will-change:transform,opacity}.reveal-right.active{opacity:1;transform:translateX(0)}.reveal-scale{opacity:0;transform:scale(0.8);transition:all 0.8s var(--ease-smooth)}.reveal-scale.active{opacity:1;transform:scale(1)}.stagger-1{transition-delay:0.1s}.stagger-2{transition-delay:0.2s}.stagger-3{transition-delay:0.3s}.stagger-4{transition-delay:0.4s}.stagger-5{transition-delay:0.5s}.stagger-6{transition-delay:0.6s}@media (max-width:1200px){.footer-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.footer-brand{grid-column:span 3;padding-right:0;margin-bottom:var(--space-4);padding-bottom:var(--space-8);border-bottom:1px solid rgba(255,255,255,0.1)}.footer-contact-form{grid-column:span 2;margin-bottom:var(--space-4)}.footer-contact-info{flex-direction:row;flex-wrap:wrap;gap:var(--space-6)}}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.content-grid-2col{grid-template-columns:1fr;gap:var(--space-10)}.content-features{grid-template-columns:repeat(2,1fr)}.sidebar{display:grid;grid-template-columns:repeat(2,1fr)}.mega-menu{width:480px}.footer-column-tech{display:none}.services-grid>*{flex:0 1 calc(50% - var(--space-8))}}@media (min-width:744px) and (max-width:1023px){.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-6)}.footer-brand{grid-column:1;grid-row:1;padding-right:var(--space-4);border-bottom:none;margin-bottom:0;padding-bottom:0}.footer-contact-form{grid-column:2;grid-row:1}.footer-column:nth-of-type(2){grid-column:1;grid-row:2}.footer-column:nth-of-type(4){grid-column:2;grid-row:2}.footer-column:nth-of-type(3){grid-column:1;grid-row:3}}@media (min-width:1024px) and (max-width:1199px){.footer-grid{grid-template-columns:repeat(6,1fr);gap:var(--space-6)}.footer-brand{grid-column:1 / 4;grid-row:1;padding-right:var(--space-4);border-bottom:none;margin-bottom:0;padding-bottom:0}.footer-contact-form{grid-column:4 / 7;grid-row:1}.footer-column:nth-of-type(2){grid-column:1 / 3;grid-row:2}.footer-column:nth-of-type(3){grid-column:3 / 5;grid-row:2}.footer-column:nth-of-type(4){grid-column:5 / 7;grid-row:2}}@media (max-width:1130px){:root{--header-height:52px}.header .logo{padding:var(--space-2)}.header .logo img{height:44px}.header .logo::before{inset:-6px;border-radius:0}.nav-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;height:100vh;height:100dvh;background:rgba(45,45,45,0.85);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);z-index:998;opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.nav-backdrop.active{opacity:1;visibility:visible}.nav-main{position:fixed;top:0;left:0;right:0;bottom:0;height:100vh;height:100dvh;background:transparent;flex-direction:column;justify-content:flex-start;padding:calc(var(--header-height) + 70px) var(--space-6) 120px;transform:translateX(100%);transition:transform var(--transition-normal);z-index:999;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.nav-main.active{transform:translateX(0)}.header .logo{position:relative;z-index:1001}.nav-list{flex-direction:column;width:100%;gap:var(--space-2)}.nav-item>.nav-link{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);font-size:var(--text-base);background:rgba(255,255,255,0.06);border-radius:var(--radius-md);border:none}.nav-item>.nav-link:hover,.nav-item>.nav-link:active{background:rgba(255,255,255,0.1)}.nav-link::after{display:none}.header-login{margin:var(--space-6) 0 0;width:100%;justify-content:center;padding:var(--space-3) var(--space-4);background:rgba(255,255,255,0.06);border-radius:var(--radius-md)}.header-login:hover,.header-login:active{background:rgba(255,255,255,0.1)}.header-action{margin:var(--space-2) 0 0;width:100%}.header-action .btn{width:100%;justify-content:center}.lang-switch{margin:var(--space-2) 0 0;width:100%;justify-content:center;background:rgba(255,255,255,0.1);border-radius:var(--radius-full);padding:3px;border:1px solid rgba(255,255,255,0.15)}.lang-switch-option{flex:1;justify-content:center;padding:8px var(--space-4);border-radius:var(--radius-full)}.lang-switch-option.active{background:var(--color-white);color:var(--color-primary);box-shadow:0 2px 8px rgba(0,0,0,0.15)}.nav-toggle{display:flex}.nav-dropdown{display:none}.mega-menu{position:static;width:100%;max-height:0;overflow:hidden;opacity:1;visibility:visible;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border-radius:0;border:none;padding:0;margin:0;transition:max-height 0.3s ease,padding 0.3s ease;transform:none;left:auto;pointer-events:auto}.mega-menu.mobile-open{max-height:2000px;padding:var(--space-3) 0 0 0;margin-top:var(--space-2)}.mega-menu .mega-menu-link{pointer-events:auto;cursor:pointer}.mega-menu-grid{display:flex;flex-direction:column;gap:var(--space-3);padding-bottom:var(--space-4)}.mega-menu-section{margin-bottom:var(--space-4)}.mega-menu-section:last-child{margin-bottom:0}.mega-menu-section-full{border-top:1px solid rgba(255,255,255,0.1);padding-top:var(--space-4);margin-top:var(--space-2);margin-bottom:0}.mega-menu-integrations{display:flex;flex-direction:column;gap:0}.mega-menu-integrations .mega-menu-link{margin-bottom:var(--space-2)}.mega-menu-section h4,.mega-menu-title{font-size:var(--text-xs);margin-bottom:var(--space-3);padding:0;color:rgba(255,255,255,0.4);text-transform:uppercase;letter-spacing:0.1em}.mega-menu-link{display:flex;align-items:center;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);gap:var(--space-3);background:rgba(255,255,255,0.06);margin-bottom:var(--space-2);border:none}.mega-menu-link:last-child{margin-bottom:0}.mega-menu-icon{width:40px;height:40px;border-radius:var(--radius-md);flex-shrink:0;background:var(--gradient-primary)}.mega-menu-icon svg{width:20px;height:20px;color:white}.mega-menu-content h5{font-size:var(--text-base);color:var(--color-white);margin-bottom:2px}.mega-menu-content p{font-size:var(--text-xs);color:rgba(255,255,255,0.5);margin:0}.mega-menu-link:hover,.mega-menu-link:active{background:rgba(255,255,255,0.1)}#nav-leistungen{flex-direction:column;align-items:stretch}#nav-leistungen>.nav-link{display:flex;justify-content:space-between;align-items:center}#nav-leistungen>.nav-link svg{transition:transform 0.3s ease}#nav-leistungen.mobile-expanded>.nav-link svg{transform:rotate(180deg)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:var(--text-5xl)}.hero-stats{flex-wrap:wrap;gap:var(--space-6)}.hero-stat{flex:1 1 calc(50% - var(--space-3))}.hero-action{justify-content:center}.hero-badges{justify-content:center}.hero-stats{justify-content:center}.page-header h1{font-size:var(--text-3xl)}.section-header h2{font-size:var(--text-3xl)}.sidebar{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-6)}.footer-brand{grid-column:span 2}.footer-contact-form{grid-column:span 2}.footer-bottom-inner{flex-direction:column;text-align:center;gap:var(--space-4)}.footer-legal{justify-content:center;flex-wrap:wrap}.footer-language{justify-content:center;margin-right:0}.promo-buttons{flex-direction:column}.promo-buttons .btn{width:100%}}@media (max-width:480px){.container{padding:0 var(--space-4)}.content-features{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-4)}.footer-brand{grid-column:span 2;text-align:center}.footer-brand .logo,.footer-brand .footer-logo{justify-content:center;margin-left:auto;margin-right:auto}.footer-brand .footer-logo img{margin:0 auto}.footer-social{justify-content:center}.footer-badge-germany{margin-left:auto;margin-right:auto}.footer-contact-info{align-items:center;justify-content:center;text-align:center}.footer-contact-item{justify-content:center}.footer-contact-form{grid-column:span 2;text-align:left}.footer-region-row{justify-content:center}.footer-column{text-align:left}.footer-column-tech{display:none}.footer-column h4,.footer-title{display:block}.hero h1{font-size:var(--text-4xl)}.hero-subtitle{font-size:var(--text-base)}.stats-grid{grid-template-columns:1fr}.hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.hero-stat{flex:none}.btn-lg{padding:var(--space-4) var(--space-6)}.services-grid>*{flex:0 1 100%;max-width:100%}}@media print{.header,.footer,.nav-toggle,.btn{display:none!important}body{padding-top:0;color:#000;background:#fff}.hero,.page-header,.promo-section{background:#f5f5f5!important;color:#000!important}}.floating-code{position:absolute;z-index:1;opacity:0.4;transform:perspective(1000px);transition:transform 0.5s ease,opacity 0.5s ease}.floating-code-left{left:2%;top:35%;transform:perspective(1000px) rotateY(15deg) rotateX(-5deg);animation:floatLeft 6s ease-in-out infinite;will-change:transform}.floating-code-right{right:2%;top:25%;transform:perspective(1000px) rotateY(-15deg) rotateX(-5deg);animation:floatRight 7s ease-in-out infinite;will-change:transform}@keyframes floatLeft{0%,100%{transform:perspective(1000px) rotateY(15deg) rotateX(-5deg) translateY(0)}50%{transform:perspective(1000px) rotateY(12deg) rotateX(-3deg) translateY(-20px)}}@keyframes floatRight{0%,100%{transform:perspective(1000px) rotateY(-15deg) rotateX(-5deg) translateY(0)}50%{transform:perspective(1000px) rotateY(-12deg) rotateX(-3deg) translateY(-15px)}}.code-window{background:rgba(45,45,45,0.95);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-2xl),0 0 60px rgba(0,77,67,0.15);border:1px solid rgba(255,255,255,0.1);backdrop-filter:blur(20px);max-width:320px}.code-window.terminal{background:rgba(35,35,35,0.98)}.code-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:rgba(0,0,0,0.3);border-bottom:1px solid rgba(255,255,255,0.1)}.code-dot{width:12px;height:12px;border-radius:50%}.code-dot.red{background:#ff5f57}.code-dot.yellow{background:#febc2e}.code-dot.green{background:#28c840}.code-title{margin-left:auto;font-size:12px;color:rgba(255,255,255,0.5);font-family:var(--font-mono)}.code-content{padding:16px;font-family:var(--font-mono);font-size:13px;line-height:1.6;color:#e0e0e0;overflow:hidden;white-space:pre;word-break:normal}.code-content code{background:none}.code-keyword{color:#c792ea}.code-class{color:#ffcb6b}.code-function{color:#82aaff}.code-variable{color:#f78c6c}.code-string{color:#c3e88d}.code-comment{color:#546e7a;font-style:italic}.code-property{color:#89ddff}.terminal-prompt{color:var(--color-accent)}.terminal-success{color:#28c840}.terminal-info{color:#82aaff}.terminal-cursor{animation:blink 1s step-end infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.hero-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.particle{position:absolute;width:6px;height:6px;background:var(--color-accent);border-radius:50%;opacity:0.3;animation:particleFloat 15s infinite}.particle:nth-child(1){left:10%;animation-delay:0s;animation-duration:12s}.particle:nth-child(2){left:20%;animation-delay:2s;animation-duration:14s}.particle:nth-child(3){left:30%;animation-delay:4s;animation-duration:11s}.particle:nth-child(4){left:50%;animation-delay:1s;animation-duration:16s}.particle:nth-child(5){left:60%;animation-delay:3s;animation-duration:13s}.particle:nth-child(6){left:70%;animation-delay:5s;animation-duration:15s}.particle:nth-child(7){left:85%;animation-delay:2s;animation-duration:12s}.particle:nth-child(8){left:95%;animation-delay:4s;animation-duration:14s}@keyframes particleFloat{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:0.5}90%{opacity:0.3}100%{transform:translateY(-100vh) scale(1);opacity:0}}.hero-features-wrapper{position:relative;z-index:20;padding:0 var(--space-6);transform:translateY(50%)}.hero-features{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;max-width:var(--container-max);margin:0 auto}.hero-feature-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--surface-raised);border:1px solid var(--color-gray-200);border-radius:0;color:var(--color-dark);font-size:var(--text-sm);font-weight:500;box-shadow:var(--shadow-md);transition:all 0.3s ease;flex:1 1 auto;justify-content:center;min-width:200px;max-width:280px}.hero-feature-pill:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.hero-feature-pill svg{width:18px;height:18px;color:var(--link);flex-shrink:0}.hero-stats-bar{position:relative;z-index:10;background:var(--color-light);padding:var(--space-12) 0;border-bottom:1px solid var(--color-gray-200);animation:fadeIn 0.6s ease-out 0.3s backwards}.hero-stats-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-8) var(--space-12);text-align:center}.hero-stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:140px;max-width:280px;animation:statItemIn 0.5s ease-out backwards}.hero-stat-item:nth-child(1){animation-delay:0.7s}.hero-stat-item:nth-child(2){animation-delay:0.8s}.hero-stat-item:nth-child(3){animation-delay:0.9s}.hero-stat-item:nth-child(4){animation-delay:1s}@keyframes statItemIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-stat-value{display:flex;align-items:baseline;justify-content:center}.hero-stat-item .hero-stat-number{font-size:var(--text-4xl);font-weight:900;line-height:1;background:linear-gradient(135deg,var(--color-anthracite) 0%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-stat-item .hero-stat-suffix{font-size:var(--text-2xl);font-weight:700;background:linear-gradient(135deg,var(--color-anthracite) 0%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-stat-item .hero-stat-text{font-size:var(--text-4xl);font-weight:900;line-height:1;background:linear-gradient(135deg,var(--color-anthracite) 0%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;margin-bottom:var(--space-2)}.hero-stat-item .hero-stat-label{font-size:var(--text-sm);color:var(--color-gray-600);font-weight:500;text-align:center;text-transform:uppercase;letter-spacing:0.5px}.tech-stack-enhanced{background:var(--gradient-dark);padding:var(--space-20) 0;overflow:hidden;position:relative}html[data-theme="dark"] .tech-stack-enhanced{background:linear-gradient(135deg,#181818 0%,#1c1c1c 50%,#202020 100%);border-top:1px solid rgba(255,255,255,0.05);border-bottom:1px solid rgba(255,255,255,0.05)}.tech-stack-enhanced::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 20% 50%,rgba(0,77,67,0.15) 0%,transparent 50%),radial-gradient(ellipse 80% 50% at 80% 50%,rgba(0,168,138,0.1) 0%,transparent 50%);pointer-events:none}.tech-stack-enhanced::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-line);background-size:400px 100%;animation:gradientFlow 8s linear infinite}.tech-stack-enhanced .container{position:relative;z-index:1}.tech-stack-enhanced .tech-stack-title{color:var(--color-white);text-align:center;margin-bottom:var(--space-4);font-size:var(--text-lg);font-weight:600;letter-spacing:0.05em}.tech-stack-enhanced .tech-stack-subtitle{color:rgba(255,255,255,0.5);text-align:center;margin-bottom:var(--space-10);font-size:var(--text-sm)}.tech-logos-scroll{overflow:hidden;mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent);padding:var(--space-6) 0}.tech-logos-track{display:flex;gap:var(--space-16);animation:scrollLogos 35s linear infinite;width:max-content}.tech-logos-track:hover{animation-play-state:paused}@keyframes scrollLogos{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.tech-stack-enhanced .tech-logo{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);opacity:0.6;transition:all 0.3s ease;flex-shrink:0;min-width:100px;padding:var(--space-4);border-radius:var(--radius-lg)}.tech-stack-enhanced .tech-logo:hover{opacity:1;background:rgba(255,255,255,0.05);transform:scale(1.05)}.tech-stack-enhanced .tech-logo img{height:52px;width:auto;max-width:90px;object-fit:contain;filter:brightness(0) invert(1);opacity:0.7;transition:all 0.3s ease}.tech-stack-enhanced .tech-logo:hover img{filter:brightness(0) invert(1);opacity:1}.tech-stack-enhanced .tech-logo span{font-size:var(--text-xs);color:rgba(255,255,255,0.5);font-weight:500;white-space:nowrap;transition:color 0.3s ease}.tech-stack-enhanced .tech-logo:hover span{color:var(--color-accent)}.tech-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}@media (max-width:992px){.tech-categories{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.tech-categories{grid-template-columns:1fr}}.tech-category{background:var(--surface-raised);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-card);border:1px solid var(--color-gray-200)}.tech-category h3{font-size:var(--text-lg);font-weight:600;color:var(--link);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-gray-100)}.tech-logos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.tech-logo-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--gradient-primary);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.tech-logo-card:hover{background:var(--gradient-primary-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tech-logo-card img{width:32px;height:32px;object-fit:contain;filter:brightness(0) invert(1)}.tech-logo-card span{font-size:var(--text-sm);font-weight:500;color:var(--color-white)}.tech-logo-card:hover span{color:var(--color-white)}.section-shopware{background:var(--surface-page);overflow:hidden;border-bottom:1px solid var(--color-gray-200)}.shopware-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.shopware-content h2{font-size:var(--text-4xl);margin:var(--space-4) 0}.shopware-features{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-8)}.shopware-feature{display:flex;gap:var(--space-3);align-items:flex-start}.shopware-feature-icon{width:44px;height:44px;min-width:44px;background:var(--gradient-primary);border-radius:10px;display:flex;align-items:center;justify-content:center;color:white}.shopware-feature h4,.shopware-feature h3,.shopware-feature h3.feature-title{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-1)}.shopware-feature p{font-size:var(--text-sm);color:var(--color-gray-600);margin:0}.shopware-visual{position:relative}.info-box{background:var(--surface-raised);border-radius:var(--radius-2xl);padding:var(--space-8);border:1px solid var(--color-gray-100);box-shadow:var(--shadow-lg)}.info-box h4{font-size:var(--text-lg);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:2px solid var(--color-primary-ultra-light)}.info-box-highlight{display:flex;align-items:flex-start;gap:var(--space-4);background:linear-gradient(135deg,var(--color-primary-ultra-light) 0%,rgba(255,255,255,0.8) 100%);border:1px solid var(--color-primary-light);margin-top:var(--space-6)}.info-box-icon{flex-shrink:0;width:48px;height:48px;background:var(--gradient-primary);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.info-box-icon svg{width:24px;height:24px;color:var(--color-white)}.info-box-content{flex:1;font-size:var(--text-base);line-height:1.7;color:var(--color-gray-700)}.info-box-content strong{color:var(--link);font-weight:600}.invoice-visual{position:relative;display:flex;justify-content:center;align-items:center}.invoice-mockup{position:relative;width:100%;max-width:380px;perspective:1000px}.invoice-pdf{background:var(--surface-raised);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-2xl);border:1px solid var(--color-gray-200);position:relative;z-index:2}.invoice-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:2px solid var(--link)}.invoice-logo{width:60px;height:24px;background:var(--gradient-primary);border-radius:var(--radius-sm)}.invoice-title{font-size:var(--text-lg);font-weight:700;color:var(--color-gray-900);letter-spacing:0.05em}.invoice-meta{margin-bottom:var(--space-4)}.invoice-meta-row{height:10px;background:var(--color-gray-200);border-radius:var(--radius-sm);margin-bottom:var(--space-2);width:60%}.invoice-meta-row.short{width:40%}.invoice-address{margin-bottom:var(--space-5);padding:var(--space-3);background:var(--color-gray-50);border-radius:var(--radius-md)}.invoice-address-line{height:8px;background:var(--color-gray-300);border-radius:var(--radius-sm);margin-bottom:var(--space-2);width:80%}.invoice-address-line.short{width:50%}.invoice-address-line.medium{width:65%;margin-bottom:0}.invoice-table{margin-bottom:var(--space-4)}.invoice-table-header{display:grid;grid-template-columns:40px 1fr 80px;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--color-gray-300);font-size:var(--text-xs);color:var(--color-gray-500);font-weight:600}.invoice-table-row{height:12px;background:linear-gradient(90deg,var(--color-gray-100) 40px,var(--color-gray-200) 40px,var(--color-gray-200) calc(100% - 80px),var(--color-gray-300) calc(100% - 80px));border-radius:var(--radius-sm);margin:var(--space-2) 0}.invoice-total{border-top:2px solid var(--color-gray-200);padding-top:var(--space-3)}.invoice-total-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-1) 0;font-size:var(--text-sm);color:var(--color-gray-600)}.invoice-total-row span:first-child{font-weight:500}.invoice-total-row span:last-child{width:60px;height:10px;background:var(--color-gray-200);border-radius:var(--radius-sm)}.invoice-total-row.total{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-gray-200)}.invoice-total-row.total span:first-child{font-weight:700;color:var(--color-gray-900)}.invoice-total-row.total span:last-child{background:var(--gradient-primary);height:14px;width:80px}.invoice-xml{position:absolute;top:20%;right:-30px;background:var(--color-gray-900);border-radius:var(--radius-lg);padding:var(--space-4);font-family:'SF Mono','Fira Code',monospace;font-size:11px;color:var(--color-gray-400);box-shadow:var(--shadow-2xl);transform:rotate(3deg);z-index:3;max-width:240px;border:1px solid var(--color-gray-700)}.xml-tag{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.6}.xml-tag.indent{padding-left:12px}.xml-tag.indent2{padding-left:24px;color:var(--color-primary-light)}.invoice-badge{position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);background:var(--gradient-primary);color:white;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;box-shadow:var(--shadow-lg);z-index:4}.invoice-badge svg{width:18px;height:18px}@media (max-width:1024px){.invoice-xml{right:-10px;font-size:10px;padding:var(--space-3);max-width:200px}}@media (max-width:768px){.invoice-visual{margin-top:var(--space-8)}.invoice-xml{position:relative;right:auto;top:auto;transform:none;margin-top:var(--space-4);max-width:100%}.invoice-mockup{max-width:320px}}.info-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.info-list li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-gray-100);font-size:var(--text-sm);color:var(--color-gray-700)}.info-list li:last-child{border-bottom:none}.info-list li strong{color:var(--link);font-weight:700;min-width:140px}.info-list li::before{content:'';width:6px;height:6px;background:var(--gradient-primary);border-radius:50%;flex-shrink:0}.industries-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.industry-card{background:var(--surface-raised);border-radius:var(--radius-2xl);padding:var(--space-8);border:1px solid var(--color-gray-100);transition:all var(--transition-normal);position:relative;overflow:hidden}.industry-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:scaleX(0);transition:transform var(--transition-normal)}.industry-card:hover{border-color:var(--link);box-shadow:var(--shadow-glow-sm);transform:translateY(-4px)}.industry-card:hover::before{transform:scaleX(1)}.industry-icon{width:56px;height:56px;margin-bottom:var(--space-5);display:flex;align-items:center;justify-content:center;background:var(--color-primary-ultra-light);border-radius:var(--radius-xl);color:var(--link);transition:all var(--transition-normal)}.industry-icon svg{width:28px;height:28px}.industry-card:hover .industry-icon{background:var(--gradient-primary);color:var(--color-white);transform:scale(1.1)}.industry-card h3{font-size:var(--text-lg);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-3)}.industry-card p{font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.7;margin:0}@media (max-width:992px){.industries-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.industries-grid{grid-template-columns:1fr}}.shopware-mockup{position:relative;transform:perspective(1200px) rotateY(-8deg) rotateX(2deg);transition:transform 0.5s ease}.shopware-mockup:hover{transform:perspective(1200px) rotateY(-4deg) rotateX(1deg)}.browser-frame{background:white;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-2xl),0 50px 100px -20px rgba(0,0,0,0.2)}.browser-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f5f5f5;border-bottom:1px solid #e0e0e0}.browser-dot{width:12px;height:12px;border-radius:50%;background:#ddd}.browser-dot:nth-child(1){background:#ff5f57}.browser-dot:nth-child(2){background:#febc2e}.browser-dot:nth-child(3){background:#28c840}.browser-address{flex:1;margin-left:var(--space-4);padding:6px 12px;background:white;border-radius:6px;font-size:12px;color:var(--color-gray-500);border:1px solid #e0e0e0}.browser-content{padding:var(--space-4);min-height:300px;background:#fafafa}.sw-admin{display:flex;height:220px;background:#f9fafb;font-size:10px}.sw-sidebar{width:50px;background:#2a3042;padding:8px;display:flex;flex-direction:column;gap:6px}.sw-sidebar-logo{width:34px;height:34px;background:var(--color-primary);border-radius:6px;margin-bottom:8px}.sw-sidebar-item{width:34px;height:28px;background:rgba(255,255,255,0.08);border-radius:4px;transition:all 0.2s}.sw-sidebar-item.active{background:var(--color-primary)}.sw-main{flex:1;display:flex;flex-direction:column}.sw-topbar{height:36px;background:white;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.sw-search{width:120px;height:22px;background:#f3f4f6;border-radius:4px}.sw-topbar-actions{display:flex;gap:8px;align-items:center}.sw-topbar-icon{width:18px;height:18px;background:#e5e7eb;border-radius:4px}.sw-topbar-avatar{width:22px;height:22px;background:var(--color-primary);border-radius:50%}.sw-content{flex:1;padding:12px;overflow:hidden}.sw-page-title{width:80px;height:14px;background:#374151;border-radius:3px;margin-bottom:12px}.sw-cards{display:flex;gap:8px;margin-bottom:12px}.sw-card{flex:1;background:white;border-radius:6px;padding:10px;box-shadow:0 1px 3px rgba(0,0,0,0.08)}.sw-card-icon{width:20px;height:20px;background:var(--color-primary-ultra-light);border-radius:4px;margin-bottom:6px}.sw-card-text{width:70%;height:8px;background:#e5e7eb;border-radius:2px;margin-bottom:4px}.sw-card-value{width:40%;height:12px;background:var(--color-primary);border-radius:2px}.sw-table{background:white;border-radius:6px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.08)}.sw-table-header{height:24px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.sw-table-row{height:28px;border-bottom:1px solid #f3f4f6;background:linear-gradient(90deg,transparent 5%,#e5e7eb 5%,#e5e7eb 25%,transparent 25%,transparent 30%,#f3f4f6 30%,#f3f4f6 55%,transparent 55%,transparent 60%,#e5e7eb 60%,#e5e7eb 75%,transparent 75%,transparent 80%,var(--color-primary-ultra-light) 80%,var(--color-primary-ultra-light) 95%,transparent 95%)}.sw-table-row:last-child{border-bottom:none}.shopware-badge{position:absolute;bottom:-20px;right:30px;width:80px;height:80px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-xl);border:3px solid var(--color-white)}.shopware-badge img{width:50px;height:auto;filter:brightness(0) invert(1)}.split-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}.split-text{padding-right:var(--space-6)}@media (max-width:991px){.split-content{grid-template-columns:1fr;gap:var(--space-8)}.split-text{padding-right:0;order:1}}.split-visual{justify-self:end}@media (max-width:991px){.split-visual{justify-self:center;order:2}}.feature-list{list-style:none;padding:0;padding-left:var(--space-4);margin:var(--space-4) 0}.feature-list li{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);color:var(--color-dark)}.feature-list li svg{flex-shrink:0;color:var(--link);margin-top:2px}.feature-list-bullets{list-style:disc;padding-left:var(--space-6);margin:var(--space-4) 0}.feature-list-bullets li{margin-bottom:var(--space-3);color:var(--color-dark);line-height:1.6}.feature-list-bullets li strong{color:var(--text)}.woocommerce-visual{position:relative}.woocommerce-mockup{position:relative;transform:perspective(1200px) rotateY(-8deg) rotateX(2deg);transition:transform 0.5s ease}.woocommerce-mockup:hover{transform:perspective(1200px) rotateY(-4deg) rotateX(1deg)}.wp-admin{display:flex;height:220px;background:#f0f0f1;font-size:10px}.wp-sidebar{width:56px;background:#1d2327;display:flex;flex-direction:column}.wp-sidebar-top{padding:8px;display:flex;flex-direction:column;gap:2px}.wp-sidebar-logo{width:24px;height:24px;background:white;border-radius:50%;margin:4px auto 8px}.wp-sidebar-item{width:100%;height:26px;background:transparent;border-radius:0;display:flex;align-items:center;gap:6px;padding:0 8px;transition:all 0.2s}.wp-sidebar-item-icon{width:16px;height:16px;background:rgba(255,255,255,0.6);border-radius:3px}.wp-sidebar-item-text{flex:1;height:8px;background:rgba(255,255,255,0.4);border-radius:2px}.wp-sidebar-item.active{background:#2271b1}.wp-sidebar-item.active .wp-sidebar-item-icon,.wp-sidebar-item.active .wp-sidebar-item-text{background:rgba(255,255,255,0.9)}.wp-sidebar-item.woo{background:#7f54b3}.wp-sidebar-item.woo .wp-sidebar-item-icon,.wp-sidebar-item.woo .wp-sidebar-item-text{background:rgba(255,255,255,0.9)}.wp-main{flex:1;display:flex;flex-direction:column}.wp-adminbar{height:26px;background:#1d2327;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.wp-adminbar-left{display:flex;align-items:center;gap:8px}.wp-adminbar-wp{width:16px;height:16px;background:#50575e;border-radius:50%}.wp-adminbar-site{width:60px;height:10px;background:#50575e;border-radius:2px}.wp-adminbar-right{display:flex;align-items:center;gap:8px}.wp-adminbar-icon{width:14px;height:14px;background:#50575e;border-radius:3px}.wp-adminbar-avatar{width:18px;height:18px;background:#7f54b3;border-radius:50%}.wp-content{flex:1;padding:12px;overflow:hidden}.wp-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.wp-page-title{width:100px;height:14px;background:#1d2327;border-radius:3px}.wp-page-btn{width:70px;height:22px;background:#2271b1;border-radius:3px}.wp-stats-row{display:flex;gap:8px;margin-bottom:12px}.wp-stat-card{flex:1;background:white;border-radius:4px;padding:10px;border:1px solid #c3c4c7}.wp-stat-label{width:60%;height:8px;background:#c3c4c7;border-radius:2px;margin-bottom:6px}.wp-stat-value{width:40%;height:16px;background:#7f54b3;border-radius:2px}.wp-stat-card:nth-child(2) .wp-stat-value{background:#2271b1}.wp-stat-card:nth-child(3) .wp-stat-value{background:#00a32a}.wp-orders-table{background:white;border-radius:4px;overflow:hidden;border:1px solid #c3c4c7}.wp-orders-header{height:28px;background:#f6f7f7;border-bottom:1px solid #c3c4c7;display:flex;align-items:center;gap:8px;padding:0 10px}.wp-orders-header-col{height:8px;background:#8c8f94;border-radius:2px}.wp-orders-header-col:nth-child(1){width:12px;background:transparent;border:1px solid #8c8f94}.wp-orders-header-col:nth-child(2){width:50px}.wp-orders-header-col:nth-child(3){flex:1}.wp-orders-header-col:nth-child(4){width:40px}.wp-orders-header-col:nth-child(5){width:50px}.wp-orders-row{height:32px;border-bottom:1px solid #f0f0f1;display:flex;align-items:center;gap:8px;padding:0 10px}.wp-orders-row:last-child{border-bottom:none}.wp-orders-cell{height:8px;background:#dcdcde;border-radius:2px}.wp-orders-cell:nth-child(1){width:12px;background:transparent;border:1px solid #c3c4c7;border-radius:2px;height:12px}.wp-orders-cell:nth-child(2){width:50px;background:#2271b1}.wp-orders-cell:nth-child(3){flex:1}.wp-orders-cell:nth-child(4){width:40px}.wp-orders-cell:nth-child(5){width:50px;background:#00a32a}.wp-orders-row:nth-child(2) .wp-orders-cell:nth-child(5){background:#dba617}.wp-orders-row:nth-child(3) .wp-orders-cell:nth-child(5){background:#7f54b3}.woocommerce-badge{position:absolute;bottom:-20px;right:30px;width:80px;height:80px;background:#7f54b3;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-xl);border:3px solid var(--color-white)}.woocommerce-badge img{width:50px;height:auto;filter:brightness(0) invert(1)}.content-visual{position:relative;display:flex;flex-direction:column;gap:var(--space-6)}.tech-stack-visual{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);background:var(--color-light);border-radius:var(--radius-xl);border:1px solid var(--color-gray-100)}.tech-layer{display:flex;flex-direction:column;gap:var(--space-2)}.tech-label{font-size:var(--text-sm);font-weight:600;color:var(--color-dark)}.tech-bar{height:8px;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width 0.6s ease-out}.intro-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.intro-feature-card{background:var(--surface-raised);border:1px solid var(--color-gray-100);border-radius:var(--radius-xl);padding:var(--space-5);text-align:center;transition:all 0.3s ease;box-shadow:var(--shadow-sm)}.intro-feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-gray-200)}.intro-feature-icon{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.intro-feature-icon svg{color:white}.intro-feature-card h4,.intro-feature-card h3{font-size:var(--text-base);font-weight:700;color:var(--text);margin:0 0 var(--space-2)}.intro-feature-card p{font-size:var(--text-sm);color:var(--color-gray-600);margin:0;line-height:1.4}@media (max-width:480px){.intro-features-grid{grid-template-columns:1fr}}.magento-visual{position:relative}.magento-mockup{position:relative;transform:perspective(1200px) rotateY(-8deg) rotateX(2deg);transition:transform 0.5s ease}.magento-mockup:hover{transform:perspective(1200px) rotateY(-4deg) rotateX(1deg)}.mage-admin{display:flex;height:220px;background:#f8f8f8;font-size:10px}.mage-sidebar{width:56px;background:#41362f;padding:8px;display:flex;flex-direction:column;gap:4px}.mage-sidebar-logo{width:32px;height:32px;background:#f26322;border-radius:4px;margin:0 auto 12px}.mage-sidebar-item{width:100%;height:32px;background:transparent;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all 0.2s}.mage-sidebar-icon{width:18px;height:18px;background:rgba(255,255,255,0.4);border-radius:3px}.mage-sidebar-item.active{background:#f26322}.mage-sidebar-item.active .mage-sidebar-icon{background:rgba(255,255,255,0.9)}.mage-main{flex:1;display:flex;flex-direction:column}.mage-topbar{height:40px;background:#514943;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.mage-search{width:140px;height:24px;background:rgba(255,255,255,0.1);border-radius:4px}.mage-topbar-actions{display:flex;align-items:center;gap:8px}.mage-topbar-icon{width:16px;height:16px;background:rgba(255,255,255,0.4);border-radius:3px}.mage-topbar-avatar{width:24px;height:24px;background:#f26322;border-radius:50%}.mage-content{flex:1;padding:12px;overflow:hidden}.mage-page-title{width:120px;height:16px;background:#41362f;border-radius:3px;margin-bottom:12px}.mage-widgets{display:flex;gap:10px;margin-bottom:12px}.mage-widget{flex:1;background:white;border-radius:4px;padding:10px;border:1px solid #e0e0e0}.mage-widget-header{width:60%;height:8px;background:#b0b0b0;border-radius:2px;margin-bottom:8px}.mage-widget-value{width:40%;height:18px;background:#f26322;border-radius:2px;margin-bottom:8px}.mage-widget:nth-child(2) .mage-widget-value{background:#41362f}.mage-widget-chart{height:20px;background:linear-gradient(90deg,#f26322 0%,#f26322 30%,#e0e0e0 30%);border-radius:2px}.mage-widget:nth-child(2) .mage-widget-chart{background:linear-gradient(90deg,#41362f 0%,#41362f 60%,#e0e0e0 60%)}.mage-grid{background:white;border-radius:4px;overflow:hidden;border:1px solid #e0e0e0}.mage-grid-header{height:28px;background:#f5f5f5;border-bottom:1px solid #e0e0e0}.mage-grid-row{height:24px;border-bottom:1px solid #f0f0f0;background:linear-gradient(90deg,transparent 3%,#e8e8e8 3%,#e8e8e8 15%,transparent 15%,transparent 20%,#e8e8e8 20%,#e8e8e8 50%,transparent 50%,transparent 55%,#e8e8e8 55%,#e8e8e8 70%,transparent 70%,transparent 80%,#f26322 80%,#f26322 85%,transparent 85%)}.mage-grid-row:last-child{border-bottom:none}.mage-grid-row:nth-child(2){background:linear-gradient(90deg,transparent 3%,#e8e8e8 3%,#e8e8e8 15%,transparent 15%,transparent 20%,#e8e8e8 20%,#e8e8e8 50%,transparent 50%,transparent 55%,#e8e8e8 55%,#e8e8e8 70%,transparent 70%,transparent 80%,#10b981 80%,#10b981 85%,transparent 85%)}.mage-grid-row:nth-child(3){background:linear-gradient(90deg,transparent 3%,#e8e8e8 3%,#e8e8e8 15%,transparent 15%,transparent 20%,#e8e8e8 20%,#e8e8e8 50%,transparent 50%,transparent 55%,#e8e8e8 55%,#e8e8e8 70%,transparent 70%,transparent 80%,#eab308 80%,#eab308 85%,transparent 85%)}.magento-badge{position:absolute;bottom:-20px;right:30px;width:80px;height:80px;background:#f26322;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-xl);border:3px solid var(--color-white)}.magento-badge img{width:50px;height:auto;filter:brightness(0) invert(1)}@media (max-width:991px){.magento-mockup{transform:none}.magento-mockup:hover{transform:none}}.t3-admin{display:flex;flex-direction:column;height:220px;background:#f1f1f1;font-size:10px}.t3-modulebar{height:36px;background:#1e1e1e;display:flex;align-items:center;padding:0 8px}.t3-logo{width:24px;height:24px;background:#ff8700;border-radius:4px;margin-right:12px}.t3-modules{display:flex;gap:2px;flex:1}.t3-module{padding:6px 10px;background:transparent;border-radius:3px;color:rgba(255,255,255,0.6)}.t3-module.active{background:#ff8700;color:white}.t3-module-user{width:24px;height:24px;background:#444;border-radius:50%;margin-left:auto}.t3-body{flex:1;display:flex}.t3-pagetree{width:180px;background:#424242;padding:8px;overflow:hidden}.t3-pagetree-header{display:flex;align-items:center;gap:6px;padding:4px 0;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,0.1)}.t3-pagetree-icon{width:14px;height:14px;background:#ff8700;border-radius:2px}.t3-pagetree-title{width:80px;height:8px;background:rgba(255,255,255,0.5);border-radius:2px}.t3-tree-item{display:flex;align-items:center;gap:4px;padding:3px 0 3px 8px;margin-left:4px;border-left:1px solid rgba(255,255,255,0.15)}.t3-tree-item.level-0{margin-left:0;border-left:none;padding-left:0}.t3-tree-toggle{width:10px;height:10px;background:rgba(255,255,255,0.2);border-radius:2px}.t3-tree-page{width:12px;height:12px;background:#5eb3e4;border-radius:2px}.t3-tree-page.home{background:#ff8700}.t3-tree-label{width:60px;height:6px;background:rgba(255,255,255,0.4);border-radius:1px}.t3-tree-item.active .t3-tree-label{background:#ff8700;width:70px}.t3-content{flex:1;background:#f1f1f1;padding:12px}.t3-content-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.t3-content-icon{width:20px;height:20px;background:#ff8700;border-radius:3px}.t3-content-title{width:100px;height:12px;background:#333;border-radius:2px}.t3-content-toolbar{display:flex;gap:4px;margin-left:auto}.t3-toolbar-btn{width:22px;height:22px;background:white;border:1px solid #ccc;border-radius:3px}.t3-content-list{background:white;border-radius:4px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.t3-list-header{height:28px;background:#454545;display:flex;align-items:center;padding:0 8px}.t3-list-header-text{width:50px;height:6px;background:rgba(255,255,255,0.5);border-radius:1px;margin-right:30px}.t3-list-row{height:26px;display:flex;align-items:center;padding:0 8px;border-bottom:1px solid #e5e5e5;gap:8px}.t3-list-row:last-child{border-bottom:none}.t3-list-icon{width:14px;height:14px;background:#5eb3e4;border-radius:2px}.t3-list-row:nth-child(2) .t3-list-icon{background:#ff8700}.t3-list-row:nth-child(3) .t3-list-icon{background:#79a548}.t3-list-text{width:80px;height:6px;background:#ccc;border-radius:1px}.t3-list-badge{width:40px;height:14px;background:#79a548;border-radius:2px;margin-left:auto}.t3-list-row:nth-child(2) .t3-list-badge{background:#f0ad4e}.t3-list-row:nth-child(3) .t3-list-badge{background:#454545}.typo3-badge{position:absolute;bottom:-20px;right:30px;width:80px;height:80px;background:#ff8700;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-xl);border:3px solid var(--color-white);font-weight:800;color:white;font-size:14px}.tech-badge{position:absolute;bottom:-15px;right:20px;width:70px;height:70px;background:#7f54b3;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-xl);border:3px solid var(--color-white)}.tech-badge img{width:40px;height:40px;filter:brightness(0) invert(1)}.woo-admin{display:flex;height:180px;background:#f0f0f1;font-size:10px}.woo-sidebar{width:45px;background:#1d2327;padding:8px;display:flex;flex-direction:column;gap:4px}.woo-sidebar-logo{width:28px;height:28px;background:white;border-radius:50%;margin-bottom:8px}.woo-sidebar-item{width:28px;height:24px;background:rgba(255,255,255,0.15);border-radius:3px;transition:all 0.2s}.woo-sidebar-item.active{background:#7f54b3}.woo-main{flex:1;display:flex;flex-direction:column}.woo-topbar{height:28px;background:#1d2327}.woo-content{flex:1;padding:12px}.woo-cards{display:flex;gap:8px}.woo-card{flex:1;height:60px;background:white;border-radius:4px;border:1px solid #c3c4c7}@media (max-width:991px){.woocommerce-mockup{transform:none}.woocommerce-mockup:hover{transform:none}}.services-grid-premium{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.service-card-premium{position:relative;background:var(--surface-raised);border-radius:0;padding:var(--space-8);overflow:hidden;transition:all 0.4s ease;border:1px solid var(--color-gray-200);display:flex;flex-direction:column}.service-card-badge{position:absolute;top:var(--space-4);right:var(--space-4);background:var(--color-accent);color:var(--color-white);font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:0.5px}.service-card-premium .service-card-link{background:var(--color-primary);color:var(--color-white);padding:var(--space-2) var(--space-4);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:0.5px;margin-top:auto;align-self:flex-end}.service-card-premium .service-card-link:hover{background:var(--color-accent)}.service-card-premium:hover .service-card-link{background:var(--color-white);color:var(--color-primary);box-shadow:0 2px 8px rgba(0,0,0,0.15)}.service-card-premium:hover .service-card-link:hover{background:var(--color-accent);color:var(--color-white)}.service-card-premium:hover .btn-outline{background:var(--color-white);color:var(--color-primary);border-color:var(--color-white);box-shadow:0 2px 8px rgba(0,0,0,0.15)}.service-card-premium:hover .btn-outline:hover{background:transparent;color:var(--color-white);border-color:var(--color-white);box-shadow:0 4px 20px rgba(255,255,255,0.3)}.service-card-premium:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl);border-color:var(--link)}.service-card-premium .service-card-bg{position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:opacity 0.4s ease}.service-card-premium:hover .service-card-bg{opacity:0.03}.service-card-featured{border:2px solid var(--link)}.service-badge{position:absolute;top:var(--space-4);right:var(--space-4);background:var(--gradient-primary);color:white;font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:100px}.service-features{list-style:none;padding:0;margin:var(--space-4) 0}.service-features li{position:relative;padding-left:var(--space-5);padding-top:var(--space-1);padding-bottom:var(--space-1);font-size:var(--text-sm);color:var(--color-gray-600);transition:color 0.3s ease}.service-card-premium:hover .service-features li{color:var(--color-white)}.service-card-premium:hover p,.service-card-premium:hover p a{color:var(--color-white)!important}.service-features li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;background:var(--color-accent);border-radius:50%}.section-process{background:var(--surface-page)}.process-timeline{position:relative;max-width:900px;margin:var(--space-12) auto 0}.process-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--color-gray-200);transform:translateX(-50%)}.process-line::after{content:'';position:absolute;top:0;left:0;width:100%;height:0%;background:var(--gradient-primary);transition:height 0.1s ease-out}.process-line.animated::after{height:var(--progress,0%)}.process-step{display:flex;align-items:flex-start;margin-bottom:var(--space-8);position:relative}.process-step:nth-child(odd){flex-direction:row;padding-right:calc(50% + var(--space-16));text-align:right}.process-step:nth-child(even){flex-direction:row-reverse;padding-left:calc(50% + var(--space-16));text-align:left}.process-number{position:absolute;left:50%;transform:translateX(-50%);width:60px;height:60px;background:var(--color-gray-300);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.5s ease;font-size:var(--text-xl);font-weight:900;color:var(--color-gray-600);z-index:1;box-shadow:var(--shadow-md)}.process-step.active .process-number{background:var(--gradient-primary);color:white;transform:translateX(-50%) scale(1.1);box-shadow:0 0 0 8px rgba(0,77,67,0.15),var(--shadow-lg)}.process-content h3{font-size:var(--text-xl);margin-bottom:var(--space-2)}.process-content p{color:var(--color-gray-600);font-size:var(--text-base);margin:0}.section-testimonials{background:var(--surface-page)}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.testimonial-card{background:var(--color-light);border-radius:16px;padding:var(--space-8);position:relative;transition:all 0.3s ease;border:1px solid transparent}.testimonial-card:hover{border-color:var(--link);transform:translateY(-4px);box-shadow:var(--shadow-xl)}.testimonial-quote{font-size:60px;font-weight:900;color:var(--link);opacity:0.2;line-height:1;margin-bottom:var(--space-2)}.testimonial-content p{font-size:var(--text-base);line-height:1.7;color:var(--color-gray-700);margin:0}.testimonial-author{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-gray-200)}.testimonial-avatar{width:48px;height:48px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:var(--text-base)}.testimonial-info strong{display:block;font-size:var(--text-base)}.testimonial-info span{font-size:var(--text-sm);color:var(--color-gray-500)}.testimonial-rating{display:flex;gap:2px;margin-top:var(--space-4)}.testimonial-rating svg{width:16px;height:16px;color:#ffc107}.region-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.region-card{display:block;padding:var(--space-6);background:var(--color-light);border-radius:12px;text-decoration:none;color:inherit;transition:all 0.3s ease;border:1px solid transparent}.region-card:hover{background:var(--surface-raised);border-color:var(--link);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.region-icon{width:48px;height:48px;background:var(--color-primary-ultra-light);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);transition:all 0.3s ease}.region-icon svg{width:24px;height:24px;color:var(--link)}.region-card:hover .region-icon{background:var(--color-primary)}.region-card:hover .region-icon svg{color:white}.region-card h3{font-size:var(--text-lg);margin-bottom:var(--space-2)}.region-card p{font-size:var(--text-sm);color:var(--color-gray-600);margin:0}.region-card-promo{background:var(--gradient-primary);color:white}.region-card-promo h3,.region-card-promo p{color:white}.region-card-promo p{opacity:0.9}.region-card-promo .region-icon{background:rgba(255,255,255,0.2)}.region-card-promo .region-icon svg{color:white}.region-card-promo:hover{background:var(--gradient-primary);transform:translateY(-4px) scale(1.02)}.region-card-promo:hover .region-icon{background:rgba(255,255,255,0.3)}.promo-section-enhanced{padding:var(--space-24) 0}.promo-hint{margin-top:var(--space-6);font-size:var(--text-sm);color:rgba(255,255,255,0.7)}.promo-hint a:not(.btn){color:white;text-decoration:underline}.btn-white{background:white;color:var(--color-primary);border:2px solid white}.btn-white:hover{background:transparent;color:white}.cta-box{text-align:center;max-width:700px;margin:0 auto;padding:var(--space-8) 0}.cta-box h2{font-size:var(--text-4xl);color:var(--color-white);margin-bottom:var(--space-6)}.cta-box p{font-size:var(--text-xl);color:rgba(255,255,255,0.8);margin-bottom:var(--space-10)}.cta-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-4)}.content-visual .code-window{max-width:100%;width:100%}.bg-mesh{background-image:var(--gradient-mesh);background-color:var(--surface-dark)}.features-grid-dark .feature-card-glass{background:rgba(255,255,255,0.05);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);color:white}.features-grid-dark .feature-card-glass h4,.features-grid-dark .feature-card-glass h3{color:white}.features-grid-dark .feature-card-glass p{color:rgba(255,255,255,0.7)}.features-grid-dark .feature-card-glass .feature-icon{background:rgba(0,77,67,0.3);color:var(--color-accent)}.features-grid-dark .feature-card-glass:hover{background:rgba(255,255,255,0.1);border-color:var(--color-accent)}.features-grid-dark .feature-card-glass a{color:var(--color-accent)}.features-grid-dark .feature-card-glass a:hover{color:var(--color-white)}.features-grid-dark .feature-card-glass .feature-list{list-style:none;padding:0;margin:var(--space-4) 0 0 0}.features-grid-dark .feature-card-glass .feature-list li{position:relative;padding-left:var(--space-5);margin-bottom:var(--space-2);color:rgba(255,255,255,0.8);font-size:var(--text-sm);line-height:1.5}.features-grid-dark .feature-card-glass .feature-list li::before{content:'';position:absolute;left:0;top:8px;width:6px;height:6px;background:var(--color-accent);border-radius:50%}@media (max-width:1200px){.floating-code{display:none}}@media (max-width:1024px){.shopware-grid{grid-template-columns:1fr;gap:var(--space-8)}.shopware-visual{order:-1}.shopware-mockup{transform:none;max-width:500px;margin:0 auto}.shopware-mockup:hover{transform:none}.services-grid-premium{grid-template-columns:repeat(2,1fr)}.testimonials-grid{grid-template-columns:repeat(2,1fr)}.process-timeline{max-width:100%}.process-line{left:30px}.process-step,.process-step:nth-child(odd),.process-step:nth-child(even){flex-direction:row;padding-left:90px;padding-right:0;text-align:left}.process-number{left:30px;width:50px;height:50px;font-size:var(--text-lg)}}@media (max-width:743px){.hero-stats-bar{padding:var(--space-4) 0}.hero-stats-grid{gap:var(--space-4) var(--space-6)}.hero-stat-item{min-width:120px}.hero-stat-item .hero-stat-number{font-size:var(--text-3xl)}.hero-stat-item .hero-stat-text{font-size:var(--text-3xl);margin-top:7px}.hero-features{justify-content:center}.shopware-features{grid-template-columns:1fr}.services-grid-premium{grid-template-columns:1fr}.testimonials-grid{grid-template-columns:1fr}.region-grid{grid-template-columns:repeat(2,1fr)}.process-step{margin-bottom:var(--space-6)}.hero-features-wrapper{display:none}}@media (max-width:480px){.hero-stat-item .hero-stat-number{font-size:var(--text-2xl)}.hero-stat-item .hero-stat-text{font-size:var(--text-2xl)}.region-grid{gap:var(--space-3)}.region-card{padding:var(--space-4)}.region-icon{width:36px;height:36px;margin-bottom:var(--space-2)}.region-card h3{font-size:var(--text-base)}.region-card p{font-size:var(--text-xs)}.process-step,.process-step:nth-child(odd),.process-step:nth-child(even){padding-left:70px}.process-line{left:20px}.process-number{left:20px;width:40px;height:40px;font-size:var(--text-base)}}.legal-page{padding-top:0}.legal-page .page-header{background:var(--gradient-hero);padding:var(--space-16) 0 var(--space-12);text-align:center}.legal-page .page-header h1{font-size:var(--text-4xl);font-weight:700;color:var(--color-white);margin-bottom:var(--space-3)}.legal-page .page-header-subtitle{font-size:var(--text-lg);color:rgba(255,255,255,0.8);margin:0}.breadcrumb{position:relative;z-index:5;margin-bottom:var(--space-6);padding-top:var(--space-16)}.breadcrumb + .hero-content,.breadcrumb + .hero-content-wide{padding-top:0}.breadcrumb ol{display:flex;align-items:center;gap:var(--space-2);list-style:none;padding:0;margin:0;font-size:var(--text-sm)}.breadcrumb li{display:flex;align-items:center;gap:var(--space-2);color:rgba(255,255,255,0.7)}.breadcrumb li:not(:last-child)::after{content:'/';color:rgba(255,255,255,0.4)}.breadcrumb a{color:rgba(255,255,255,0.7);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb a:hover{color:var(--color-white)}.breadcrumb li[aria-current="page"]{color:var(--color-white);font-weight:500}.container-narrow{max-width:900px;margin:0 auto;padding:0 var(--space-6)}.legal-content{padding:var(--space-8) 0}.legal-section{margin-bottom:var(--space-10)}.legal-section:last-child{margin-bottom:0}.legal-section h2{font-size:var(--text-xl);font-weight:700;color:var(--color-gray-900);margin-top:var(--space-8);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-gray-100)}.legal-section h3{font-size:var(--text-lg);font-weight:600;color:var(--color-gray-800);margin-bottom:var(--space-2);margin-top:var(--space-6)}.legal-section h3:first-child{margin-top:0}.legal-section p{color:var(--color-gray-700);line-height:1.7;margin-bottom:var(--space-4)}.legal-section p:last-child{margin-bottom:0}.legal-section ul,.legal-section ol{color:var(--color-gray-700);line-height:1.7;margin-bottom:var(--space-4);padding-left:var(--space-6)}.legal-section li{margin-bottom:var(--space-2)}.legal-section a:not(.btn){color:var(--link);text-decoration:none;transition:color var(--transition-fast)}.legal-section a:not(.btn):hover{color:var(--color-accent);text-decoration:underline}.legal-card{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);background:var(--color-gray-50);border-radius:var(--radius-lg);border:1px solid var(--color-gray-100);margin-bottom:var(--space-4)}.legal-card:last-child{margin-bottom:0}.legal-card-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:var(--radius-md)}.legal-card-icon svg{width:24px;height:24px;color:var(--color-white)}.legal-card-content{flex:1}.legal-card-content h3{font-size:var(--text-lg);font-weight:600;color:var(--color-gray-900);margin:0 0 var(--space-2) 0}.legal-card-content p{color:var(--color-gray-600);margin:0;line-height:1.6}.legal-card-content p + p{margin-top:var(--space-2)}.legal-card-content a:not(.btn){color:var(--link);text-decoration:none;font-weight:500}.legal-card-content a:not(.btn):hover{text-decoration:underline}.legal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.legal-grid .legal-card{margin-bottom:0}.legal-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media (max-width:768px){.legal-grid-2{grid-template-columns:1fr}}.legal-card-small{padding:var(--space-4)}.legal-card-small h3{font-size:var(--font-size-base);margin-bottom:var(--space-2);color:var(--link)}.legal-card-small p{font-size:var(--font-size-sm);margin:0;color:var(--color-gray-600)}.legal-highlight{display:inline-block;padding:var(--space-3) var(--space-5);background:var(--color-gray-50);border-radius:var(--radius-md);border-left:4px solid var(--link);font-size:var(--text-lg);color:var(--color-gray-900)}.legal-table{width:100%;border-collapse:collapse;margin-bottom:var(--space-6)}.legal-table th,.legal-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-gray-200)}.legal-table th{background:var(--color-gray-50);font-weight:600;color:var(--color-gray-900)}.legal-table td{color:var(--color-gray-700)}@media (max-width:768px){.legal-page .page-header{padding:var(--space-12) 0 var(--space-8)}.legal-page .page-header h1{font-size:var(--text-3xl)}.container-narrow{padding:0 var(--space-4)}.legal-card{flex-direction:column;text-align:center}.legal-card-icon{margin:0 auto var(--space-3)}.legal-card-content{width:100%;text-align:center}.legal-grid{grid-template-columns:1fr}.breadcrumb ol{flex-wrap:wrap}}.sitemap-page{}.sitemap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-8)}.sitemap-section{background:var(--surface-raised);border-radius:0;padding:var(--space-6);border:1px solid var(--color-gray-200)}.sitemap-section h2{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-lg);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-gray-200)}.sitemap-section h2 svg{width:40px;height:40px;padding:var(--space-2);background:var(--gradient-primary);color:var(--color-white);flex-shrink:0}.sitemap-section ul{list-style:none;padding:0;margin:0}.sitemap-section li{margin-bottom:var(--space-2)}.sitemap-section a{display:flex;align-items:center;gap:var(--space-2);color:var(--color-gray-700);text-decoration:none;padding:var(--space-2) 0;transition:color var(--transition-fast)}.sitemap-section a::before{content:'';width:6px;height:6px;background:var(--color-gray-300);border-radius:50%;transition:background var(--transition-fast)}.sitemap-section a:hover{color:var(--link)}.sitemap-section a:hover::before{background:var(--link)}.pagespeed-mockup{position:relative;transform:perspective(1200px) rotateY(-8deg) rotateX(2deg);transition:transform 0.5s ease}.pagespeed-mockup:hover{transform:perspective(1200px) rotateY(-4deg) rotateX(1deg)}.pagespeed-frame{background:white;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-2xl),0 50px 100px -20px rgba(0,0,0,0.2)}.pagespeed-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f5f5f5;border-bottom:1px solid #e0e0e0}.pagespeed-dot{width:12px;height:12px;border-radius:50%}.pagespeed-dot:nth-child(1){background:#ff5f57}.pagespeed-dot:nth-child(2){background:#febc2e}.pagespeed-dot:nth-child(3){background:#28c840}.pagespeed-address{flex:1;margin-left:var(--space-4);padding:6px 12px;background:white;border-radius:6px;font-size:12px;color:var(--color-gray-500);border:1px solid #e0e0e0}.pagespeed-content{padding:var(--space-6);background:#fff}.psi-container{font-family:'Google Sans','Inter',system-ui,sans-serif;font-size:12px}.psi-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid #e0e0e0}.psi-logo{width:24px;height:24px;background:linear-gradient(135deg,#4285f4,#34a853,#fbbc05,#ea4335);border-radius:4px}.psi-title{font-size:14px;font-weight:500;color:#202124}.psi-url{font-size:11px;color:#5f6368;margin-left:auto}.psi-score-section{display:flex;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-4)}.psi-score-circle{position:relative;width:100px;height:100px;flex-shrink:0}.psi-score-ring{width:100%;height:100%;border-radius:50%;background:conic-gradient(#0cce6b 0deg 360deg,#e0e0e0 360deg);display:flex;align-items:center;justify-content:center}.psi-score-ring::before{content:'';position:absolute;width:80px;height:80px;background:white;border-radius:50%}.psi-score-value{position:relative;z-index:1;font-size:32px;font-weight:500;color:#0cce6b}.psi-score-label{text-align:center;margin-top:var(--space-2);font-size:11px;color:#5f6368;font-weight:500}.psi-categories{display:flex;flex-wrap:wrap;gap:var(--space-2);flex:1}.psi-category{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f8f9fa;border-radius:20px;font-size:11px;color:#202124}.psi-category-dot{width:8px;height:8px;border-radius:50%;background:#0cce6b}.psi-category-score{font-weight:600;color:#0cce6b}.psi-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.psi-metric{padding:var(--space-3);background:#f8f9fa;border-radius:8px;border-left:3px solid #0cce6b}.psi-metric-name{font-size:10px;color:#5f6368;margin-bottom:4px;text-transform:uppercase;letter-spacing:0.5px}.psi-metric-value{font-size:16px;font-weight:600;color:#0cce6b}.psi-metric-bar{margin-top:6px;height:4px;background:#e8f5e9;border-radius:2px;overflow:hidden}.psi-metric-bar-fill{height:100%;background:#0cce6b;border-radius:2px}.pagespeed-badge{position:absolute;bottom:-20px;right:-20px;width:70px;height:70px;background:linear-gradient(135deg,#4285f4 0%,#34a853 50%,#0cce6b 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(12,206,107,0.3);color:white;font-size:24px;font-weight:700}@media (max-width:768px){.pagespeed-mockup{transform:none}.pagespeed-mockup:hover{transform:none}.psi-score-section{flex-direction:column;align-items:center}.psi-categories{justify-content:center}.psi-metrics{grid-template-columns:1fr}}.accessibility-mockup{position:relative;transform:perspective(1000px) rotateY(-5deg) rotateX(2deg);transition:transform 0.5s var(--ease-smooth)}.accessibility-mockup:hover{transform:perspective(1000px) rotateY(-2deg) rotateX(1deg)}.a11y-frame{background:#ffffff;border-radius:12px;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25),0 0 0 1px rgba(0,0,0,0.05);overflow:hidden;max-width:420px}.a11y-header{background:linear-gradient(180deg,#f8f9fa 0%,#f1f3f4 100%);padding:12px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #ececec}.a11y-dots{display:flex;gap:6px}.a11y-dot{width:10px;height:10px;border-radius:50%}.a11y-dot:nth-child(1){background:#ff5f57}.a11y-dot:nth-child(2){background:#ffbd2e}.a11y-dot:nth-child(3){background:#28c840}.a11y-url{flex:1;background:white;border-radius:6px;padding:6px 12px;font-size:11px;color:#5f6368;border:1px solid #ececec}.a11y-body{padding:var(--space-6)}.a11y-score-section{display:flex;align-items:center;gap:var(--space-6);margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid #ececec}.a11y-score-circle{position:relative;width:100px;height:100px;flex-shrink:0}.a11y-score-ring{width:100%;height:100%;border-radius:50%;background:conic-gradient(#4285f4 0deg 360deg);display:flex;align-items:center;justify-content:center;animation:a11yScorePulse 2s ease-in-out infinite}@keyframes a11yScorePulse{0%,100%{box-shadow:0 0 0 0 rgba(66,133,244,0.4)}50%{box-shadow:0 0 0 10px rgba(66,133,244,0)}}.a11y-score-inner{width:80px;height:80px;background:white;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.a11y-score-number{font-size:28px;font-weight:700;color:#4285f4;line-height:1}.a11y-score-percent{font-size:14px;color:#4285f4}.a11y-score-info{flex:1}.a11y-score-title{font-size:16px;font-weight:600;color:#202124;margin-bottom:var(--space-2)}.a11y-score-subtitle{font-size:12px;color:#5f6368}.a11y-checklist{display:flex;flex-direction:column;gap:var(--space-3)}.a11y-check-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#f8f9fa;border-radius:8px;border-left:3px solid #34a853}.a11y-check-icon{width:32px;height:32px;background:#e8f5e9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#34a853;flex-shrink:0}.a11y-check-icon svg{width:16px;height:16px}.a11y-check-content{flex:1}.a11y-check-label{font-size:13px;font-weight:600;color:#202124;margin-bottom:2px}.a11y-check-status{font-size:11px;color:#34a853;font-weight:500}.a11y-badge{position:absolute;bottom:-15px;right:-15px;background:linear-gradient(135deg,#4285f4 0%,#34a853 100%);color:white;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;box-shadow:0 4px 12px rgba(66,133,244,0.3)}@media (max-width:768px){.accessibility-mockup{transform:none}.accessibility-mockup:hover{transform:none}.a11y-score-section{flex-direction:column;text-align:center}}.b2b-mockup{position:relative;transform:perspective(1000px) rotateY(-5deg) rotateX(2deg);transition:transform 0.5s var(--ease-smooth)}.b2b-mockup:hover{transform:perspective(1000px) rotateY(-2deg) rotateX(1deg)}.b2b-frame{background:#ffffff;border-radius:12px;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25),0 0 0 1px rgba(0,0,0,0.05);overflow:hidden;max-width:420px}.b2b-header{background:var(--gradient-primary);padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.b2b-header-title{color:white;font-size:14px;font-weight:600}.b2b-header-user{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,0.9);font-size:12px}.b2b-header-avatar{width:28px;height:28px;background:rgba(255,255,255,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center}.b2b-header-avatar svg{width:16px;height:16px}.b2b-body{padding:var(--space-5)}.b2b-welcome{margin-bottom:var(--space-5)}.b2b-welcome-title{font-size:18px;font-weight:700;color:var(--color-dark);margin-bottom:var(--space-1)}.b2b-welcome-subtitle{font-size:12px;color:var(--color-gray-600)}.b2b-customer-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%);color:var(--color-primary);padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;margin-top:var(--space-2)}.b2b-customer-badge svg{width:14px;height:14px}.b2b-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-5)}.b2b-stat{text-align:center;padding:var(--space-3);background:#f8f9fa;border-radius:8px}.b2b-stat-value{font-size:20px;font-weight:700;color:var(--color-primary);line-height:1;margin-bottom:4px}.b2b-stat-label{font-size:10px;color:var(--color-gray-600);text-transform:uppercase;letter-spacing:0.5px}.b2b-price-tiers{background:#f8f9fa;border-radius:8px;padding:var(--space-4);margin-bottom:var(--space-5)}.b2b-price-tiers-title{font-size:12px;font-weight:600;color:var(--color-dark);margin-bottom:var(--space-3);display:flex;align-items:center;gap:6px}.b2b-price-tiers-title svg{width:14px;height:14px;color:var(--color-primary)}.b2b-tier{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid #ececec;font-size:12px}.b2b-tier:last-child{border-bottom:none}.b2b-tier-qty{color:var(--color-gray-600)}.b2b-tier-price{font-weight:600;color:var(--color-primary)}.b2b-tier-discount{background:#e8f5e9;color:#2e7d32;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600}.b2b-quick-order{background:white;border:1px solid #ececec;border-radius:8px;padding:var(--space-4)}.b2b-quick-order-title{font-size:12px;font-weight:600;color:var(--color-dark);margin-bottom:var(--space-3);display:flex;align-items:center;gap:6px}.b2b-quick-order-title svg{width:14px;height:14px;color:var(--color-primary)}.b2b-quick-order-row{display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.b2b-quick-order-input{flex:1;padding:8px 12px;border:1px solid #ececec;border-radius:6px;font-size:12px;background:#f8f9fa}.b2b-quick-order-qty{width:60px;text-align:center}.b2b-quick-order-btn{background:var(--gradient-primary);color:white;border:none;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px}.b2b-quick-order-btn svg{width:14px;height:14px}.b2b-badge{position:absolute;bottom:-15px;right:-15px;background:var(--gradient-primary);color:white;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;box-shadow:0 4px 12px rgba(0,77,67,0.3)}@media (max-width:768px){.b2b-mockup{transform:none}.b2b-mockup:hover{transform:none}.b2b-stats{grid-template-columns:1fr}}.visually-hidden,.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);margin-bottom:var(--space-12)}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.blog-grid{grid-template-columns:1fr}}.blog-card{background:var(--surface-raised);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.06);transition:all var(--transition-normal);display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,0.1)}.blog-card-link-wrapper{display:flex;flex-direction:column;text-decoration:none;color:inherit;flex:1}.blog-card-image{aspect-ratio:16/9;overflow:hidden}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-mockup{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;border-radius:12px 12px 0 0;background-color:var(--mockup-canvas)}.blog-card-mockup::after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 40px rgba(0,0,0,0.12);border-radius:12px 12px 0 0;pointer-events:none;z-index:1}.blog-card-mockup svg{width:100%;height:100%;display:block;transition:transform var(--transition-normal)}.blog-card:hover .blog-card-mockup svg{transform:scale(1.02)}.blog-card-content{padding:var(--space-6);display:flex;flex-direction:column;flex:1}.blog-card-meta{font-size:var(--text-sm);color:var(--color-gray-600);margin-bottom:var(--space-3)}.blog-card-title{font-size:var(--text-lg);font-weight:700;line-height:1.3;margin-bottom:var(--space-3);color:var(--color-dark);transition:color var(--transition-fast)}.blog-card:hover .blog-card-title{color:var(--link)}.blog-card-excerpt{font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.6;margin-bottom:var(--space-4);flex:1}.blog-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-4);border-top:1px solid var(--color-gray-100)}.blog-card-date{font-size:var(--text-sm);color:var(--color-gray-500)}.blog-card-link{font-size:var(--text-sm);font-weight:600;color:var(--link)}.blog-card-cta{font-size:var(--text-sm);font-weight:600;color:var(--link);transition:color var(--transition-fast)}.blog-card:hover .blog-card-cta{color:var(--color-primary-light)}.city-links-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4);margin-top:var(--space-8)}.city-link{display:inline-flex;align-items:center;padding:var(--space-3) var(--space-6);background:var(--surface-raised);border:1px solid var(--link);border-radius:var(--radius-full);color:var(--link);font-weight:600;font-size:var(--text-sm);transition:all var(--transition-fast)}.city-link:hover{background:var(--color-primary);color:var(--color-white)}.hero-pills{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-top:var(--space-8)}.hero-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.2);border-radius:var(--radius-full);color:rgba(255,255,255,0.95);font-size:var(--text-sm);font-weight:500;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all var(--transition-fast)}.hero-pill:hover{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.35)}.hero-pill svg{width:16px;height:16px;color:var(--color-accent);flex-shrink:0}.hero-city-badge{display:flex;justify-content:center;margin-bottom:var(--space-4)}.hero-city-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:12px;padding:var(--space-2)}.hero-city-icon svg{width:32px;height:32px;stroke:var(--color-accent);fill:none;stroke-width:1.5}.city-context{padding:var(--space-16) 0}.city-context-grid{display:grid;grid-template-columns:1fr 380px;gap:var(--space-10);align-items:start}.city-context-narrative h3{font-size:var(--text-xl);margin-bottom:var(--space-6);color:var(--link)}.city-context-narrative p{color:var(--color-gray-600);line-height:1.8}.city-data-card{background:var(--surface-raised);border:1px solid var(--border-subtle);box-shadow:0 1px 3px rgba(0,0,0,0.06);padding:var(--space-8);position:sticky;top:calc(var(--header-height) + var(--space-6))}.city-data-card h4{font-size:var(--text-base);font-weight:700;margin-bottom:var(--space-6);color:var(--link);padding-bottom:var(--space-4);border-bottom:2px solid var(--link)}.city-data-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-4)}.city-data-list li{display:flex;flex-direction:column;gap:var(--space-1);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.city-data-list li:last-child{border-bottom:none;padding-bottom:0}.city-data-label{font-size:clamp(0.7rem,0.8vw,0.75rem);font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--color-gray-600)}.city-data-value{font-size:var(--text-base);font-weight:600;color:var(--color-dark);line-height:1.4}.industry-deep-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.industry-deep-card{background:var(--surface-raised);border:1px solid var(--border-subtle);padding:var(--space-8);transition:all var(--transition-normal)}.industry-deep-card:hover{border-color:var(--link);box-shadow:0 8px 32px rgba(0,77,67,0.08);transform:translateY(-2px)}.industry-deep-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(0,77,67,0.06);border-radius:10px;margin-bottom:var(--space-6)}.industry-deep-card-icon svg{width:24px;height:24px;stroke:var(--link);fill:none;stroke-width:2}.industry-deep-card h3{font-size:var(--text-xl);margin-bottom:var(--space-3)}.industry-deep-card>p{color:var(--color-gray-600);margin-bottom:var(--space-6);line-height:1.7}.industry-capabilities{list-style:none;display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.industry-capabilities li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--color-dark)}.industry-capabilities li::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--color-accent);flex-shrink:0}.work-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.work-process-step{text-align:center;padding:var(--space-6);position:relative;background:var(--color-light);border-radius:var(--radius-xl);border-top:3px solid var(--color-accent)}.bg-light .work-process-step{background:var(--surface-raised);box-shadow:0 1px 3px rgba(0,0,0,0.06)}.work-process-number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:var(--color-white);font-weight:700;font-size:var(--text-sm);border-radius:50%;margin:0 auto var(--space-4)}.work-process-step h3{font-size:var(--text-base);margin-bottom:var(--space-2)}.work-process-step p{font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.6}@media (max-width:1024px){.city-context-grid{grid-template-columns:1fr;gap:var(--space-8)}.city-data-card{position:static}.industry-deep-cards{grid-template-columns:repeat(2,1fr)}.work-process-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.industry-deep-cards{grid-template-columns:1fr}.hero-pills{gap:var(--space-2)}.hero-pill{font-size:clamp(0.7rem,0.8vw,0.8rem);padding:var(--space-1) var(--space-3)}.hero-city-icon{width:48px;height:48px}.hero-city-icon svg{width:28px;height:28px}.work-process-grid{grid-template-columns:1fr;gap:var(--space-4)}.work-process-step{text-align:left;display:flex;gap:var(--space-4);align-items:flex-start;padding:var(--space-4)}.work-process-number{margin:0;flex-shrink:0}}@media (max-width:640px){.hero-pills{flex-direction:column;align-items:center}.hero-pill{width:100%;max-width:280px;justify-content:center}.city-data-card{padding:var(--space-6)}}.project-showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.project-showcase-card{background:var(--surface-raised);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-subtle);box-shadow:0 2px 12px rgba(0,0,0,0.04);transition:all var(--transition-normal)}.project-showcase-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.1)}.project-mockup{background:var(--mockup-stage);overflow:hidden;border-bottom:1px solid var(--border-subtle)}.project-mockup svg{width:100%;height:auto;display:block}.project-showcase-body{padding:var(--space-6)}.project-type{display:inline-block;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--accent-readable);margin-bottom:var(--space-2)}.project-showcase-body h3{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-3);color:var(--color-dark)}.project-showcase-body p{font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.65;margin-bottom:var(--space-4)}.project-tech-stack{display:flex;flex-wrap:wrap;gap:6px}.project-tech-tag{font-size:11px;font-weight:600;padding:3px 10px;background:var(--color-light);color:var(--link);border-radius:4px;white-space:nowrap}@media (max-width:1024px){.project-showcase-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.project-showcase-grid{grid-template-columns:1fr}.project-showcase-body{padding:var(--space-5)}}.project-mockup-iframe-wrap{position:relative;overflow:hidden;cursor:pointer;background:var(--mockup-stage)}.project-mockup-iframe-wrap iframe{display:block;width:1440px;height:900px;border:none;transform-origin:top left;pointer-events:none;transform:scale(var(--mockup-scale,0.25))}.mockup-card-controls{position:absolute;bottom:12px;right:68px;display:flex;gap:6px;opacity:0;transition:opacity var(--transition-fast);z-index:2}.mockup-viewport-btn{width:48px;height:48px;background:rgba(0,0,0,0.5);border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgba(255,255,255,0.7);transition:background var(--transition-fast),color var(--transition-fast);padding:0;backdrop-filter:blur(4px)}.mockup-viewport-btn svg{width:18px;height:18px}.mockup-viewport-btn:hover{background:rgba(0,0,0,0.7);color:#fff}.mockup-viewport-btn--active{background:rgba(0,0,0,0.75);color:#fff}.project-mockup-iframe-wrap:hover .mockup-card-controls{opacity:1}.mockup-expand-icon{position:absolute;bottom:12px;right:12px;width:48px;height:48px;background:rgba(0,0,0,0.65);border-radius:8px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast);backdrop-filter:blur(4px)}.mockup-expand-icon svg{width:22px;height:22px;color:#fff}.project-mockup-iframe-wrap:hover .mockup-expand-icon{opacity:1}.mockup-modal{position:fixed;inset:0;z-index:10001;display:flex;flex-direction:column;visibility:hidden;opacity:0;transition:opacity 0.3s ease,visibility 0.3s ease}.mockup-modal.active{visibility:visible;opacity:1}.mockup-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.85);backdrop-filter:blur(8px)}.mockup-modal-frame{position:relative;display:flex;flex-direction:column;width:100%;height:100%;z-index:1}.mockup-modal-header{display:flex;align-items:center;gap:var(--space-4);padding:10px max(20px,calc((100% - var(--container-max)) / 2 + var(--space-6)));background:var(--surface-raised);border-bottom:1px solid var(--border-subtle);flex-shrink:0;min-height:48px}.mockup-modal-brand{display:flex;align-items:center;gap:8px;flex-shrink:0}.mockup-modal-logo{height:22px;width:auto}.mockup-modal-demo-badge{font-size:11px;font-weight:700;padding:2px 8px;background:var(--color-accent);color:#fff;border-radius:var(--radius-full);letter-spacing:0.03em;text-transform:uppercase}.mockup-modal-title{flex:1;font-size:var(--text-sm);color:var(--color-gray-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mockup-modal-viewport{display:flex;background:var(--color-light);border-radius:var(--radius-full);padding:3px;gap:2px;flex-shrink:0}.mockup-modal-viewport .mockup-viewport-btn{width:48px;height:48px;background:transparent;border:none;border-radius:var(--radius-full);color:var(--color-gray-600);backdrop-filter:none}.mockup-modal-viewport .mockup-viewport-btn svg{width:16px;height:16px}.mockup-modal-viewport .mockup-viewport-btn:hover{background:rgba(0,0,0,0.05);color:var(--color-dark)}.mockup-modal-viewport .mockup-viewport-btn--active{background:var(--surface-raised);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,0.1)}.mockup-modal-close{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border);border-radius:8px;cursor:pointer;color:var(--color-gray-600);transition:all var(--transition-fast);padding:0}.mockup-modal-close:hover{background:var(--color-light);color:var(--color-dark)}.mockup-modal-close svg{width:20px;height:20px}.mockup-modal-body{flex:1;overflow:hidden}.mockup-modal-body iframe{width:100%;height:100%;border:none;background:#fff}.mockup-modal-body.mockup-mobile-view{display:flex;align-items:flex-start;justify-content:center;background:var(--mockup-stage);padding:32px 16px;overflow-y:auto}.mockup-modal-body.mockup-mobile-view iframe{width:390px;max-width:100%;height:calc(100vh - 160px);border-radius:20px;box-shadow:0 8px 40px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);flex-shrink:0}.mockup-modal-body.mockup-desktop-view{background:var(--mockup-stage);padding:16px;overflow:hidden}.mockup-modal-body.mockup-desktop-view iframe{transform-origin:top left;border-radius:8px;box-shadow:0 4px 24px rgba(0,0,0,0.12),0 0 0 1px rgba(0,0,0,0.04)}@media (max-width:768px){.mockup-modal-header{padding:8px 12px}.mockup-modal-title{display:none}.mockup-card-controls{opacity:1;right:62px}.mockup-card-controls .mockup-viewport-btn{width:44px;height:44px}.mockup-card-controls .mockup-viewport-btn svg{width:15px;height:15px}.mockup-modal-viewport{margin-left:auto}.mockup-modal-viewport .mockup-viewport-btn{width:44px;height:44px}.mockup-expand-icon{opacity:1;width:44px;height:44px;bottom:10px;right:10px}.mockup-expand-icon svg{width:20px;height:20px}}.blog-demo-showcase .section-badge{margin-bottom:0;margin-top:var(--space-6)}.blog-demo-showcase--spotlight{margin-top:var(--space-12,5rem)}.blog-demo-showcase--spotlight .section-header{margin-bottom:var(--space-4)}.blog-demo-showcase--spotlight .section-header h3{font-size:1.25rem;font-weight:600;color:var(--text);letter-spacing:-0.01em}.project-spotlight{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:center;background:var(--color-primary-very-light);border-radius:16px;padding:var(--space-8)}.project-spotlight .project-showcase-card{margin:0}.project-spotlight-text{padding:var(--space-2) 0;display:flex;flex-direction:column}.project-spotlight-text>div:first-child{font-size:1rem;line-height:1.75;color:var(--text);margin-bottom:var(--space-5)}.project-spotlight-text>div:first-child p{margin-bottom:var(--space-3)}.project-spotlight-text>div:first-child strong{color:var(--link);font-weight:600}.project-spotlight-text .project-tech-stack{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-6)}.project-spotlight-text .project-tech-tag{background:var(--surface-raised)}.project-spotlight-text .btn-primary{color:#fff;text-decoration:none;display:inline-block;margin-left:auto}@media (max-width:768px){.project-spotlight{grid-template-columns:1fr}}.app-demo-spotlight{display:grid;grid-template-columns:auto 1fr;gap:var(--space-8);align-items:center;background:var(--color-primary-very-light);border-radius:16px;padding:var(--space-8)}.app-demo-phone{width:300px;cursor:pointer;position:relative}.app-demo-phone-frame{background:#1a1a2e;border-radius:40px;padding:12px;position:relative;box-shadow:0 20px 60px rgba(0,0,0,0.18),0 0 0 1px rgba(255,255,255,0.05) inset}.app-demo-phone-notch{width:120px;height:28px;background:#1a1a2e;border-radius:0 0 18px 18px;position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:2}.app-demo-phone-screen{border-radius:28px;overflow:hidden;position:relative;aspect-ratio:390 / 844;background:#f5f5f5}.app-demo-phone-screen iframe{position:absolute;top:0;left:0;width:390px;height:844px;border:none;transform-origin:top left}.app-demo-phone-expand{position:absolute;bottom:20px;right:20px;width:36px;height:36px;background:rgba(0,0,0,0.65);border-radius:8px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast);backdrop-filter:blur(4px);z-index:5;cursor:pointer;border:none}.app-demo-phone-expand svg{width:18px;height:18px;color:#fff}.app-demo-phone:hover .app-demo-phone-expand{opacity:1}.app-demo-text{padding:var(--space-2) 0;display:flex;flex-direction:column}.app-demo-text .app-demo-header{display:flex;align-items:center;gap:8px;margin-bottom:var(--space-3)}.app-demo-text .project-type{font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;color:var(--link)}.app-demo-text h3{font-size:1.35rem;font-weight:700;color:var(--text);margin-bottom:var(--space-5);letter-spacing:-0.02em}.app-demo-text>p{font-size:0.95rem;line-height:1.7;color:var(--text);margin-bottom:var(--space-5)}.app-demo-features{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:var(--space-6)}.app-demo-feature{display:flex;gap:var(--space-3);align-items:flex-start;background:var(--surface-raised);border-radius:12px;padding:14px;box-shadow:0 1px 3px rgba(0,0,0,0.06)}.app-demo-feature-icon{flex-shrink:0;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.app-demo-feature-icon svg{width:22px;height:22px}.app-demo-feature-icon--ux{background:linear-gradient(135deg,#004d43,#00a88a)}.app-demo-feature-icon--data{background:linear-gradient(135deg,#0369a1,#38bdf8)}.app-demo-feature-icon--offline{background:linear-gradient(135deg,#7c3aed,#a78bfa)}.app-demo-feature-icon--push{background:linear-gradient(135deg,#c2410c,#fb923c)}.app-demo-feature-icon--cross{background:linear-gradient(135deg,#0d9488,#54e6c4)}.app-demo-feature-icon--secure{background:linear-gradient(135deg,#4338ca,#818cf8)}.app-demo-feature-text h4{font-size:0.95rem;font-weight:650;color:var(--text);margin-bottom:2px;letter-spacing:-0.01em}.app-demo-feature-text p{font-size:0.85rem;line-height:1.55;color:var(--text-muted);margin:0}.app-demo-text .project-tech-stack{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-6)}.app-demo-text .project-tech-tag{background:var(--surface-raised)}.app-demo-text .btn-primary{color:#fff;text-decoration:none;display:inline-block;margin-left:auto}@media (max-width:768px){.app-demo-spotlight{grid-template-columns:1fr;justify-items:center}.app-demo-phone{width:260px}.app-demo-phone-expand{opacity:1;width:30px;height:30px;bottom:14px;right:14px}.app-demo-phone-expand svg{width:14px;height:14px}.app-demo-phone-frame{border-radius:34px;padding:10px}.app-demo-phone-notch{width:100px;height:24px;border-radius:0 0 14px 14px;top:10px}.app-demo-phone-screen{border-radius:24px}.app-demo-text{text-align:center;align-items:center}.app-demo-text .app-demo-header{justify-content:center}.app-demo-features{grid-template-columns:1fr}.app-demo-feature{flex-direction:column;align-items:center;text-align:center}.app-demo-text .project-tech-stack{justify-content:center}.app-demo-text .btn-primary{margin-left:0}}.mockup-modal.app-demo-modal .mockup-modal-viewport{display:none}.project-demo-badge{display:inline-block;font-size:0.65rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;background:var(--color-primary);color:#fff;padding:2px 8px;border-radius:4px;margin-left:8px;vertical-align:middle;position:relative;top:-1px}html[data-theme="dark"] ::selection{background:var(--color-accent);color:#151515}html[data-theme="dark"] .gradient-text{background-image:linear-gradient(135deg,#00c9a7 0%,#54e6c4 100%)}html[data-theme="dark"] .login-error{color:#f87171}html[data-theme="dark"] .alert-success{color:#34d399}html[data-theme="dark"] .alert-error{color:#f87171}html[data-theme="dark"] .check-list li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300c9a7' stroke-width='3'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E")}html[data-theme="dark"] .tech-logo{filter:grayscale(100%) invert(0.85) brightness(1.4)}html[data-theme="dark"] .tech-logo:hover{opacity:1;filter:grayscale(100%) invert(0.85) brightness(1.4)}html[data-theme="dark"] .tech-stack-enhanced .tech-logo,html[data-theme="dark"] .tech-stack-enhanced .tech-logo:hover{filter:none}html[data-theme="dark"] .browser-address{color:#767676}input[type="checkbox"],input[type="radio"]{accent-color:var(--link)}@media (max-width:480px){.theme-toggle{margin-left:8px}}html[data-theme="dark"] .nav-dropdown,html[data-theme="dark"] .mega-menu{border-color:var(--border-subtle)}html[data-theme="dark"] .cookie-banner{border-top-color:var(--border-subtle)}html[data-theme="dark"] .hero-stat-item .hero-stat-number,html[data-theme="dark"] .hero-stat-item .hero-stat-suffix,html[data-theme="dark"] .hero-stat-item .hero-stat-text{background-image:linear-gradient(135deg,#ececec 0%,#00c9a7 100%)}html[data-theme="dark"] .info-box-highlight{background:var(--primary-tint)}html[data-theme="dark"] .invoice-xml{background:#363636;border-color:#5a5a5a;color:#a3a3a3}html[data-theme="dark"] .service-card:hover .btn-outline:hover,html[data-theme="dark"] .service-card-premium:hover .btn-outline:hover{box-shadow:0 4px 20px rgba(0,201,167,0.25)}html[data-theme="dark"] .process-step.active .process-number{box-shadow:0 0 0 8px rgba(0,201,167,0.15),var(--shadow-lg)}html[data-theme="dark"] .industry-deep-card-icon{background:var(--primary-tint)}html[data-theme="dark"] .blog-card{box-shadow:0 0 0 1px var(--border-subtle),0 4px 20px rgba(0,0,0,0.45)}html[data-theme="dark"] .blog-card:hover{box-shadow:0 0 0 1px var(--border-subtle),0 12px 40px rgba(0,0,0,0.55)}html[data-theme="dark"] .blog-card:hover .blog-card-cta{color:var(--link-hover)}html[data-theme="dark"] .blog-card-mockup svg{filter:brightness(.92) saturate(.95)}html[data-theme="dark"] .project-spotlight,html[data-theme="dark"] .app-demo-spotlight{background:var(--primary-tint)}html[data-theme="dark"] .mockup-modal-viewport .mockup-viewport-btn:hover{background:rgba(255,255,255,0.08)}html[data-theme="dark"] .mockup-modal-viewport .mockup-viewport-btn--active{box-shadow:0 0 0 1px var(--border-strong)}html[data-theme="dark"] .btn-outline:hover,html[data-theme="dark"] .btn-outline-primary:hover{background:rgba(0,201,167,0.12);color:var(--link-hover);border-color:var(--link-hover)}html[data-theme="dark"] .btn-secondary{box-shadow:0 0 0 1px var(--border-strong),var(--shadow-sm)}html[data-theme="dark"] .btn-secondary:hover{box-shadow:0 0 0 1px var(--border-strong),var(--shadow-lg)}html[data-theme="dark"] .btn-ghost:hover{background:rgba(255,255,255,0.06)}html[data-theme="dark"] .card:hover{border-color:var(--border-strong)}html[data-theme="dark"] .faq-item:hover{box-shadow:0 4px 20px rgba(0,0,0,0.45)}html[data-theme="dark"] .faq-item.is-open{box-shadow:0 8px 30px rgba(0,0,0,0.5)}html[data-theme="dark"] .faq-item:hover .faq-question svg,html[data-theme="dark"] .faq-question:focus-visible svg{background:rgba(0,201,167,0.15)}html[data-theme="dark"] .feature-highlight:hover{border-color:rgba(0,201,167,0.35)}html[data-theme="dark"] .industry-deep-card:hover{box-shadow:0 8px 32px rgba(0,0,0,0.45)}html[data-theme="dark"] .city-link:hover{background:rgba(0,201,167,0.12);color:var(--link-hover);border-color:var(--link-hover)}html[data-theme="dark"] .mockup-modal-close:hover{background:rgba(255,255,255,0.08)}.header-inner .nav-main{margin-left:auto}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;margin-left:var(--space-3);flex-shrink:0;background:transparent;border:1px solid rgba(255,255,255,0.2);border-radius:50%;color:rgba(255,255,255,0.8);cursor:pointer;transition:all var(--transition-fast);z-index:1001}.theme-toggle:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.4);color:var(--color-white)}.theme-toggle svg{width:18px;height:18px;display:block}html[data-theme="dark"] .theme-icon-moon{display:none}html:not([data-theme="dark"]) .theme-icon-sun{display:none}@media (max-width:1130px){.theme-toggle{margin-left:auto;margin-right:var(--space-2)}}[hidden]{display:none!important}.a11y-fixed{position:fixed;bottom:var(--space-10);left:var(--space-10);z-index:1000;transition:transform 0.3s ease;will-change:transform}.a11y-btn{background:rgba(255,255,255,0.95);color:var(--color-primary);box-shadow:0 4px 20px rgba(0,0,0,0.15)}.a11y-btn:hover{background:rgba(255,255,255,1);color:var(--color-primary-dark);transform:scale(1.1);box-shadow:0 6px 25px rgba(0,0,0,0.2)}.a11y-btn[aria-expanded="true"]{background:var(--color-primary);color:var(--color-white)}.a11y-panel{position:fixed;left:var(--space-10);right:auto;bottom:calc(var(--space-10) + 56px + var(--space-3));z-index:10010;width:calc(100vw - 48px);max-width:320px;max-height:calc(100vh - 200px);overflow-y:auto;padding:var(--space-5);background:var(--surface-raised);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-xl);opacity:0;transform:translateY(12px) scale(0.98);transform-origin:bottom left;transition:opacity 0.25s var(--ease-smooth),transform 0.25s var(--ease-smooth)}.a11y-panel.active{opacity:1;transform:translateY(0) scale(1)}.a11y-panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.a11y-panel-title{font-size:var(--text-base);font-weight:700;color:var(--text-strong);margin:0}.a11y-panel-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;padding:0;background:var(--surface-sunken);border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.a11y-panel-close:hover{background:var(--border);color:var(--text)}.a11y-group{margin-top:var(--space-4)}.a11y-group-label{display:block;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--text-subtle);margin-bottom:var(--space-2)}.a11y-seg{display:flex;gap:4px;padding:3px;background:var(--surface-sunken);border:1px solid var(--border-light);border-radius:var(--radius-full)}.a11y-seg-btn{flex:1;padding:var(--space-2) var(--space-2);font-family:inherit;font-size:var(--text-xs);font-weight:600;white-space:nowrap;color:var(--text-muted);background:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.a11y-seg-btn:hover{color:var(--text);background:var(--menu-item-hover)}.a11y-seg-btn.active{background:var(--color-primary);color:var(--color-white)}.a11y-switch{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) 0;font-family:inherit;font-size:var(--text-sm);font-weight:500;text-align:left;color:var(--text);background:transparent;border:none;cursor:pointer}.a11y-switch-track{position:relative;width:36px;height:20px;flex-shrink:0;background:var(--color-gray-300);border-radius:var(--radius-full);transition:background 0.2s ease}.a11y-switch-track::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--surface-raised);border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,0.2);transition:transform 0.2s ease}.a11y-switch[aria-checked="true"] .a11y-switch-track{background:var(--color-accent)}.a11y-switch[aria-checked="true"] .a11y-switch-track::after{transform:translateX(16px)}.a11y-reset{width:100%;margin-top:var(--space-4);padding:var(--space-2) var(--space-4);font-family:inherit;font-size:var(--text-sm);font-weight:600;color:var(--text-muted);background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.a11y-reset:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-sunken)}@media (max-width:743px){.a11y-fixed{bottom:var(--space-6);left:var(--space-6)}.a11y-panel{left:var(--space-6);bottom:calc(var(--space-6) + 48px + var(--space-3));max-height:calc(100vh - 170px)}}html.a11y-font-lg{font-size:112.5%}html.a11y-font-xl{font-size:125%}html.a11y-links a:not(.btn){text-decoration:underline!important;text-underline-offset:2px}html.a11y-contrast{--text:#000;--text-muted:#333;--border:#888;--color-dark:#000;--color-gray-900:#000;--color-gray-800:#1a1a1a;--color-gray-700:#262626;--color-gray-600:#333;--color-gray-500:#404040}html.a11y-contrast[data-theme="dark"]{--text:#fff;--text-muted:#e0e0e0;--border:#9ab;--surface-page:#000;--surface-raised:#0a0a0a;--color-dark:#fff;--color-gray-900:#fff;--color-gray-800:#f2f2f2;--color-gray-700:#ececec;--color-gray-600:#e0e0e0;--color-gray-500:#cfcfcf}html.a11y-reduce-motion *,html.a11y-reduce-motion *::before,html.a11y-reduce-motion *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.form-message{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);margin-top:var(--space-4);font-size:var(--text-sm)}.form-message-success{background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.25);color:#065f46}.form-message-error{background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.25);color:#991b1b}html[data-theme="dark"] .form-message-success{color:#34d399}html[data-theme="dark"] .form-message-error{color:#f87171}html.theme-switching *,html.theme-switching *::before,html.theme-switching *::after{transition:background-color .25s ease,color .25s ease,border-color .25s ease,fill .25s ease!important}html{scrollbar-color:var(--border-strong) var(--surface-sunken)}.footer-brand .footer-logo img{filter:brightness(0) invert(1)}@media print{html,html[data-theme="dark"]{--surface-page:#ffffff;--surface-alt:#fafafa;--surface-raised:#ffffff;--surface-sunken:#f5f5f5;--surface-dark:#2d2d2d;--text:#2d2d2d;--text-strong:#1f1f1f;--text-muted:#595959;--text-subtle:#767676;--border:#e0e0e0;--border-light:#f5f5f5;--border-strong:#c4c4c4;--border-subtle:rgba(0,0,0,0.06);--primary-tint:#e6f2f0;--accent-readable:#007a64;--link:#004d43;--link-hover:#003d35;--mockup-canvas:#f0f7f6;--mockup-stage:#e8ecef;--glass-panel:rgba(255,255,255,0.75);--menu-glass:rgba(240,240,240,0.7);--menu-item:rgba(255,255,255,0.4);--menu-item-hover:rgba(255,255,255,0.7);--color-gray-50:#f8faf9;--color-gray-100:#f5f5f5;--color-gray-200:#e0e0e0;--color-gray-300:#c4c4c4;--color-gray-400:#a3a3a3;--color-gray-500:#767676;--color-gray-600:#595959;--color-gray-700:#5a5a5a;--color-gray-800:#4a4a4a;--color-gray-900:#363636;--color-light:#fafafa;--color-dark:#2d2d2d;--color-primary-ultra-light:#e6f2f0;--color-primary-glow:rgba(0,77,67,0.4);--color-primary-very-light:#f0f7f6;--gradient-card:linear-gradient(145deg,rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.8) 100%);--shadow-xs:0 1px 2px rgba(0,0,0,0.04);--shadow-sm:0 2px 4px rgba(0,0,0,0.06);--shadow-md:0 4px 12px rgba(0,0,0,0.08);--shadow-lg:0 8px 24px rgba(0,0,0,0.12);--shadow-xl:0 16px 48px rgba(0,0,0,0.16);--shadow-2xl:0 24px 64px rgba(0,0,0,0.2);--shadow-card-hover:0 20px 60px rgba(0,77,67,0.1);--shadow-card:0 4px 20px rgba(0,0,0,0.06);--shadow-colored:0 10px 40px rgba(0,77,67,0.2);--shadow-glow:0 0 40px var(--color-primary-glow);--shadow-glow-sm:0 0 20px var(--color-primary-glow);--plexus-rgb:0,168,138;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b6b6b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");color-scheme:light}}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}#matomo-opt-out input[type="checkbox"]{margin-right:0.5rem}