/* Services page: service explorer (side tabs on desktop, accordion on mobile) */
.svx-stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.svx-stats > div{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:10px 16px}
.svx-stats b{font-family:var(--ff-head);font-size:22px;font-weight:800;color:#fff;line-height:1}
.svx-stats span{font-size:13px;color:rgba(255,255,255,.82);line-height:1.3}

.svx{display:grid;grid-template-columns:340px minmax(0,1fr);grid-template-rows:repeat(7,auto) 1fr;gap:8px 28px;align-items:start}
.svx-item{display:contents}

.svx-tab{grid-column:1;display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--white);border:1.5px solid var(--line-soft);border-radius:14px;padding:13px 16px;cursor:pointer;font-family:var(--ff-head);transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}
.svx-tab:hover{border-color:var(--orange)}
.svx-tab:focus-visible{outline:3px solid var(--orange-tint);outline-offset:1px}
.svx-icon{flex:none;width:42px;height:42px;border-radius:11px;background:var(--orange-tint);color:var(--orange-deep);display:flex;align-items:center;justify-content:center;font-size:16px;transition:background .2s ease,color .2s ease}
.svx-tab-title{flex:1;min-width:0;font-size:14.5px;font-weight:600;line-height:1.35;color:var(--navy)}
.svx-chev{flex:none;font-size:11px;color:var(--steel);transform:rotate(-90deg);transition:transform .2s ease,color .2s ease}
.svx-tab.is-open{background:var(--navy);border-color:var(--navy);box-shadow:var(--shadow-md)}
.svx-tab.is-open .svx-tab-title{color:#fff}
.svx-tab.is-open .svx-icon{background:rgba(255,255,255,.13);color:#fff}
.svx-tab.is-open .svx-chev{color:var(--orange)}

.svx-panel{grid-column:2;grid-row:1/-1;background:var(--white);border:1px solid var(--line-soft);border-radius:18px;box-shadow:var(--shadow-md);overflow:hidden}
.svx.is-ready .svx-panel{display:none}
.svx.is-ready .svx-panel.is-open{display:block;animation:svxIn .28s ease}
@keyframes svxIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

.svx-photo{position:relative;height:150px;background:var(--navy)}
.svx-photo img{width:100%;height:100%;object-fit:cover;display:block;opacity:.8}
.svx-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(19,83,156,.72),rgba(19,83,156,.12))}
.svx-photo span{position:absolute;z-index:1;left:28px;bottom:14px;font-family:var(--ff-head);font-size:46px;font-weight:800;line-height:1;color:#fff}
.svx-body{padding:24px 28px 28px}
.svx-body h3{font-size:23px;line-height:1.3;margin:0 0 8px}
.svx-body h3 a{color:inherit}
.svx-body h3 a:hover{color:var(--orange-deep)}
.svx-body > p{margin:0 0 20px;font-size:var(--desc-size);line-height:1.65;color:var(--charcoal)}
.svx-label{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--orange-deep);margin:0 0 10px}

.svx-subs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.svx-subs a{display:flex;align-items:center;gap:12px;min-width:0;background:var(--mist);border:1px solid transparent;border-radius:12px;padding:12px 14px;color:var(--charcoal);transition:background .2s ease,border-color .2s ease}
.svx-subs a:hover{background:#fff;border-color:var(--orange);color:var(--charcoal)}
.svx-sub-icon{flex:none;width:34px;height:34px;border-radius:9px;background:var(--white);color:var(--orange-deep);display:flex;align-items:center;justify-content:center;font-size:13px}
.svx-subs a > span:nth-child(2){flex:1;min-width:0}
.svx-subs b{display:block;font-family:var(--ff-head);font-size:13.5px;font-weight:600;line-height:1.3;color:var(--navy)}
.svx-subs small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px;font-size:12px;line-height:1.4;color:var(--steel)}
.svx-subs a > .fa-arrow-right{flex:none;font-size:11px;color:var(--orange)}
.svx-feats{margin:0;gap:10px 18px}
.svx-feats li{font-size:14px;line-height:1.45}
.svx-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}

@media(max-width:1000px){
  .svx{display:flex;flex-direction:column;align-items:stretch;gap:10px}
  .svx-item{display:block;background:var(--white);border:1.5px solid var(--line-soft);border-radius:14px;overflow:hidden}
  .svx-tab{border:none;border-radius:0;padding:13px 14px;background:transparent}
  .svx-tab.is-open{background:var(--navy);box-shadow:none}
  .svx-chev{transform:none}
  .svx-tab.is-open .svx-chev{transform:rotate(180deg)}
  .svx-panel{border:none;border-radius:0;box-shadow:none}
  .svx-photo{display:none}
  .svx-body{padding:16px 14px 16px}
  .svx-body h3{display:none}
  .svx-body > p{font-size:14.5px;margin-bottom:14px}
}
@media(max-width:768px){
  .svx-hero{padding:34px 0 30px}
  .svx-hero h1{font-size:30px;margin-bottom:10px}
  .svx-hero p.lead{font-size:15px;margin-bottom:18px}
  .svx-hero .cta{display:flex;flex-direction:row;gap:8px}
  .svx-hero .cta .btn{flex:1;width:auto;min-width:0;padding-left:10px;padding-right:10px;font-size:13.5px;white-space:nowrap}
  .svx-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}
  .svx-stats > div{flex-direction:column;align-items:flex-start;gap:5px;padding:10px}
  .svx-stats b{font-size:18px}
  .svx-stats span{font-size:11.5px}

  .svx-section{padding:34px 0}
  .svx-section .sec-head{margin-bottom:18px}
  .svx-subs{grid-template-columns:1fr;gap:8px}
  .svx-subs small{display:none}
  .svx-subs a{padding:9px 11px}
  .svx-feats{grid-template-columns:1fr;gap:8px}
  .svx-actions{flex-direction:column;margin-top:16px}
  .svx-actions .btn{width:100%;white-space:normal;text-align:center}

  .svx-process{padding:38px 0}
  .svx-process .sec-head{margin-bottom:18px}
  .svx-process .steps{grid-template-columns:1fr;gap:10px}
  .svx-process .step{display:grid;grid-template-columns:44px 1fr;column-gap:14px;padding:14px}
  .svx-process .step::after{display:none}
  .svx-process .step .icon{grid-row:1/3;width:44px;height:44px;border-radius:12px;font-size:16px;margin:0}
  .svx-process .step b{font-size:15.5px;margin-bottom:2px}
  .svx-process .step p{font-size:13.5px;line-height:1.5}
}