:root{
  /* ============ BRAND PALETTE (from Aesthetic Analysis) ============ */
  --champion:var(--bk-color-secondary, #a4ace5);      /* Accent / CTA */
  --champion-ink:var(--bk-color-secondary, #585cba);  /* Champion hover (darker derivative) */
  --sage:var(--bk-color-secondary, #b6bbed);          /* Pastel Sage — soft accent */
  --lavender:var(--bk-color-secondary, #b3bbe9);      /* Lavender — soft accent */
  --royal:var(--bk-color-primary, #1e193a);         /* Primary Ink — grounding authority */
  --royal-2:#201b3b;       /* Royal hover (darker derivative) */
  --bow:var(--bk-color-primary, #534b7e);           /* Secondary — supports Royal */
  --nude:var(--bk-color-surface, #f3f2f1);          /* Canvas — warm neutral, NOT cold grey */
  --nude-2:#ece9e3;        /* Slightly warmer soft-neutral for surfaces */
  --white:var(--bk-color-background, #ffffff);         /* Pure White — surface */
  --vanta:var(--bk-color-ink, #000000);         /* Body Type per brand palette */

  /* Role aliases — all mapped to brand palette, no off-brand tones */
  --ink:var(--royal);      /* Primary body/display ink = Royal */
  --ink-2:var(--bow);      /* Secondary body text = Bow */
  --mute:var(--bk-color-secondary, #8a86a3);          /* Muted caption — derived tint of Bow */
  --rule:var(--bk-color-surface, #e4e1db);          /* Brand-warm hairline (Nude-derived) */
  --rule-2:#d6d2ca;        /* Stronger hairline */

  --radius: 16px;
  --radius-sm: 10px;
  --radius-pill: 999px;

  /* Single-family system per Brand DNA — Montserrat only.
     --font-mono kept as token for layout treatments (tight letter-spacing,
     uppercase micro-labels), but RENDERS in Montserrat to stay on-brand. */
  --font-sans:'Montserrat',ui-sans-serif,system-ui,sans-serif;
  --font-mono:'Montserrat',ui-sans-serif,system-ui,sans-serif;

  --wrap: 1240px;
  --shadow-1: 0 1px 2px rgba(41,35,74,.04), 0 8px 20px -8px rgba(41,35,74,.08);
  --shadow-2: 0 2px 6px rgba(41,35,74,.05), 0 20px 50px -20px rgba(41,35,74,.18);
  --shadow-3: 0 30px 80px -30px rgba(41,35,74,.28);
}




/* ===== SERVICE PAGE ===== */
.svc-hero{position:relative;padding:190px 0 130px;border-bottom:0;overflow:hidden;color:var(--bk-color-background, #fff);background-color:var(--bk-color-primary, var(--royal));background-image:linear-gradient(95deg, color-mix(in srgb, var(--bk-color-primary, #1e193a) 95%, transparent) 0%, color-mix(in srgb, var(--bk-color-primary, #1e193a) 82%, transparent) 40%, color-mix(in srgb, var(--bk-color-primary, #1e193a) 42%, transparent) 78%, color-mix(in srgb, var(--bk-color-primary, #1e193a) 60%, transparent) 100%), url('/template/dd9b3a0b/images/inner-gs-service.png');background-size:cover;background-position:center;background-repeat:no-repeat}
.svc-hero .eyebrow{background:color-mix(in srgb, var(--bk-color-background, #ffffff) 10%, transparent);color:color-mix(in srgb, var(--bk-color-background, #ffffff) 88%, transparent);border-color:color-mix(in srgb, var(--bk-color-background, #ffffff) 22%, transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.svc-hero .hero-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;pointer-events:none}
.svc-hero .orb-a{width:520px;height:520px;background:radial-gradient(circle,var(--bk-color-secondary, var(--sage)),transparent 70%);top:-160px;right:-120px}
.svc-hero .orb-b{width:460px;height:460px;background:radial-gradient(circle,var(--bk-color-secondary, var(--lavender)),transparent 70%);bottom:-200px;left:-140px;opacity:.4}
.svc-hero-grid{position:relative;z-index:2;display:block;max-width:780px}
.svc-hero h1{font-size:var(--bk-h1-size, clamp(40px,5.4vw,80px));line-height:var(--bk-h1-line-height, .98);letter-spacing:var(--bk-h1-letter-spacing, -0.032em);font-weight:var(--bk-h1-weight, 300);color:var(--bk-color-background, #fff);text-wrap:balance;text-shadow:0 2px 30px color-mix(in srgb, var(--bk-color-ink, #0f0c20) 35%, transparent)}
.svc-hero h1 em{font-style:var(--bk-h1-style, normal);color:var(--bk-color-secondary, var(--champion));font-weight:var(--bk-h1-weight, 500)}
.svc-hero .lede{font-size:var(--bk-p-size, clamp(17px,1.35vw,21px));color:color-mix(in srgb, var(--bk-color-background, #ffffff) 85%, transparent);max-width:46ch;margin-top:20px;line-height:var(--bk-p-line-height, 1.5)}
.svc-countries{display:inline-flex;align-items:center;gap:10px;margin-top:24px;font-family:var(--bk-overline-family, var(--bk-font-base, var(--font-mono)));font-size:var(--bk-overline-size, 11.5px);letter-spacing:var(--bk-overline-letter-spacing, 0.14em);text-transform:var(--bk-overline-transform, uppercase);color:color-mix(in srgb, var(--bk-color-background, #ffffff) 72%, transparent)}
.svc-countries .dot{width:6px;height:6px;border-radius:50%;background:var(--bk-color-secondary, var(--champion))}
.svc-hero-ctas{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}
.svc-hero-media{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-3);aspect-ratio:4/4.5;background:var(--bk-color-surface, var(--nude-2))}
.svc-hero-media img{width:100%;height:100%;object-fit:cover}
.svc-hero-tag{position:absolute;left:18px;bottom:18px;right:18px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:color-mix(in srgb, var(--bk-color-background, #ffffff) 82%, transparent);backdrop-filter:blur(12px);border-radius:var(--radius-sm);padding:13px 16px;border:1px solid color-mix(in srgb, var(--bk-color-background, #ffffff) 60%, transparent)}
.svc-hero-tag .t1{font-size:var(--bk-p-size, 13px);font-weight:var(--bk-p-weight, 600);color:var(--bk-p-color, var(--bk-color-ink, var(--royal)))}
.svc-hero-tag .t2{font-family:var(--bk-overline-family, var(--bk-font-base, var(--font-mono)));font-size:var(--bk-overline-size, 10px);letter-spacing:var(--bk-overline-letter-spacing, .12em);text-transform:var(--bk-overline-transform, uppercase);color:var(--bk-color-secondary, var(--champion))}


@media (max-width:900px){
  .svc-hero{padding:120px 0 70px}
  .svc-hero-grid,.vp-grid{grid-template-columns:1fr;gap:40px}
  .svc-hero-media{aspect-ratio:16/12}
  .qual2-grid{grid-template-columns:1fr 1fr}
  .qual2-cell,.qual2-cell:nth-child(4),.qual2-cell:nth-child(5){grid-column:auto}
  .subs-grid{grid-template-columns:1fr 1fr}
}