/* Services dropdown + service pages. Uses the variables from style.css (--navy, --orange, --sky-btn, --line, --soft). */
.main-nav .has-sub{display:flex;align-items:center;position:relative}
.main-nav .sub-toggle{background:none;border:0;color:var(--ink);cursor:pointer;padding:6px 8px;font-size:.8rem;line-height:1}
.main-nav .sub-panel{display:none;background:#fff;border-radius:14px;box-shadow:var(--shadow-lg);padding:20px 22px;gap:24px;z-index:60;text-align:left}
.main-nav .sub-panel h4{margin:0 0 8px;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sky-btn)}
.main-nav .sub-panel a{display:block;padding:6px 0;font-size:.95rem;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink);border:0;border-radius:0}
.main-nav .sub-panel a::after{display:none}
.main-nav .sub-panel a:hover{color:var(--sky-btn)}
@media(min-width:961px){
 .main-nav .sub-panel{position:absolute;top:100%;left:-24px;width:660px;grid-template-columns:repeat(3,1fr)}
 .main-nav .has-sub:hover .sub-panel,.main-nav .has-sub:focus-within .sub-panel,.main-nav .has-sub.open .sub-panel{display:grid}
}
@media(max-width:960px){
 .main-nav .has-sub{flex-wrap:wrap}
 .main-nav .has-sub{border-bottom:1px solid var(--line)}
 .main-nav .has-sub>a{flex:1;border-bottom:0}
 .main-nav .sub-toggle{padding:16px 14px}
 .main-nav .sub-panel{flex-basis:100%;box-shadow:none;border-radius:0;padding:4px 0 8px 14px;background:var(--soft)}
 .main-nav .sub-panel a{padding:10px 6px;font-size:.98rem}
 .main-nav .has-sub.open .sub-panel{display:grid;grid-template-columns:1fr}
}
.svc-two{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:start}
.svc-list{list-style:none;padding:0;margin:0 0 28px}
.svc-list li{padding:14px 0 14px 28px;border-bottom:1px solid var(--line);position:relative}
.svc-list li::before{content:"";position:absolute;left:0;top:23px;width:10px;height:10px;border-radius:50%;background:var(--orange)}
.svc-why{background:var(--soft);border-left:4px solid var(--orange);border-radius:var(--radius-sm);padding:26px}
.svc-why h3{margin-bottom:.4em}.svc-why p{margin:0 0 .8em}
.svc-narrow{max-width:860px}
.section.soft details{border-bottom:1px solid var(--line);padding:16px 0}
.section.soft summary{cursor:pointer;font-family:var(--font-h);font-weight:700;color:var(--ink)}
.section.soft details p{margin:.6em 0 0}
.svc-more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.svc-more-grid h3{font-size:1rem;margin:0 0 8px;color:var(--sky-btn)}
.svc-more-grid a{display:block;padding:5px 0;font-weight:600;color:var(--ink)}
.svc-more-grid a:hover{color:var(--sky-btn)}
.svc-band{background:var(--navy);color:#fff;text-align:center;padding:72px 0}
.svc-band h2{color:#fff}.svc-band p{max-width:640px;margin:0 auto 24px;color:#d3dcec}
@media(max-width:800px){.svc-two,.svc-more-grid{grid-template-columns:1fr}}