.service-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--gradient-bg-dark);padding-top:120px}.service-hero-background{position:absolute;inset:0;z-index:0;overflow:hidden}.service-hero-svg{position:absolute;width:100%;height:100%;opacity:.8}.service-hero-content{position:relative;z-index:1;text-align:center;max-width:900px;padding:0 var(--container-padding)}.service-hero-label{display:inline-block;padding:var(--space-2) var(--space-4);background:rgba(0,212,255,.1);border:1px solid rgba(0,212,255,.3);border-radius:var(--radius-full);color:var(--color-cyan);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.service-hero-title{margin-bottom:var(--space-5);font-size:var(--text-5xl);line-height:var(--leading-tight);letter-spacing:-.02em}.service-hero-subtitle{font-size:var(--text-xl);color:var(--text-secondary);margin-bottom:var(--space-8);line-height:var(--leading-relaxed);max-width:700px;margin-left:auto;margin-right:auto}.service-hero-cta{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}@media (max-width:767px){.service-hero{padding-top:100px}}.section-service-overview{background:var(--bg-secondary);padding:var(--space-20) 0}.service-overview-content{max-width:900px;margin:0 auto;text-align:center}.service-overview-content h2{margin-bottom:var(--space-6)}.service-overview-content>p{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}.service-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-top:var(--space-10)}.service-highlight{text-align:center}.service-highlight-icon{width:64px;height:64px;margin:0 auto var(--space-4);background:var(--gradient-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px rgba(0,212,255,.3)}.service-highlight-icon svg{width:32px;height:32px;color:var(--color-white)}.service-highlight h3{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}.service-highlight p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.section-service-features{background:var(--bg-primary);padding:var(--space-20) 0}.service-features-header{text-align:center;max-width:800px;margin:0 auto var(--space-12)}.service-features-header h2{margin-bottom:var(--space-4)}.service-features-header p{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed)}.service-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.service-feature-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--space-8);transition:all var(--duration-base) var(--ease-in-out);position:relative;overflow:hidden}.service-feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-base) var(--ease-out)}.service-feature-card:hover{transform:translateY(-8px);border-color:var(--color-cyan);box-shadow:var(--card-hover-shadow)}.service-feature-card:hover::before{transform:scaleX(1)}.service-feature-icon{width:56px;height:56px;background:rgba(0,212,255,.1);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-5);transition:all var(--duration-base) var(--ease-in-out)}.service-feature-card:hover .service-feature-icon{background:var(--gradient-primary);transform:scale(1.1)}.service-feature-icon svg{width:28px;height:28px;color:var(--color-cyan);transition:color var(--duration-base) var(--ease-in-out)}.service-feature-card:hover .service-feature-icon svg{color:var(--color-white)}.service-feature-card h3{font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--space-3);color:var(--text-primary)}.service-feature-card p{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed)}.section-service-process{background:var(--bg-secondary);padding:var(--space-20) 0}.service-process-header{text-align:center;max-width:800px;margin:0 auto var(--space-12)}.service-process-header h2{margin-bottom:var(--space-4)}.service-process-header p{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed)}.service-process-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-6);position:relative}.service-process-steps::before{content:'';position:absolute;top:32px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,var(--color-cyan) 0,var(--color-purple) 50%,var(--color-cyan) 100%);opacity:.3;z-index:0}.service-process-step{text-align:center;position:relative;z-index:1}.service-process-step-number{width:64px;height:64px;margin:0 auto var(--space-4);background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-white);box-shadow:0 0 20px rgba(0,212,255,.4);position:relative}.service-process-step-number::before{content:'';position:absolute;inset:-4px;border-radius:50%;background:var(--bg-secondary);z-index:-1}.service-process-step h3{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}.service-process-step p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.section-service-technologies{background:var(--bg-primary);padding:var(--space-20) 0}.service-technologies-header{text-align:center;max-width:800px;margin:0 auto var(--space-12)}.service-technologies-header h2{margin-bottom:var(--space-4)}.service-technologies-header p{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed)}.service-technologies-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.service-tech-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;transition:all var(--duration-base) var(--ease-in-out)}.service-tech-card:hover{transform:translateY(-4px);border-color:var(--color-cyan);box-shadow:var(--card-shadow-lg)}.service-tech-icon{width:48px;height:48px;margin:0 auto var(--space-3);display:flex;align-items:center;justify-content:center}.service-tech-icon svg{width:100%;height:100%;color:var(--color-cyan)}.service-tech-card h4{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary)}.section-service-portfolio{background:var(--bg-secondary);padding:var(--space-20) 0}.service-portfolio-header{text-align:center;max-width:800px;margin:0 auto var(--space-12)}.service-portfolio-header h2{margin-bottom:var(--space-4)}.service-portfolio-header p{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed)}.service-portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8);margin-bottom:var(--space-10)}.service-portfolio-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--duration-base) var(--ease-in-out)}.service-portfolio-item:hover{transform:translateY(-8px);box-shadow:var(--card-shadow-lg);border-color:var(--color-cyan)}.service-portfolio-image{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:var(--bg-tertiary)}.service-portfolio-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.service-portfolio-item:hover .service-portfolio-image img{transform:scale(1.1)}.service-portfolio-content{padding:var(--space-6)}.service-portfolio-category{display:inline-block;padding:var(--space-1) var(--space-3);background:rgba(0,212,255,.1);color:var(--color-cyan);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.service-portfolio-content h3{font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--space-2);color:var(--text-primary)}.service-portfolio-content p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.service-portfolio-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.service-portfolio-tag{padding:var(--space-1) var(--space-2);background:var(--bg-secondary);color:var(--text-tertiary);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--weight-medium)}.service-portfolio-cta{text-align:center}.section-service-pricing{background:var(--bg-primary);padding:var(--space-20) 0}.service-pricing-header{text-align:center;max-width:800px;margin:0 auto var(--space-12)}.service-pricing-header h2{margin-bottom:var(--space-4)}.service-pricing-header p{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed)}.service-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);margin-bottom:var(--space-10)}.service-pricing-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--space-8);transition:all var(--duration-base) var(--ease-in-out);position:relative;display:flex;flex-direction:column;min-height:500px}.service-pricing-card.featured{border-color:var(--color-cyan);box-shadow:0 0 30px rgba(0,212,255,.2)}.service-pricing-card.featured::before{content:'Beliebt';position:absolute;top:var(--space-4);right:var(--space-4);padding:var(--space-1) var(--space-3);background:var(--gradient-primary);color:var(--color-white);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase}.service-pricing-card:hover{transform:translateY(-8px);border-color:var(--color-cyan);box-shadow:var(--card-shadow-lg)}.service-pricing-card h3{font-size:var(--text-2xl);font-weight:var(--weight-bold);margin-bottom:var(--space-2);color:var(--text-primary)}.service-pricing-card .pricing-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4)}.service-pricing-card-header{min-height:90px;display:flex;flex-direction:column}.service-pricing-card .pricing-label{font-size:var(--text-xl);color:var(--color-cyan);font-weight:var(--weight-bold);margin-bottom:var(--space-6);padding-top:var(--space-4);padding-bottom:var(--space-4);border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border)}.service-pricing-features{list-style:none;padding:0;margin:0 0 var(--space-8);flex:1}.service-pricing-features li{padding:var(--space-3) 0;padding-left:var(--space-6);color:var(--text-secondary);line-height:var(--leading-relaxed);position:relative;font-size:var(--text-sm)}.service-pricing-features li::before{content:"✓";position:absolute;left:0;color:var(--color-cyan);font-weight:var(--weight-bold)}.service-pricing-note{text-align:center;max-width:700px;margin:0 auto;padding:var(--space-6);background:rgba(0,212,255,.05);border:1px solid rgba(0,212,255,.2);border-radius:var(--radius-lg)}.service-pricing-note p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.section-service-faq{background:var(--bg-secondary);padding:var(--space-20) 0}.service-faq-header{text-align:center;max-width:800px;margin:0 auto var(--space-12)}.service-faq-header h2{margin-bottom:var(--space-4)}.service-faq-header p{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed)}.service-faq-list{max-width:900px;margin:0 auto}.service-faq-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);overflow:hidden;transition:all var(--duration-base) var(--ease-in-out)}.service-faq-item:hover{border-color:var(--color-cyan)}.service-faq-question{width:100%;padding:var(--space-5) var(--space-6);background:0 0;border:none;text-align:left;font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:color var(--duration-fast) var(--ease-in-out)}.service-faq-question:hover{color:var(--color-cyan)}.service-faq-icon{width:24px;height:24px;flex-shrink:0;margin-left:var(--space-4);transition:transform var(--duration-base) var(--ease-in-out)}.service-faq-item.active .service-faq-icon{transform:rotate(180deg)}.service-faq-icon svg{width:100%;height:100%;color:var(--color-cyan)}.service-faq-answer{max-height:0;overflow:hidden;transition:max-height var(--duration-base) var(--ease-in-out)}.service-faq-item.active .service-faq-answer{max-height:500px}.service-faq-answer-content{padding:0 var(--space-6) var(--space-5);color:var(--text-secondary);line-height:var(--leading-relaxed)}.section-service-cta{background:var(--bg-primary);text-align:center;padding:var(--space-20) 0}.service-cta-content{max-width:700px;margin:0 auto}.service-cta-content h2{margin-bottom:var(--space-4)}.service-cta-content p{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}.service-cta-buttons{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}@media (max-width:1024px){.service-hero-title{font-size:var(--text-4xl)}.service-highlights{grid-template-columns:repeat(2,1fr)}.service-features-grid{grid-template-columns:repeat(2,1fr)}.service-process-steps{grid-template-columns:repeat(3,1fr)}.service-process-steps::before{display:none}.service-technologies-grid{grid-template-columns:repeat(3,1fr)}.service-pricing-grid{grid-template-columns:1fr;max-width:500px;margin-left:auto;margin-right:auto}}@media (max-width:767px){.service-hero{min-height:80vh}.service-hero-title{font-size:var(--text-3xl)}.service-hero-subtitle{font-size:var(--text-base)}.service-highlights{grid-template-columns:1fr}.service-features-grid{grid-template-columns:1fr}.service-process-steps{grid-template-columns:1fr}.service-technologies-grid{grid-template-columns:repeat(2,1fr)}.service-portfolio-grid{grid-template-columns:1fr}.service-pricing-grid{grid-template-columns:1fr}.service-cta-buttons{flex-direction:column}.service-cta-buttons .btn{width:100%}}@media (max-width:480px){.service-hero-title{font-size:var(--text-2xl)}.service-technologies-grid{grid-template-columns:1fr}.service-process-step-number{width:56px;height:56px;font-size:var(--text-xl)}}.section-related-services{background:var(--bg-primary);padding:var(--space-20) 0}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);margin-top:var(--space-8)}.service-card{background:var(--card-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--space-8);position:relative;overflow:hidden;transition:all var(--duration-base) var(--ease-in-out);text-decoration:none;display:block}.service-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-base) var(--ease-out)}.service-card:hover::before{transform:scaleX(1)}.service-card:hover{background:var(--card-hover-bg);border-color:var(--color-cyan);transform:translateY(-8px);box-shadow:var(--shadow-xl),var(--shadow-glow-cyan)}.service-card-content h3{margin-bottom:var(--space-3);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-primary)}.service-card-content p{color:var(--text-secondary);line-height:var(--leading-relaxed);font-size:var(--text-base)}@media (max-width:1024px){.services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-5)}}@media (max-width:767px){.section-related-services{padding:var(--space-16) 0}.services-grid{grid-template-columns:1fr;gap:var(--space-4)}.service-card{padding:var(--space-6)}}