/* Services: interactive explorer (replaces the three stacked spotlights) */
.services .section-intro{margin-bottom:40px}

.svc-explorer{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(24px,3vw,48px);align-items:stretch}
.svc-tabs{display:flex;flex-direction:column;border-top:1px solid #f1ede32e;position:sticky;top:110px;align-self:start}
.svc-tab{position:relative;display:grid;grid-template-columns:34px 1fr 20px;gap:14px;align-items:center;text-align:left;width:100%;padding:24px 18px 24px 0;background:none;border:0;border-bottom:1px solid #f1ede32e;color:#f1ede38c;transition:color .35s,padding .45s cubic-bezier(.2,.7,.2,1)}
.svc-tab:before{content:'';position:absolute;left:0;top:-1px;height:1px;width:0;background:var(--gold);transition:width .6s cubic-bezier(.2,.7,.2,1)}
.svc-tab:hover{color:var(--ivory)}
.svc-tab[aria-selected=true]{color:var(--ivory);padding-left:14px}
.svc-tab[aria-selected=true]:before{width:100%}
.svc-tab-num{font-size:9px;letter-spacing:.14em;color:var(--gold);align-self:start;padding-top:9px}
.svc-tab-text strong{display:block;font-family:Manrope,Arial,sans-serif;font-weight:500;font-size:clamp(21px,2.1vw,30px);letter-spacing:-.045em;line-height:1.12}
.svc-tab-text small{display:block;font-size:11px;letter-spacing:.02em;line-height:1.5;margin-top:9px;color:#d0d8c7;opacity:.7;transition:opacity .35s,color .35s}
.svc-tab[aria-selected=true] .svc-tab-text small{opacity:1;color:var(--gold)}
.svc-tab .ui-arrow{width:18px;height:18px;opacity:.35;transition:transform .35s,opacity .35s}
.svc-tab:hover .ui-arrow{opacity:.8}
.svc-tab[aria-selected=true] .ui-arrow{opacity:1;color:var(--gold);transform:rotate(45deg)}

.svc-panels{position:relative;display:grid}
.svc-panel{grid-area:1/1;display:flex;flex-direction:column;padding:clamp(28px,3.2vw,46px);border:1px solid #e7c48d4d;border-radius:14px;background:radial-gradient(ellipse at 100% 0,#c2a66a2e,transparent 55%),radial-gradient(ellipse at 0 100%,#2c5d4866,transparent 60%),#0f3529;scroll-margin-top:105px}
.js-svc .svc-panel{visibility:hidden;opacity:0;transform:translateY(14px);transition:opacity .45s,transform .6s cubic-bezier(.2,.7,.2,1),visibility 0s .45s}
.js-svc .svc-panel.is-active{visibility:visible;opacity:1;transform:none;transition:opacity .5s .08s,transform .7s .08s cubic-bezier(.2,.7,.2,1),visibility 0s}
.svc-panel-head .eyebrow{color:var(--gold)}
.svc-panel-head h3{font-family:Manrope,Arial,sans-serif;font-size:clamp(32px,3.3vw,50px);font-weight:500;letter-spacing:-.06em;line-height:1.04;margin:20px 0 16px}
.svc-panel-head>p:last-child{font-size:14px;line-height:1.75;max-width:500px;color:#d0d8c7}
.svc-offers{list-style:none;margin:30px 0 26px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 32px;counter-reset:offer}
.svc-offers li{counter-increment:offer;position:relative;padding:15px 0 17px 30px;border-top:1px solid #f1ede32b}
.svc-offers li:before{content:counter(offer,decimal-leading-zero);position:absolute;left:0;top:20px;font-size:8px;letter-spacing:.12em;color:var(--gold)}
.svc-offers h4{margin:0 0 6px;font-size:16.5px;font-weight:500;letter-spacing:-.03em;line-height:1.3}
.svc-offers p{margin:0;font-size:12px;line-height:1.65;color:#c9d3c0}
.svc-panel-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-top:auto;padding-top:26px;border-top:1px solid #f1ede32b}
.svc-proof{display:flex;align-items:baseline;gap:14px;font-size:12px;line-height:1.5;color:#d0d8c7;max-width:330px}
.svc-proof strong{font-family:Manrope,Arial,sans-serif;font-weight:500;font-size:clamp(30px,2.8vw,40px);letter-spacing:-.06em;color:var(--gold);white-space:nowrap;line-height:1}
.svc-panel-foot .line-link{color:var(--gold);gap:30px;flex-shrink:0}

.svc-foundations{margin-top:80px}
.svc-foundations-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:22px}
.svc-foundations-head>p:last-child{font-size:13px;color:#d0d8c7}
.svc-foundations .services-grid{gap:0 40px}
.svc-foundations .service-card{transition:border-color .4s}
.svc-foundations .service-card:hover{border-top-color:var(--gold)}
.svc-foundations .service-card h3{margin-top:18px}
.svc-foundations ul.service-tools{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px;font-size:11px;font-weight:450;letter-spacing:0;line-height:1}
.svc-foundations ul.service-tools li{padding:8px 12px;border:1px solid #f1ede333;border-radius:30px;color:#e1e4d5}

.services-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-top:55px;padding:30px 34px;border-radius:14px;background:#f1ede30d;border:1px solid #f1ede31f}
.services-cta p{font-size:15px;line-height:1.6;color:#d0d8c7}
.services-cta em{color:var(--ivory);font-size:1.12em;margin-left:4px}
.services-cta .hero-enquire{background:var(--gold);color:var(--ink);font-weight:500}
.services-cta .hero-enquire:hover{background:var(--ivory)}

/* Without JS the three panels simply stack */
html:not(.js-svc-ready) .svc-tabs{display:none}
html:not(.js-svc-ready) .svc-explorer{display:block}
html:not(.js-svc-ready) .svc-panels{gap:30px}
html:not(.js-svc-ready) .svc-panel{grid-area:auto}

@media(max-width:900px){
.svc-explorer{grid-template-columns:1fr}
.svc-tabs{position:static;flex-direction:row;border-top:0;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--gutter)*-1);padding:0 var(--gutter)}
.svc-tabs::-webkit-scrollbar{display:none}
.svc-tab{grid-template-columns:auto 1fr;gap:10px;flex:0 0 auto;width:auto;padding:13px 18px!important;border:1px solid #f1ede333;border-radius:40px}
.svc-tab:before,.svc-tab .ui-arrow,.svc-tab-text small{display:none}
.svc-tab-num{padding-top:0;align-self:center}
.svc-tab-text strong{font-family:'DM Sans',Arial,sans-serif;font-size:13px;letter-spacing:0;white-space:nowrap}
.svc-tab[aria-selected=true]{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.svc-tab[aria-selected=true] .svc-tab-num{color:var(--ink)}
.services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:600px){
.svc-panel{padding:26px 20px;border-radius:12px}
.svc-panel-head h3{font-size:clamp(32px,9.5vw,42px)}
.svc-panel-head>p:last-child{font-size:13px}
.svc-offers{grid-template-columns:1fr;margin-top:26px}
.svc-offers h4{font-size:18px}
.svc-panel-foot{flex-direction:column;align-items:flex-start}
.svc-foundations{margin-top:55px}
.svc-foundations-head{flex-direction:column;gap:8px}
.services-grid{grid-template-columns:1fr}
.services-cta{padding:24px 20px;margin-top:40px}
.services-cta .hero-enquire{width:100%;justify-content:space-between}
}
@media(prefers-reduced-motion:reduce){.js-svc .svc-panel,.js-svc .svc-panel.is-active,.svc-tab,.svc-tab:before{transition:none}}
.motion-off .js-svc .svc-panel,.motion-off .svc-tab:before{transition:none}

/* Minimal copy: service names only */
.svc-offers{margin:28px 0 24px}
.svc-offers li{padding:14px 0 14px 30px}
.svc-offers li:before{top:19px}
.svc-offers h4{margin:0;font-size:16px}
.svc-panel-head h3{margin-bottom:0}
.svc-foundations-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:50px;padding-top:24px;border-top:1px solid #f1ede32e;font-size:clamp(16px,1.6vw,21px);letter-spacing:-.02em;color:#e1e4d5}
.svc-foundations-line span{font-size:9px;letter-spacing:.16em;color:var(--gold);margin-right:8px}
.svc-foundations-line i{font-style:normal;opacity:.35}
.services-cta{margin-top:40px}