/* =========================================================================
   Reset Consulting — стилі секцій головної та спільні секції
   ========================================================================= */

/* ---------------- HERO ---------------- */
.rc-hero { padding-top: clamp(2rem, 1rem + 3vw, 3.5rem); }
.rc-hero__grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: clamp(1.5rem, 4vw, 3rem); align-items: center; }
.rc-hero h1 { margin-bottom: 1.5rem; }
.rc-hero__sub { font-weight: 400; color: var(--rc-ink); }
.rc-hero__copy .rc-btn { margin-top: .5rem; }

.rc-hero__panel {
  position: relative; min-height: 340px; padding: 1.75rem; overflow: hidden;
  border-radius: var(--rc-radius-lg); box-shadow: var(--rc-shadow);
  background:
    linear-gradient(rgba(0,91,101,.06) 1px, transparent 1px) 0 0 / 100% 40px,
    linear-gradient(90deg, rgba(0,91,101,.06) 1px, transparent 1px) 0 0 / 40px 100%,
    var(--rc-white);
}
.rc-hero__list { position: relative; z-index: 2; list-style: none; margin: 0; padding: 0; display: grid; gap: .9rem; max-width: 70%; }
.rc-hero__list li { position: relative; padding-left: 1.6rem; font-size: var(--rc-fs-small); color: var(--rc-muted); }
.rc-hero__list li::before { content: ""; position: absolute; left: 0; top: .45em; width: 9px; height: 9px; border-radius: 50%; border: 1.5px solid currentColor; }
.rc-hero__list li.is-active { color: var(--rc-ink); font-weight: 500; }
.rc-hero__list li.is-active::before { background: var(--rc-teal); border-color: var(--rc-teal); }
.rc-hero__chart { position: absolute; left: 0; right: 0; bottom: 6%; width: 100%; height: auto; z-index: 1; }
.rc-hero__wm { position: absolute; right: 1.25rem; bottom: 1rem; z-index: 2; opacity: .35; }
.rc-hero__wm svg { width: 64px; height: auto; }
.rc-graph__line { stroke-dasharray: 460; stroke-dashoffset: 460; animation: rc-draw 1.6s var(--rc-ease) .25s forwards; }
.rc-graph__arrow { opacity: 0; animation: rc-fade .4s ease 1.6s forwards; }
@keyframes rc-draw { to { stroke-dashoffset: 0; } }
@keyframes rc-fade { to { opacity: 1; } }

