.inline-arrow { width: 18px; height: 18px; flex-shrink: 0; vertical-align: middle; }
[hidden] { display: none !important; }
.leal-site .sector-button { display: block; }
.leal-site .sector-button[aria-current=true] { border-color: var(--cyan); background: linear-gradient(135deg,#1c4149,#11262e); }
.leal-site .sector-button[aria-current=true] .sector-icon { color: var(--cyan); }
.detail-top h2 { font-size: 24px; letter-spacing: -.9px; line-height: 1.35; max-width: 580px; }
.feature-group h3 { font-size: 14px; line-height: 1.5; color: var(--cyan); margin-bottom: 20px; }
.static-plans { border-top: 1px solid var(--line); }
.static-plans > summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 23px 36px; color: var(--cyan); font-weight: 800; cursor: pointer; list-style: none; }
.static-plans > summary::-webkit-details-marker { display: none; }
.static-plans > summary > span { font-size: 23px; line-height: 1; }
.plans-intro h3 { font-size: 18px; margin: 0; }
.sector-page-link { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 36px; border-top: 1px solid var(--line); font-size: 12px; color: #c3edeb; }
.sector-intro { padding-block: 35px 50px; }
.breadcrumb { color: var(--muted); font-size: 12px; margin-bottom: 42px; }
.breadcrumb a { color: var(--cyan); }
.breadcrumb span { margin-inline: 12px; }
.sector-intro h1 { max-width: 950px; font-size: clamp(34px,4.3vw,60px); line-height: 1.15; letter-spacing: -2px; }
.sector-intro .hero-description { max-width: 750px; }
.sector-intro .hero-actions { margin-top: 28px; }
.sector-followup { padding-block: 55px; }
.sector-followup h2, .related-sectors h2 { font-size: 28px; letter-spacing: -1px; }
.sector-followup p { color: var(--muted); max-width: 720px; margin-top: 20px; }
.related-sectors { padding-block: 15px 65px; }
.related-links { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 25px; }
.related-links a { border: 1px solid var(--line); border-radius: 7px; padding: 12px 15px; min-height: 46px; font-size: 12px; }
.related-links a:hover { border-color: var(--cyan); }
.sector-page .site-footer { border-top: 1px solid var(--line); padding-top: 28px; }
.sector-page .site-footer { flex-wrap: wrap; }
.sector-footer-contact { flex-basis: 100%; }
.sector-footer-contact a { display: inline-block; padding-block: 10px; }
@media(max-width:800px) {
 .detail-top h2 { font-size: 23px; }
 .static-plans > summary, .sector-page-link { padding: 21px 26px; }
 .sector-intro { padding-top: 24px; }
 .sector-intro h1 { font-size: clamp(32px,7.5vw,47px); letter-spacing: -1.2px; }
 .breadcrumb { margin-bottom: 28px; }
 .sector-followup h2, .related-sectors h2 { font-size: 25px; }
 .sector-intro .hero-actions { flex-wrap: wrap; }
}
/* Menu and plans remain reachable when scripts are unavailable. */
@media(max-width:800px) {
 html:not(.js-ready) .menu-toggle { display: none; }
 html:not(.js-ready) #navigation { display: flex; position: static; padding: 16px 0; border: 0; flex-direction: row; flex-wrap: wrap; font-size: 11px; gap: 16px; background: none; }
 html:not(.js-ready) .header-inner { flex-wrap: wrap; padding-top: 15px; }
}
.custom-quote { padding: 28px; border-top: 1px solid #456570; background: #11252d; }
.custom-quote h3 { font-size: 20px; margin-bottom: 12px; }
.custom-quote p { color: #aec8d0; max-width: 680px; }