/* base — reset minim + elemente HTML */
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
@media (prefers-reduced-motion: reduce){ html{ scroll-behavior:auto; } }
body{
  margin:0; font-family:var(--font-sans); font-size:var(--fs-400);
  line-height:var(--line-base); color:var(--color-ink); background:var(--color-bg);
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  min-width:360px; /* sub 360px nu mai micșorăm layout-ul — doar zoom/scroll (fără JS) */
}
img,svg{ max-width:100%; height:auto; display:block; }
h1,h2,h3,h4{ line-height:var(--line-tight); margin:0 0 var(--space-3); color:var(--color-navy); font-weight:var(--fw-bold); }
h1,h2{ font-family:var(--font-display); font-weight:600; letter-spacing:-.01em; }
h1{ font-size:clamp(1.875rem, 1.2rem + 3vw, var(--fs-900)); }
h2{ font-size:clamp(1.5rem, 1.1rem + 1.6vw, var(--fs-700)); }
h3{ font-size:var(--fs-600); }
p{ margin:0 0 var(--space-4); }
a{ color:var(--color-action); text-underline-offset:.15em; }
a:hover{ color:var(--color-action-700); }
ul,ol{ margin:0 0 var(--space-4); padding-left:1.25rem; }
strong{ font-weight:var(--fw-semibold); }

/* focus vizibil mereu (accesibilitate) */
:focus-visible{ outline:3px solid var(--color-focus); outline-offset:2px; border-radius:4px; }

/* utilitare */
.u-visually-hidden{
  position:absolute!important; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}
.container{ width:100%; max-width:var(--container-max); margin-inline:auto; padding-inline:var(--space-5); }
.container--narrow{ max-width:var(--container-narrow); }

/* skip link */
.skip-link{
  position:absolute; left:var(--space-3); top:-3rem; z-index:100;
  background:var(--color-navy); color:#fff; padding:var(--space-2) var(--space-4);
  border-radius:var(--radius-sm); transition:top var(--dur) var(--ease);
}
.skip-link:focus{ top:var(--space-3); color:#fff; }

section{ padding-block:var(--space-8); }
.section__head{ max-width:var(--container-narrow); margin-bottom:var(--space-6); }
.section__head p{ color:var(--color-slate-700); font-size:var(--fs-500); margin:0; }
.eyebrow{ color:var(--color-teal-700); font-weight:var(--fw-semibold); font-size:var(--fs-300);
  text-transform:uppercase; letter-spacing:.06em; margin:0 0 var(--space-2); }