/* Original expertise content, harmonised with the selected template. */
.expertise-section { background:#f7fbfe; padding:80px 0; }
.expertise-section .section__header { max-width:820px; margin:0 auto 28px; }
.home-page .expertise-section .section__title { font-size:clamp(32px,3.5vw,48px); }
.expertise-section .section__subtitle { margin-inline:auto; font-size:18px; }
.expertise-section .intro-text { max-width:900px; margin:0 auto 42px; color:var(--muted-foreground); font-size:16px; line-height:1.85; }
.expertise-section .tech-stack { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin-bottom:32px; }
.expertise-section .tech-stack__category { display:flex; align-items:stretch; gap:22px; padding:24px; border:1px solid #deebf3; border-radius:16px; background:#fff; min-width:0; }
.expertise-section .tech-stack__label { margin:0; color:#385e7d; text-align:start; font-size:12px; line-height:1.5; letter-spacing:.08em; }
.expertise-section .tech-stack__icons { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.expertise-section .tech-stack__category:nth-child(3) .tech-stack__icons { grid-template-columns:repeat(3,minmax(0,1fr)); }
.expertise-section .tech-icon { min-width:0; padding:16px 5px; gap:10px; background:#f6faff; border:0; border-radius:10px; }
.expertise-section .tech-icon span { color:#516b88; font-size:12px; line-height:1.4; overflow-wrap:anywhere; text-align:center; }
.expertise-section .tech-icon img { width:32px; height:32px; object-fit:contain; }
.expertise-section .tech-icon img,.expertise-section .service-item__icon img { filter:invert(38%) sepia(98%) saturate(1868%) hue-rotate(177deg) brightness(93%) contrast(102%); }
.expertise-section .tech-icon:hover { transform:none; box-shadow:none; background:#edf6ff; }
.expertise-section .services-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.expertise-section .service-item { padding:26px 22px; background:#fff; border:1px solid #deebf3; border-radius:16px; text-align:start; }
.expertise-section .service-item__icon { margin:0 0 20px; background:#edf6ff; border-radius:12px; }
.expertise-section .service-item__icon img { width:24px; height:24px; }
.expertise-section .service-item h3 { font-size:18px; margin-bottom:12px; letter-spacing:-.025em; }
.expertise-section .service-item p { font-size:14px; line-height:1.75; }
.expertise-section .service-item:not(a):hover { transform:none; box-shadow:none; border-color:#deebf3; }
.expertise-section a.service-item:hover { border-color:#8fc9ec; box-shadow:0 8px 24px #132e4b0a; }
.expertise-section a.service-item:focus-visible { outline:3px solid #0672bc; outline-offset:4px; }
@media(max-width:1100px) {
 .expertise-section .tech-stack,.expertise-section .services-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
 .expertise-section { padding:52px 0; }
 .expertise-section .section__subtitle { font-size:16px; }
 .expertise-section .intro-text { font-size:15px; line-height:1.8; margin-bottom:30px; text-align:start; }
 .expertise-section .tech-stack,.expertise-section .services-grid { grid-template-columns:1fr; gap:16px; }
 .expertise-section .tech-stack__category { padding:22px; gap:18px; }
 .expertise-section .tech-stack__icons { grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
 .expertise-section .tech-stack__category:nth-child(3) .tech-stack__icons { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .expertise-section .tech-icon { padding:14px 3px; }
 .expertise-section .tech-icon img { width:28px; height:28px; }
 .expertise-section .tech-icon span { font-size:11px; }
 .expertise-section .service-item { padding:24px; }
}