.leistungen-page{position:relative;min-height:100vh;background:linear-gradient(180deg,var(--color-surface-alt) 0%,var(--color-surface-0) 30%,var(--color-surface-0) 100%);overflow-x:hidden}.particle-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.6}.noise-overlay{position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.leistungen-hero{min-height:70vh;display:flex;align-items:center;padding:8rem 1.5rem 4rem;position:relative;z-index:1}@media (min-width: 640px){.leistungen-hero{padding:8rem 2rem 4rem}}.leistungen-hero__inner{width:100%;max-width:1200px;margin:0 auto;text-align:left}.leistungen-hero__label{display:inline-flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:2rem;padding:.5rem 1rem;background:var(--color-surface-0);border:1px solid var(--color-border-subtle);border-radius:2rem}.pulse-dot{width:6px;height:6px;background:var(--color-cobalt-500);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}.leistungen-hero__title{display:flex;flex-direction:column;margin-bottom:2rem}.leistungen-hero__line{display:block;font-size:clamp(2.5rem,8vw,5rem);font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--color-text-primary)}.leistungen-hero__line--accent{color:var(--color-cobalt-500);font-style:italic}.leistungen-hero__desc{font-size:1rem;line-height:1.7;color:var(--color-text-secondary);max-width:540px}.leistungen-grid{padding:4rem 1.5rem;position:relative;z-index:1}@media (min-width: 640px){.leistungen-grid{padding:4rem 2rem}}.leistungen-grid__inner{max-width:1200px;margin:0 auto}.leistungen-grid__label{font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:2rem}.bento-container{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.bento-container{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (min-width: 1024px){.bento-container{grid-template-columns:repeat(3,1fr)}}.bento-tile{position:relative;padding:2rem;background:var(--color-surface-0);border:1px solid var(--color-border-subtle);border-radius:1.25rem;cursor:pointer;transform-style:preserve-3d;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.bento-tile:hover{border-color:var(--color-cobalt-300);box-shadow:0 4px 20px #0466c814}@media (min-width: 768px){.bento-tile--large{grid-column:span 2}}.bento-tile__glow{position:absolute;inset:0;pointer-events:none;z-index:0}.bento-tile__border-glow{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1}.bento-tile__content{position:relative;z-index:2}.bento-tile__header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.bento-tile__indicator{width:8px;height:8px;border-radius:50%}.bento-tile__subtitle{font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-tertiary)}.bento-tile__title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:.75rem}.bento-tile__desc{font-size:.875rem;line-height:1.6;color:var(--color-text-secondary);margin-bottom:1.5rem}.bento-tile__tools{display:flex;flex-wrap:wrap;gap:.375rem}.bento-tile__tool{padding:.25rem .625rem;font-size:.65rem;font-weight:600;color:var(--color-text-secondary);background:var(--color-surface-alt);border:1px solid var(--color-border-subtle);border-radius:.375rem;transition:all .2s ease}.bento-tile:hover .bento-tile__tool{border-color:var(--color-border-default)}.bento-tile__details{overflow:hidden;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border-subtle)}.bento-tile__details ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}.bento-tile__details li{padding:.375rem .75rem;font-size:.7rem;font-weight:500;color:var(--color-cobalt-600);background:var(--color-cobalt-50);border-radius:.5rem}.leistungen-workflow{padding:6rem 1.5rem;background:var(--color-ink-700);position:relative;z-index:1}@media (min-width: 640px){.leistungen-workflow{padding:6rem 2rem}}.leistungen-workflow__inner{max-width:1200px;margin:0 auto}.leistungen-workflow__header{margin-bottom:4rem}.section-label{display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--color-cobalt-300);margin-bottom:1rem}.section-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:-.025em;line-height:1.2;color:#fff}.section-title em{color:var(--color-cobalt-300);font-style:italic}.workflow-container{display:flex;flex-direction:column;gap:0}@media (min-width: 768px){.workflow-container{flex-direction:row;gap:0}}.workflow-step{position:relative;flex:1;padding:1.5rem}.workflow-step__number{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;font-family:var(--font-mono);border-radius:1rem;margin-bottom:1rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.workflow-step__content{position:relative;z-index:2}.workflow-step__icon{font-size:1.5rem;margin-bottom:.75rem}.workflow-step__label{font-size:1rem;font-weight:700;color:#fff;margin-bottom:.25rem}.workflow-step__desc{font-size:.75rem;color:var(--color-ink-300);line-height:1.5}.workflow-step__line{display:none}@media (min-width: 768px){.workflow-step__line{display:block;position:absolute;top:3.5rem;left:calc(50% + 48px);width:calc(100% - 96px);height:2px;background:linear-gradient(90deg,var(--color-cobalt-500) 0%,transparent 100%);transform-origin:left;opacity:.3}}.leistungen-tech{padding:6rem 1.5rem;position:relative;z-index:1}@media (min-width: 640px){.leistungen-tech{padding:6rem 2rem}}.leistungen-tech__inner{max-width:1200px;margin:0 auto}.leistungen-tech__header{margin-bottom:3rem}.leistungen-tech__header .section-label{color:var(--color-text-tertiary)}.leistungen-tech__header .section-title{color:var(--color-text-primary)}.leistungen-tech__header .section-title em{color:var(--color-cobalt-500)}.stack-categories{display:flex;flex-direction:column;gap:3rem}.stack-category{width:100%}.stack-category__header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.stack-category__label{font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-tertiary);white-space:nowrap}.stack-category__line{flex:1;height:1px;background:var(--color-border-subtle)}.stack-category__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (min-width: 640px){.stack-category__grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.stack-category__grid{grid-template-columns:repeat(4,1fr)}}.stack-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--color-surface-0);border:1px solid var(--color-border-subtle);border-radius:1rem;cursor:default;transition:border-color .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1)}.stack-card:hover{border-color:var(--color-cobalt-500);box-shadow:0 8px 24px #0466c81a}.stack-card__icon{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:filter .3s ease}.stack-card:hover .stack-card__icon{filter:brightness(0) saturate(100%) invert(33%) sepia(98%) saturate(2065%) hue-rotate(200deg) brightness(95%) contrast(95%)}.stack-card__icon-img{width:100%;height:100%;object-fit:contain}.stack-card__name{font-size:.875rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.01em}.leistungen-cta{padding:6rem 1.5rem;background:var(--color-surface-alt);position:relative;z-index:1;border-bottom:1px solid var(--color-cobalt-200)}@media (min-width: 640px){.leistungen-cta{padding:6rem 2rem}}.leistungen-cta__inner{max-width:600px;margin:0 auto;text-align:center}.leistungen-cta__title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:-.025em;color:var(--color-text-primary);margin-bottom:.75rem}.leistungen-cta__desc{font-size:.95rem;color:var(--color-text-secondary);margin-bottom:2rem}.cta-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:.875rem;font-weight:600;color:#fff;background:var(--color-ink-700);border-radius:.75rem;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden}.cta-button:before{content:"";position:absolute;inset:0;background:var(--color-cobalt-500);transform:translateY(100%);transition:transform .4s cubic-bezier(.16,1,.3,1)}.cta-button:hover:before{transform:translateY(0)}.cta-button>*{position:relative;z-index:1}.cta-button svg{width:1rem;height:1rem}