@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap";:root{--wisteria-primary: #8B5A9E;--wisteria-light: #B49BC6;--wisteria-accent: #D4C5E8;--wisteria-pink: #E6C3D4;--wisteria-sage: #9FB5A3;--wisteria-deep: #6B4C7C;--wisteria-blush: #F5E6F0;--wisteria-cream: #FEFCFD;--wisteria-charcoal: #4A4A5C;--gradient-primary: linear-gradient(135deg, var(--wisteria-light) 0%, var(--wisteria-primary) 100%);--gradient-soft: linear-gradient(135deg, var(--wisteria-blush) 0%, var(--wisteria-cream) 100%);--gradient-accent: linear-gradient(45deg, var(--wisteria-accent) 0%, var(--wisteria-pink) 100%);--font-primary: "Inter", "S�hne", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Inter", "Söhne", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .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;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(139, 90, 158, .05);--shadow-md: 0 4px 6px -1px rgba(139, 90, 158, .1), 0 2px 4px -1px rgba(139, 90, 158, .06);--shadow-lg: 0 10px 15px -3px rgba(139, 90, 158, .1), 0 4px 6px -2px rgba(139, 90, 158, .05);--shadow-xl: 0 20px 25px -5px rgba(139, 90, 158, .1), 0 10px 10px -5px rgba(139, 90, 158, .04);--max-width-container: 1200px;--max-width-content: 768px;--header-height: 80px;--transition-fast: .15s ease-in-out;--transition-base: .3s ease-in-out;--transition-slow: .5s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal: 1040;--z-cursor: 9999}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-primary);font-size:var(--text-base);font-weight:500;line-height:1;text-decoration:none;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.btn-primary{background:var(--gradient-primary);color:var(--wisteria-cream);box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--wisteria-cream);color:var(--wisteria-primary);border:2px solid var(--wisteria-primary)}.btn-secondary:hover{background:var(--wisteria-primary);color:var(--wisteria-cream)}.btn-ghost{background:transparent;color:var(--wisteria-primary);border:1px solid var(--wisteria-accent)}.btn-ghost:hover{background:var(--wisteria-accent);color:var(--wisteria-deep)}.content-section{margin-bottom:var(--space-16);position:relative}.content-section:last-child{margin-bottom:0}.section-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:500;color:var(--wisteria-primary);margin-bottom:var(--space-6);text-align:center}.section-subtitle{font-size:var(--text-lg);color:var(--wisteria-deep);margin-bottom:var(--space-4);text-align:center}.section-content{max-width:var(--max-width-content);margin:0 auto;color:var(--wisteria-charcoal);line-height:1.7}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-8);margin-top:var(--space-8)}.team-member{background:var(--wisteria-cream);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;box-shadow:var(--shadow-md);border:1px solid rgba(139,90,158,.1);transition:all var(--transition-base);position:relative;overflow:hidden}.team-member:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-accent)}.team-member:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.team-avatar{width:80px;height:80px;border-radius:var(--radius-full);background:var(--gradient-primary);margin:0 auto var(--space-4);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:600;color:var(--wisteria-cream)}.team-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;color:var(--wisteria-primary);margin-bottom:var(--space-2)}.team-role{font-size:var(--text-sm);color:var(--wisteria-deep);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em}.team-bio{font-size:var(--text-sm);color:var(--wisteria-charcoal);line-height:1.6}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8);margin-top:var(--space-8)}.service-card{background:var(--wisteria-cream);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-md);border:1px solid rgba(139,90,158,.1);transition:all var(--transition-base);position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary)}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.service-icon{width:60px;height:60px;border-radius:var(--radius-lg);background:var(--gradient-accent);margin-bottom:var(--space-4);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl)}.service-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;color:var(--wisteria-primary);margin-bottom:var(--space-3)}.service-description{color:var(--wisteria-charcoal);line-height:1.6;margin-bottom:var(--space-4)}.service-features{list-style:none;padding:0}.service-features li{position:relative;padding-left:var(--space-5);margin-bottom:var(--space-2);color:var(--wisteria-deep);font-size:var(--text-sm)}.service-features li:before{content:"";position:absolute;left:0;top:0;color:var(--wisteria-sage);font-weight:700}.animation-container{display:flex;justify-content:center;align-items:center;min-height:300px;background:var(--gradient-soft);border-radius:var(--radius-xl);margin:var(--space-8) 0;position:relative;overflow:hidden}.animation-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(139,90,158,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(180,155,198,.1) 0%,transparent 50%);pointer-events:none}.mission-statement{background:var(--wisteria-cream);border-radius:var(--radius-2xl);padding:var(--space-12);text-align:center;position:relative;box-shadow:var(--shadow-lg);border:1px solid rgba(139,90,158,.1)}.mission-statement:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.mission-quote{font-family:var(--font-display);font-size:var(--text-xl);font-style:italic;color:var(--wisteria-primary);line-height:1.6;margin-bottom:var(--space-6);position:relative}.mission-quote:before,.mission-quote:after{content:'"';font-size:var(--text-3xl);color:var(--wisteria-accent);position:absolute}.mission-quote:before{top:-10px;left:-20px}.mission-quote:after{bottom:-20px;right:-10px}.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin-top:var(--space-8)}.contact-item{background:var(--wisteria-cream);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;box-shadow:var(--shadow-sm);border:1px solid rgba(139,90,158,.1);transition:all var(--transition-base)}.contact-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.contact-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--gradient-accent);margin:0 auto var(--space-3);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg)}.contact-title{font-weight:600;color:var(--wisteria-primary);margin-bottom:var(--space-2)}.contact-detail{color:var(--wisteria-deep);font-size:var(--text-sm)}@media (max-width: 768px){.team-grid,.services-grid{grid-template-columns:1fr}.mission-statement{padding:var(--space-8)}.mission-quote{font-size:var(--text-lg)}.contact-info{grid-template-columns:1fr}}@font-face{font-family:Söhne;src:url(/fonts/Sohne.woff2) format("woff2"),url(/fonts/Sohne.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);background:var(--gradient-soft);color:var(--wisteria-charcoal);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{max-width:var(--max-width-container);margin:0 auto;padding:var(--space-16) var(--space-6) var(--space-8);position:relative}.header-container{text-align:center;margin-bottom:var(--space-8);padding:var(--space-8) 0}.company-title{font-family:var(--font-display);font-size:clamp(var(--text-4xl),8vw,var(--text-6xl));font-weight:600;color:var(--wisteria-primary);margin-bottom:var(--space-4);letter-spacing:-.02em;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.company-description{font-size:var(--text-lg);color:var(--wisteria-deep);max-width:var(--max-width-content);margin:0 auto var(--space-8);font-weight:400;line-height:1.7}.nav-bar{position:fixed;top:var(--space-6);left:var(--space-6);display:flex;gap:var(--space-2);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-full);padding:var(--space-2);box-shadow:var(--shadow-lg);border:1px solid rgba(139,90,158,.1);z-index:1000;flex-wrap:nowrap}.nav-item{position:relative}.nav-item:hover{transform:translateY(-1px);background-color:var(--wisteria-accent)!important;color:var(--wisteria-deep)!important}.page-content,.page-container{position:relative}.page-container h2{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:500;color:var(--wisteria-primary);text-align:center;margin-bottom:var(--space-8);letter-spacing:-.01em}.highlight{background:var(--wisteria-cream);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--wisteria-accent)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card{background:var(--wisteria-cream);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);border:1px solid rgba(139,90,158,.1);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.home-page{position:relative}.home-animation{display:flex;justify-content:center;margin-bottom:var(--space-16);padding:0}.home-section{margin-bottom:var(--space-20);position:relative}.home-section.card{background:var(--wisteria-cream);border-radius:var(--radius-2xl);padding:var(--space-12);box-shadow:var(--shadow-lg);border:1px solid rgba(139,90,158,.1)}.home-section.no-card{padding:var(--space-8) 0}.home-section.no-card .content-wrapper h2{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-section.testimonial{display:flex;justify-content:center;margin:var(--space-16) 0}.content-wrapper{max-width:800px;margin:0 auto}.content-wrapper h2{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:500;color:var(--wisteria-primary);margin-bottom:var(--space-6);text-align:center;letter-spacing:-.01em}.content-wrapper p{font-size:var(--text-lg);line-height:1.8;color:var(--wisteria-charcoal);margin-bottom:var(--space-4);text-align:justify}.testimonial-card{background:linear-gradient(135deg,var(--wisteria-primary) 0%,var(--wisteria-deep) 100%);border-radius:var(--radius-xl);padding:var(--space-8);max-width:600px;text-align:center;box-shadow:var(--shadow-xl);position:relative;overflow:hidden}.testimonial-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none}.testimonial-card blockquote{font-family:var(--font-display);font-size:var(--text-xl);font-style:italic;color:var(--wisteria-cream);line-height:1.6;margin-bottom:var(--space-4);position:relative;z-index:1}.testimonial-card cite{font-size:var(--text-base);color:var(--wisteria-light);font-weight:500;position:relative;z-index:1}.company-footer{background:var(--wisteria-deep);color:var(--wisteria-cream);padding:var(--space-8) 0 var(--space-4);margin-top:var(--space-20);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.footer-content{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);max-width:var(--max-width-container);margin:0 auto;padding:0 var(--space-6)}.footer-section h3{font-size:var(--text-base);font-weight:600;color:var(--wisteria-light);margin-bottom:var(--space-2)}.footer-section p{font-size:var(--text-xs);color:var(--wisteria-cream);margin-bottom:var(--space-1);line-height:1.4}.footer-bottom{text-align:center;margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid rgba(255,255,255,.1);font-style:italic;font-size:var(--text-xs);color:var(--wisteria-light)}.page-indicator{position:fixed;right:var(--space-6);top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:var(--space-2)}.indicator-dot{width:8px;height:8px;border-radius:50%;background:#8b5a9e4d;transition:all .3s ease;cursor:pointer}.indicator-dot.active{background:var(--wisteria-primary);transform:scale(1.5);box-shadow:0 0 10px #8b5a9e80}.indicator-dot:hover{background:var(--wisteria-accent);transform:scale(1.2)}.creative-animation{position:relative;width:100%;max-width:700px;height:200px;display:flex;align-items:center;justify-content:center;overflow:visible;padding:0 var(--space-6)}.flow-container{display:flex;align-items:center;gap:40px;position:relative;z-index:2;justify-content:center}.flow-element{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.flow-element.idea{background:linear-gradient(135deg,var(--wisteria-light) 0%,var(--wisteria-accent) 100%);animation:pulse 3s ease-in-out infinite}.flow-element.design{background:linear-gradient(135deg,var(--wisteria-accent) 0%,var(--wisteria-primary) 100%);animation:pulse 3s ease-in-out infinite .5s}.flow-element.code{background:linear-gradient(135deg,var(--wisteria-primary) 0%,var(--wisteria-deep) 100%);animation:pulse 3s ease-in-out infinite 1s}.flow-element.result{background:linear-gradient(135deg,var(--wisteria-deep) 0%,var(--wisteria-sage) 100%);animation:pulse 3s ease-in-out infinite 1.5s}.brainstorm-network{position:relative;width:100%;height:100%}.idea-dot{position:absolute;background:var(--wisteria-cream);border-radius:50%}.idea-dot.central{width:8px;height:8px;top:50%;left:50%;transform:translate(-50%,-50%);animation:idea-pulse 4s ease-in-out infinite;animation-delay:0s;z-index:3}.idea-dot.node-1{width:5px;height:5px;top:15%;left:30%;animation:idea-pulse 4s ease-in-out infinite;animation-delay:.2s}.idea-dot.node-2{width:6px;height:6px;top:25%;right:20%;animation:idea-pulse 4s ease-in-out infinite;animation-delay:.4s}.idea-dot.node-3{width:4px;height:4px;bottom:20%;left:25%;animation:idea-pulse 4s ease-in-out infinite;animation-delay:.6s}.idea-dot.node-4{width:5px;height:5px;bottom:15%;right:25%;animation:idea-pulse 4s ease-in-out infinite;animation-delay:.8s}.idea-dot.node-5{width:4px;height:4px;top:50%;left:15%;animation:idea-pulse 4s ease-in-out infinite;animation-delay:1s}.idea-dot.node-6{width:5px;height:5px;top:40%;right:15%;animation:idea-pulse 4s ease-in-out infinite;animation-delay:1.2s}.connection-line{position:absolute;background:var(--wisteria-cream);opacity:0;transform-origin:center}.connection-line.line-1{width:14px;height:1px;top:38%;left:42%;transform:rotate(-35deg);animation:line-pulse 4s ease-in-out infinite;animation-delay:.1s}.connection-line.line-2{width:16px;height:1px;top:38%;left:52%;transform:rotate(35deg);animation:line-pulse 4s ease-in-out infinite;animation-delay:.3s}.connection-line.line-3{width:18px;height:1px;top:52%;left:42%;transform:rotate(35deg);animation:line-pulse 4s ease-in-out infinite;animation-delay:.5s}.connection-line.line-4{width:16px;height:1px;top:52%;left:52%;transform:rotate(-35deg);animation:line-pulse 4s ease-in-out infinite;animation-delay:.7s}.connection-line.line-5{width:20px;height:1px;top:49%;left:32%;transform:rotate(0);animation:line-pulse 4s ease-in-out infinite;animation-delay:.9s}.connection-line.line-6{width:20px;height:1px;top:49%;left:58%;transform:rotate(0);animation:line-pulse 4s ease-in-out infinite;animation-delay:1.1s}.shape-morph{width:30px;height:30px;background:var(--wisteria-cream);border-radius:20%;animation:morph 4s ease-in-out infinite}.code-blocks{display:flex;flex-direction:column;gap:4px}.block{width:20px;height:3px;background:var(--wisteria-cream);border-radius:2px;animation:typing 2s ease-in-out infinite}.block:nth-child(1){animation-delay:0s}.block:nth-child(2){animation-delay:.2s;width:16px}.block:nth-child(3){animation-delay:.4s;width:24px}.result-glow{width:40px;height:40px;background:var(--wisteria-cream);border-radius:50%;animation:glow 2s ease-in-out infinite}.flow-line{width:30px;height:2px;background:linear-gradient(90deg,transparent 0%,var(--wisteria-accent) 50%,transparent 100%);animation:flow 3s ease-in-out infinite}.floating-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.particle{position:absolute;width:3px;height:3px;background:var(--wisteria-accent);border-radius:50%;animation:float 6s ease-in-out infinite}.particle:nth-child(1){top:20%;left:10%;animation-delay:0s}.particle:nth-child(2){top:70%;left:20%;animation-delay:1s}.particle:nth-child(3){top:30%;right:15%;animation-delay:2s}.particle:nth-child(4){bottom:20%;left:60%;animation-delay:3s}.particle:nth-child(5){top:50%;right:10%;animation-delay:4s}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}@keyframes idea-pulse{0%,90%,to{opacity:.3;transform:scale(.7);box-shadow:0 0 #fff0}5%,15%{opacity:1;transform:scale(1.3);box-shadow:0 0 12px #fffc}}@keyframes line-pulse{0%,15%{opacity:0;transform:scaleX(0);transform-origin:left center}20%,35%{opacity:.9;transform:scaleX(1);transform-origin:left center}40%,to{opacity:0;transform:scaleX(0);transform-origin:right center}}@keyframes morph{0%,to{border-radius:20%;transform:rotate(0)}25%{border-radius:0%;transform:rotate(90deg)}50%{border-radius:50%;transform:rotate(180deg)}75%{border-radius:10%;transform:rotate(270deg)}}@keyframes typing{0%,to{opacity:.3;transform:scaleX(.8)}50%{opacity:1;transform:scaleX(1)}}@keyframes glow{0%,to{box-shadow:0 0 10px var(--wisteria-accent)}50%{box-shadow:0 0 30px var(--wisteria-accent),0 0 40px var(--wisteria-light)}}@keyframes flow{0%{opacity:0;transform:translate(-20px)}50%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}@keyframes float{0%,to{transform:translateY(0) translate(0);opacity:.3}33%{transform:translateY(-20px) translate(10px);opacity:.7}66%{transform:translateY(10px) translate(-5px);opacity:.5}}html,body,*,a{cursor:none!important}.custom-cursor{position:fixed;width:16px;height:16px;border-radius:var(--radius-full);background:var(--gradient-primary);pointer-events:none;transform:translate(-50%,-50%);z-index:var(--z-cursor);transition:none;box-shadow:0 0 20px #8b5a9e4d}.custom-cursor:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;border:1px solid var(--wisteria-light);border-radius:var(--radius-full);transform:translate(-50%,-50%);opacity:.3;transition:all var(--transition-fast)}.nav-bar a:hover~.custom-cursor,.nav-bar a:focus~.custom-cursor,button:hover~.custom-cursor,[role=button]:hover~.custom-cursor{width:32px;height:32px;background:var(--wisteria-accent)}@media (max-width: 768px){.app-container{padding:var(--space-16) var(--space-4) var(--space-6)}.header-container{padding:var(--space-6) 0;margin-bottom:var(--space-6)}.company-title{font-size:var(--text-4xl)}.nav-bar{gap:var(--space-1);padding:var(--space-1);top:var(--space-4);left:var(--space-4)}.nav-bar .nav-item{padding:.3rem .6rem;font-size:.75rem}.page-content{padding:var(--space-8) var(--space-6)}.creative-animation{max-width:500px;padding:0 var(--space-4)}.flow-container{gap:25px}.flow-element{width:50px;height:50px}.flow-line{width:20px}.home-section.card{padding:var(--space-8)}.content-wrapper h2{font-size:var(--text-2xl)}.content-wrapper p{font-size:var(--text-base);text-align:left}.testimonial-card{margin:0 var(--space-4);padding:var(--space-6)}.testimonial-card blockquote{font-size:var(--text-lg)}.footer-content{grid-template-columns:1fr;text-align:center}.page-indicator{right:var(--space-4)}.indicator-dot{width:6px;height:6px}}