:root {
  --sky-top: #dff2ff;
  --sky-mid: #cfe7f6;
  --sky-bottom: #edf8ff;
  --sky-pale: #f8fcff;
  --text-dark: #0f2c4a;
  --green-cta: #1a7f37;
  --green-hover: #14692d;
  --green-glow: rgba(26, 127, 55, 0.22);
}

body.page-service {
  background: var(--sky-pale);
}

body.page-service header {
  position: fixed;
  top: 16px;
  left: 50%;
  z-index: 1000;
  width: auto;
  max-width: 96%;
  transform: translateX(-50%);
}

body.page-service .glass-nav {
  gap: 8px;
  padding: 7px 10px 7px 16px;
  border: 1px solid rgba(255,255,255,0.6);
  border-radius: 50px;
  background: rgba(255,255,255,0.92);
}

.badge-avail,
.badge-email {
  position: fixed;
  top: 22px;
  z-index: 1001;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 18px;
  border: 1px solid rgba(255,255,255,0.6);
  border-radius: 50px;
  background: rgba(255,255,255,0.92);
  color: var(--text-dark);
  font-size: 0.82rem;
  font-weight: 700;
}

.badge-avail { left: 24px; }
.badge-email { right: 24px; text-decoration: none; }
.badge-email svg { width: 16px; height: 16px; }
.badge-avail .dot {
  position: relative;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #1a7f37;
}

.svc-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(120px, 18vh, 160px) 24px clamp(60px, 10vh, 100px);
  text-align: center;
  background: linear-gradient(180deg, var(--sky-top) 0%, var(--sky-mid) 40%, var(--sky-bottom) 80%, var(--sky-pale) 100%);
}

.svc-cloud {
  position: absolute;
  border-radius: 100px;
  background: rgba(255,255,255,0.65);
  pointer-events: none;
}

.svc-cloud::before,
.svc-cloud::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: inherit;
}

.svc-cloud--1 { width: 180px; height: 50px; animation: svcDrift 56s linear infinite; }
.svc-cloud--1::before { width: 70px; height: 70px; top: -35px; left: 30px; }
.svc-cloud--1::after { width: 90px; height: 80px; top: -40px; left: 70px; }
.svc-cloud--2 { width: 140px; height: 40px; animation: svcDrift 68s linear infinite reverse; animation-delay: -12s; }
.svc-cloud--2::before { width: 55px; height: 55px; top: -28px; left: 20px; }
.svc-cloud--2::after { width: 70px; height: 60px; top: -30px; left: 55px; }

@keyframes svcDrift {
  from { transform: translateX(-250px); }
  to { transform: translateX(calc(100vw + 250px)); }
}

.svc-hero__badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 16px;
  padding: 6px 16px;
  border: 1px solid rgba(255,255,255,0.4);
  border-radius: 50px;
  background: rgba(255,255,255,0.55);
  color: var(--text-dark);
  font-size: 0.82rem;
  font-weight: 700;
}

.svc-hero__h1 {
  margin: 0 0 8px;
  color: rgba(15,44,74,0.4);
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.svc-hero__title {
  max-width: 880px;
  margin: 0 auto 18px;
  color: var(--text-dark);
  font-family: "acumin-pro", "Outfit", sans-serif;
  font-size: clamp(2.4rem, 5.4vw, 4.4rem);
  font-weight: 900;
  line-height: 1.05;
}

.svc-hero__sub {
  max-width: 680px;
  margin: 0 auto 28px;
  color: #72879a;
  font-size: clamp(0.9rem, 1.4vw, 1.05rem);
  line-height: 1.45;
}

.svc-hero__ctas,
.svc-hero__trust {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
}

.btn-svc-primary,
.btn-svc-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 30px;
  border-radius: 50px;
  font-size: 0.95rem;
  font-weight: 800;
  text-decoration: none;
}

.btn-svc-primary {
  background: var(--green-cta);
  color: #fff;
  box-shadow: 0 4px 18px var(--green-glow);
}

.btn-svc-primary svg { width: 15px; height: 15px; }
.btn-svc-secondary {
  border: 1px solid rgba(255,255,255,0.6);
  background: rgba(255,255,255,0.9);
  color: var(--text-dark);
}

.svc-hero__trust {
  margin-top: 18px;
  color: var(--text-dark);
  font-size: 0.94rem;
}

.svc-hero__trust-item {
  display: inline-flex;
  align-items: center;
}

.svc-hero__characters,
.svc-hero__characters img {
  display: block;
}

.svc-hero__characters {
  max-width: 360px;
  margin: 28px auto 0;
}

.svc-hero__characters img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.container {
  width: min(1120px, calc(100% - 32px));
  margin-inline: auto;
}

.svc-section {
  padding: clamp(56px, 8vw, 90px) 0;
}

.svc-section__label,
.svc-section__title,
.svc-section__intro {
  text-align: center;
}

.svc-section__title {
  max-width: 820px;
  margin: 0 auto 14px;
  color: var(--text-dark);
  font-size: clamp(1.9rem, 4vw, 3rem);
  line-height: 1.08;
}

.svc-section__intro {
  max-width: 720px;
  margin: 0 auto 28px;
  color: #72879a;
  line-height: 1.55;
}

@media (max-width: 900px) {
  .badge-avail,
  .badge-email { display: none; }
  .svc-hero { padding: 104px 20px 56px; }
  .svc-hero__title { font-size: clamp(2.15rem, 9vw, 3.1rem); }
  .svc-hero__ctas { flex-wrap: nowrap; gap: 8px; }
  .btn-svc-primary,
  .btn-svc-secondary { padding: 11px 14px; font-size: 0.82rem; white-space: nowrap; }
  .svc-hero__characters { max-width: 280px; }
}