.services-hero{padding:calc(var(--header-height) + var(--space-20))0 var(--space-16);text-align:center;position:relative}.services-text-effect{top:calc(var(--header-height) + var(--space-20));opacity:.06;pointer-events:none;z-index:-1;width:100%;max-width:900px;height:120px;position:absolute;left:50%;transform:translate(-50%)}.services-hero .container{z-index:1;position:relative}.services-hero-badge{margin-bottom:var(--space-6)}.services-hero-title{margin-bottom:var(--space-6);max-width:800px;margin-left:auto;margin-right:auto}.services-hero-description{font-size:var(--text-xl);color:var(--color-text-secondary);max-width:600px;margin:0 auto var(--space-10)}.service-categories{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.service-category-btn{padding:var(--space-3)var(--space-6);border-radius:var(--radius-full);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast)var(--ease-out);background:0 0;font-weight:500}.service-category-btn:hover{border-color:var(--color-cyan-400);color:var(--color-cyan-400)}.service-category-btn.active{background:var(--color-cyan-400);border-color:var(--color-cyan-400);color:var(--color-bg-deep)}.services-main{padding:var(--space-20)0}.services-grid{gap:var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}.service-card-full{padding:var(--space-10);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);transition:all var(--duration-normal)var(--ease-out);position:relative;overflow:hidden}.service-card-full:before{content:"";background:linear-gradient(90deg,var(--color-cyan-400),var(--color-cyan-600));opacity:0;height:3px;transition:opacity var(--duration-normal)var(--ease-out);position:absolute;top:0;left:0;right:0}.service-card-full:hover{border-color:var(--color-cyan-400);transform:translateY(-4px)}.service-card-full:hover:before{opacity:1}.service-icon-lg{border-radius:var(--radius-xl);width:64px;height:64px;margin-bottom:var(--space-6);color:var(--color-cyan-400);background:#00e5ff1a;justify-content:center;align-items:center;display:flex}.service-title-lg{font-size:var(--text-2xl);margin-bottom:var(--space-4);font-weight:700}.service-description-lg{color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:1.7}.service-features{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.service-feature{padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-cyan-400);background:#00e5ff14;font-weight:500}.service-price{align-items:baseline;gap:var(--space-2);padding-top:var(--space-6);border-top:1px solid var(--color-border);display:flex}.service-price-label{font-size:var(--text-sm);color:var(--color-text-muted)}.service-price-value{font-size:var(--text-xl);color:var(--color-cyan-400);font-weight:700}.process-section{padding:var(--space-20)0;background:var(--color-bg-surface)}.process-steps{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid;position:relative}.glow-card-wrapper{position:relative}.process-step-card{text-align:center;padding:var(--space-6);background:var(--color-bg-card);border-radius:var(--radius-xl);height:100%}.wobble-cyan-subtle{border-top:3px solid #06b6d480}.wobble-purple-subtle{border-top:3px solid #8b5cf680}.wobble-pink-subtle{border-top:3px solid #ec489980}.wobble-blue-subtle{border-top:3px solid #3b82f680}.process-step-number{background:var(--color-bg-elevated);border:2px solid var(--color-cyan-400);width:64px;height:64px;margin:0 auto var(--space-4);font-size:var(--text-xl);color:var(--color-cyan-400);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex;box-shadow:0 0 20px #00e5ff26}.process-step-title{font-size:var(--text-lg);margin-bottom:var(--space-2);font-weight:600}.process-step-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.tech-section{padding:var(--space-20)0}.tech-grid{gap:var(--space-6);grid-template-columns:repeat(6,1fr);display:grid}.tech-item{padding:var(--space-5);background:var(--color-bg-surface);border-radius:var(--radius-xl);text-align:center;transition:all var(--duration-fast)var(--ease-out)}.tech-icon{width:48px;height:48px;margin:0 auto var(--space-3);font-size:var(--text-2xl);color:var(--color-text-secondary);justify-content:center;align-items:center;display:flex}.tech-name{font-size:var(--text-sm);font-weight:500}.packages-section{padding:var(--space-20)0;background:var(--color-bg-surface)}.packages-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.package-wobble-card{border:1px solid #ffffff1a!important}.package-wobble-card.featured{box-shadow:0 0 40px #00e5ff26}.package-wobble-content{padding:var(--space-8)!important;flex-direction:column!important;height:100%!important;display:flex!important}.package-badge{padding:var(--space-2)var(--space-4);background:var(--color-cyan-400);color:var(--color-bg-deep);font-size:var(--text-xs);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.package-name{font-size:var(--text-lg);margin-bottom:var(--space-2);font-weight:600}.package-description{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.package-price{margin-bottom:var(--space-6)}.package-price-value{font-size:var(--text-4xl);color:var(--color-cyan-400);font-weight:700}.package-price-period{font-size:var(--text-sm);color:var(--color-text-muted)}.package-features{margin-bottom:var(--space-8);list-style:none}.package-features li{align-items:flex-start;gap:var(--space-3);padding:var(--space-3)0;font-size:var(--text-sm);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-subtle);display:flex}.package-features li:last-child{border-bottom:none}.package-features svg{color:var(--color-cyan-400);flex-shrink:0;margin-top:2px}@media (max-width:1024px){.services-grid{grid-template-columns:1fr}.process-steps{grid-template-columns:repeat(2,1fr)}.tech-grid{grid-template-columns:repeat(4,1fr)}.packages-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}}@media (max-width:768px){.process-steps{grid-template-columns:1fr}.tech-grid{grid-template-columns:repeat(3,1fr)}}
