.services-section{position:relative;background:#fafbfc;padding:4rem 0 3rem;z-index:1}.services-section .relative{position:relative;margin-bottom:3rem}@media (max-width:768px){.services-section .headline-bg,.services-section .headline-fg{font-size:2rem}}.services-container{position:relative;z-index:2;max-width:1100px;margin:0 auto;text-align:center}.services-headline{font-size:2rem;font-weight:700;margin-bottom:2.5rem;color:#222;line-height:1.3}.services-headline-highlight{color:#0046b6}.services-grid{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem;margin-top:2.5rem;padding:0 1rem}@media (min-width:640px){.services-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:0 2rem}}@media (min-width:900px){.services-grid{grid-template-columns:repeat(4,1fr);gap:2rem;padding:0}.service-card{padding:2.5rem 1.5rem}}.service-card{background:#fff;border-radius:16px;padding:2rem 1.5rem;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,70,182,.08);position:relative;overflow:hidden;cursor:pointer}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0046b6,#1581bf);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1)}.service-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px rgba(0,70,182,.15);border-color:rgba(0,70,182,.2);background:linear-gradient(135deg,#fff,#f8fbff)}.service-card:hover:before{transform:scaleX(1)}.service-icons{width:72px;height:72px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#e6f0ff,#d0e4ff);border-radius:20px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.service-card:hover .service-icons{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,#0046b6,#1581bf);box-shadow:0 8px 24px rgba(0,70,182,.25)}.service-icons img{width:40px;height:40px;object-fit:contain;transition:all .4s cubic-bezier(.4,0,.2,1);filter:brightness(0) saturate(100%) invert(27%) sepia(95%) saturate(2000%) hue-rotate(210deg) brightness(.9) contrast(1.1)}.service-card:hover .service-icons img{filter:brightness(0) invert(1);transform:scale(1.1)}.service-title{font-size:1.15rem;font-weight:700;color:#1a1a1a;margin-bottom:.75rem;transition:color .3s ease;line-height:1.4}.service-card:hover .service-title{color:#0046b6}.service-description{font-size:.95rem;color:#666;line-height:1.7;transition:color .3s ease}.service-card:hover .service-description{color:#444}