/* =================================================================
   Claimspot – service-page.css
   Bendri stiliai visiems paslaugų puslapiams (paslauga-*.html).
   Naudoja tik esamus tokenus iš styles.css :root.
   ================================================================= */

.svc-page { padding-top: 0; }

/* ---------------- hero ---------------- */
.svc-hero {
  position: relative;
  padding-block: clamp(5.5rem, min(9vw, 13vh), 7.5rem) clamp(2.5rem, min(5vw, 6vh), 3.5rem);
  overflow: hidden;
  border-bottom: 1px solid var(--line);
}
/* .mesh ir .map-dots ateina iš styles.css – ta pati animacija kaip pagrindinio
   puslapio hero, todėl paslaugų puslapiai atrodo kaip tos pačios svetainės dalis. */
.svc-hero .container { position: relative; z-index: 1; }

.svc-title {
  margin-top: 1.1rem;
  max-width: 20ch;
  font-family: Lexend, system-ui, sans-serif;
  font-size: clamp(2.1rem, 5.2vw, 3.4rem);
  font-weight: 800;
  letter-spacing: -.025em;
  line-height: 1.08;
}
.svc-lead {
  margin-top: 1.25rem;
  max-width: 58ch;
  font-size: clamp(1.02rem, 1.6vw, 1.18rem);
  color: var(--muted);
  line-height: 1.72;
}
.svc-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 2rem; }
.svc-micro { margin-top: 1.1rem; font-size: .85rem; color: var(--faint); }

/* ---------------- turinio sekcijos ---------------- */
.svc-section { padding-block: clamp(2.75rem, min(5.5vw, 8vh), 4.5rem); position: relative; }
.svc-section--alt { background: rgba(14,20,40,.55); border-block: 1px solid var(--line); }

.svc-h2 {
  font-family: Lexend, system-ui, sans-serif;
  font-size: var(--fs-h2);
  font-weight: 700;
  letter-spacing: -.02em;
  line-height: 1.15;
  max-width: 24ch;
}
.svc-sub { margin-top: 1rem; max-width: 60ch; font-size: var(--fs-body); color: var(--muted); line-height: 1.7; }

/* atpažinimo punktai */
.svc-signals { margin-top: clamp(2rem, 4vw, 2.75rem); display: grid; gap: 14px; }
@media (min-width: 760px) { .svc-signals { grid-template-columns: 1fr 1fr; } }
.svc-signal {
  display: flex; gap: .85rem; align-items: flex-start;
  padding: 1.1rem 1.25rem;
  background: linear-gradient(180deg, rgba(18,26,51,.7), rgba(14,20,40,.7));
  border: 1px solid var(--line);
  border-radius: var(--radius);
}
.svc-signal__ic {
  flex: none; width: 26px; height: 26px;
  display: grid; place-items: center;
  border-radius: 8px; color: var(--sky);
  background: rgba(45,107,255,.13);
  border: 1px solid rgba(56,189,248,.18);
  font-size: .8rem; font-weight: 700;
}
.svc-signal span:last-child { font-size: var(--fs-sm); line-height: 1.6; }

/* ką perimame */
.svc-list { margin-top: clamp(2rem, 4vw, 2.5rem); display: grid; gap: 12px; }
.svc-list li {
  display: flex; gap: .85rem; align-items: flex-start;
  font-size: var(--fs-sm); line-height: 1.65; color: var(--muted);
}
.svc-list svg { flex: none; width: 18px; height: 18px; margin-top: 3px; color: var(--success); }
.svc-list strong { color: var(--ink); font-weight: 600; }

/* žingsniai */
.svc-steps { margin-top: clamp(2rem, 4vw, 2.75rem); display: grid; gap: 16px; }
@media (min-width: 860px) { .svc-steps { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); } }
.svc-step {
  padding: 1.4rem;
  background: linear-gradient(180deg, rgba(18,26,51,.7), rgba(14,20,40,.7));
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
}
.svc-step__n {
  display: inline-block; margin-bottom: .8rem;
  padding: .3rem .55rem; border-radius: 8px;
  font-size: .72rem; font-weight: 700; letter-spacing: .04em;
  color: var(--sky); background: rgba(45,107,255,.13);
  border: 1px solid rgba(56,189,248,.18);
}
.svc-step__t { font-size: 1.02rem; font-weight: 700; line-height: 1.35; }
.svc-step__d { margin-top: .45rem; font-size: .9rem; color: var(--muted); line-height: 1.6; }

/* baigiamasis CTA */
.svc-cta { padding-block: clamp(2.75rem, min(5.5vw, 8vh), 4.5rem); }
.svc-cta__box {
  position: relative; overflow: hidden;
  padding: clamp(1.75rem, 4vw, 3rem);
  text-align: center;
  background:
    radial-gradient(60% 120% at 50% 0%, rgba(45,107,255,.18), transparent 70%),
    var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
}
.svc-cta__box::before {
  content: ""; position: absolute; inset: 0 0 auto; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(56,189,248,.5), transparent);
}
.svc-cta__t {
  font-family: Lexend, system-ui, sans-serif;
  font-size: clamp(1.5rem, 3.4vw, 2.1rem); font-weight: 800;
  letter-spacing: -.02em; line-height: 1.2;
}
.svc-cta__d { margin: .9rem auto 0; max-width: 52ch; font-size: var(--fs-sm); color: var(--muted); line-height: 1.65; }
.svc-cta__actions { display: flex; flex-wrap: wrap; gap: .8rem; justify-content: center; margin-top: 1.75rem; }

