/*
 * Seinto360 · Laboral / Recursos Humanos
 * Página sectorial completa v65
 */

.site-main--laboral {
  overflow: clip;
  background: #fff;
}

.hr-page {
  --hr-ink: #07111d;
  --hr-copy: #4b5969;
  --hr-line: rgba(8, 37, 62, .11);
  --hr-soft: #f4f3ef;
  --hr-blue: #f0f7fc;
  --hr-orange: #fff6eb;
  color: var(--hr-ink);
  background: #fff;
}

.hr-page *,
.hr-page *::before,
.hr-page *::after { box-sizing: border-box; }

.hr-section { padding: clamp(72px, 7vw, 112px) 0; }

.hr-section__head {
  max-width: 850px;
  margin-bottom: clamp(34px, 4vw, 56px);
}

.hr-section__head--center {
  margin-inline: auto;
  text-align: center;
}

.hr-section__head h2,
.hr-copy h2,
.hr-automation__copy h2,
.hr-seo__surface h2,
.hr-faq__grid h2,
.hr-final h2,
.hr-simple-card__surface h2 {
  margin: 0 0 20px;
  color: var(--hr-ink);
  font-size: clamp(2.35rem, 4.5vw, 4.7rem);
  font-weight: 700;
  line-height: .98;
  letter-spacing: -.06em;
}

.hr-section__head p,
.hr-copy p,
.hr-seo__surface p,
.hr-final p,
.hr-simple-card__surface p {
  margin: 0 0 14px;
  color: var(--hr-copy);
  font-size: clamp(1rem, 1.18vw, 1.15rem);
  line-height: 1.72;
}

.hr-eyebrow {
  display: inline-flex;
  align-items: center;
  margin-bottom: 18px;
  padding: 8px 13px;
  border: 1px solid rgba(8,114,190,.14);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(8,114,190,.09), rgba(255,148,24,.10));
  color: var(--si-blue-dark);
  font-size: 11px;
  font-weight: 850;
  line-height: 1;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.hr-closing {
  display: block;
  margin-top: 24px;
  color: #132234;
  font-size: 1.04rem;
  line-height: 1.5;
}

.hr-center-closing {
  margin: 30px 0 0;
  text-align: center;
  color: #172536;
}

.hr-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

.hr-actions--center { justify-content: center; }

/* HERO ------------------------------------------------------------------ */
.hr-hero {
  display: flex;
  align-items: center;
  min-height: clamp(720px, 88vh, 920px);
  padding: 0 0 clamp(58px, 6vw, 86px);
  background:
    radial-gradient(circle at 78% 24%, rgba(8,114,190,.09), transparent 28%),
    radial-gradient(circle at 88% 72%, rgba(255,148,24,.08), transparent 25%),
    #fff;
}

.hr-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(430px, .98fr);
  align-items: center;
  gap: clamp(42px, 6vw, 92px);
}

.hr-hero__copy { max-width: 690px; }

.hr-hero__copy h1 {
  max-width: 13ch;
  margin: 0 0 25px;
  color: #05070b;
  font-size: clamp(3rem, 5vw, 5rem);
  font-weight: 700;
  line-height: .96;
  letter-spacing: -.068em;
}

.hr-hero__copy p {
  max-width: 65ch;
  margin: 0 0 13px;
  color: #364252;
  font-size: clamp(1rem, 1.15vw, 1.16rem);
  line-height: 1.72;
}

.hr-hero__visual {
  padding: 24px;
  border: 1px solid rgba(8,114,190,.15);
  border-radius: 32px;
  background:
    radial-gradient(circle at 100% 0, rgba(255,148,24,.11), transparent 30%),
    linear-gradient(145deg, #eef8ff 0%, #fbfcfd 52%, #fff8ee 100%);
  box-shadow: 0 28px 72px rgba(16,39,62,.12);
}

.hr-hero__topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 14px 16px;
  border: 1px solid rgba(8,114,190,.09);
  border-radius: 16px;
  background: rgba(255,255,255,.9);
  color: #627183;
  font-size: .78rem;
}

