@charset "UTF-8";
/* ==========================================================================
   W16/W17 — SERVICE-PAGE FAMILY LAYER (the header, lockup, footer and call-bar shell moved to
   shell.css in W17). Loaded only by pages whose body has class "svc"
   (the five commercial service pages). Colour roles: ink = brand field/text;
   warm neutrals = light surfaces; garnet = call action; cobalt = interaction;
   heat-soft/sky = heat/cool signature.
   ========================================================================== */
.svc {
  --p-warm: #F7F3ED;
  --p-warm-2: #EFE8DD;
  --p-warm-line: #E2D9CB;
  --p-act: #A8304A;
  --p-act-deep: #8C2640;
  --p-text: #1E2536;
  --p-sub: #3A4560;
  --p-flow: linear-gradient(90deg, var(--heat) 0%, var(--heat-soft) 38%, var(--sky) 62%, var(--cobalt) 100%);
  color: var(--p-text);
}

/* ---------- Service-page body call buttons (garnet action role) ---------- */
.svc main .btn-call { background: var(--p-act); color: #fff; box-shadow: 0 8px 20px rgba(168,48,74,.22); }
.svc main .btn-call:hover { background: var(--p-act-deep); color: #fff; }

/* ---------- Shared prototype type primitives ---------- */
.svc main h2 { text-wrap: balance; font-size: clamp(2rem, 1.35rem + 1.9vw, 3rem); font-weight: 800; letter-spacing: -0.03em; line-height: 1.04; }
.p-eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 16px; font-size: .8125rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--p-sub, #3A4560); }
.p-eyebrow::before { content: ""; width: 30px; height: 3px; border-radius: 2px; background: linear-gradient(90deg, #A8304A, #E4677F 45%, #6FA0EE 60%, #1D5BC7); flex: none; }
.p-eyebrow--light { color: #C9D2E5; }