:root {
  --ehr-navy:#14233f;
  --ehr-blue:#2257b7;
  --ehr-purple:#6b3fa0;
  --ehr-magenta:#d82b82;
  --ehr-pink:#ee4b9b;
  --ehr-orange:#f58220;
  --ehr-gold:#f5b72e;
  --ehr-green:#58a65c;
  --ehr-teal:#22a6a8;
  --ehr-text:#1d2b44;
  --ehr-muted:#647086;
  --ehr-light:#f6f8fc;
  --ehr-white:#ffffff;
  --ehr-gradient-primary:linear-gradient(90deg,var(--ehr-blue),var(--ehr-purple) 35%,var(--ehr-magenta) 65%,var(--ehr-orange));
  --ehr-gradient-button:linear-gradient(90deg,var(--ehr-blue),var(--ehr-purple),var(--ehr-magenta));
  --ehr-radius-sm:8px;
  --ehr-radius-md:14px;
  --ehr-radius-lg:24px;
  --ehr-shadow-sm:0 8px 24px rgba(20,35,63,.08);
}
body { color:var(--ehr-text); }
.ehr-container { width:min(1180px,calc(100% - 40px)); margin:0 auto; }
.ehr-section { position:relative; padding:90px 0; }
.ehr-section--light { background:var(--ehr-light); }
.ehr-section-title { margin:0 0 14px; color:var(--ehr-navy); font-size:clamp(2rem,4vw,3.25rem); line-height:1.1; }
.ehr-section-intro { max-width:720px; margin:0 auto; color:var(--ehr-muted); text-align:center; }
.ehr-button { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:48px; padding:12px 24px; border:1px solid transparent; border-radius:var(--ehr-radius-sm); font-weight:700; text-decoration:none; transition:.2s ease; }
.ehr-button:hover { transform:translateY(-2px); box-shadow:var(--ehr-shadow-sm); }
.ehr-button--primary { color:var(--ehr-white); background:var(--ehr-gradient-button); }
.ehr-button--outline { color:var(--ehr-purple); background:var(--ehr-white); border-color:var(--ehr-purple); }
.ehr-card { background:var(--ehr-white); border:1px solid rgba(20,35,63,.08); border-radius:var(--ehr-radius-md); box-shadow:var(--ehr-shadow-sm); }
.ehr-text-gradient { background:var(--ehr-gradient-primary); -webkit-background-clip:text; background-clip:text; color:transparent; }
.ehr-gradient-bar { height:4px; background:var(--ehr-gradient-primary); }
@media(max-width:1024px){.ehr-section{padding:70px 0;}}
@media(max-width:767px){.ehr-container{width:min(100% - 28px,1180px)}.ehr-section{padding:56px 0}.ehr-button{width:100%}.ehr-section-title{font-size:2rem}}