.hr-hero__topbar strong { color: #182a3c; }

.hr-hero__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px;
  margin-top: 12px;
}

.hr-hero__stats article {
  padding: 17px;
  border: 1px solid rgba(8,114,190,.09);
  border-radius: 17px;
  background: #fff;
}

.hr-hero__stats span,
.hr-hero__stats small,
.hr-hero__stats strong { display: block; }

.hr-hero__stats span { color: #718092; font-size: .72rem; }
.hr-hero__stats strong { margin-top: 10px; font-size: 1.75rem; letter-spacing: -.04em; }
.hr-hero__stats small { margin-top: 4px; color: #8390a0; font-size: .7rem; }

.hr-hero__person {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 13px;
  margin-top: 12px;
  padding: 17px;
  border-radius: 18px;
  background: #0b1724;
  color: #fff;
}

.hr-avatar {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--si-blue), #2495e6);
  color: #fff;
  font-size: .78rem;
  font-weight: 850;
}

.hr-avatar--large { width: 58px; height: 58px; border-radius: 17px; font-size: .92rem; }

.hr-hero__person strong,
.hr-hero__person small { display: block; }
.hr-hero__person small { margin-top: 4px; color: #93a4b6; font-size: .75rem; }

.hr-status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 11px;
  border-radius: 999px;
  background: rgba(89,201,131,.12);
  color: #97e3b5;
  font-size: .72rem;
  font-weight: 800;
}

.hr-status::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #59c983;
}

.hr-hero__journey {
  display: grid;
  grid-template-columns: repeat(7, minmax(0,1fr));
  gap: 6px;
  margin-top: 12px;
}

.hr-hero__journey div {
  min-width: 0;
  padding: 11px 7px;
  border: 1px solid rgba(8,114,190,.10);
  border-radius: 13px;
  background: rgba(255,255,255,.92);
  text-align: center;
}

.hr-hero__journey b,
.hr-hero__journey span { display: block; }
.hr-hero__journey b { color: var(--si-blue); font-size: .68rem; }
.hr-hero__journey span { margin-top: 4px; overflow: hidden; color: #2d3c4d; font-size: .64rem; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.hr-hero__journey div:nth-child(even) b { color: var(--si-orange-dark); }

/* BENEFICIOS ------------------------------------------------------------ */
.hr-benefits { background: #f4f3ef; }

.hr-benefits .si-container {
  padding: clamp(36px, 5vw, 68px);
  border: 1px solid rgba(11,28,46,.06);
  border-radius: 32px;
  background: #fff;
}

.hr-benefits__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 15px;
}

.hr-benefit {
  min-height: 245px;
  padding: 27px;
  border: 1px solid #e1ded7;
  border-radius: 22px;
  background: #f9f8f5;
}

.hr-benefit > span {
  display: inline-grid;
  place-items: center;
  min-width: 48px;
  height: 48px;
  margin-bottom: 34px;
  padding: 0 12px;
  border-radius: 14px;
  background: linear-gradient(135deg, #e5f3ff, #fff0de);
  color: var(--si-blue-dark);
  font-size: 12px;
  font-weight: 900;
}

.hr-benefit h3,
.hr-ai__grid h3,
.hr-business__grid h3,
.hr-diff__grid h3 {
  margin: 0 0 11px;
  font-size: clamp(1.3rem, 1.8vw, 1.72rem);
  line-height: 1.08;
  letter-spacing: -.035em;
}

.hr-benefit p,
.hr-ai__grid p,
.hr-business__grid p,
.hr-diff__grid p {
  margin: 0;
  color: #4e5968;
  line-height: 1.62;
}

/* SPLITS / FLOWS -------------------------------------------------------- */
.hr-split,
.hr-feature__grid,
.hr-process__surface,
.hr-ecosystem {
  display: grid;
  grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr);
  align-items: center;
  gap: clamp(44px, 6vw, 92px);
}

.hr-copy { min-width: 0; max-width: 650px; }

.hr-flow { display: grid; gap: 10px; }
.hr-flow--compact { width: min(100%, 620px); justify-self: end; }

.hr-flow__step {
  display: grid;
  grid-template-columns: 44px minmax(0,1fr);
  align-items: center;
  gap: 15px;
  min-height: 60px;
  padding: 9px 17px 9px 9px;
  border: 1px solid #e1e5e9;
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(21,39,57,.05);
}

.hr-flow__step span {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: var(--si-blue-soft);
  color: var(--si-blue-dark);
  font-size: 12px;
  font-weight: 900;
}

.hr-flow__step:nth-child(even) span { background: var(--si-orange-soft); color: var(--si-orange-dark); }
.hr-flow__step strong { color: #172536; font-size: .98rem; }

/* IA ------------------------------------------------------------------- */
.hr-ai { padding-top: clamp(42px, 5vw, 72px); }

.hr-ai__surface {
  padding: clamp(42px, 6vw, 74px);
  border: 1px solid rgba(8,114,190,.14);
  border-radius: 32px;
  background:
    radial-gradient(circle at 0 0, rgba(8,114,190,.15), transparent 35%),
    radial-gradient(circle at 100% 100%, rgba(255,148,24,.14), transparent 34%),
    #f8fbfd;
}

.hr-ai__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
}

.hr-ai__grid article {
  min-height: 220px;
  padding: 26px;
  border: 1px solid rgba(8,114,190,.12);
  border-radius: 21px;
  background: rgba(255,255,255,.91);
}

.hr-ai__grid article > span {
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 28px;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--si-blue), var(--si-orange));
  color: #fff;
  font-size: 11px;
  font-weight: 900;
}

