/* ===== services-only css (no dropdown) ===== */
:root{
  --svc-bg:#231f20; --svc-text:#fff;
  --svc-muted:rgba(255,255,255,.75);
  --svc-soft:rgba(255,255,255,.08);
  --svc-soft-border:rgba(255,255,255,.15);
}

body.services-page{ background:var(--svc-bg); color:var(--svc-text); }
.services-wrap{
  min-height:100vh;
  padding:8rem 2rem 6rem;
  font-family:var(--font-ui,'PPTelegraf','PP Telegraf',system-ui,sans-serif);
}

/* Breadcrumbs */
.breadcrumbs {
  max-width: 1100px;
  margin: 0 auto 1.5rem;
  font-size: clamp(14px, 1.2vw, 16px);
  color: rgba(255,255,255,0.6);
  display: block;
}
.breadcrumbs a { color: inherit; text-decoration: none; }
.breadcrumbs a:hover { color: #fff; }
.breadcrumbs span { margin: 0 0.5em; opacity: 0.4; }

/* hero */
.services-hero{
  max-width:1100px; margin:0 auto 2rem;
  display:grid; grid-template-columns:minmax(0,1fr) 260px;
  gap:3rem; align-items:center;
}
    .services-eyebrow{
      font-size:.85rem; letter-spacing:.02em; text-transform:none;
      opacity:.7; margin:0 0 .5rem;
      font-family:var(--font-ui,'PPTelegraf','PP Telegraf',system-ui,sans-serif);
    }
    .services-title{
      margin:0 0 1.25rem;
      font-size:clamp(2.2rem,5vw,4rem);
      line-height:1.15; font-weight:700;
      font-family:var(--font-heading,'PPTelegraf','PP Telegraf',system-ui,sans-serif);
      text-transform:none;
    }
.hero-disc{
  width:100%; max-width:260px; aspect-ratio:1/1; border-radius:50%;
  background:#fff; box-shadow:0 0 0 2px rgba(255,255,255,.08) inset, 0 12px 40px rgba(0,0,0,.35);
  justify-self:end;
}

/* tabs row */
.services-controls{ margin-top:1rem; }
.services-tabs{ display:flex; gap:.75rem; flex-wrap:wrap; }
.tab{
  background:var(--svc-soft); border:1px solid var(--svc-soft-border);
  color:#fff; padding:.75rem 1.5rem; border-radius:8px;
  font:inherit; line-height:1; cursor:pointer; text-transform:none;
  transition:background .25s ease,border-color .25s ease,transform .02s ease;
}
.tab:hover,.tab.active{ background:rgba(255,255,255,.24); }
.tab:active{ transform:translateY(1px); }

/* body / faq */
.services-body{ max-width:1100px; margin:2rem auto 0; }
.tab-content{ display:none; }
.tab-content.active{ display:block; }

.faq{ margin-top:1rem; }
.faq-item{ border-bottom:1px solid rgba(255,255,255,.2); padding:1.2rem 0; }
.faq-q{
  width:100%; background:none; border:0; color:#fff; text-align:left;
  font:inherit; font-size:2rem; display:flex; justify-content:space-between; gap:1rem; align-items:center;
  cursor:pointer; text-transform:none; padding:0;
}
.faq-q::after{ content:'+'; opacity:.9; transition:transform .25s ease,opacity .25s ease; }
.faq-q.active::after{ transform:rotate(45deg); opacity:1; }
.faq-a{
  max-height:0; overflow:hidden; opacity:0;
  transition:max-height .3s ease,opacity .3s ease;
  font-size:.95rem; color:var(--svc-muted); margin-top:.5rem; line-height:1.6; text-transform:none;
}
.faq-a.open{ max-height:320px; opacity:1; }

/* Partner Badge */
.partner-badge {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 2rem;
  padding-top: 1.5rem;
  /* border-top: 1px solid rgba(255,255,255,0.1); */
}
.partner-logo {
  height: 54px;
  width: auto;
  object-fit: contain;
  /* filter: brightness(0) invert(1); Removed to show original blue color */
}
.partner-badge span {
  font-size: 1.2rem;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.01em;
}

/* responsive */
@media (max-width:860px){
  .services-wrap{ padding:7rem 1.25rem 5rem; }
  .services-hero{ grid-template-columns:1fr; gap:2rem; }
  .hero-disc{ display: none; }
   .faq-q{font-size:1.1rem;}
}