/* Плейсхолдер зображення (доки не задане через адмінку) */
.rc-ph { width: 100%; height: 100%; min-height: 320px; border-radius: var(--rc-radius-lg);
  background: linear-gradient(135deg, #dfe4e6, #eef0f2); }

/* ---------------- INTRO ---------------- */
.rc-intro__grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(1.5rem, 4vw, 3.5rem); align-items: center; }
.rc-intro__media img { width: 100%; height: 100%; max-height: 360px; object-fit: cover; border-radius: var(--rc-radius-lg); }
.rc-intro__lead { font-size: var(--rc-fs-h3); font-weight: 500; color: var(--rc-teal); margin-top: 1rem; }

/* ---------------- ЧИМ МИ КОРИСНІ ---------------- */
.rc-services__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
.rc-card {
  background: var(--rc-white); border-radius: var(--rc-radius-lg); padding: 2rem;
  display: flex; flex-direction: column; gap: 1.25rem; min-height: 240px;
  box-shadow: var(--rc-shadow);
}
.rc-card__icon { width: 56px; height: 56px; display: inline-flex; }
.rc-card__icon svg { width: 100%; height: 100%; }
.rc-card h3 { margin: 0; }
.rc-card__go { margin-top: auto; align-self: flex-start; }

/* ---------------- ДЛЯ КОГО ---------------- */
.rc-audience__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.rc-audience__item {
  display: flex; align-items: center; gap: 1.25rem; padding: 1.5rem 1.75rem;
  border-radius: var(--rc-radius); border: 1px solid var(--rc-line); background: var(--rc-white);
}
.rc-audience__item:nth-child(4n+1),
.rc-audience__item:nth-child(4n) { background: var(--rc-teal-deep); border-color: var(--rc-teal-deep); color: var(--rc-on-dark); }
.rc-audience__num { font-size: var(--rc-fs-h3); font-weight: 600; opacity: .5; min-width: 2.5rem; }
.rc-audience__title { font-size: var(--rc-fs-h4); margin: 0; }

/* ---------------- ПРО НАС ---------------- */
.rc-about__text { max-width: 760px; font-size: var(--rc-fs-h4); }
.rc-about__founders { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-top: 2rem; }
.rc-founder { position: relative; margin: 0; border-radius: var(--rc-radius-lg); overflow: hidden; }
.rc-founder img { width: 100%; aspect-ratio: 16/10; object-fit: cover; }
.rc-founder figcaption {
  position: absolute; left: 0; right: 0; bottom: 0; padding: 1.25rem 1.5rem;
  background: linear-gradient(to top, rgba(11,58,64,.85), transparent);
}
.rc-founder__name { color: #fff; font-size: var(--rc-fs-h3); font-weight: 600; }

/* ---------------- ДОСЯГНЕННЯ ---------------- */
.rc-achv__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem 1.5rem; }
.rc-achv__item { padding-block: .5rem; }
.rc-achv__num { font-size: clamp(2rem, 1.4rem + 2vw, 3rem); font-weight: 600; color: var(--rc-teal); line-height: 1; }
.rc-achv__suffix { font-size: .55em; font-weight: 600; }
.rc-achv__label { margin: .5rem 0 0; color: var(--rc-muted); font-size: var(--rc-fs-small); max-width: 240px; }

/* ---------------- СТАТТІ (картки) ---------------- */
.rc-latest__head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 2rem; }
.rc-latest__head .rc-section__title { margin: 0; }
.rc-latest__grid,
.rc-archive__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.75rem; }
.rc-acard { background: var(--rc-white); border-radius: var(--rc-radius-lg); overflow: hidden; display: flex; flex-direction: column; box-shadow: var(--rc-shadow); }
.rc-acard__media { display: block; aspect-ratio: 3/2; overflow: hidden; }
.rc-acard__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s var(--rc-ease); }
.rc-acard:hover .rc-acard__media img { transform: scale(1.05); }
.rc-acard__ph { display: block; width: 100%; height: 100%; background: linear-gradient(135deg, #d7dcde, #eef0f2); }
.rc-acard__body { padding: 1.5rem; display: flex; flex-direction: column; gap: .75rem; flex: 1; }
.rc-acard__title { font-size: var(--rc-fs-h4); margin: 0; color: var(--rc-teal); }
.rc-acard__excerpt { color: var(--rc-muted); font-size: var(--rc-fs-small); margin: 0; }
.rc-acard__foot { margin-top: auto; display: flex; align-items: center; justify-content: space-between; padding-top: .5rem; }
.rc-acard__foot time { color: var(--rc-muted); font-size: var(--rc-fs-small); }
.rc-acard__more { display: inline-flex; align-items: center; gap: .6rem; font-size: var(--rc-fs-small); font-weight: 500; color: var(--rc-muted); }
.rc-acard__more .rc-iconbtn { width: 40px; height: 40px; }
.rc-acard__more .rc-iconbtn svg { width: 16px; height: 16px; }

/* ---------------- СЕКЦІЯ ЗАЯВКИ ---------------- */
.rc-request__grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: clamp(1.5rem, 4vw, 3.5rem); align-items: center; }
.rc-request__or { color: var(--rc-muted); font-size: var(--rc-fs-small); margin-bottom: .25rem; }
.rc-request__phone { display: inline-flex; align-items: center; gap: 1rem; font-size: var(--rc-fs-h3); font-weight: 600; }

/* ---------------- АРХІВ / ОКРЕМА СТАТТЯ (база, доопрацюємо) ---------------- */
.rc-page { padding-block: var(--rc-section-y); }
.rc-article { max-width: 760px; margin-inline: auto; }
.rc-article__media { border-radius: var(--rc-radius-lg); overflow: hidden; margin-block: 1.5rem; }
.rc-article__date { color: var(--rc-muted); font-size: var(--rc-fs-small); }
.rc-prevnext { display: flex; justify-content: space-between; gap: 1rem; margin-top: 2.5rem; }

/* ---------------- RESPONSIVE ---------------- */
@media (max-width: 980px) {
  .rc-hero__grid { grid-template-columns: 1fr; }
  .rc-hero__panel { order: -1; }
  .rc-intro__grid,
  .rc-request__grid { grid-template-columns: 1fr; }
  .rc-services__grid,
  .rc-achv__grid,
  .rc-latest__grid,
  .rc-archive__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
  .rc-services__grid,
  .rc-achv__grid,
  .rc-audience__grid,
  .rc-about__founders,
  .rc-latest__grid,
  .rc-archive__grid { grid-template-columns: 1fr; }
  .rc-form__row { grid-template-columns: 1fr; }
}

/* ---------------- Featured стаття + пагінація ---------------- */
.rc-feature { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(1.5rem, 4vw, 3rem); align-items: center; margin-bottom: 3rem; }
.rc-feature__title { font-size: var(--rc-fs-h2); color: var(--rc-teal); margin: .5rem 0 1rem; }
.rc-feature__media { border-radius: var(--rc-radius-lg); overflow: hidden; }
.rc-feature__media img { width: 100%; aspect-ratio: 3/2; object-fit: cover; }
@media (max-width: 860px) { .rc-feature { grid-template-columns: 1fr; } .rc-feature__media { order: -1; } }

.rc-pagination { margin-top: 2.5rem; }
.rc-pagination .nav-links { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: center; align-items: center; }
.rc-pagination .page-numbers {
  display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px;
  padding: 0 .5rem; border-radius: 999px; border: 1px solid var(--rc-line); background: var(--rc-white);
  color: var(--rc-ink); font-size: var(--rc-fs-small); text-decoration: none;
}
.rc-pagination .page-numbers.current { background: var(--rc-teal); border-color: var(--rc-teal); color: #fff; }
.rc-pagination .page-numbers:hover { border-color: var(--rc-teal); color: var(--rc-teal); }
.rc-pagination .page-numbers.current:hover { color: #fff; }