.services-page{min-height:100vh}.services-hero{padding:var(--spacing-32)0 var(--spacing-20);position:relative;overflow:hidden}.services-hero-bg{display:none}.services-hero-content{text-align:center;max-width:800px;margin:0 auto}.services-hero-badge{padding:var(--spacing-2)var(--spacing-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-brand-primary);margin-bottom:var(--spacing-6);background:#f59e0b1a;border:1px solid #f59e0b33;display:inline-block}.services-hero-title{font-size:var(--text-5xl);font-weight:var(--font-bold);line-height:var(--leading-tight);margin-bottom:var(--spacing-6);color:var(--color-foreground)}.text-gradient{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.services-hero-description{font-size:var(--text-xl);color:var(--color-muted);line-height:var(--leading-relaxed);max-width:600px;margin:0 auto}.services-section{padding:var(--spacing-20)0}.services-section-alt{background:var(--color-background-alt)}.section-header{text-align:center;margin-bottom:var(--spacing-16)}.section-badge{padding:var(--spacing-1-5)var(--spacing-4);background:var(--gradient-brand);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);color:#fff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-4);display:inline-block}.section-badge-alt{background:linear-gradient(135deg,#0ea5e9,#14b8a6)}.section-title{font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-4);color:var(--color-foreground)}.section-description{font-size:var(--text-lg);color:var(--color-muted);max-width:600px;margin:0 auto}.services-categories{gap:var(--spacing-12);flex-direction:column;display:flex}.service-category{background:var(--color-card);border:1px solid var(--color-card-border);border-radius:var(--radius-2xl);padding:var(--spacing-8);position:relative;overflow:hidden}.service-category:before{content:"";background:var(--gradient-brand);height:4px;position:absolute;top:0;left:0;right:0}.category-header{align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-6);display:flex}.category-icon{border-radius:var(--radius-lg);width:48px;height:48px;color:var(--color-brand-primary);background:#f59e0b1a;justify-content:center;align-items:center;display:flex}.category-icon-alt{color:var(--color-brand-secondary);background:#0ea5e91a;border-color:#0ea5e933}.category-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-foreground)}.services-grid{gap:var(--spacing-4);grid-template-columns:repeat(3,1fr);display:grid}.service-card{border-radius:var(--radius-lg);padding:var(--spacing-5);background:#f59e0b08;border:1px solid #f59e0b1a;transition:all .2s}.service-card:hover{background:#f59e0b0f;border-color:#f59e0b33}.service-card-prosystems:hover{border-color:#0ea5e94d;box-shadow:0 0 40px -10px #0ea5e94d}.service-card-content{gap:var(--spacing-2);flex-direction:column;display:flex}.service-card-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-foreground);margin:0}.service-card-description{font-size:var(--text-sm);color:var(--color-muted);line-height:var(--leading-relaxed);margin:0}.service-card-features{margin:0 0 var(--spacing-6);gap:var(--spacing-2);flex-direction:column;padding:0;list-style:none;display:flex}.service-card-features li{align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--color-muted);display:flex}.service-card-features li svg{color:var(--color-brand-primary);flex-shrink:0}.service-card-prosystems .service-card-features li svg{color:var(--color-brand-secondary)}.service-card-footer{margin-top:auto}.service-card-link{align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-brand-primary);text-decoration:none;transition:all .2s;display:inline-flex}.service-card-link:hover{gap:var(--spacing-3)}.service-card-prosystems .service-card-link{color:var(--color-brand-secondary)}.services-empty{text-align:center;padding:var(--spacing-16)var(--spacing-8);background:var(--color-card);border:1px dashed var(--color-card-border);border-radius:var(--radius-xl)}.services-empty p{color:var(--color-muted);margin-bottom:var(--spacing-6)}.prosystems-banner{background:var(--color-card);border-radius:var(--radius-2xl);padding:var(--spacing-12);text-align:center;border:1px solid #0ea5e933;position:relative;overflow:hidden}.prosystems-banner:before{content:"";border-radius:var(--radius-2xl);-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#0ea5e94d,#14b8a64d);padding:2px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.prosystems-banner-content{z-index:1;position:relative}.prosystems-banner-logo{margin-bottom:var(--spacing-6);justify-content:center;align-items:center;display:flex}.prosystems-banner-logo img{object-fit:contain;width:auto;max-width:180px;height:auto;max-height:50px}.prosystems-banner-logo .prosystems-logo-dark{display:block!important}.prosystems-banner-logo .prosystems-logo-light{display:none!important}@media (prefers-color-scheme:light){.prosystems-banner-logo .prosystems-logo-dark{display:none!important}.prosystems-banner-logo .prosystems-logo-light{display:block!important}}.prosystems-banner .section-title{margin-bottom:var(--spacing-4)}.prosystems-banner .section-description{max-width:600px;margin:0 auto var(--spacing-8)}.prosystems-services-preview{justify-content:center;gap:var(--spacing-4);margin-bottom:var(--spacing-8);flex-wrap:wrap;display:flex}.preview-item{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-4);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-foreground);background:#0ea5e91a;border:1px solid #0ea5e933;display:flex}.preview-item svg{color:var(--color-brand-secondary)}.btn-prosystems{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3)var(--spacing-6);color:#fff;font-weight:var(--font-semibold);border-radius:var(--radius-lg);background:linear-gradient(135deg,#0ea5e9,#14b8a6);text-decoration:none;transition:all .2s;display:inline-flex}.btn-prosystems:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0ea5e94d}.btn-prosystems:hover svg{transform:translate(4px)}.btn-prosystems svg{transition:transform .2s}.services-cta{padding:var(--spacing-20)0;background:radial-gradient(80% 50% at 50% 100%,#f59e0b1a,#0000)}.cta-content{text-align:center;max-width:600px;margin:0 auto}.cta-title{font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-4);color:var(--color-foreground)}.cta-description{font-size:var(--text-lg);color:var(--color-muted);margin-bottom:var(--spacing-8)}.cta-buttons{gap:var(--spacing-4);flex-wrap:wrap;justify-content:center;display:flex}@media (max-width:1024px){.services-hero-title{font-size:var(--text-4xl)}.section-title{font-size:var(--text-3xl)}.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.services-hero{padding:var(--spacing-24)0 var(--spacing-16)}.services-hero-title{font-size:var(--text-3xl)}.services-hero-description{font-size:var(--text-lg)}.services-section{padding:var(--spacing-16)0}.services-grid{grid-template-columns:1fr}.service-category{padding:var(--spacing-5)}.prosystems-banner{padding:var(--spacing-8)}.prosystems-services-preview,.cta-buttons{flex-direction:column;align-items:center}.cta-buttons .btn{width:100%;max-width:280px}}@media (max-width:480px){.services-hero-title,.section-title{font-size:var(--text-2xl)}.category-header{text-align:center;flex-direction:column}}