/* ================================================================
   SGS × Accenture-inspired refinements
   Aggressive typography · Sharp corners · Thin borders · Breathing
   ================================================================ */

/* ── COLOR TOKENS ─────────────────────────────────────────────
   Shift purple slightly more electric, closer to Accenture #A100FF
   ──────────────────────────────────────────────────────────── */
:root {
  --sgs-purple:      #6200EE;   /* more saturated, closer to Accenture */
  --sgs-purple-lt:   #BB86FC;   /* Material-like light purple */
  --sgs-purple-dim:  rgba(98,0,238,.08);
  --sgs-border:      rgba(0,0,0,.08);
  --sgs-border-dark: rgba(255,255,255,.09);
  --sgs-text-muted:  #5f5f6e;
  --sgs-radius:      2px;       /* Accenture-sharp */
  --sgs-radius-lg:   4px;
}

/* ── TYPOGRAPHY — Accenture aggressive scale ─────────────────── */
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  font-feature-settings: 'ss01', 'cv01';
  -webkit-font-smoothing: antialiased;
}

/* Section tags — ALL CAPS + wider tracking */
.sgs-section-tag {
  font-size: .68rem !important;
  font-weight: 700 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  color: var(--sgs-purple) !important;
  margin-bottom: 16px;
}

/* Section titles — bigger, tighter */
.sgs-section-title {
  font-size: clamp(2rem, 4vw, 3.2rem) !important;
  font-weight: 900 !important;
  letter-spacing: -.04em !important;
  line-height: 1.04 !important;
}

/* Hero — maximum impact */
.sgs-hero-title {
  font-size: clamp(2.8rem, 7vw, 5.2rem) !important;
  font-weight: 900 !important;
  letter-spacing: -.05em !important;
  line-height: 1.0 !important;
}
.sgs-service-title {
  font-size: clamp(2.2rem, 5vw, 4rem) !important;
  font-weight: 900 !important;
  letter-spacing: -.05em !important;
  line-height: 1.0 !important;
}

/* Stats — Accenture signature large numbers */
.sgs-stat-number,
.sgs-stat-strip-num {
  font-size: clamp(2.2rem, 5vw, 3.6rem) !important;
  font-weight: 900 !important;
  letter-spacing: -.04em !important;
  color: var(--sgs-purple) !important;
}
.sgs-stat-label,
.sgs-stat-strip-lbl {
  font-size: .68rem !important;
  font-weight: 600 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  color: var(--sgs-text-muted) !important;
}

/* ── SHARP CORNERS — Accenture 0–2px ────────────────────────── */
.sgs-card,
.sgs-service-card,
.sgs-scenario-card,
.sgs-feature-item,
.sgs-why-card,
.sgs-coverage-item,
.sgs-related-card,
.sgs-vendor-group,
.sgs-step-card,
.sgs-stat-strip,
.sgs-quote-block,
.sgs-strategy-table th,
.sgs-service-badge,
.sgs-platform-chips .sgs-chip,
.sgs-vendor-chip,
.sgs-chip,
.btn,
input.form-control,
select.form-control,
textarea.form-control {
  border-radius: var(--sgs-radius) !important;
}

/* ── BORDERS OVER SHADOWS — Accenture flat aesthetic ─────────── */
.sgs-card,
.sgs-service-card,
.sgs-scenario-card,
.sgs-vendor-group,
.sgs-step-card,
.sgs-why-card,
.sgs-coverage-item,
.sgs-related-card {
  box-shadow: none !important;
  border: 1px solid var(--sgs-border) !important;
  transition: border-color .2s !important;
}
.sgs-card:hover,
.sgs-service-card:hover,
.sgs-scenario-card:hover,
.sgs-step-card:hover,
.sgs-vendor-group:hover,
.sgs-related-card:hover {
  box-shadow: none !important;
  border-color: var(--sgs-purple) !important;
  transform: none !important;
}

/* Service card — left accent bar instead of shadow */
.sgs-service-card {
  border-left: 3px solid var(--sgs-purple) !important;
  background: #fff;
}
.sgs-service-card:hover {
  border-left-color: var(--sgs-purple) !important;
  background: rgba(98,0,238,.025) !important;
}

/* ── ARROWS — Accenture signature → treatment ────────────────── */
.sgs-service-tag,
a.sgs-service-tag,
.sgs-related-card a {
  font-size: .78rem !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  color: var(--sgs-purple) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: gap .2s !important;
}
.sgs-service-tag:hover,
.sgs-related-card a:hover {
  gap: 10px !important;
  color: var(--sgs-purple) !important;
}

