/* ============================================================
   ASPECT — AM Solution Europe  ·  Customer Success Stories
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@400;500;600;700;800;900&family=Epilogue:wght@400;500;600;700;800&family=Noto+Sans:wght@400;500;600&display=swap');

:root {
  /* Brand */
  --navy:        #213089;
  --navy-700:    #1a2670;
  --navy-50:     #eef1fb;
  --navy-100:    #dfe4f6;

  /* Neutrals (cool-tinted) */
  --ink:         #16181f;
  --slate-800:   #2b2f3a;
  --slate-600:   #444851;
  --slate-500:   #5d626d;
  --slate-400:   #868b96;
  --line:        #e4e6ee;
  --line-strong: #c9cde0;
  --paper:       #ffffff;
  --paper-soft:  #f6f7fb;
  --paper-tint:  #f0f2f9;

  /* Accent (single warm accent, used very sparingly) */
  --accent:      #e8602c;

  /* Type */
  --font-display: 'Urbanist', system-ui, sans-serif;
  --font-body:    'Epilogue', system-ui, sans-serif;
  --font-alt:     'Noto Sans', system-ui, sans-serif;

  /* Radius / shadow */
  --r-sm: 0px;
  --r-md: 0px;
  --r-lg: 0px;
  --shadow-sm: 0 1px 2px rgba(22,24,31,.06), 0 1px 3px rgba(22,24,31,.05);
  --shadow-md: 0 8px 24px -8px rgba(33,48,137,.16), 0 2px 8px rgba(22,24,31,.05);
  --shadow-lg: 0 24px 60px -18px rgba(33,48,137,.28), 0 6px 18px rgba(22,24,31,.06);
}

* { box-sizing: border-box; }

html { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

body {
  margin: 0;
  font-family: var(--font-body);
  color: var(--ink);
  background: var(--paper);
}

img { display: block; max-width: 100%; }

a { color: inherit; text-decoration: none; }

::selection { background: var(--navy); color: #fff; }

/* Shared section frame */
.wrap { width: min(1280px, 100% - 96px); margin-inline: auto; }

.eyebrow {
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--navy);
  margin: 0;
}

.h-section {
  font-family: var(--font-display);
  font-weight: 800;
  letter-spacing: -.01em;
  color: var(--navy);
  margin: 0;
}