/* ============ INNER SERVICE PAGE ============ */
.shell.phero__inner nav.crumbs.shell {
    padding: 0px 0px 35px 0px !important;
}
.crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}
.crumbs a{text-decoration:none;color:var(--body);transition:color .18s}
.crumbs a:hover{color:var(--ink)}
.crumbs li[aria-current]{color:var(--ink);font-weight:500}
.crumbs .sep{color:var(--line-2)}
.shell.phero__inner nav.crumbs.shell {
    padding: 0px 0px 35px 0px;
}

section.phero {
    background: #0e1b33;
}

.shell.phero__inner nav.crumbs.shell ol li {
    color: #fff;
}

.shell.phero__inner h1#page-title {
    color: #fff;
    max-width: unset;
}

.shell.phero__inner  p.phero__lead {
    color: #fff;
}
ul.side__nav {
    list-style: none;
    margin: 0;
}
.side__cta a.btn.btn--gold {
    color: #231b05 !important;
}
.phero{position:relative;padding-block:clamp(26px,3.4vw,44px) clamp(30px,3.6vw,48px);overflow:hidden}
.phero::before{content:"";position:absolute;right:-160px;top:-260px;width:760px;height:540px;background:radial-gradient(ellipse at center,rgba(254,202,61,.26),transparent 62%);pointer-events:none}
.phero__inner{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,4vw,60px);align-items:center}
.phero h1{font-size:clamp(2rem,4.4vw,3.35rem);margin:1rem 0 0;max-width:16ch}
.phero__lead{margin-top:1.2rem;max-width:54ch;font-size:1.04rem}
.phero__actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.7rem}
.phero__panel ul {margin:0 !important;}
.phero__panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-m);padding:clamp(20px,2.3vw,28px)}
.phero__panel h2{font-size:1.02rem;font-weight:700;margin-bottom:1rem}
.phero__panel li{display:grid;grid-template-columns:auto 1fr;gap:.7rem;align-items:start;padding:.7rem 0;border-bottom:1px solid var(--line);font-size:.95rem;color:var(--ink-2)}
.phero__panel li:last-of-type{border-bottom:0}
.phero__panel svg{margin-top:.3em;flex-shrink:0}

/* two-column body */
.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(28px,3.6vw,60px);align-items:start;padding-block:var(--section-y)}
.block{scroll-margin-top:100px}
.block + .block{margin-top:clamp(40px,4.6vw,68px)}
.block > .head{margin-bottom:clamp(20px,2.4vw,30px)}
.block h2{font-size:clamp(1.5rem,2.6vw,2.1rem)}

/* sidebar */
.side{position:sticky;top:98px;display:grid;gap:14px}
.side__card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:clamp(18px,2vw,24px);box-shadow:var(--shadow-s)}
.side__card h2{font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:.95rem}
.side__nav li{border-bottom:1px solid var(--line)}
.side__nav li:last-child{border-bottom:0}
.side__nav a{display:flex;gap:.6rem;align-items:baseline;padding:.6rem 0;font-size:.92rem;text-decoration:none;color:var(--ink-2);transition:color .18s}
.side__nav a:hover{color:var(--ink)}
.side__nav a em{font-style:normal;color:var(--gold-deep);font-weight:700;font-size:.76rem;min-width:1.4em}
.side__cta{background:var(--ink);border-radius:var(--r);padding:clamp(20px,2.2vw,26px);color:#C6CDDB;position:relative;overflow:hidden}
.side__cta::after{content:"";position:absolute;right:-70px;top:-70px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(254,202,61,.28),transparent 66%)}
.side__cta > *{position:relative;z-index:1}
.side__cta h2{color:#fff;font-size:1.05rem;font-weight:700;margin-bottom:.55rem;letter-spacing:-.01em}
.side__cta p{font-size:.92rem;margin-bottom:1.1rem}
.side__cta .btn{width:100%}

/* prose */
.rich{max-width:68ch}
.rich p{font-size:1rem}
.rich p + p{margin-top:1rem}

/* stacked issue rows */
.rows{display:grid;gap:12px}
.row{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-s);padding:clamp(20px,2.2vw,26px);display:grid;grid-template-columns:46px minmax(0,1fr);gap:clamp(14px,1.8vw,22px);align-items:start}
.row__n{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,var(--gold),#FFDF8A);color:#231B05;font-weight:900;font-size:.95rem}
.row h3{margin-bottom:.5rem;font-size:1.1rem}
.row p{font-size:.96rem}

/* service list (inner) */
.slist{display:grid;gap:12px;counter-reset:s}
.sitem{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-s);padding:clamp(18px,2.1vw,26px);display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(14px,1.8vw,22px);align-items:start;scroll-margin-top:100px;transition:border-color .2s var(--ease),transform .2s var(--ease)}
.sitem:hover{border-color:var(--line-2);transform:translateX(3px)}
.sitem__ic{width:44px;height:44px;border-radius:12px;background:var(--gold-soft);border:1px solid rgba(254,202,61,.5);display:grid;place-items:center}
.sitem__svg{width:24px;height:24px;object-fit:contain;display:block}
.sitem h3{margin-bottom:.4rem;font-size:1.08rem}
.sitem p{font-size:.96rem}

/* vertical timeline */
.tl{position:relative;display:grid;gap:0;padding-left:clamp(26px,3vw,40px)}
.tl::before{content:"";position:absolute;left:16px;top:12px;bottom:12px;width:2px;background:repeating-linear-gradient(180deg,var(--line-2) 0 6px,transparent 6px 12px)}
.tl li{position:relative;padding:0 0 clamp(22px,2.6vw,32px) clamp(20px,2.4vw,30px)}
.tl li:last-child{padding-bottom:0}
.tl__dot{position:absolute;left:calc(-1 * clamp(26px,3vw,40px) + 2px);top:0;width:34px;height:34px;border-radius:50%;background:var(--gold);color:#231B05;font-weight:900;font-size:.8rem;display:grid;place-items:center;box-shadow:0 0 0 6px var(--bg)}
.tl h3{margin-bottom:.5rem;font-size:1.08rem}
.tl p{font-size:.96rem}

/* callout */
.callout{background:var(--ink);color:#fff;border-radius:var(--r);padding:clamp(20px,2.2vw,28px);display:flex;gap:1rem;align-items:center;font-size:1.02rem;font-weight:500;margin-top:clamp(16px,2vw,24px)}
.callout svg{flex-shrink:0}

/* related services */
.related{border-top:1px solid var(--line)}
@media (max-width:980px){
  .layout{grid-template-columns:1fr;gap:36px}
  .side{position:static;grid-template-columns:1fr 1fr;display:grid}
  .phero__inner{grid-template-columns:1fr;gap:32px}
}
@media (max-width:640px){
  .side{grid-template-columns:1fr}
  .row,.sitem{grid-template-columns:1fr}
  .tl{padding-left:0}
  .tl::before{display:none}
  .tl li{padding-left:0}
  .tl__dot{position:static;margin-bottom:.8rem;box-shadow:none}
}

aside.side .side__cta {
    padding: clamp(20px, 2.2vw, 20px);
}

aside.side .side__cta a.btn.btn--gold {
    font-size: 14px;
    font-weight: 600;
    padding: 0.88rem 1.2rem;
    gap: 0;
}