.service-sector-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 140px;
    text-align: center;
    color: inherit;
    transition: border-color .2s, transform .2s;
}
.service-sector-link h2 { font-size: 1.05rem; line-height: 1.9; margin: 0; }
.service-sector-link:hover,
.service-sector-link:focus-visible { border-color: #1ccad8; transform: translateY(-3px); }
.project-sector-nav { display: flex; flex-wrap: wrap; gap: 10px; margin: 24px 0 40px; }
.project-sector-nav a {
    padding: 10px 16px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 12px;
    background: rgba(255,255,255,.06);
    color: #eef5ff;
    line-height: 1.8;
}
.project-sector-nav a:hover,
.project-sector-nav a[aria-current] { background: rgba(28,202,216,.18); border-color: #1ccad8; }
.project-sector { scroll-margin-top: 130px; margin-bottom: 48px; }
.project-sector h2 { font-size: clamp(1.25rem, 3vw, 1.75rem); line-height: 1.8; margin-bottom: 18px; }
.project-sector-count { display: inline-block; font-size: .9rem; padding: 2px 12px; border-radius: 20px; background: rgba(255,255,255,.08); }
.project-sector .project-title-list { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.13); }
.project-sector .project-title-line { border-color: rgba(255,255,255,.1); }
.project-sector .project-title-index { background: rgba(28,202,216,.1); color: #5fe5e4; }
.project-sector .project-title-text { color: #eef5ff; line-height: 1.9; }
.project-sector-empty { padding: 24px; border: 1px solid rgba(255,255,255,.12); border-radius: 12px; color: #c2d3f2; }
.services-autoplay-toggle {
    display: block;
    margin: 22px auto 0;
    padding: 8px 18px;
    border: 1px solid rgba(255,255,255,.35);
    border-radius: 30px;
    background: rgba(3,16,31,.25);
    color: #eef5ff;
    font: inherit;
    font-size: 12px;
    cursor: pointer;
}
.services-autoplay-toggle[hidden] { display: none; }
.services-autoplay-toggle:focus-visible { outline: 2px solid #1ccad8; outline-offset: 3px; }
@media (max-width: 767px) {
    .project-sector { scroll-margin-top: 90px; }
    .project-sector-nav a { width: 100%; }
    .service-sector-link { min-height: 110px; }
}
@media (prefers-reduced-motion: reduce) {
    .service-sector-link { transition: none; }
}