.services-section{position:relative;padding:var(--spacing-20) 0;background-color:var(--bugloos-white);overflow:hidden}.services-bg-parallax{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.05;background:radial-gradient(circle at 20% 30%,var(--bugloos-primary) 0,transparent 50%),radial-gradient(circle at 80% 70%,var(--bugloos-secondary) 0,transparent 50%);will-change:transform;transform-style:preserve-3d;backface-visibility:hidden}.services-container{position:relative;max-width:var(--max-width-container);margin:0 auto;padding:0 var(--spacing-4);z-index:1}.services-header{text-align:center;margin-bottom:var(--spacing-16);will-change:transform,opacity}.services-title{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--bugloos-dark);margin-bottom:var(--spacing-4);line-height:var(--leading-tight)}.services-description{font-size:var(--text-lg);color:var(--bugloos-gray-600);max-width:var(--max-width-narrow);margin:0 auto;line-height:var(--leading-relaxed)}.services-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-8);margin-top:var(--spacing-12)}.services-grid--two-column{grid-template-columns:1fr}.service-card{position:relative;background-color:var(--bugloos-white);border-radius:var(--radius-2xl);border:1px solid var(--bugloos-gray-200);padding:var(--spacing-8);transition:all var(--transition-normal);cursor:pointer;overflow:hidden;will-change:transform,opacity}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl)}.service-card-bg{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity var(--transition-normal);will-change:transform,opacity;pointer-events:none}.service-card:hover .service-card-bg{opacity:.1}.service-card[data-service-index="0"] .service-card-bg{background:linear-gradient(135deg,var(--bugloos-primary) 0,transparent 100%)}.service-card[data-service-index="1"] .service-card-bg{background:linear-gradient(135deg,var(--bugloos-secondary) 0,transparent 100%)}.service-card[data-service-index="2"] .service-card-bg{background:linear-gradient(135deg,var(--bugloos-primary) 0,transparent 100%)}.service-icon{position:relative;width:3.429rem;height:3.429rem;background-color:var(--bugloos-gray-100);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-6);transition:all var(--transition-normal);box-shadow:var(--shadow-lg)}.service-icon i,.service-icon svg{width:1.714rem;height:1.714rem;color:var(--bugloos-gray-600);transition:color var(--transition-normal)}.service-card:hover .service-icon{background-color:var(--bugloos-primary);color:var(--bugloos-white)}.service-card:hover .service-icon svg{color:var(--bugloos-white)}.service-title{position:relative;font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--bugloos-dark);margin-bottom:var(--spacing-4);line-height:var(--leading-snug);transition:color var(--transition-normal)}.service-card:hover .service-title{color:var(--bugloos-primary)}.service-description{position:relative;color:var(--bugloos-gray-600);margin-bottom:var(--spacing-6);line-height:var(--leading-relaxed)}.service-features-section{position:relative;margin-bottom:var(--spacing-6)}.service-features-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--bugloos-dark);margin-bottom:var(--spacing-3);line-height:var(--leading-normal)}.service-features{position:relative;list-style:none;margin:0;padding:0}.service-feature{display:flex;align-items:flex-start;margin-bottom:var(--spacing-2)}.service-feature:last-child{margin-bottom:0}.feature-bullet{width:.429rem;height:.429rem;background-color:var(--bugloos-primary);border-radius:var(--radius-full);margin-top:.42rem;margin-right:var(--spacing-2);flex-shrink:0}.service-feature span{color:var(--bugloos-gray-600);font-size:var(--text-sm);line-height:var(--leading-normal)}.service-technologies-section{position:relative;margin-top:var(--spacing-6)}.service-technologies-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--bugloos-dark);margin-bottom:var(--spacing-3);line-height:var(--leading-normal)}.service-technologies{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.service-tech-chip{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);background-color:var(--bugloos-dark);color:var(--bugloos-white);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-weight-medium);line-height:var(--leading-normal);transition:all var(--transition-normal)}.service-card:hover .service-tech-chip{background-color:var(--bugloos-primary);transform:translateY(-2px)}.service-link{display:flex;align-items:center;color:var(--bugloos-dark);transition:color var(--transition-normal);margin-top:var(--spacing-6)}.service-link a{display:flex;justify-content:center;align-items:center}.service-card:focus .service-link,.service-card:hover .service-link{color:var(--bugloos-primary)}.service-link-text{font-weight:var(--font-weight-medium);margin-right:var(--spacing-2);font-size:var(--text-base);color:inherit!important}.service-link-arrow{width:1rem;height:1rem;transition:transform var(--transition-normal)}.service-card:focus .service-link-arrow,.service-card:hover .service-link-arrow{transform:translateX(4px)}.service-read-more{margin-top:var(--spacing-6)}.service-read-more-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--spacing-2) var(--spacing-6);background-color:var(--bugloos-dark);color:var(--bugloos-white);border:1px solid var(--bugloos-dark);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-weight-semibold);text-decoration:none;cursor:pointer;transition:all var(--transition-normal);font-family:var(--font-family-primary);transform:translateZ(0)}.service-read-more-btn:hover{background-color:var(--bugloos-primary);border-color:var(--bugloos-primary);transform:scale(1.05)}.service-read-more-btn:focus{outline:2px solid var(--bugloos-primary);outline-offset:2px}.service-read-more-btn:active{transform:translateY(0)}.service-read-more-text{margin-right:var(--spacing-2)}.service-read-more-arrow{width:1rem;height:1rem;transition:transform var(--transition-normal)}.service-read-more-btn:hover .service-read-more-arrow{transform:translateX(4px)}@media (min-width:768px){.services-container{padding:0 var(--spacing-6)}.services-grid{grid-template-columns:repeat(2,1fr)}.services-grid--two-column{grid-template-columns:repeat(2,1fr)}.services-title{font-size:var(--text-4xl)}}@media (min-width:1024px){.services-container{padding:0 var(--spacing-8)}.services-grid{grid-template-columns:repeat(3,1fr)}.services-grid--two-column{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.services-section{padding:var(--spacing-24) 0}}.service-card:focus{outline:2px solid var(--bugloos-primary);outline-offset:2px}.service-card:focus:not(:focus-visible){outline:0}@media (prefers-contrast:high){.service-card{border-width:.143rem}.feature-bullet{background-color:currentColor}}@media (prefers-reduced-motion:reduce){.service-card,.services-bg-parallax,.services-header{transform:none!important;animation:none!important;transition:none!important}.service-card:hover{transform:none!important}}[dir=rtl] .service-link-text,html.rtl .service-link-text{margin-right:0;margin-left:var(--spacing-2)}[dir=rtl] .feature-bullet,html.rtl .feature-bullet{margin-right:0;margin-left:var(--spacing-2)}[dir=rtl] .service-read-more-text,html.rtl .service-read-more-text{margin-right:0;margin-left:var(--spacing-2)}[dir=rtl] .service-link-arrow,html.rtl .service-link-arrow{transform:scaleX(-1)}[dir=rtl] .service-card:focus .service-link-arrow,[dir=rtl] .service-card:hover .service-link-arrow,html.rtl .service-card:focus .service-link-arrow,html.rtl .service-card:hover .service-link-arrow{transform:scaleX(-1) translateX(4px)}[dir=rtl] .service-read-more-arrow,html.rtl .service-read-more-arrow{transform:scaleX(-1)}[dir=rtl] .service-read-more-btn:focus .service-read-more-arrow,[dir=rtl] .service-read-more-btn:hover .service-read-more-arrow,html.rtl .service-read-more-btn:focus .service-read-more-arrow,html.rtl .service-read-more-btn:hover .service-read-more-arrow{transform:scaleX(-1) translateX(4px)}