
/* ---------- inner service pages ---------- */
.crumbs{background:#F7F9FC;border-bottom:1px solid var(--line);font-size:.88rem;color:var(--soft)}
.crumbs .wrap{padding-top:12px;padding-bottom:12px}
.crumbs a{color:var(--blue);text-decoration:none}
.crumbs span{color:#9AADC0;margin:0 4px}
.page-hero{background:linear-gradient(140deg,#0B3A6B 0%,var(--navy) 55%,var(--navy-deep) 100%);
  color:#fff;padding:72px 0 64px}
.page-hero h1{color:#fff;max-width:18ch;font-size:clamp(2rem,4.4vw,3.3rem)}
.page-hero .lede{color:#CBDCEE;font-size:clamp(1.02rem,1.5vw,1.2rem);max-width:56ch}
.page-hero .eyebrow{color:var(--gold-lt)}
.page-hero .eyebrow::before{background:var(--gold)}
.page-hero .btn{margin:14px 10px 0 0}
.btn-ghost-dark{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.5)}
.btn-ghost-dark:hover{background:rgba(255,255,255,.14);color:#fff}
.page-body{padding:66px 0 10px}
.page-body h2{margin-top:1.4em;font-size:clamp(1.4rem,2.4vw,2rem)}
.page-body h2:first-child{margin-top:0}
.page-body p,.page-body li{max-width:70ch}
.page-body .ticks{list-style:none;margin:18px 0 26px;padding:0}
.page-body .ticks li{position:relative;padding-left:32px;margin-bottom:12px;color:var(--soft)}
.page-body .ticks li b{color:var(--navy)}
.page-body .ticks li::before{content:"";position:absolute;left:0;top:7px;width:16px;height:9px;
  border-left:3px solid var(--gold);border-bottom:3px solid var(--gold);transform:rotate(-45deg)}
.faq{padding:66px 0}
.faq-list{margin:30px 0 0;max-width:80ch}
.faq-list dt{font-weight:700;color:var(--navy);font-size:1.08rem;margin-top:26px}
.faq-list dd{margin:8px 0 0;color:var(--soft)}
.other{padding:66px 0}
.other-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}
.other-grid a{display:block;padding:20px;border:1px solid var(--line);text-decoration:none;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s}
.other-grid a:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(6,42,82,.12);
  border-color:#C6D6E7}
.other-grid b{display:block;color:var(--navy);margin-bottom:6px}
.other-grid span{display:block;font-size:.88rem;color:var(--soft);line-height:1.5}
@media(max-width:900px){.other-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.other-grid{grid-template-columns:1fr}}
.quote-wrap{display:grid;grid-template-columns:.95fr 1.05fr;gap:56px;align-items:start}
@media(max-width:900px){.quote-wrap{grid-template-columns:1fr;gap:36px}}


/* 8-item menu: tighten the spacing on mid-size screens so it stays on one line */
@media(min-width:981px) and (max-width:1180px){
  nav{gap:16px}
  nav a{font-size:.92rem}
  nav .btn{padding:9px 15px}
  .brand>svg{width:48px;height:48px}
  .brand-txt b{font-size:.95rem}
}