/* kitos paslaugos */
.svc-more { padding-bottom: clamp(2.5rem, min(5vw, 7vh), 4rem); }
.svc-more__t { font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; color: var(--faint); }
.svc-more__list { margin-top: 1rem; display: flex; flex-wrap: wrap; gap: 10px; }
.svc-more__list a {
  padding: .55rem .95rem; font-size: .88rem;
  background: rgba(18,26,51,.6); border: 1px solid var(--line); border-radius: 999px;
  color: var(--muted);
  transition: border-color .25s var(--ease), color .25s var(--ease);
}
.svc-more__list a:hover { border-color: var(--brand); color: var(--ink); }

@media (max-width: 560px) {
  .svc-actions .btn-primary, .svc-actions .btn-ghost,
  .svc-cta__actions .btn-primary, .svc-cta__actions .btn-ghost { flex: 1; justify-content: center; }
}

/* ---------------- judesio niuansai ---------------- */
/* kortelės pakyla ir švyti, kai pelė virš jų */
.svc-signal, .svc-step {
  transition: transform .35s var(--ease), border-color .35s var(--ease), box-shadow .35s var(--ease);
  will-change: transform;
}
.svc-signal:hover {
  transform: translateY(-3px);
  border-color: #2b3a63;
}
.svc-step:hover {
  border-color: rgba(56,189,248,.4);
  box-shadow: 0 22px 50px -28px rgba(45,107,255,.85);
}
/* .tilt valdomas main.js – pridedam tik perspektyvą, kad pasvirimas atrodytų erdvinis */
.svc-steps { perspective: 1200px; }

/* sąrašo varnelės atsiranda viena po kitos */
.svc-list li { transition: transform .3s var(--ease), color .3s var(--ease); }
.svc-list li:hover { transform: translateX(4px); color: var(--ink); }

/* numeriukų kvadratėliai švelniai pulsuoja atsiradę */
.svc-step__n { transition: transform .3s var(--ease), background .3s var(--ease); }
.svc-step:hover .svc-step__n { transform: scale(1.06); background: rgba(45,107,255,.22); }

/* CTA dėžutė kvėpuoja */
.svc-cta__box::after {
  content: "";
  position: absolute; inset: -40% -10% auto; height: 70%;
  background: radial-gradient(50% 60% at 50% 0%, rgba(56,189,248,.16), transparent 70%);
  pointer-events: none;
  animation: svcGlow 9s ease-in-out infinite alternate;
}
@keyframes svcGlow {
  from { transform: translate3d(-4%, 0, 0) scale(1); opacity: .7; }
  to   { transform: translate3d(4%, 2%, 0) scale(1.12); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .svc-signal, .svc-step, .svc-list li, .svc-step__n { transition: none; }
  .svc-signal:hover, .svc-step:hover, .svc-list li:hover { transform: none; }
  .svc-cta__box::after { animation: none; }
}

/* ---------------- išlyga / atmintinė (svc-caution) ---------------- */
.svc-caution {
  margin-top: clamp(1.75rem, 3.5vw, 2.5rem);
  display: flex; gap: 1rem; align-items: flex-start;
  padding: clamp(1.1rem, 2.5vw, 1.5rem);
  background: rgba(45,107,255,.07);
  border: 1px solid rgba(56,189,248,.22);
  border-radius: var(--radius-lg);
}
.svc-caution__ic {
  flex: none; width: 38px; height: 38px;
  display: grid; place-items: center;
  border-radius: 10px; color: var(--sky);
  background: rgba(45,107,255,.14);
  border: 1px solid rgba(56,189,248,.2);
}
.svc-caution__t { font-size: 1rem; font-weight: 700; line-height: 1.4; }
.svc-caution__d { margin-top: .5rem; font-size: .9rem; color: var(--muted); line-height: 1.65; }
.svc-caution .srv-link { margin-top: .9rem; }

/* pagalbos centro numeriukai kartais būna tekstiniai (24/7, 24 val.) */
.svc-step__n { white-space: nowrap; }


/* atmintinės atsisiuntimo nuorodos (LT / EN / RU) */
.svc-files { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 1rem; }
.svc-files a {
  display: inline-flex; align-items: center; gap: .5rem;
  padding: .55rem .9rem;
  font-size: .88rem; font-weight: 600; color: var(--ink);
  background: rgba(10,14,28,.5);
  border: 1px solid var(--line);
  border-radius: 10px;
  transition: border-color .25s var(--ease), background .25s var(--ease), transform .25s var(--ease);
}
.svc-files a:hover { border-color: rgba(56,189,248,.55); background: rgba(45,107,255,.1); transform: translateY(-2px); }
.svc-files__lang {
  padding: .12rem .4rem; border-radius: 6px;
  font-size: .72rem; letter-spacing: .04em;
  color: var(--sky); background: rgba(45,107,255,.16);
  border: 1px solid rgba(56,189,248,.22);
}
.svc-files__ext { color: var(--faint); font-size: .74rem; font-weight: 500; letter-spacing: .06em; }
@media (prefers-reduced-motion: reduce) { .svc-files a:hover { transform: none; } }