.services-page .services .service-item{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);height:100%;box-shadow:var(--shadow-soft);transition:border-color var(--transition-fast);padding:2rem;display:flex;position:relative;overflow:hidden}.services-page .services .service-item:before{content:"";background-color:var(--accent-color);transform-origin:bottom;width:4px;height:100%;transition:transform var(--transition-fast);position:absolute;top:0;left:0;transform:scaleY(0)}.services-page .services .service-item:hover,.services-page .services .service-item:focus-within{border-color:var(--accent-hover-border)}.services-page .services .service-item:hover:before,.services-page .services .service-item:focus-within:before{transform:scaleY(1)}.services-page .services .service-icon{width:70px;height:70px;color:var(--accent-color);background-color:var(--accent-soft-bg);border-radius:var(--radius-sm);transition:color var(--transition-fast), background-color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;margin-right:1.5rem;display:flex}.services-page .services .service-icon i{font-size:2rem;line-height:1}.services-page .services .service-item:hover .service-icon,.services-page .services .service-item:focus-within .service-icon{color:#061018;background-color:var(--accent-color)}.services-page .services .service-content{flex-grow:1}.services-page .services .service-content h2{color:var(--heading-color);margin-bottom:1rem;font-size:1.4rem;font-weight:700;line-height:1.35}.services-page .services .service-content p{color:var(--muted-color);margin-bottom:1.25rem;line-height:1.7}.services-page .services .service-link{color:var(--accent-color);transition:color var(--transition-fast);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.services-page .services .service-link span{margin-right:.5rem}.services-page .services .service-link i{transition:transform var(--transition-fast);line-height:1}.services-page .services .service-link:hover,.services-page .services .service-link:focus{color:var(--accent-hover-color);outline:none}.services-page .services .service-link:focus-visible{border-radius:var(--radius-sm);box-shadow:0 0 0 3px var(--accent-focus-ring)}.services-page .services .service-item:hover .service-link i,.services-page .services .service-item:focus-within .service-link i{transform:translate(4px)}@media (width<=767.98px){.services-page .services .service-item{padding:1.5rem}.services-page .services .service-icon{width:60px;height:60px;margin-right:1rem}.services-page .services .service-icon i{font-size:1.5rem}.services-page .services .service-content h2{margin-bottom:.75rem;font-size:1.2rem}.services-page .services .service-content p{margin-bottom:1rem;font-size:.95rem}}@media (width<=575.98px){.services-page .services .service-item{text-align:center;flex-direction:column}.services-page .services .service-item:before{transform-origin:0;width:100%;height:4px;transform:scaleX(0)}.services-page .services .service-item:hover:before,.services-page .services .service-item:focus-within:before{transform:scaleX(1)}.services-page .services .service-icon{margin-bottom:1.25rem;margin-right:0}.services-page .services .service-link{justify-content:center}}@media (prefers-reduced-motion:reduce){.services-page .services .service-item,.services-page .services .service-item:before,.services-page .services .service-icon,.services-page .services .service-link,.services-page .services .service-link i{transition:none}.services-page .services .service-item:hover .service-link i,.services-page .services .service-item:focus-within .service-link i{transform:none}}