/* Button arrows */
.btn-primary {
  background: var(--sgs-purple) !important;
  border-color: var(--sgs-purple) !important;
  border-radius: var(--sgs-radius) !important;
  font-weight: 600 !important;
  letter-spacing: .02em !important;
}
.btn-primary:hover {
  background: #5200C8 !important;
  border-color: #5200C8 !important;
}
.btn-outline-secondary {
  border-radius: var(--sgs-radius) !important;
  border-color: rgba(0,0,0,.2) !important;
  color: #17141f !important;
  font-weight: 600 !important;
  letter-spacing: .02em !important;
}
.btn-outline-secondary:hover {
  border-color: var(--sgs-purple) !important;
  color: var(--sgs-purple) !important;
  background: transparent !important;
}
.btn-outline-light {
  border-radius: var(--sgs-radius) !important;
  border-color: rgba(255,255,255,.3) !important;
  font-weight: 600 !important;
}

/* ── SECTION SPACING — Accenture breathing room ──────────────── */
.sgs-section { padding: 100px 0 !important; }
.sgs-section-alt { padding: 100px 0 !important; }
.sgs-page-cta { padding: 100px 0 !important; }
.sgs-hero { padding-top: calc(68px + 100px) !important; }

/* ── SECTION DIVIDERS — thin line, no color blocks ───────────── */
.sgs-section-alt {
  background: #f8f7fc !important; /* very subtle, almost white */
}

/* ── HERO SUBTITLE — lighter weight ─────────────────────────── */
.sgs-hero-subtitle {
  font-size: clamp(.95rem, 1.5vw, 1.1rem) !important;
  font-weight: 300 !important;
  color: rgba(255,255,255,.65) !important;
  max-width: 520px !important;
  line-height: 1.7 !important;
  margin: 0 auto 36px !important;
}
.sgs-service-subtitle {
  font-size: 1rem !important;
  font-weight: 300 !important;
  color: rgba(255,255,255,.65) !important;
  line-height: 1.7 !important;
}

/* ── HERO BADGE — Accenture minimal tag ─────────────────────── */
.sgs-hero-badge,
.sgs-service-badge {
  background: transparent !important;
  border: 1px solid rgba(98,0,238,.4) !important;
  color: var(--sgs-purple-lt) !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  padding: 5px 12px !important;
}
.sgs-hero-badge-dot { display: none; }

/* ── BREADCRUMB ───────────────────────────────────────────────── */
.sgs-service-breadcrumb {
  font-size: .72rem !important;
  letter-spacing: .04em !important;
}

/* ── PROCESS STEPS — numbered, no shadow ────────────────────── */
.sgs-process-num {
  background: var(--sgs-purple-dim) !important;
  border-color: rgba(98,0,238,.25) !important;
  color: var(--sgs-purple) !important;
  font-weight: 900 !important;
  border-radius: var(--sgs-radius) !important;
}

/* ── QUOTE BLOCK — Accenture thin left rule ─────────────────── */
.sgs-quote-block {
  border-left: 2px solid var(--sgs-purple) !important;
  background: transparent !important;
  padding: 12px 20px !important;
  font-size: .95rem !important;
  font-style: italic !important;
  color: var(--sgs-text-muted) !important;
}

/* ── FORM CONTROLS ───────────────────────────────────────────── */
.form-control {
  border: 1px solid rgba(0,0,0,.15) !important;
  border-radius: var(--sgs-radius) !important;
  font-size: .9rem !important;
}
.form-control:focus {
  border-color: var(--sgs-purple) !important;
  box-shadow: 0 0 0 2px rgba(98,0,238,.12) !important;
}
.form-label {
  font-size: .72rem !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  color: #17141f !important;
  margin-bottom: 6px !important;
}

/* ── SCENARIO CARD accent ─────────────────────────────────────── */
.sgs-scenario-card {
  border-left: 3px solid var(--sgs-purple) !important;
  border-radius: var(--sgs-radius) !important;
}
.sgs-scenario-label {
  font-size: .65rem !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  color: var(--sgs-purple) !important;
}
.sgs-scenario-result {
  font-size: .78rem !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  border-radius: var(--sgs-radius) !important;
}

/* ── VENDOR CHIPS — minimal Accenture tags ─────────────────────*/
.sgs-chip,
.sgs-vendor-chip {
  border-radius: var(--sgs-radius) !important;
  font-size: .76rem !important;
  font-weight: 600 !important;
  letter-spacing: .03em !important;
  background: rgba(98,0,238,.05) !important;
  border: 1px solid rgba(98,0,238,.15) !important;
}

/* ── STRATEGY TABLE ───────────────────────────────────────────── */
.sgs-strategy-table th {
  letter-spacing: .1em !important;
  font-size: .68rem !important;
  color: var(--sgs-purple) !important;
}

/* ── FOOTER HEADING ───────────────────────────────────────────── */
.sgs-footer-heading {
  font-size: .68rem !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

/* ── MOBILE ADJUSTMENTS ───────────────────────────────────────── */
@media (max-width: 768px) {
  .sgs-section,
  .sgs-section-alt,
  .sgs-page-cta { padding: 64px 0 !important; }
  .sgs-hero { padding-top: calc(60px + 60px) !important; }
}