.services-page{min-height:100vh;overflow-x:hidden}.services-hero{position:relative;padding:160px 20px 100px;overflow:hidden}.services-hero-bg{position:absolute;inset:0;pointer-events:none}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,#0000 0),linear-gradient(90deg,#ffffff08 1px,#0000 0);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,#000 20%,#0000 70%);-webkit-mask-image:radial-gradient(ellipse at center,#000 20%,#0000 70%)}.hero-orb{position:absolute;border-radius:50%;filter:blur(100px)}.hero-orb-1{width:500px;height:500px;background:var(--color-accent-primary);opacity:.1;top:-200px;right:-100px;animation:float 10s ease-in-out infinite}.hero-orb-2{width:400px;height:400px;background:var(--color-accent-secondary);opacity:.08;bottom:-150px;left:-100px;animation:float 12s ease-in-out infinite reverse}.services-hero-content{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-xl);font-size:.85rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.badge-dot{width:8px;height:8px;background:var(--color-accent-primary);border-radius:50%;animation:pulse-glow 2s infinite}.services-hero-content h1{font-size:clamp(2.5rem,6vw,4rem);line-height:1.1;margin-bottom:var(--spacing-md)}.hero-description{font-size:1.2rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto var(--spacing-xl)}.services-quick-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.quick-nav-item{display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text-secondary);font-size:.9rem;font-weight:500;text-decoration:none;transition:all var(--transition-normal)}.quick-nav-item i{font-size:1rem}.quick-nav-item:hover{transform:translateY(-2px)}.quick-nav-item.color-cyan:hover{border-color:#00ffd5;color:#00ffd5;box-shadow:0 4px 20px #00ffd533}.quick-nav-item.color-blue:hover{border-color:#06f;color:#06f;box-shadow:0 4px 20px #06f3}.quick-nav-item.color-purple:hover{border-color:#a855f7;color:#a855f7;box-shadow:0 4px 20px #a855f733}.quick-nav-item.color-green:hover{border-color:#22c55e;color:#22c55e;box-shadow:0 4px 20px #22c55e33}.quick-nav-item.color-orange:hover{border-color:#f97316;color:#f97316;box-shadow:0 4px 20px #f9731633}.services-showcase{position:relative}.service-showcase-item{padding:var(--spacing-2xl) 0;position:relative;overflow:hidden}.service-showcase-item:nth-child(odd){background:var(--color-bg-primary)}.service-showcase-item:nth-child(2n){background:var(--color-bg-secondary)}.showcase-content{display:grid;grid-template-columns:1fr 1.2fr;grid-gap:var(--spacing-2xl);gap:var(--spacing-2xl);align-items:center}.showcase-content.reverse{grid-template-columns:1.2fr 1fr}.showcase-content.reverse .showcase-visual{order:2}.showcase-content.reverse .showcase-info{order:1}.showcase-visual{flex-direction:column;gap:var(--spacing-lg)}.showcase-visual,.visual-card{display:flex;align-items:center}.visual-card{position:relative;width:280px;height:280px;justify-content:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:visible}.visual-icon{font-size:5rem;z-index:2;transition:transform var(--transition-normal)}.service-showcase-item:hover .visual-icon{transform:scale(1.1)}.color-cyan .visual-icon{color:#00ffd5}.color-blue .visual-icon{color:#06f}.color-purple .visual-icon{color:#a855f7}.color-green .visual-icon{color:#22c55e}.color-orange .visual-icon{color:#f97316}.visual-decoration{position:absolute;inset:-40px;pointer-events:none}.deco-ring{position:absolute;border-radius:50%;border:1px solid;opacity:.2}.color-cyan .deco-ring{border-color:#00ffd5}.color-blue .deco-ring{border-color:#06f}.color-purple .deco-ring{border-color:#a855f7}.color-green .deco-ring{border-color:#22c55e}.color-orange .deco-ring{border-color:#f97316}.deco-ring-1{inset:0;animation:spin-slow 20s linear infinite}.deco-ring-2{inset:20px;animation:spin-slow 25s linear infinite reverse}.deco-ring-3{inset:40px;animation:spin-slow 30s linear infinite}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.highlight-badge{position:absolute;top:-12px;right:-12px;padding:6px 14px;background:var(--color-accent-gradient);color:var(--color-bg-primary);font-size:.75rem;font-weight:700;border-radius:var(--radius-xl);text-transform:uppercase;letter-spacing:.05em}.tech-stack{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.tech-tag{padding:6px 12px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted);transition:all var(--transition-fast)}.color-cyan .tech-tag:hover{border-color:#00ffd5;color:#00ffd5}.color-blue .tech-tag:hover{border-color:#06f;color:#06f}.color-purple .tech-tag:hover{border-color:#a855f7;color:#a855f7}.color-green .tech-tag:hover{border-color:#22c55e;color:#22c55e}.color-orange .tech-tag:hover{border-color:#f97316;color:#f97316}.showcase-info{position:relative}.service-number{font-family:var(--font-mono);font-size:4rem;font-weight:800;opacity:.08;position:absolute;top:-30px;left:-10px;line-height:1;pointer-events:none}.service-tagline{display:inline-block;font-family:var(--font-mono);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-sm)}.color-cyan .service-tagline{color:#00ffd5}.color-blue .service-tagline{color:#06f}.color-purple .service-tagline{color:#a855f7}.color-green .service-tagline{color:#22c55e}.color-orange .service-tagline{color:#f97316}.showcase-info h2{font-size:2.5rem;margin-bottom:var(--spacing-md);line-height:1.2}.service-description{font-size:1.1rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);line-height:1.7}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px;margin-bottom:var(--spacing-xl)}.feature-item{display:flex;align-items:flex-start;gap:10px;font-size:.95rem;color:var(--color-text-secondary)}.feature-check{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.7rem;font-weight:700}.color-cyan .feature-check{background:#00ffd526;color:#00ffd5}.color-blue .feature-check{background:#0066ff26;color:#06f}.color-purple .feature-check{background:#a855f726;color:#a855f7}.color-green .feature-check{background:#22c55e26;color:#22c55e}.color-orange .feature-check{background:#f9731626;color:#f97316}.service-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.services-process{padding:var(--spacing-2xl) 0;background:var(--color-bg-secondary)}.process-header{text-align:center;margin-bottom:var(--spacing-2xl)}.process-header h2{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.process-header p{color:var(--color-text-secondary);font-size:1.1rem}.process-steps{display:flex;align-items:flex-start;justify-content:center;gap:0;max-width:1000px;margin:0 auto}.process-step{flex:1 1;max-width:280px;text-align:center;padding:0 var(--spacing-md)}.step-number{font-family:var(--font-mono);font-size:2.5rem;font-weight:800;background:var(--color-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text;margin-bottom:var(--spacing-sm)}.process-step h3{font-size:1.25rem;margin-bottom:var(--spacing-xs)}.process-step p{font-size:.95rem;color:var(--color-text-muted);margin:0}.process-connector{width:80px;height:2px;background:linear-gradient(90deg,var(--color-accent-primary),var(--color-accent-secondary));margin-top:30px;opacity:.3;flex-shrink:0}.fiverr-section{padding:var(--spacing-xl) 0;background:var(--color-bg-primary)}.fiverr-card{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-xl);background:linear-gradient(135deg,#1dbf731a,#1dbf7305);border:1px solid #1dbf7333;border-radius:var(--radius-lg);max-width:900px;margin:0 auto}.fiverr-info{flex:1 1}.fiverr-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#1dbf7326;border:1px solid #1dbf734d;border-radius:var(--radius-xl);color:#1dbf73;font-size:.8rem;font-weight:600;margin-bottom:var(--spacing-sm)}.fiverr-badge svg{font-size:1rem}.fiverr-info h3{font-size:1.25rem;margin-bottom:4px}.fiverr-info p{font-size:.95rem;color:var(--color-text-muted);margin:0}.fiverr-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#1dbf73,#16a35f);color:#fff;border-radius:var(--radius-xl);font-weight:600;font-size:.95rem;text-decoration:none;transition:all var(--transition-normal);white-space:nowrap}.fiverr-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #1dbf734d}.fiverr-btn svg{font-size:.75rem}.services-final-cta{padding:var(--spacing-2xl) 0;background:var(--color-bg-secondary);position:relative;overflow:hidden}.cta-bg-effects{position:absolute;inset:0;pointer-events:none}.cta-orb{position:absolute;border-radius:50%;filter:blur(120px)}.cta-orb-1{width:400px;height:400px;background:var(--color-accent-primary);opacity:.1;top:-150px;left:20%}.cta-orb-2{width:300px;height:300px;background:var(--color-accent-secondary);opacity:.08;bottom:-100px;right:20%}.final-cta-content{position:relative;z-index:1;text-align:center;max-width:600px;margin:0 auto}.final-cta-content h2{font-size:2.5rem;margin-bottom:var(--spacing-sm)}.final-cta-content>p{font-size:1.15rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.cta-actions{flex-direction:column;gap:var(--spacing-md)}.cta-actions,.cta-contact-alt{display:flex;align-items:center}.cta-contact-alt{gap:8px;font-size:.9rem;color:var(--color-text-muted)}.cta-contact-alt a{color:var(--color-accent-primary);text-decoration:none;font-weight:500}.cta-contact-alt a:hover{text-decoration:underline}@media screen and (max-width:1024px){.showcase-content,.showcase-content.reverse{grid-template-columns:1fr;gap:var(--spacing-xl);text-align:center}.showcase-content.reverse .showcase-info,.showcase-content.reverse .showcase-visual{order:unset}.showcase-info{max-width:600px;margin:0 auto}.service-number{position:static;opacity:.15;margin-bottom:var(--spacing-sm)}.features-grid{justify-items:start;max-width:500px;margin-left:auto;margin-right:auto}.service-actions{justify-content:center}}@media screen and (max-width:768px){.services-hero{padding:140px 20px 60px}.services-hero-content h1{font-size:2.25rem}.hero-description{font-size:1rem}.services-quick-nav{gap:8px}.quick-nav-item{padding:8px 14px;font-size:.8rem}.quick-nav-item span{display:none}.service-showcase-item{padding:var(--spacing-xl) 0}.visual-card{width:200px;height:200px}.visual-icon{font-size:3.5rem}.showcase-info h2{font-size:1.75rem}.features-grid{grid-template-columns:1fr}.process-steps{flex-direction:column;gap:var(--spacing-lg)}.process-connector{width:2px;height:40px;margin:0}.process-step{max-width:100%}.fiverr-card{flex-direction:column;text-align:center;padding:var(--spacing-lg)}.final-cta-content h2{font-size:2rem}}@media screen and (max-width:480px){.services-hero-content h1{font-size:1.85rem}.quick-nav-item{padding:10px 12px}.quick-nav-item i{font-size:1.1rem}.visual-card{width:180px;height:180px}.visual-icon{font-size:3rem}.tech-stack{gap:6px}.tech-tag{padding:4px 10px;font-size:.7rem}.service-actions{flex-direction:column;width:100%}.service-actions .btn{width:100%;justify-content:center}}