/* Page-scoped visual refinements: UiPath hero and face-safe homepage photos. */

.uipath-hero {
  padding: 54px 0 58px;
  color: #15221a;
  background: #f4f8ef;
  border-bottom: 1px solid #dce8d3;
}

.uipath-hero__backdrop {
  opacity: 1;
  background:
    radial-gradient(circle at 9% 15%, rgba(98, 173, 5, 0.13), transparent 28%),
    radial-gradient(circle at 88% 82%, rgba(255, 75, 35, 0.08), transparent 24%),
    linear-gradient(120deg, #f8fbf4 0%, #eef6e9 58%, #fff 100%);
}

.uipath-hero__grid {
  grid-template-columns: minmax(0, 0.92fr) minmax(500px, 1.08fr);
  gap: clamp(36px, 4.5vw, 70px);
}

.uipath-logo {
  width: min(196px, 52vw);
  margin-bottom: 18px;
  padding: 10px 13px;
  border: 1px solid #dbe5d5;
  box-shadow: 0 10px 28px rgba(50, 76, 40, 0.09);
}

.uipath-kicker { color: #4f9407; }

.uipath-hero h1 {
  margin-block: 8px 17px;
  color: #111b16;
  font-size: clamp(2.7rem, 4.5vw, 4.45rem);
  line-height: 0.98;
}

.uipath-hero__lead {
  color: #52605a;
  font-size: 1rem;
  line-height: 1.62;
}

.uipath-actions { margin-top: 24px; }
.uipath-text-link { color: #26362d; }
.uipath-text-link:hover,
.uipath-text-link:focus-visible { color: #3f7f05; }

.uipath-proof {
  margin-top: 22px;
  padding-top: 18px;
  border-top-color: #d8e4d2;
}

.uipath-proof li { color: #4a5d51; }
.uipath-proof i { color: #62ad05; }
.uipath-hero__visual { min-width: 0; }

.uipath-automation {
  overflow: hidden;
  padding: 20px;
  border: 1px solid #d8e5d2;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 24px 58px rgba(48, 75, 38, 0.14);
}

.uipath-automation__topbar {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  padding: 0 2px 16px;
  border-bottom: 1px solid #e2eadf;
}

.uipath-automation__brand,
.uipath-automation__status {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  color: #1c2a22;
  font-size: 0.82rem;
  font-weight: 850;
}

.uipath-automation__brand > i { color: #ff4b23; font-size: 1rem; }
.uipath-automation__status { color: #4c7755; font-size: 0.72rem; }
.uipath-automation__status > i { color: #62ad05; font-size: 0.52rem; animation: uipath-status-pulse 1.8s ease-in-out infinite; }

.uipath-automation__flow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  padding: 28px 0 22px;
}

.uipath-automation__stage {
  display: grid;
  min-width: 0;
  min-height: 126px;
  place-items: center;
  align-content: center;
  padding: 15px 10px;
  border: 1px solid #dce7d7;
  border-radius: 10px;
  background: #fbfdf9;
  text-align: center;
  animation: uipath-stage-active 8s ease-in-out infinite;
}

.uipath-automation__stage > i {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  margin-bottom: 11px;
  border-radius: 9px;
  color: #fff;
  background: #62ad05;
  font-size: 1rem;
}

.uipath-automation__stage span { color: #17231c; font-size: 0.79rem; font-weight: 900; }
.uipath-automation__stage small { margin-top: 4px; color: #758078; font-size: 0.63rem; font-weight: 700; }
.uipath-automation__stage--2 { animation-delay: 2s; }
.uipath-automation__stage--3 { animation-delay: 4s; }
.uipath-automation__stage--4 { animation-delay: 6s; }
.uipath-automation__stage--2 > i,
.uipath-automation__stage--3 > i { background: #ff4b23; }
.uipath-automation__arrow { color: #9ab78a; font-size: 0.72rem; }

.uipath-automation__services {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  padding: 14px;
  border: 1px solid #e0e8dc;
  border-radius: 10px;
  background: #f5f9f2;
}

.uipath-automation__services span {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  justify-content: center;
  min-width: 0;
  color: #455349;
  font-size: 0.7rem;
  font-weight: 800;
  text-align: center;
}

.uipath-automation__services i { color: #559b0b; }

.uipath-automation__activity {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 16px;
  align-items: center;
  margin-top: 16px;
  color: #536159;
  font-size: 0.72rem;
  font-weight: 800;
}

.uipath-automation__activity strong { color: #ff4b23; font-size: 0.78rem; }
.uipath-automation__activity > div {
  grid-column: 1 / -1;
  overflow: hidden;
  height: 6px;
  border-radius: 999px;
  background: #e4ebdf;
}

.uipath-automation__activity > div span {
  display: block;
  width: 96%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #62ad05, #ff4b23);
  transform-origin: left;
  animation: uipath-progress 4s ease-in-out infinite;
}

/* Wide, face-safe crops: reduce height while keeping every face in frame. */
.home-page .nsi-topics__media > .nsi-topics__photo-main {
  overflow: hidden;
  aspect-ratio: 2.55 / 1;
  border-radius: 8px;
}

.home-page .nsi-topics__photo-main > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 7%;
}

.home-page .contact-panel--main .contact-panel__photo {
  overflow: hidden;
  aspect-ratio: 1.78 / 1;
  border-radius: 8px;
}

.home-page .contact-panel--main .contact-panel__photo > img {
  width: 155%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: 0 30%;
}

/* Lighter, compact contact and responsibility composition. */
.home-page .contact-section {
  padding-block: 74px 80px;
  color: #17231c;
  background: #f4f8ef;
}

.home-page .contact-section .container {
  width: min(100% - 48px, 1120px);
}

.home-page .contact-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 22px;
}

.home-page .contact-panel {
  border: 1px solid #c9dcc0;
  border-top: 4px solid #62ad05;
  border-radius: 14px;
  color: #17231c;
  background: #fff;
  box-shadow: 0 18px 42px rgba(50, 75, 40, 0.1);
}

.home-page .contact-panel--main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(420px, 560px);
  gap: 0;
  align-items: stretch;
  overflow: hidden;
  padding: 0;
}

.home-page .contact-panel--main .contact-panel__content {
  align-self: center;
  padding: 40px 42px;
}

.home-page .contact-panel--main .contact-panel__content > i {
  margin-bottom: 16px;
  color: #62ad05;
}

.home-page .contact-panel--main h2,
.home-page .contact-panel--soft h2 {
  color: #132017;
}

.home-page .contact-panel--main h2 {
  margin-bottom: 12px;
  font-size: clamp(2rem, 3vw, 2.7rem);
}

.home-page .contact-panel p {
  color: #536159;
}

.home-page .contact-panel .contact-address {
  color: #536159 !important;
}

.home-page .contact-actions .btn--ghost {
  color: #17323b;
  border-color: #b9cbb2;
  background: #fff;
}

.home-page .contact-actions .btn--ghost:hover,
.home-page .contact-actions .btn--ghost:focus-visible {
  color: #17323b;
  border-color: #78c62a;
  background: #f1f8eb;
}

.home-page .contact-panel--main .contact-panel__photo {
  width: auto;
  height: 302px;
  min-height: 302px;
  align-self: center;
  margin: 20px 20px 20px 0;
  aspect-ratio: auto;
  border: 1px solid #d5e1d0;
  border-radius: 10px;
}

.home-page .contact-panel--soft {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: 18px;
  padding: 34px 38px 36px;
  border: 1px solid #c9dcc0;
  border-top: 4px solid #62ad05;
  border-radius: 14px;
  background: #edf6e8;
  box-shadow: none;
}

.home-page .contact-panel--soft > i {
  grid-column: 1;
  margin: 4px 0 0;
  color: #62ad05;
}

.home-page .contact-panel--soft > h2 {
  grid-column: 2;
  margin: 0 0 18px;
  font-size: clamp(1.9rem, 3vw, 2.55rem);
}

.home-page .contact-panel--soft > p {
  grid-column: 2;
  max-width: 980px;
  margin: 0 0 12px;
  line-height: 1.64;
}

.home-page .contact-panel--soft > p:last-child { margin-bottom: 0; }

@keyframes uipath-stage-active {
  0%, 18%, 100% { border-color: #dce7d7; background: #fbfdf9; box-shadow: none; transform: translateY(0); }
  6%, 12% { border-color: #94c85b; background: #f3faed; box-shadow: 0 10px 22px rgba(81, 139, 18, 0.13); transform: translateY(-4px); }
}

@keyframes uipath-status-pulse {
  0%, 100% { opacity: 0.42; transform: scale(0.85); }
  50% { opacity: 1; transform: scale(1); }
}

@keyframes uipath-progress {
  0% { transform: scaleX(0.18); }
  45%, 75% { transform: scaleX(1); }
  100% { transform: scaleX(0.18); }
}

@media (max-width: 1100px) {
  .uipath-hero__grid { grid-template-columns: minmax(0, 1fr); }
  .uipath-hero__copy { max-width: 760px; }
  .uipath-hero__visual { max-width: 860px; }
}

@media (max-width: 720px) {
  .uipath-hero { padding-block: 40px 44px; }
  .uipath-hero__grid { gap: 30px; }
  .uipath-automation { padding: 14px; border-radius: 12px; }
  .uipath-automation__flow { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .uipath-automation__arrow { display: none; }
  .uipath-automation__stage { min-height: 110px; }
  .uipath-automation__services { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .uipath-automation__services span { justify-content: flex-start; }
  .home-page .nsi-topics__media > .nsi-topics__photo-main { aspect-ratio: 1.65 / 1; }
  .home-page .nsi-topics__photo-main > img { object-position: 50% 7%; }
  .home-page .contact-panel--main .contact-panel__photo { aspect-ratio: 1.5 / 1; }
  .home-page .contact-panel--main .contact-panel__photo > img { object-position: 0 30%; }
}

@media (max-width: 920px) {
  .home-page .contact-section .container { width: min(100% - 28px, 760px); }
  .home-page .contact-panel--main { grid-template-columns: minmax(0, 1fr); }
  .home-page .contact-panel--main .contact-panel__content { padding: 34px 30px; }
  .home-page .contact-panel--main .contact-panel__photo {
    order: 2;
    height: 320px;
    min-height: 320px;
    margin: 0 20px 20px;
    aspect-ratio: auto;
  }
}

@media (max-width: 480px) {
  .uipath-automation__topbar { align-items: flex-start; flex-direction: column; gap: 7px; }
  .uipath-automation__flow { padding-top: 18px; }
  .uipath-automation__stage { min-height: 104px; }
  .home-page .nsi-topics__media > .nsi-topics__photo-main { aspect-ratio: 1.56 / 1; }
  .home-page .contact-panel--main .contact-panel__photo { aspect-ratio: 1.5 / 1; }
  .home-page .contact-section { padding-block: 52px 58px; }
  .home-page .contact-section .container { width: min(100% - 22px, 760px); }
  .home-page .contact-panel--main .contact-panel__content { padding: 28px 22px; }
  .home-page .contact-panel--main .contact-panel__photo {
    height: 255px;
    min-height: 255px;
    margin: 0 14px 14px;
    aspect-ratio: auto;
  }
  .home-page .contact-panel--soft {
    grid-template-columns: minmax(0, 1fr);
    padding: 28px 24px 30px;
  }
  .home-page .contact-panel--soft > i,
  .home-page .contact-panel--soft > h2,
  .home-page .contact-panel--soft > p { grid-column: 1; }
  .home-page .contact-panel--soft > i { margin-bottom: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  .uipath-automation__status > i,
  .uipath-automation__stage,
  .uipath-automation__activity > div span { animation: none; }
}