.hr-ai__closing { margin: 25px 0 0; text-align: center; color: #192737; }

/* FEATURES -------------------------------------------------------------- */
.hr-feature--blue { background: linear-gradient(180deg, #fff 0%, var(--hr-blue) 50%, #fff 100%); }
.hr-feature__grid--reverse .hr-copy { order: 2; }
.hr-feature__grid--reverse > :not(.hr-copy) { order: 1; }

.hr-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 23px;
}

.hr-pills span {
  padding: 9px 12px;
  border: 1px solid #e1e5e8;
  border-radius: 999px;
  background: #fafaf8;
  color: #364353;
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1.2;
}

/* PROFILE --------------------------------------------------------------- */
.hr-profile-card,
.hr-calendar,
.hr-documents,
.hr-inventory,
.hr-event-list,
.hr-case-list,
.hr-portal,
.hr-dashboard,
.hr-timeboard {
  padding: 24px;
  border: 1px solid rgba(8,114,190,.12);
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 24px 60px rgba(19,42,65,.09);
}

.hr-profile-card__head {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 14px;
  padding-bottom: 22px;
  border-bottom: 1px solid #edf0f2;
}

.hr-profile-card__head strong,
.hr-profile-card__head small { display: block; }
.hr-profile-card__head small { margin-top: 4px; color: #718092; }

.hr-profile-card__grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
  margin-top: 18px;
}

.hr-profile-card__grid article {
  padding: 18px;
  border-radius: 16px;
  background: #f7fafc;
}

.hr-profile-card__grid small,
.hr-profile-card__grid strong { display: block; }
.hr-profile-card__grid small { color: #758293; font-size: .75rem; }
.hr-profile-card__grid strong { margin-top: 7px; font-size: 1.1rem; }

/* TIMEBOARD ------------------------------------------------------------- */
.hr-timeboard {
  display: grid;
  gap: 10px;
  background: #0b1724;
  border-color: rgba(255,255,255,.08);
}

.hr-timeboard > div {
  display: grid;
  grid-template-columns: 82px minmax(0,1fr) auto;
  align-items: center;
  gap: 16px;
  min-height: 78px;
  padding: 15px 17px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  background: rgba(255,255,255,.055);
}

.hr-timeboard span { color: #b9c9d8; font-size: .84rem; font-weight: 800; }
.hr-timeboard strong { color: #fff; font-size: 1rem; }
.hr-timeboard small { padding: 8px 10px; border-radius: 999px; background: rgba(89,201,131,.12); color: #a9e6bf; font-weight: 750; white-space: nowrap; }

/* PROCESS --------------------------------------------------------------- */
.hr-process { padding-top: clamp(42px, 5vw, 72px); }
.hr-process__surface {
  padding: clamp(40px, 5vw, 68px);
  border: 1px solid rgba(8,114,190,.12);
  border-radius: 32px;
  background: linear-gradient(135deg, #f5faff 0%, #fff9f2 100%);
}

/* CALENDAR -------------------------------------------------------------- */
.hr-calendar header {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 18px;
  border-bottom: 1px solid #edf0f2;
}
.hr-calendar header span { color: #718092; }
.hr-calendar__week,
.hr-calendar__days { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 7px; }
.hr-calendar__week { margin-top: 18px; }
.hr-calendar__week b { color: #8290a0; text-align: center; font-size: .72rem; }
.hr-calendar__days { margin-top: 10px; }
.hr-calendar__days span { display: grid; place-items: center; aspect-ratio: 1; border-radius: 11px; background: #f7fafc; color: #314153; font-size: .76rem; }
.hr-calendar__days span.is-away { background: linear-gradient(135deg,#e5f3ff,#fff0de); color: var(--si-blue-dark); font-weight: 850; }

/* DOCS / INVENTORY / LISTS --------------------------------------------- */
.hr-documents,
.hr-inventory,
.hr-event-list,
.hr-case-list { display: grid; gap: 10px; }

.hr-documents article,
.hr-inventory article,
.hr-event-list article,
.hr-case-list article {
  display: grid;
  align-items: center;
  gap: 13px;
  min-height: 72px;
  padding: 13px 15px;
  border: 1px solid #e7ebee;
  border-radius: 16px;
  background: #fbfcfd;
}

.hr-documents article { grid-template-columns: 42px minmax(0,1fr) auto; }
.hr-documents article > span {
  display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: var(--si-blue-soft); color: var(--si-blue-dark); font-size: .67rem; font-weight: 900;
}
.hr-documents strong,
.hr-documents small { display: block; }
.hr-documents small { margin-top: 4px; color: #7b8796; font-size: .75rem; }
.hr-documents em { padding: 7px 9px; border-radius: 999px; background: #eff8f2; color: #34885a; font-size: .72rem; font-style: normal; font-weight: 800; }

.hr-inventory article { grid-template-columns: 42px minmax(0,1fr) auto; }
.hr-inventory article > span { display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#e6f4ff,#fff1e0);color:var(--si-blue-dark);font-weight:900; }
.hr-inventory strong,.hr-inventory small { display:block; }
.hr-inventory small { margin-top:4px;color:#738191; }
.hr-inventory b { color:#425264;font-size:.8rem; }

.hr-event-list article { grid-template-columns: 76px minmax(0,1fr); }
.hr-event-list article > span { display:grid;place-items:center;min-height:46px;border-radius:12px;background:#0b1724;color:#fff;font-size:.7rem;font-weight:850; }
.hr-event-list strong,.hr-event-list small { display:block; }
.hr-event-list small { margin-top:4px;color:#7b8796; }

.hr-case-list article { grid-template-columns: minmax(0,1fr) auto; }
.hr-case-list strong,.hr-case-list small { display:block; }
.hr-case-list small { margin-top:4px;color:#7b8796; }
.hr-case-list article > span { padding:8px 10px;border-radius:999px;background:#fff3e4;color:#af6409;font-size:.72rem;font-weight:800; }

/* CAE METRICS ----------------------------------------------------------- */
.hr-cards-band { background: #f5f4f0; }
.hr-metric-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
}
.hr-metric-grid article { min-height: 145px; padding: 24px; border:1px solid #dfddd7;border-radius:20px;background:#fff; }
.hr-metric-grid small,.hr-metric-grid strong { display:block; }
.hr-metric-grid small { color:#728091; }
.hr-metric-grid strong { margin-top:26px;font-size:clamp(1.6rem,2.5vw,2.4rem);letter-spacing:-.04em; }
.hr-metric-grid article:nth-child(3),.hr-metric-grid article:nth-child(6){background:#edf7fd;}
.hr-metric-grid article:nth-child(4){background:#fff5e9;}

/* PORTAL ---------------------------------------------------------------- */
.hr-portal { background: linear-gradient(145deg,#eef7fd,#fff8ef); }
.hr-portal > header { display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:13px;padding-bottom:18px;border-bottom:1px solid rgba(8,114,190,.10); }
.hr-portal > header strong,.hr-portal > header small { display:block; }
.hr-portal > header small { margin-top:4px;color:#728091; }
.hr-portal > div { display:grid;gap:9px;margin-top:16px; }
.hr-portal article { display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px;border:1px solid rgba(8,114,190,.09);border-radius:15px;background:rgba(255,255,255,.9); }
.hr-portal article span { color:#3d4d5e; }
.hr-portal article strong { color:var(--si-blue-dark);font-size:.85rem; }

/* AUTOMATION ------------------------------------------------------------ */
.hr-automation { padding-top: clamp(42px,5vw,72px); }
.hr-automation__surface {
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  align-items:center;
  gap:clamp(38px,6vw,82px);
  padding:clamp(42px,5vw,68px);
  border-radius:32px;
  background:#0b1724;
  box-shadow:0 26px 70px rgba(6,19,32,.14);
}
.hr-automation__copy h2,.hr-automation__copy p,.hr-automation__copy strong { color:#fff; }
.hr-automation__copy p { margin:0 0 14px;font-size:1.04rem;line-height:1.68; }
.hr-automation__surface .hr-eyebrow { border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:#bfe3ff; }
.hr-automation__examples { display:grid;gap:9px; }
.hr-automation__examples span { display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:13px;min-height:64px;padding:10px 15px 10px 10px;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:rgba(255,255,255,.07);color:#f6f9fc;font-size:.92rem;font-weight:700; }
.hr-automation__examples b { display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(255,148,24,.16);color:#ffb45d;font-size:.72rem; }

/* BUSINESS -------------------------------------------------------------- */
.hr-business { background:#f5f4f0; }
.hr-business__grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px; }
.hr-business__grid article { min-height:220px;padding:25px;border:1px solid #dfdcd5;border-radius:22px;background:#fff; }
.hr-business__grid article:nth-child(1),.hr-business__grid article:nth-child(5){background:#edf7fd;}
.hr-business__grid article:nth-child(2),.hr-business__grid article:nth-child(4){background:#fff6eb;}

/* ECOSYSTEM ------------------------------------------------------------- */
.hr-ecosystem {
  padding:clamp(40px,5vw,68px);
  border:1px solid rgba(8,114,190,.12);
  border-radius:32px;
  background:radial-gradient(circle at 100% 0,rgba(255,148,24,.11),transparent 35%),radial-gradient(circle at 0 100%,rgba(8,114,190,.11),transparent 35%),#fbfdff;
}
.hr-ecosystem__grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
.hr-ecosystem__grid span { display:grid;place-items:center;min-height:62px;padding:10px;border:1px solid #e1e5e8;border-radius:15px;background:#fff;color:#263647;text-align:center;font-size:12.5px;font-weight:750; }
.hr-ecosystem__grid .is-primary { background:linear-gradient(135deg,var(--si-blue),#2694e8);border-color:transparent;color:#fff;box-shadow:0 14px 32px rgba(8,114,190,.2); }
.hr-ecosystem__grid .is-ai { background:linear-gradient(135deg,#0872be,#ff9418);border-color:transparent;color:#fff; }

/* DASHBOARD ------------------------------------------------------------- */
.hr-dashboard { background:#0b1724;border-color:rgba(255,255,255,.08); }
.hr-dashboard__stats { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
.hr-dashboard__stats article { padding:18px;border-radius:16px;background:rgba(255,255,255,.07); }
.hr-dashboard__stats strong,.hr-dashboard__stats small { display:block; }
.hr-dashboard__stats strong { color:#fff;font-size:1.6rem;letter-spacing:-.04em; }
.hr-dashboard__stats small { margin-top:5px;color:#9cb0c2; }
.hr-bars { display:flex;align-items:flex-end;gap:9px;height:180px;margin-top:22px;padding:20px 15px 0;border-top:1px solid rgba(255,255,255,.08); }
.hr-bars span { flex:1;height:var(--bar);min-height:12px;border-radius:9px 9px 3px 3px;background:linear-gradient(180deg,#2495e6,#0872be); }
.hr-bars span:nth-child(even){background:linear-gradient(180deg,#ffb760,#ff9418);}

/* SIMPLE / TRAINING ----------------------------------------------------- */
.hr-simple-card__surface,
.hr-seo__surface {
  max-width:1040px;
  margin-inline:auto;
  padding:clamp(40px,5vw,68px);
  border:1px solid rgba(14,32,50,.06);
  border-radius:30px;
  background:#f3f2ee;
}
.hr-simple-card__surface { text-align:center; }
.hr-simple-card__surface p { max-width:760px;margin-inline:auto; }
.hr-simple-card__surface .hr-closing { text-align:center; }

.hr-training { background:linear-gradient(180deg,#fff,#f3f8fc,#fff); }
.hr-training__steps { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px; }
.hr-training__steps article { min-height:140px;padding:20px;border:1px solid rgba(8,114,190,.11);border-radius:19px;background:#fff; }
.hr-training__steps span,.hr-training__steps strong { display:block; }
.hr-training__steps span { color:var(--si-blue);font-size:.75rem;font-weight:900; }
.hr-training__steps strong { margin-top:34px;font-size:1rem; }
.hr-training__steps article:nth-child(even) span { color:var(--si-orange-dark); }

/* DIFFERENTIALS --------------------------------------------------------- */
.hr-diff { background:#f5f4f0; }
.hr-diff__grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px; }
.hr-diff__grid article { min-height:205px;padding:24px;border:1px solid #dedbd4;border-radius:21px;background:#fff; }
.hr-diff__grid article:nth-child(2),.hr-diff__grid article:nth-child(5){background:#eaf5fd;}
.hr-diff__grid article:nth-child(4),.hr-diff__grid article:nth-child(7){background:#fff3e4;}

/* FAQ ------------------------------------------------------------------ */
.hr-faq { padding-top:clamp(46px,5vw,72px); }
.hr-faq__grid { display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:start;gap:clamp(44px,6vw,86px); }
.hr-faq__list { border-top:1px solid #dfe2e4; }
.hr-faq details { border-bottom:1px solid #dfe2e4; }
.hr-faq summary { position:relative;padding:21px 42px 21px 0;cursor:pointer;list-style:none;color:#111a24;font-size:1.03rem;font-weight:750;line-height:1.4; }
.hr-faq summary::-webkit-details-marker { display:none; }
.hr-faq summary::after { content:"+";position:absolute;top:16px;right:4px;color:var(--si-blue);font-size:1.55rem;font-weight:400; }
.hr-faq details[open] summary::after { content:"−"; }
.hr-faq details p { margin:0;padding:0 46px 21px 0;color:#536071;line-height:1.7; }

/* FINAL ---------------------------------------------------------------- */
.hr-final { padding:clamp(80px,8vw,112px) 0 clamp(90px,9vw,128px);text-align:center; }
.hr-final__inner { max-width:940px;padding:clamp(42px,6vw,72px);border:1px solid rgba(8,114,190,.12);border-radius:32px;background:radial-gradient(circle at 0 0,rgba(8,114,190,.14),transparent 34%),radial-gradient(circle at 100% 100%,rgba(255,148,24,.15),transparent 34%),#fbfdff; }
.hr-final p { max-width:740px;margin-inline:auto; }

/* REVEAL --------------------------------------------------------------- */
[data-hr-reveal] { opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.72,.22,1); }
[data-hr-reveal].is-visible { opacity:1;transform:translateY(0); }
@media (prefers-reduced-motion:reduce){[data-hr-reveal]{opacity:1;transform:none;transition:none;}}

/* RESPONSIVE ------------------------------------------------------------ */
@media (max-width:1080px){
  .hr-hero__grid,
  .hr-split,
  .hr-feature__grid,
  .hr-process__surface,
  .hr-ecosystem,
  .hr-automation__surface,
  .hr-faq__grid { grid-template-columns:1fr; }

  .hr-feature__grid--reverse .hr-copy,
  .hr-feature__grid--reverse > :not(.hr-copy) { order:initial; }

  .hr-copy { max-width:780px; }
  .hr-flow--compact { width:100%;justify-self:stretch; }
  .hr-business__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hr-diff__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hr-training__steps { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

@media (max-width:820px){
  .hr-section { padding:64px 0; }
  .hr-hero { min-height:auto;padding:0 0 58px; }
  .hr-hero__grid { grid-template-columns:1fr;gap:36px; }
  .hr-hero__copy h1 { max-width:none;font-size:clamp(2.65rem,11.5vw,4.45rem); }
  .hr-benefits__grid,
  .hr-ai__grid { grid-template-columns:1fr; }
  .hr-benefit,.hr-ai__grid article,.hr-business__grid article,.hr-diff__grid article { min-height:0; }
  .hr-hero__journey { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .hr-metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:600px){
  .hr-actions { flex-direction:column;align-items:stretch; }
  .hr-actions .si-button { width:100%; }
  .hr-benefits .si-container,
  .hr-ai__surface,
  .hr-process__surface,
  .hr-ecosystem,
  .hr-automation__surface,
  .hr-simple-card__surface,
  .hr-seo__surface,
  .hr-final__inner { padding:25px 19px;border-radius:23px; }
  .hr-hero__visual { padding:15px;border-radius:24px; }
  .hr-hero__stats { grid-template-columns:1fr; }
  .hr-hero__person { grid-template-columns:auto minmax(0,1fr); }
  .hr-hero__person .hr-status { grid-column:1/-1;justify-self:start; }
  .hr-hero__journey { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hr-profile-card__head { grid-template-columns:auto minmax(0,1fr); }
  .hr-profile-card__head .hr-status { grid-column:1/-1;justify-self:start; }
  .hr-profile-card__grid,
  .hr-dashboard__stats,
  .hr-business__grid,
  .hr-ecosystem__grid,
  .hr-diff__grid,
  .hr-metric-grid,
  .hr-training__steps { grid-template-columns:1fr; }
  .hr-timeboard > div { grid-template-columns:1fr;gap:9px; }
  .hr-timeboard small { justify-self:start; }
  .hr-documents article,
  .hr-inventory article { grid-template-columns:42px minmax(0,1fr); }
  .hr-documents em,.hr-inventory b { grid-column:1/-1;justify-self:start; }
  .hr-event-list article { grid-template-columns:64px minmax(0,1fr); }
  .hr-case-list article { grid-template-columns:1fr; }
  .hr-case-list article > span { justify-self:start; }
  .hr-calendar__week,.hr-calendar__days { gap:4px; }
  .hr-faq summary { padding-right:34px; }
}