/* ════════════════════════════════════════════════════════════
   ETECH INNER PAGES — BEM CLASS-BASED STYLES
   Namespace: .pg-*  (page-specific) and .ep-* (etech-page reusable)
   Design tokens inherited from style.css and pages.css.
   No inline styles. Responsive: mobile 320-767, tablet 768-1199, desktop 1200+
   ════════════════════════════════════════════════════════════ */

/* ────────────────────────────────────────────────────────────
   1. PAGE-LEVEL LAYOUT PRIMITIVES (.ep-*)

   ──────────────────────────────────────────────────────────── */
.ep-page { min-height: 100vh; background-color: var(--c-white); }
/**new change**/
.ep-container { max-width: 1400px; margin: 0 auto; padding: 0 20px; }
.ep-section { position: relative; padding: 120px 20px;  }
.ep-section--tight { padding: var(--space-4xl) var(--space-2xl); }
.ep-section--bg-white { background-color: var(--c-white); }
.ep-section--bg-alice { background-color: var(--c-alice); }
.ep-section--bg-indigo {
  background: linear-gradient(135deg, rgb(35, 39, 85) 0%, rgb(26, 31, 69) 50%, rgb(15, 19, 48) 100%);
  color: var(--c-white);
}
.ep-section--bg-dark-deep {
  background: linear-gradient(165deg, #0c0f28 0%, #1a1f45 100%);
  color: var(--c-white);
}

.ep-section__eyebrow {
  font-family: var(--f-heading) ;
    font-weight: 600 ;
    font-size: 16px ;
    color: var(--c-green) ;
    letter-spacing: 2.5px ;
    text-transform: uppercase ;
    margin-bottom: 8px ;
}
.ep-section--bg-indigo .ep-section__eyebrow,
.ep-section--bg-dark-deep .ep-section__eyebrow { color: #10B981; }

.ep-section__title {
  font-family: var(--f-heading) ;
    font-weight: 700 ;
    font-size: 40px ;
    line-height: 1.18 ;
    color: var(--c-indigo) ;
    margin: 0 0 16px ;
}
.ep-section--bg-indigo .ep-section__title,
.ep-section--bg-dark-deep .ep-section__title { color: var(--c-white); }

.ep-section__desc {
  font-family: var(--f-body) ;
    font-weight: 400 ;
    font-size: 18px ;
    line-height: 30px ;
    color: #4B5563;
   
}
.ep-section--bg-indigo .ep-section__desc,
.ep-section--bg-dark-deep .ep-section__desc { color: rgba(255, 255, 255, 0.55); }

.ep-section__header { margin-bottom: var(--space-3xl); }
.ep-section__header--centered { text-align: center; margin-left: auto; margin-right: auto; max-width: 760px; }
.ep-section__header--centered .ep-section__desc { margin-left: auto; margin-right: auto; }

/* Gradient text accent */
.ep-gradient-text {
  background: linear-gradient(135deg, #10B981 0%, #0E6B3B 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

/* ────────────────────────────────────────────────────────────
   2. PAGE HERO (dark gradient, shared across all pages)
   ──────────────────────────────────────────────────────────── */
   /**new change**/
.ep-hero {
  position: relative;
  min-height: 520px;
  display: flex;
  align-items: center;
  background: linear-gradient(165deg, var(--c-indigo) 0%, #1d2248 35%, #252b55 65%, #2f3462 100%);
  overflow: hidden;
  color: var(--c-white);
  padding-left: 20px;
  padding-right: 20px;
}
.ep-hero--tall {  min-height:96vh;}

.ep-hero__orb-a,
.ep-hero__orb-b,
.ep-hero__grid { position: absolute; pointer-events: none; }
.ep-hero__orb-a {
  top: -20%; right: -15%;
  width: 600px; height: 600px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(14, 107, 59, 0.08) 0%, transparent 60%);
  filter: blur(80px);
  animation: ep-float1 12s ease-in-out infinite;
}
.ep-hero__orb-b {
  bottom: -10%; left: -10%;
  width: 400px; height: 400px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(74, 130, 255, 0.06) 0%, transparent 60%);
  filter: blur(60px);
  animation: ep-float2 10s ease-in-out infinite;
}
.ep-hero__grid {
  inset: 0;
  opacity: 0.03;
  background-image: linear-gradient(rgba(255, 255, 255, 0.6) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.6) 1px, transparent 1px);
  background-size: 80px 80px;
}

@keyframes ep-float1 { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(-40px, 30px); } }
@keyframes ep-float2 { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(30px, -25px); } }

/**new changes**/
.ep-hero__inner {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 140px 20px 120px 20px;
}

.ep-hero__content { max-width: 720px; margin: 0 auto; text-align: center; }
.ep-hero__content--left { margin: 0; text-align: left; max-width: 860px; }

.ep-hero__eyebrow {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 11px;
  color: #10B981;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  margin: 0 0 var(--space-lg);
}
.ep-hero__eyebrow.contact{font-size:16px;}
.ep-hero__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 56px;
  line-height: 1.12;
  color: var(--c-white);
  margin: 0 0 var(--space-lg);
  letter-spacing: -0.02em;
}

.ep-hero__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 20px;
  line-height: 1.8;
  color: rgb(255 255 255 / 70%);
  /* max-width: 560px; */
  max-width: 100% !important;
  margin: 0 auto;
}
.ep-hero__content--left .ep-hero__desc { margin: 0; max-width: 640px; }

.ep-hero__cta-group {
  display: flex;
  gap: var(--space-md);
  margin-top: var(--space-xl);
  flex-wrap: wrap;
  justify-content: start;
}
.ep-hero__content--left .ep-hero__cta-group { justify-content: flex-start; }

/* ────────────────────────────────────────────────────────────
   3. BUTTONS
   ──────────────────────────────────────────────────────────── */
.ep-btn {
  display: inline-block;
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 15px;
  padding: 15px 32px;
  border-radius: 10px;
  text-decoration: none;
  border: 1px solid transparent;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
 
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ep-btn:hover { transform: translateY(-1px); opacity: 1; }
/**new changes**/
.ep-btn--primary {
  color: var(--c-white);
  background: linear-gradient(135deg, var(--c-green) 0%, #0a8a4a 100%);
  box-shadow: 0 4px 24px rgba(14, 107, 59, 0.3);
  font-family: var(--font-heading);
    font-weight: 600;
    font-size: 19px;
    color: var(--c-white);
    background: linear-gradient(135deg, var(--c-green) 0%, #0a8a4a 100%);
    padding: 15px var(--space-xl);
    border-radius: 10px;
    text-decoration: none;
   
    box-shadow: 0 4px 24px rgba(14, 107, 59, 0.3);
    transition: opacity 0.2s;
    border: none;
    cursor: pointer;
}
.ep-btn--primary:hover { box-shadow: 0 6px 28px rgba(14, 107, 59, 0.4); }

.ep-btn--secondary {
  color: var(--c-white);
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.25);
}
.ep-btn--secondary:hover { background-color: rgba(255, 255, 255, 0.06); }

.ep-btn--outline-dark {
  color: var(--c-indigo);
  background-color: transparent;
  border-color: var(--c-g300);
}
.ep-btn--outline-dark:hover { border-color: var(--c-indigo); }

.ep-btn--ghost {
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.18);
  background-color: transparent;
  font-family: var(--font-heading);
    font-weight: 500;
    font-size: 19px;
    padding: 15px 28px;
    border-radius: 10px;
    text-decoration: none;
    display: inline-block;
    transition: opacity 0.2s;
    cursor: pointer;
}
.ep-btn--ghost:hover { background-color: rgba(255, 255, 255, 0.06); color: var(--c-white); }

/* ────────────────────────────────────────────────────────────
   4. TRUST BAR (hero bottom strip)
   ──────────────────────────────────────────────────────────── */
.ep-trust-bar {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  background-color: rgba(255, 255, 255, 0.04);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  padding: 14px 0;
  overflow: hidden;
}
/**new change**/
.ep-trust-bar__track {
   display: flex;
    gap: 64px;
    animation: marquee 30s linear infinite;
    white-space: nowrap;
    width: max-content;
}
.ep-trust-bar__item {
  font-family: var(--f-heading);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 1.2px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.ep-trust-bar__item svg { color: rgb(16, 185, 129); opacity: 0.6; }

/* ────────────────────────────────────────────────────────────
   5. CARDS
   ──────────────────────────────────────────────────────────── */
.ep-card {
  background-color: var(--c-white);
  border-radius: 20px;
  border: 1px solid var(--c-g200);
  padding: var(--space-xl);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.ep-card--hover:hover {
  box-shadow: 0 12px 40px rgba(35, 39, 85, 0.08);
  transform: translateY(-4px);
}
.ep-card--alice { background-color: var(--c-alice); }
.ep-card--dark {
  background: linear-gradient(135deg, var(--c-indigo) 0%, #1a1f45 100%);
  color: var(--c-white);
  border-color: transparent;
}
.ep-card--flush { padding: 0; overflow: hidden; }
.ep-card__body { padding: var(--space-xl); }

.ep-card__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
  color: var(--c-indigo);
  margin: 0 0 var(--space-md);
}
.ep-card--dark .ep-card__title { color: var(--c-white); }

.ep-card__desc {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 15px;
  line-height: 1.7;
  color: var(--c-g500);
  margin: 0;
}
.ep-card--dark .ep-card__desc { color: rgba(255, 255, 255, 0.6); }

/* ────────────────────────────────────────────────────────────
   6. GRID UTILITIES
   ──────────────────────────────────────────────────────────── */
.ep-grid { display: grid; gap: var(--space-lg); }
.ep-grid--2 { grid-template-columns: repeat(2, 1fr); }
.ep-grid--3 { grid-template-columns: repeat(3, 1fr); }
.ep-grid--4 { grid-template-columns: repeat(4, 1fr); }
.ep-grid--5 { grid-template-columns: repeat(5, 1fr); }
.ep-grid--sidebar { grid-template-columns: 1.3fr 1fr; gap: var(--space-4xl); align-items: start; }
.ep-grid--gap-sm { gap: var(--space-md); }
.ep-grid--gap-lg { gap: var(--space-xl); }
.ep-grid--gap-xl { gap: var(--space-3xl); }

/* ────────────────────────────────────────────────────────────
   7. PLACEHOLDER PHOTO (gradient bg, no image)
   ──────────────────────────────────────────────────────────── */
.ep-photo {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  aspect-ratio: 4/3;
  background: linear-gradient(135deg, #DCC8B0, #B8A088);
}
.ep-photo--people { background: linear-gradient(135deg, #3D4580, #252B55); }
.ep-photo--agent { background: linear-gradient(135deg, #DCC8B0, #B8A088); }
.ep-photo--team { background: linear-gradient(135deg, #C8B8A5, #A89888); }
.ep-photo--leader { background: linear-gradient(135deg, #D0C0B0, #B0A090); }
.ep-photo--india { background: linear-gradient(135deg, #D5C5B0, #B8A898); }
.ep-photo--jamaica { background: linear-gradient(135deg, #9BBBC5, #7AA0A8); }
.ep-photo--texas { background: linear-gradient(135deg, #C5B8A8, #A89888); }
.ep-photo--training { background: linear-gradient(135deg, #B8C5D0, #98A5B2); }
.ep-photo--community { background: linear-gradient(135deg, #D0C5B8, #B5A898); }
.ep-photo--office { background: linear-gradient(135deg, #A8B8C8, #8898A8); }
.ep-photo--hq { background: linear-gradient(135deg, #B8C0C8, #98A0A8); }
.ep-photo--16-9 { aspect-ratio: 16/9; }
.ep-photo--1-1 { aspect-ratio: 1/1; }
.ep-photo--auto { aspect-ratio: auto; }
.ep-photo--radius-0 { border-radius: 0; }
.ep-photo::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(35, 39, 85, 0.15) 0%, transparent 40%);
  pointer-events: none;
}
.ep-photo__label {
  position: absolute;
  bottom: 10px; left: 12px;
  font-family: var(--f-body);
  font-size: 9px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.35);
  letter-spacing: 1px;
  text-transform: uppercase;
}
.ep-photo > img {
  position: absolute;
  inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
}

/* ────────────────────────────────────────────────────────────
   8. FORMS
   ──────────────────────────────────────────────────────────── */
.ep-form { display: block; }
.ep-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-lg); margin-bottom: var(--space-lg); }
.ep-form__row--single { grid-template-columns: 1fr; }
.ep-form__field { display: block; }
.ep-form__label {
  font-family: var(--f-heading);
  font-weight: 500;
  font-size: 13px;
  color: var(--c-g600);
  margin-bottom: 6px;
  display: block;
}
.ep-form__input,
.ep-form__select,
.ep-form__textarea {
  width: 100%;
  padding: 14px 16px;
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 15px;
  color: var(--c-g700);
  background-color: var(--c-white);
  border: 1px solid var(--c-g200);
  border-radius: 10px;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
  min-height: 44px;
  box-sizing: border-box;
}
.ep-form__textarea { min-height: 140px; resize: vertical; }
.ep-form__input:focus,
.ep-form__select:focus,
.ep-form__textarea:focus {
  border-color: var(--c-green);
  box-shadow: 0 0 0 3px rgba(14, 107, 59, 0.08);
}
.ep-form__select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%239CA3AF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding-right: 40px;
  cursor: pointer;
}
.ep-form__submit-wrap { margin-top: var(--space-xl); }
.ep-form__note {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: var(--c-g400);
  margin-top: var(--space-md);
}

/* ────────────────────────────────────────────────────────────
   9. CONTACT PAGE (.pg-contact-*)
   ──────────────────────────────────────────────────────────── */
.pg-contact-info {
  background-color: var(--c-alice);
  border-radius: 20px;
  padding: var(--space-2xl) var(--space-xl);
  border: 1px solid var(--c-g200);
  margin-bottom: var(--space-lg);
}
.pg-contact-info__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
  color: rgb(66, 67, 81);
  margin: 0 0 var(--space-xl);
}
.pg-contact-info__item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  margin-bottom: var(--space-lg);
}
.pg-contact-info__item:last-child { margin-bottom: 0; }
.pg-contact-info__icon {
  width: 40px; height: 40px;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--c-alice) 0%, #E8F5E9 100%);
  border: 1px solid var(--c-g200);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--c-green);
}
.pg-contact-info__label {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  color: var(--c-indigo);
  margin-bottom: 2px;
}
.pg-contact-info__value {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g500);
  margin: 5px 0px;
}
.pg-contact-info__sub {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g400);
  margin: 0;
}

.pg-contact-expect {
  background: linear-gradient(159.26deg, #232755 0.03%, #1A1F45 100.03%);
  border-radius: 20px;
  padding: var(--space-2xl) var(--space-xl);
  margin-bottom: var(--space-lg);
}
.pg-contact-expect__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 18px;
  color: var(--c-white);
  margin: 0 0 var(--space-lg);
}
.pg-contact-expect__item { display: flex; gap: 14px; align-items: flex-start; margin-bottom: var(--space-md); }
.pg-contact-expect__item:last-child { margin-bottom: 0; }
.pg-contact-expect__step {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 16px;
  color: #10B981;
  min-width: 24px;
}
.pg-contact-expect__text {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: rgba(255, 255, 255, 0.6);
  margin: 0;
}

.pg-contact-certs {
  background-color: var(--c-alice);
  border-radius: 20px;
  padding: var(--space-lg) var(--space-xl);
  border: 1px solid var(--c-g200);
}
.pg-contact-certs__header { display: flex; align-items: center; gap: var(--space-sm); margin-bottom: var(--space-md); color: var(--c-green); }
.pg-contact-certs__header-text {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  color: rgb(66, 67, 81);
}
.pg-contact-certs__list { display: flex; flex-wrap: wrap; gap: var(--space-sm); }
.pg-contact-certs__item {
  font-family: var(--f-heading);
  font-size: 14px;
    color: rgb(107, 114, 128);
  color: var(--c-g500);
  background-color: var(--c-white);
  padding: 6px 12px;
  border-radius: 6px;
  border: 1px solid var(--c-g200);
}

.pg-contact-success {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  padding: var(--space-4xl) var(--space-xl);
  background-color: var(--c-alice);
  border-radius: 24px;
  border: 1px solid var(--c-g200);
}
.pg-contact-success__icon {
  width: 64px; height: 64px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--c-alice) 0%, #E8F5E9 100%);
  border: 2px solid var(--c-green);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto var(--space-lg);
  color: var(--c-green);
}
.pg-contact-success__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 32px;
  color: var(--c-indigo);
  margin: 0 0 var(--space-md);
}
.pg-contact-success__desc {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 17px;
  line-height: 1.8;
  color: var(--c-g500);
  margin: 0;
}

/* Locations grid */
.pg-locations-header {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  margin-bottom: var(--space-3xl);
  color: var(--c-green);
}
.pg-locations-card__stat-row { display: flex; align-items: baseline; gap: var(--space-sm); margin-bottom: 10px; }
.pg-locations-card__count {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 40px;
  color: var(--c-indigo);
}
.pg-locations-card__count-label {
  font-family: var(--f-body);
  font-weight:400;
  font-size: 16px;
  color: var(--c-g400);
}
.pg-locations-card__region {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 18px;
      color: rgb(66, 67, 81);
  margin: 0 0 4px;
}
.pg-locations-card__sub {
  font-family: var(--f-heading);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-green);
  margin: 0 0 var(--space-md);
}
.pg-locations-card__site {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
      color: rgb(107, 114, 128);
  margin: 0 0 4px;
}
.pg-locations-card__note {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: rgb(107, 114, 128);

  margin: var(--space-md) 0 0;
  padding-top: var(--space-md);
  border-top: 1px solid var(--c-g100);
}

/* CTA split panel */
.ep-cta-split {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  background-color: #232755;
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 24px 64px rgba(35, 39, 85, 0.15);
}
.backoffice-cta .ep-cta-split{grid-template-columns: 1fr 1fr;}
.ep-cta-split__body { padding: var(--space-4xl) var(--space-3xl); color: var(--c-white); }
.ep-cta-split__eyebrow {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  color: #10B981;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  margin: 0 0 var(--space-md);
}
.ep-cta-split__title {
  font-family: var(--f-heading);
    font-weight: 700;
    font-size: 38px;
    line-height: 1.15;
    color: #FFF;
    margin: 0 0 20px;

}
.ep-cta-split__desc {
  font-family: var(--f-body);
    font-weight: 400;
    font-size: 18px;
    line-height: 29px;
    color: rgba(255, 255, 255, 0.55);
    margin-bottom: 36px;
}
.ep-cta-split__actions { display: flex; gap: var(--space-md); flex-wrap: wrap; }
.ep-cta-split__proof {
  margin-top: var(--space-xl);
  display: flex;
  gap: var(--space-2xl);
  flex-wrap: wrap;
}
.ep-cta-split__proof-item { }
.ep-cta-split__proof-value {
  font-family: var(--f-heading);
    font-weight: 600;
    font-size: 16px;
    color: #FFF;
    margin-bottom: 6px;
}
.ep-cta-split__proof-label {
      font-family: var(--f-body);
    font-weight: 400;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.35);
}
.ep-cta-split__media {
  min-height: 100%;
  background: linear-gradient(135deg, #C8B8A5, #A89888);
  position: relative;
}
.ep-cta-split__media > img {
  position: absolute;
  inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
}

/* ────────────────────────────────────────────────────────────
   10. STAT GRIDS / PROOF BARS
   ──────────────────────────────────────────────────────────── */
.ep-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-lg);
}
.ep-stat-card {
  background-color: var(--c-white);
  border-radius: 16px;
  border: 1px solid var(--c-g200);
  padding: var(--space-xl);
  text-align: left;
}
.ep-section--bg-indigo .ep-stat-card,
.ep-section--bg-dark-deep .ep-stat-card {
  background-color: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
}
.ep-stat-card__value {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 40px;
  color: var(--c-indigo);
  margin: 0 0 var(--space-sm);
  letter-spacing: -0.02em;
  line-height: 1;
}
.ep-section--bg-indigo .ep-stat-card__value,
.ep-section--bg-dark-deep .ep-stat-card__value { color: var(--c-white); }
.ep-stat-card__label {
  font-family: var(--f-heading);
  font-weight: 500;
  font-size: 13px;
  color: var(--c-g500);
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.ep-section--bg-indigo .ep-stat-card__label,
.ep-section--bg-dark-deep .ep-stat-card__label { color: rgba(255, 255, 255, 0.5); }

/* Proof band (row of small stats) */
.ep-proof-band {
  padding: var(--space-3xl) var(--space-2xl);
  background: linear-gradient(135deg, #232755 0%, #1A1F45 50%, #0F1330 100%);
  color: var(--c-white);
}
.ep-proof-band__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-xl);
  max-width: var(--container-max, 1400px);
  margin: 0 auto;
}
.ep-proof-band__item { text-align: center; }
.ep-proof-band__value {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 40px;
  color: var(--c-white);
  letter-spacing: -0.02em;
  line-height: 1;
  margin: 0 0 var(--space-sm);
}
.ep-proof-band__value .ep-gradient-text {
  background: linear-gradient(135deg, #10B981 0%, #0E6B3B 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ep-proof-band__label {
  font-family: var(--f-heading);
  font-weight: 500;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.5);
  letter-spacing: 1.2px;
  
}

/* ────────────────────────────────────────────────────────────
   11. FEATURE / CAPABILITY CARDS
   ──────────────────────────────────────────────────────────── */
.ep-feature-card {
  background-color: var(--c-white);
  border-radius: 16px;
  border: 1px solid var(--c-g200);
  padding: var(--space-xl);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.ep-feature-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(35, 39, 85, 0.08);
  border-color: var(--c-g300);
}
.ep-feature-card__icon {
  width: 32px; height: 32px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(14, 107, 59, 0.08), rgba(14, 107, 59, 0.02));
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--space-md);
  color: var(--c-green);
}
.ep-feature-card__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 18px;
  color: rgb(66, 67, 81);
  margin: 0 0 var(--space-sm);
}
.pg-op-region-site{
  font-size:16px;
      font-weight: 400;
    color: rgb(107, 114, 128);
}
.ep-feature-card__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  color: #374151;
  margin: 0;
}

/* ────────────────────────────────────────────────────────────
   12. LIST WITH CHECKMARKS / BULLETS
   ──────────────────────────────────────────────────────────── */
.ep-list { list-style: none; padding: 0; margin: 0;margin-top: 15px; }
.ep-list__item {
  position: relative;
  padding-left: 28px;
  margin-bottom: 8px;
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  color: #374151;
}
.ep-list__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 14px; height: 14px;
  background-color: var(--c-green);
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7l4 4 8-8' stroke='black' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7l4 4 8-8' stroke='black' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

/* ────────────────────────────────────────────────────────────
   13. NUMBERED STEPS
   ──────────────────────────────────────────────────────────── */
.ep-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-lg); }
.ep-step {
  background-color: var(--c-white);
  border-radius: 16px;
  border: 1px solid var(--c-g200);
  padding: var(--space-xl);
  position: relative;
}
.ep-step__num {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 48px;
  background: linear-gradient(135deg, #10B981 0%, #0E6B3B 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  letter-spacing: -0.03em;
  line-height: 1;
  margin: 0 0 var(--space-md);
}
.ep-step__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 17px;
  color: var(--c-indigo);
  margin: 0 0 var(--space-sm);
}
.ep-step__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: #374151;
  margin: 0;
}

/* ────────────────────────────────────────────────────────────
   14. COMPARISON TABLE (Etech vs Competitor)
   ──────────────────────────────────────────────────────────── */
.ep-compare {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  background-color: var(--c-white);
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid var(--c-g200);
}
.ep-compare__col { padding: var(--space-xl); }
.ep-compare__col--accent { background: linear-gradient(165deg, var(--c-indigo) 0%, #252b55 100%); color: var(--c-white); }
.ep-compare__row { padding: var(--space-md) 0; border-top: 1px solid var(--c-g100); font-family: var(--f-body); font-size: 16px; color: var(--c-g600); line-height: 1.6; }
.ep-compare__col--accent .ep-compare__row { border-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.8); }
.ep-compare__row:first-of-type { border-top: none; }
.ep-compare__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 18px;
  color: var(--c-indigo);
  margin: 0 0 var(--space-md);
}
.ep-compare__col--accent .ep-compare__title { color: var(--c-white); }

/* ────────────────────────────────────────────────────────────
   15. QUOTE / TESTIMONIAL
   ──────────────────────────────────────────────────────────── */
.ep-quote {
  background-color: var(--c-alice);
  border-radius: 24px;
  padding: var(--space-3xl) var(--space-2xl);
  border-left: 4px solid var(--c-green);
}
.ep-quote__text {
  font-family: var(--f-heading);
  font-weight: 500;
  font-size: 26px;
  line-height: 1.4;
  color: var(--c-indigo);
  margin: 0 0 var(--space-lg);
  font-style: italic;
}
.ep-quote__author {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 15px;
  color: var(--c-indigo);
  margin: 0;
}
.ep-quote__role {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 13px;
  color: var(--c-g500);
  margin: 0;
}

/* ────────────────────────────────────────────────────────────
   16. MARQUEE (continuous horizontal scroll)
   ──────────────────────────────────────────────────────────── */
.ep-marquee {
  overflow: hidden;
  width: 100%;
  padding: var(--space-lg) 0;
  background-color: var(--c-alice);
}
.ep-marquee__track {
  display: flex;
  gap: var(--space-3xl);
  animation: ep-marquee-scroll 30s linear infinite;
  width: max-content;
}
.ep-marquee__item {
  font-family: var(--f-heading);
  font-weight: 500;
  font-size: 26px;
  color: var(--c-g400);
  white-space: nowrap;
  flex-shrink: 0;
}
@keyframes ep-marquee-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

/* ────────────────────────────────────────────────────────────
   17. TABS / PILL NAV
   ──────────────────────────────────────────────────────────── */
.ep-tabs { display: flex; gap: var(--space-sm); flex-wrap: wrap; margin-bottom: var(--space-xl); }
.ep-tabs__tab {
  font-family: var(--f-heading);
  font-weight: 500;
  font-size: 16px;
  color: var(--c-g500);
  background-color: var(--c-alice);
  padding: 10px 20px;
  border-radius: 100px;
  border: 1px solid var(--c-g200);
  cursor: pointer;
  transition: all 0.2s;
  text-decoration: none;
  display: inline-block;
}
.ep-tabs__tab--active,
.ep-tabs__tab:hover {
  background-color: var(--c-indigo);
  color: var(--c-white);
  border-color: var(--c-indigo);
}

/* ────────────────────────────────────────────────────────────
   18. RESPONSIVE — TABLET 768–1199
   ──────────────────────────────────────────────────────────── */
@media (max-width: 1100px) {
  .ep-section,
  .ep-section--tight { padding: var(--space-4xl) var(--space-xl); }
  .ep-container { padding: 0 10px; }

  .ep-hero__inner { padding: 120px var(--space-xl) 10px; }
  .ep-hero__inner.telecom-hero_inner{padding-bottom:150px;}
  .ep-hero__title { font-size: 40px; }
  .ep-section__title { font-size: 32px; }

  .ep-grid--4 { grid-template-columns: repeat(2, 1fr); }
  .ep-grid--5 { grid-template-columns: repeat(2, 1fr); }
  .ep-grid--sidebar { grid-template-columns: 1fr; gap: var(--space-2xl); }

  .ep-steps { grid-template-columns: repeat(2, 1fr); }
  .ep-stats-grid { grid-template-columns: repeat(2, 1fr); }
  .ep-proof-band__grid { grid-template-columns: repeat(2, 1fr); }

  .ep-cta-split { grid-template-columns: 1fr;display: flex;flex-direction: column; }
  .ep-cta-split__media { min-height: 240px; aspect-ratio: 16/9; }
  .ep-cta-split__body { padding: var(--space-2xl); }
}

@media (max-width: 1024px){
  .ep-grid--3{grid-template-columns: repeat(2, 1fr);}
}
/* ────────────────────────────────────────────────────────────
   19. RESPONSIVE — MOBILE 320–767
   ──────────────────────────────────────────────────────────── */
@media (max-width: 767px) {
  .ep-section,
  .ep-section--tight {
    padding: var(--space-3xl) var(--space-md);
  }
  .ep-container { padding: 0 5px; }

  .ep-hero { min-height: 420px; }
  .ep-hero__inner { padding: 110px var(--space-md) ; }
  .ep-hero__inner.telecom-hero_inner{padding-bottom:260px;}
  .ep-hero__title { font-size: 30px; }
  .ep-hero__desc { font-size: 15px; }

  .ep-section__title { font-size: 26px; }
  .ep-section__desc { font-size: 15px; }

  .ep-grid--2,
  .ep-grid--3,
  .ep-grid--4,
  .ep-grid--5 {
    grid-template-columns: 1fr;
  }
  .pg-car-tuition__amount{font-size:32px!important;}
  .ep-grid--sidebar { grid-template-columns: 1fr; gap: var(--space-xl); }

  .ep-steps { grid-template-columns: 1fr; }
  .ep-stats-grid { grid-template-columns: 1fr; }
  .ep-proof-band__grid { grid-template-columns: 1fr 1fr; gap: var(--space-lg); }
  .ep-proof-band__value { font-size: 30px; }

  .ep-form__row { grid-template-columns: 1fr; }

  .ep-hero__cta-group { flex-direction: column; align-items: stretch; }
  .ep-hero__cta-group .ep-btn { width: 100%; justify-content: center;display:flex; }

  .ep-cta-split__title { font-size: 28px; }
  .ep-cta-split__actions { flex-direction: column; align-items: stretch; }
  .ep-cta-split__actions .ep-btn { width: 100%; justify-content: center; }
  .ep-cta-split__body { padding: var(--space-xl) var(--space-md); }

  .ep-compare { grid-template-columns: 1fr; }

  .ep-quote__text { font-size: 20px; }

  .ep-trust-bar__track { gap: var(--space-md); padding: 0 var(--space-md); }

  .ep-card,
  .ep-feature-card,
  .ep-stat-card,
  .ep-step { padding: var(--space-lg); }

  .pg-contact-info,
  .pg-contact-expect { padding: var(--space-xl) var(--space-lg); }
}

/* ────────────────────────────────────────────────────────────
   20. ACCESSIBILITY & PRINT
   ──────────────────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  .ep-hero__orb-a,
  .ep-hero__orb-b,
  .ep-marquee__track { animation: none !important; }
  * { transition-duration: 0.01ms !important; }
}

.ep-sr-only {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Generic fallback page */
.ep-page--generic {
  padding: 160px var(--space-2xl) var(--space-4xl);
}
.ep-page--generic .ep-container { max-width: 900px; }
.ep-page__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 42px;
  line-height: 1.15;
  color: var(--c-indigo);
  margin: 0 0 var(--space-xl);
}
.ep-page__content {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 17px;
  line-height: 1.85;
  color: var(--c-g600);
}

/* Scroll reveal */
.ep-reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s cubic-bezier(.16, 1, .3, 1), transform 0.8s cubic-bezier(.16, 1, .3, 1);
}
.ep-reveal--visible {
  opacity: 1;
  transform: translateY(0);
}
.ep-reveal--d1 { transition-delay: 0.08s; }
.ep-reveal--d2 { transition-delay: 0.16s; }
.ep-reveal--d3 { transition-delay: 0.24s; }
.ep-reveal--d4 { transition-delay: 0.32s; }

/* ════════════════════════════════════════════════════════════
   OUR PEOPLE PAGE  (.pg-op-*)
   ════════════════════════════════════════════════════════════ */
.pg-op-hero-grid {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: var(--space-4xl);
  align-items: center;
}
.pg-op-hero__title {
  font-size: 56px;
  letter-spacing: -0.02em;
  line-height: 1.08;
}
.pg-op-hero__desc {
  margin: 0 0 var(--space-xl);
  max-width: none;
  color: rgba(255, 255, 255, 0.75);
}
.pg-op-hero-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-lg);
}
.pg-op-hero-stat { padding: var(--space-md) 0; }
.pg-op-hero-stat__value {
  font-family: var(--f-heading);
  font-size: 36px;
  font-weight: 800;
  margin-bottom: 6px;
  line-height: 1;
}
.pg-op-hero-stat__label {
  font-family: var(--f-body);
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF8C;
}

.pg-op-hero-media {
  position: relative;
  display: flex;
  justify-content: center;
}
.pg-op-hero-photo {
  width: 100%;
  aspect-ratio: 3/4;
  border-radius: 20px;
}
.pg-op-hero-live {
  position: absolute;
  bottom: 40px;
  left: 20px;
  right: 20px;
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-radius: 14px;
  padding: 18px 22px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}
.pg-op-hero-live__label {
  font-family: var(--f-heading);
  font-size: 16px;
  font-weight: 600;
  color: var(--c-green);
  letter-spacing: 2.5px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.pg-op-hero-live__value {
  font-family: var(--f-body);
  font-size: 16px;
  font-weight: 400;
  color: #9CA3AF;
}

/* Servant leadership grid */
.pg-op-servant-grid {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: var(--space-4xl);
  align-items: flex-start;
}
.pg-op-body {
  font-family: var(--f-body);
  font-size: 18px;
  font-weight: 400;
  color:rgb(75, 85, 99);
  line-height: 1.8;
 
}
.pg-op-leader-quote {
  position: relative;
  margin: var(--space-3xl) 0 0;
}
.pg-op-leader-photo {
  width: 100%;
  border-radius: 16px;
  aspect-ratio: 1/1;
}
.pg-op-leader-caption {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-radius: 14px;
  padding: 22px 26px;
}
.pg-op-leader-quote-text {
  font-family: var(--f-body);
  font-size: 16px;
  font-weight: 400;
      color: rgb(66, 67, 81);
  line-height: 1.65;
  margin: 0 0 var(--space-sm);
  font-style: normal;
}
.pg-op-leader-attr {
  font-family: var(--f-heading);
  font-size: 16px;
  font-weight: 600;
  color: var(--c-g600);
  font-style: normal;
}
.pg-proof-sub{   
   font-size: 16px!important;
    font-weight: 400!important;
    color: #FFFFFF8C!important;
  }
.pg-op-team-photo {
  width: 100%;
  aspect-ratio: 3/4;
  border-radius: 20px;
}

/* Etech vs Industry compare cards */
.pg-op-compare-card {
  padding: var(--space-xl);
  border-radius: 20px;
  border: 1px solid var(--c-g200);
  /* background-color: var(--c-white); */
}
.pg-op-compare-card__win {
  background: linear-gradient(135deg, var(--c-alice) 0%, #E8F5E9 100%);
  padding: var(--space-xl);
  border-radius: 16px;
  margin-bottom: var(--space-lg);
  border-left: 3px solid var(--c-green);
}
.pg-op-compare-card__win-label {
  font-family: var(--f-heading);
  font-size: 16px;
  font-weight: 600;
  color: var(--c-green);
  letter-spacing: 0.5px;
  margin-bottom: 8px;
}
.pg-op-compare-card__win-value {
  font-family: var(--f-heading);
  font-size: 32px;
  font-weight: 800;
  color: #424351;
}
.pg-op-compare-card__lose {
  padding: var(--space-xl);
  border-radius: 16px;
  margin-bottom: var(--space-md);
  border-left: 3px solid var(--c-g300);
  background-color: var(--c-g100);
}
.pg-op-compare-card__lose-label {
  font-family: var(--f-heading);
  font-size: 16px;
  font-weight: 600;
  color: var(--c-g400);
  letter-spacing: 0.5px;
  margin-bottom: 8px;
}
.pg-op-compare-card__lose-value {
  font-family: var(--f-heading);
  font-size: 32px;
  font-weight: 800;
  color: var(--c-g600);
}
.pg-op-compare-card__note {
  font-family: var(--f-body);
  font-size: 16px;
  font-weight: 400;
  color: var(--c-g500);
  line-height: 1.65;
  margin: 0;
}

/* Proof band 5-col override */
.pg-op-proof-grid { grid-template-columns: repeat(5, 1fr); }

/* Regions */
.pg-op-region-header {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  margin-bottom: var(--space-md);
  color: var(--c-green);
}
.pg-op-region-name {
  font-family: var(--f-heading);
  font-size: 20px;
  font-weight: 700;
  color: #424351;
  margin: 0;
}
.pg-op-region-sites {
  font-family: var(--f-body);
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF8C;
  line-height: 1.8;
  margin-bottom: var(--space-md);
}
.pg-op-region-count {
  font-family: var(--f-heading);
  font-size: 28px;
  font-weight: 800;
  color: var(--c-green);
}

/* CTA */
.pg-op-cta-grid {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: var(--space-3xl);
  align-items: center;
}
.pg-op-cta-photo {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 20px;
}

/* Responsive: tablet */
@media (max-width: 1199px) {
  .pg-op-hero-grid { grid-template-columns: 1fr; }
  .pg-op-servant-grid { grid-template-columns: 1fr; gap: var(--space-2xl); }
  .pg-op-cta-grid { grid-template-columns: 1fr; gap: var(--space-xl); }
  .pg-op-hero__title { font-size: 42px; }
  .pg-op-proof-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 767px) {
  .pg-op-hero__title { font-size: 30px; }
  .pg-op-hero-stats { grid-template-columns: 1fr 1fr; gap: var(--space-md); }
  .pg-op-hero-stat__value { font-size: 28px; }
  .pg-op-compare-card__win-value,
  .pg-op-compare-card__lose-value { font-size: 20px; }
  .pg-op-proof-grid { grid-template-columns:  1fr; }
}

/* ════════════════════════════════════════════════════════════
   CAREERS PAGE  (.pg-careers*)
   ════════════════════════════════════════════════════════════ */
.pg-careers-hero__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-md);
}
.pg-careers-hero__stat {
  font-family: var(--f-heading);
  font-size: 120px;
  font-weight: 800;
  line-height: 0.9;
  letter-spacing: -0.03em;
}
.pg-careers-hero__rest {
  font-size: 36px;
  font-weight: 600;
}
.pg-careers-hero__badge {
  display: inline-flex;
  align-items: center;
  gap: var(--space-sm);
  padding: 8px 16px;
  background-color: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.35);
  border-radius: 100px;
  font-family: var(--f-heading);
  font-size: 13px;
  font-weight: 500;
  color: #10B981;
  margin-top: var(--space-xl);
}
.pg-careers-hero__badge-dot {
  width: 8px; height: 8px;
  border-radius: 50%;
  background-color: #10B981;
  box-shadow: 0 0 8px rgba(16, 185, 129, 0.6);
  animation: ep-pulse 2s ease-in-out infinite;
}
@keyframes ep-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }

.pg-careers-proof__sub {
  font-family: var(--f-body);
  font-size: 16px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.4);
  margin-top: 4px;
}

/* Career progression path */
.pg-careers-path {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-md);
  flex-wrap: wrap;
  padding: var(--space-2xl) 0;
}
.pg-careers-path__step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-sm);
  text-align: center;
}
.pg-careers-path__node {
  width: 56px; height: 56px;
  border-radius: 50%;
  background: linear-gradient(135deg, #10B981 0%, #0E6B3B 100%);
  color: var(--c-white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--f-heading);
  font-size: 18px;
  font-weight: 700;
  box-shadow: 0 4px 16px rgba(14, 107, 59, 0.25);
}
.pg-careers-path__label {
  font-family: var(--f-heading);
  font-size: 13px;
  font-weight: 600;
  color: var(--c-indigo);
}
.pg-careers-path__arrow {
  font-family: var(--f-heading);
  font-size: 24px;
  color: var(--c-g300);
  font-weight: 300;
}

/* Position card */
.pg-careers-position {
  background-color: var(--c-white);
  border: 1px solid var(--c-g200);
  border-radius: 16px;
  padding: var(--space-xl);
  transition: box-shadow 0.3s ease, transform 0.3s ease, border-color 0.3s ease;
}
.pg-careers-position:hover {
  box-shadow: 0 12px 40px rgba(35, 39, 85, 0.08);
  transform: translateY(-4px);
  border-color: var(--c-g300);
}
.pg-careers-position__header {
  margin-bottom: var(--space-md);
}
.pg-careers-position__title {
  font-family: var(--f-heading);
  font-size: 18px;
  font-weight: 700;
  color: var(--c-indigo);
  margin: 0 0 var(--space-sm);
}
.pg-careers-position__location {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--f-body);
  font-size: 13px;
  font-weight: 400;
  color: var(--c-green);
}
.pg-careers-position__location svg { width: 14px; height: 14px; }
.pg-careers-position__desc {
  font-family: var(--f-body);
  font-size: 16px;
  font-weight: 300;
  color: var(--c-g500);
  line-height: 1.65;
  margin: 0 0 var(--space-md);
}
.pg-careers-position__cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--f-heading);
  font-size: 13px;
  font-weight: 600;
  color: var(--c-green);
  text-decoration: none;
}
.pg-careers-position__cta:hover { gap: 10px; }
.pg-careers-position__cta svg { transition: transform 0.2s; }

/* Tuition featured */
.pg-careers-tuition {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 24px;
  padding: var(--space-3xl);
  text-align: center;
  margin-bottom: var(--space-2xl);
}
.pg-careers-tuition__amount {
  font-family: var(--f-heading);
  font-size: 96px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.03em;
  margin-bottom: var(--space-sm);
}
.pg-careers-tuition__label {
  font-family: var(--f-heading);
  font-size: 18px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: var(--space-md);
}
.pg-careers-tuition__desc {
  font-family: var(--f-body);
  font-size: 16px;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.75;
  max-width: 640px;
  margin: 0 auto var(--space-2xl);
}
.pg-careers-tuition__types {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-md);
}
.pg-careers-tuition__type {
  background-color: rgba(255, 255, 255, 0.04);
  border-radius: 12px;
  padding: var(--space-md);
  border: 1px solid rgba(255, 255, 255, 0.06);
}
.pg-careers-tuition__type-label {
  font-family: var(--f-heading);
  font-size: 16px;
  font-weight: 600;
  color: #10B981;
  margin-bottom: 4px;
}
.pg-careers-tuition__type-desc {
  font-family: var(--f-body);
  font-size: 12px;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.5);
}

.pg-careers-perks { margin-top: var(--space-2xl); }
.pg-careers-perk {
  background-color: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  padding: var(--space-xl);
}
.pg-careers-perk__stat {
  font-family: var(--f-heading);
  font-size: 28px;
  font-weight: 700;
  color: var(--c-white);
  margin-bottom: var(--space-sm);
}
.pg-careers-perk__desc {
  font-family: var(--f-body);
  font-size: 16px;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.55);
  line-height: 1.7;
  margin: 0;
}

/* Testimonial card */
.pg-careers-test {
  background-color: var(--c-alice);
  border-radius: 20px;
  padding: var(--space-xl);
  border-left: 4px solid var(--c-green);
  margin: 0;
}
.pg-careers-test__quote {
  font-family: var(--f-body);
  font-size: 15px;
  font-weight: 300;
  color: var(--c-g600);
  line-height: 1.8;
  margin: 0 0 var(--space-md);
  font-style: italic;
}
.pg-careers-test__author { }
.pg-careers-test__name {
  font-family: var(--f-heading);
  font-size: 16px;
  font-weight: 700;
  color: var(--c-indigo);
}
.pg-careers-test__role {
  font-family: var(--f-body);
  font-size: 12px;
  font-weight: 400;
  color: var(--c-g500);
  margin-top: 2px;
}

/* Responsive */
@media (max-width: 1199px) {
  .pg-careers-hero__stat { font-size: 80px; }
  .pg-careers-hero__rest { font-size: 26px; }
  .pg-careers-tuition__amount { font-size: 72px; }
  .pg-careers-tuition__types { grid-template-columns: repeat(2, 1fr); }
  .pg-careers-path { gap: var(--space-sm); }
}
@media (max-width: 767px) {
  .pg-careers-hero__stat { font-size: 64px; }
  .pg-careers-hero__rest { font-size: 22px; }
  .pg-careers-tuition__amount { font-size: 56px; }
  .pg-careers-tuition { padding: var(--space-xl); }
  .pg-careers-tuition__types { grid-template-columns: 1fr 1fr; }
  .pg-careers-path__node { width: 44px; height: 44px; font-size: 15px; }
  .pg-careers-path__arrow { display: none; }
}

/* ════════════════════════════════════════════════════════════
   CUSTOMER CARE PAGE  (.pg-cc-*)
   ════════════════════════════════════════════════════════════ */
.pg-cc-hero-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: var(--space-4xl);
  align-items: center;
}
.pg-cc-hero-chip {
  display: inline-flex;
  align-items: center;
  gap: var(--space-sm);
  padding: 5px 14px 5px 6px;
  border-radius: 100px;
  border: 1px solid rgba(16, 185, 129, 0.2);
  background-color: rgba(16, 185, 129, 0.05);
  margin-bottom: var(--space-lg);
}
.pg-cc-hero-chip__tag {
  background-color: rgba(16, 185, 129, 0.15);
  border-radius: 100px;
  padding: 3px 10px;
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 10px;
  color: #10B981;
  letter-spacing: 0.5px;
}
.pg-cc-hero-chip__label {
  font-family: var(--f-body);
  font-size: 16px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.698);
}
/**new changes**/
.pg-cc-hero__title { font-family: var(--f-heading);
    font-weight: 700;
    font-size: 56px;
    line-height: 1.08;
    color: #FFF;
    margin: 0 0 24px;
    letter-spacing: -0.02em; }
.pg-cc-hero__desc { max-width: 520px; margin: 0 0 var(--space-xl); }

.pg-cc-hero-media {
  position: relative;
}
.pg-cc-hero-photo {
  width: 100%;
  aspect-ratio: 4/3.2;
  border-radius: 20px;
}
.pg-cc-hero-stat-card {
  position: absolute;
  bottom: -28px;
  left: -20px;
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-radius: 14px;
  padding: 22px 26px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
}
.pg-cc-hero-stat-card__value {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 36px;
  line-height: 1;
  margin-bottom: 4px;
}
.pg-cc-hero-stat-card__label {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
    color: #374151;
}
.pg-cc-hero-live-card {
  position: absolute;
  top: 20px;
  right: -16px;
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-radius: 12px;
  padding: 14px 18px;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
  gap: 6px;
}
.pg-cc-hero-live-card__dot {
  width: 8px; height: 8px;
  border-radius: 4px;
  background-color: #10B981;
  animation: ep-pulse 2s infinite;
}
.pg-cc-hero-live-card__text {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 11px;
  color: rgb(66, 67, 81);
}

/* Comparison & Tiers sticky grid */
.pg-cc-cmp-grid {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: var(--space-4xl);
  align-items: start;
}
.pg-cc-cmp-sticky {
  position: sticky;
  top: 120px;
}
.pg-cc-cmp-stat-card {
  background-color: var(--c-alice);
  border-radius: 16px;
  padding: var(--space-xl);
  border: 1px solid var(--c-g200);
  margin-top: var(--space-xl);
}
.pg-cc-cmp-stat-card__value {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 32px;
  color: rgb(66, 67, 81);
  margin-bottom: 4px;
}
.pg-cc-cmp-stat-card__label {
  font-family: var(--f-body);
  font-weight: 500;
  font-size: 16px;
  color: var(--c-g400);
  margin-bottom: 4px;
}
.pg-cc-cmp-stat-card__sub {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g400);
}

.pg-cc-cmp-list { display: flex; flex-direction: column; gap: var(--space-md); }
.pg-cc-cmp-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-md);
}
.pg-cc-cmp-row__win {
  background: linear-gradient(135deg, var(--c-alice) 0%, #E8F5E9 100%);
  border-radius: 14px;
  padding: 22px 20px;
  border-left: 3px solid var(--c-green);
}
.pg-cc-cmp-row__area {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 20px;
  color: var(--c-green);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.pg-cc-cmp-row__etech {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g600);
}
.pg-cc-cmp-row__etech svg { color: var(--c-green); flex-shrink: 0; }
.pg-cc-cmp-row__etech span{font-family: var(--f-body);
    font-weight: 400;
    font-size: 16px;
    color: var(--c-g600);
    margin: 0;
    line-height: 1.5;
}
.pg-cc-cmp-row__lose {
  background-color: var(--c-g100);
  border-radius: 14px;
  padding: 22px 20px;
  border-left: 3px solid var(--c-g300);
}
.pg-cc-cmp-row__lose-label {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 20px;
  color: #4B5563;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 6px;
  
}
.pg-cc-cmp-row__industry {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: #4B5563;
}

/* Tiers */
.pg-cc-tiers-stat-card {
  background-color: var(--c-white);
  border-radius: 16px;
  padding: var(--space-xl);
  border: 1px solid var(--c-g200);
  margin-top: var(--space-xl);
  margin-bottom: var(--space-md);
}
.pg-cc-tiers-stat-card__value {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 36px;
  line-height: 1;
  margin-bottom: 6px;
}
.pg-cc-tiers-stat-card__label {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  color: var(--c-indigo);
  margin-bottom: 4px;
}
.pg-cc-tiers-stat-card__sub {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g400);
}
.pg-cc-tiers-mini { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-sm); }
.pg-cc-tiers-mini__item {
  background: linear-gradient(135deg, var(--c-white) 0%, #E8F5E9 100%);
  border-radius: 12px;
  padding: var(--space-md);
  border-left: 3px solid var(--c-green);
}
.pg-cc-tiers-mini__value {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
      color: rgb(66, 67, 81);
}
.pg-cc-tiers-mini__label {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g500);
  
}

.pg-cc-tiers-cards { display: flex; flex-direction: column; gap: var(--space-xl); }
.pg-cc-tier-card {
  background-color: var(--c-white);
  border-radius: 20px;
  padding: var(--space-2xl) var(--space-xl);
  border: 1px solid var(--c-g200);
}
.pg-cc-tier-card__header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: var(--space-lg);
  flex-wrap: wrap;
}
.pg-cc-tier-card__badge {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 14px;
  color: var(--c-white);
  background-color: var(--c-indigo);
  padding: 4px 12px;
  border-radius: 100px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.pg-cc-tier-card__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 22px;
  color: rgb(66, 67, 81);
  margin: 0;
}
.pg-cc-tier-card__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.8;
  color: var(--c-g500);
  margin-bottom: 20px;
}
.pg-cc-tier-card__list { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: var(--space-xl); }
.pg-cc-tier-card__footer {
  padding-top: var(--space-lg);
  border-top: 1px solid var(--c-g200);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pg-cc-tier-card__footer a{
  font-family: var(--f-heading) ;
    font-weight: 600 ;
    font-size: 16px ;
    color: var(--c-green) ;
    white-space: nowrap ;
    display: flex ;
    align-items: center ;
    gap: 6px ;
}
.pg-cc-tier-card__stat { text-align: right; }
.pg-cc-tier-card__stat-value {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 28px;
  line-height: 1;
}
.pg-cc-tier-card__stat-label {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g500);
}

/* Omnichannel channel card */
.pg-cc-channel {
  background-color: var(--c-alice);
  border-radius: 20px;
  padding: var(--space-2xl) var(--space-xl);
  border: 1px solid var(--c-g200);
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.3s, transform 0.3s;
}
.pg-cc-channel:hover {
  box-shadow: 0 12px 40px rgba(35, 39, 85, 0.06);
  transform: translateY(-4px);
}
.pg-cc-channel__desc { flex-grow: 0; margin-bottom: var(--space-md); }
.pg-cc-channel__items { margin-bottom: var(--space-md); }
.pg-cc-channel__footer {
  margin-top: auto;
  padding-top: var(--space-md);
  border-top: 1px solid var(--c-g200);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pg-cc-channel__stat {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 24px;
}
.pg-cc-channel__stat-label {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: #374151;
  text-align: right;
}

/* AI card */
.pg-cc-ai-card {
  background-color: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  padding: var(--space-xl) var(--space-lg);
}
.pg-cc-ai-card__icon { color: #10B981; margin-bottom: var(--space-md); }
.pg-cc-ai-card__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 17px;
  color: var(--c-white);
  margin: 0 0 var(--space-sm);
}
.pg-cc-ai-card__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
  color: #ffffffcf;
}

.pg-cc-ai-stats {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: var(--space-md);
  margin-top: var(--space-2xl);
}
.pg-cc-ai-stat {
  padding: var(--space-lg) var(--space-md);
  border-radius: 14px;
  background-color: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
  text-align: center;
}
.pg-cc-ai-stat__value {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 28px;
  color: var(--c-white);
  margin-bottom: 4px;
  line-height: 1;
}
.pg-cc-ai-stat__label {
  font-family: var(--f-heading);
  font-weight: 500;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.45);
}

/* Servant leadership */
.pg-cc-serv-grid {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: var(--space-4xl);
  align-items: center;
}
.pg-cc-serv-pillars { display: flex; flex-direction: column; gap: var(--space-md); margin-top: var(--space-lg); }
.pg-cc-serv-pillar {
  padding: var(--space-lg) var(--space-xl);
  border-radius: 14px;
  background-color: var(--c-alice);
  border: 1px solid var(--c-g200);
}
.pg-cc-serv-pillar__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 16px;
      color: rgb(66, 67, 81);
  margin-bottom: 6px;
}
.pg-cc-serv-pillar__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: var(--c-g500);
}
.pg-cc-serv-media { position: relative; }
.pg-cc-serv-photo {
  width: 100%;
  aspect-ratio: 4/3.5;
  border-radius: 20px;
}
.pg-cc-serv-quote {
  position: absolute;
  bottom: var(--space-lg);
  left: var(--space-lg);
  right: var(--space-lg);
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-radius: 14px;
  padding: var(--space-lg) var(--space-xl);
}
.pg-cc-serv-quote__text {
  font-family: var(--f-body);
    font-weight: 400;
    font-size: 16px;
    color: var(--c-g600);
    font-style: italic;
    margin: 0 0 8px;
    line-height: 24px;
}

/* Proof band with 6 items */
.pg-cc-proof-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: var(--space-xl);
  max-width: var(--container-max, 1400px);
  margin: 0 auto;
  padding: 0 var(--space-2xl);
  text-align: center;
}
.pg-cc-proof-grid.culture-proof-grid{
  grid-template-columns: repeat(5, 1fr);
}

.pg-cc-proof-item__value {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 40px;
  margin-bottom: 6px;
  line-height: 1;
  color:#ffffff;  
}
.pg-cc-proof-item__value.white{    background: linear-gradient(135deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.55) 100%) text!important;
    -webkit-text-fill-color: transparent!important;}
.pg-cc-proof-item__label {
  font-family: var(--f-body);
  font-family:var(--f-heading);
    font-weight: 600;
    font-size: 18px;
        color: rgba(255, 255, 255, 0.55);
    margin-bottom: 4px;
}
.pg-cc-proof-item__sub {
  font-family: var(--f-body);
    font-weight: 400;
    font-size: 16px;
    color: #ffffff80;
}

/* Framework cards */
.pg-cc-fw-card {
  border-radius: 20px;
  padding: var(--space-2xl) var(--space-xl);
  background-color: var(--c-white);
  border: 1px solid var(--c-g200);
  transition: all 0.35s cubic-bezier(.16, 1, .3, 1);
  cursor: pointer;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.pg-cc-fw-card:hover {
  background: linear-gradient(135deg, #232755 0%, #1A1F45 50%, #0F1330 100%);
  border-color: transparent;
}
.pg-cc-fw-card__tag {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 14px;
  color: var(--c-green);
  letter-spacing: 2.5px;
  text-transform: uppercase;
  margin-bottom: var(--space-lg);
  transition: color 0.35s;
}
.pg-cc-fw-card:hover .pg-cc-fw-card__tag { color: #10B981; }
.pg-cc-fw-card__icon { color: var(--c-green); margin-bottom: var(--space-md); transition: color 0.35s; }
.pg-cc-fw-card:hover .pg-cc-fw-card__icon { color: #10B981; }
.pg-cc-fw-card__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 22px;
     color: rgb(66, 67, 81);
  margin: 0 0 6px;
  transition: color 0.35s;
}
.pg-cc-fw-card:hover .pg-cc-fw-card__title { color: var(--c-white); }
.pg-cc-fw-card__entity {
  font-family: var(--f-heading);
  font-weight: 500;
  font-size: 12px;
  color: #4B5563;
  margin-bottom: var(--space-md);
  transition: color 0.35s;
}
.pg-cc-fw-card:hover .pg-cc-fw-card__entity { color: rgba(255, 255, 255, 0.5); }
.pg-cc-fw-card__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #374151;
  margin: 0;
  transition: color 0.35s;
}
.pg-cc-fw-card:hover .pg-cc-fw-card__desc { color: rgba(255, 255, 255, 0.55); }

/* Responsive */
@media (max-width: 1199px) {
  .pg-cc-hero-grid,
  .pg-cc-cmp-grid,
  .pg-cc-serv-grid { grid-template-columns: 1fr; gap: var(--space-2xl); }
  .pg-cc-cmp-sticky { position: static; }
  .pg-cc-hero__title { font-size: 40px; }
  .pg-cc-hero-stat-card { left: var(--space-md); right: auto; }
  .pg-cc-hero-live-card { right: var(--space-md); }
  .pg-cc-tier-card__list { grid-template-columns: 1fr; }
  .pg-cc-ai-stats { grid-template-columns: repeat(3, 1fr); }
  .pg-cc-proof-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 767px) {
  .pg-cc-hero__title { font-size: 30px; }
  .pg-cc-hero-stat-card { margin-top: var(--space-md); padding: 15px; position: relative;bottom: 0px;left: 0px;}      
  .pg-cc-hero-live-card { display: inline-flex; margin-top: var(--space-sm); padding: 15px;}
  .pg-cc-cmp-row { grid-template-columns: 1fr; }
  .pg-cc-ai-stats { grid-template-columns: 1fr 1fr; }
  .pg-cc-proof-grid { grid-template-columns: 1fr; padding: 0 var(--space-md); }
  .pg-cc-hero-stat-card__value{font-size: 23px;}
    .pg-cc-cmp-row__area{font-size:16px;}
    .pg-cc-cmp-row__lose-label{font-size:16px;}
}

/* ════════════════════════════════════════════════════════════
   BACK OFFICE PAGE  (.pg-bo-*)
   ════════════════════════════════════════════════════════════ */
.pg-bo-hero-photo {
  aspect-ratio: 4/3.2;
  border-radius: 20px;
  width: 100%;
}
.pg-bo-stats {
  margin-top: var(--space-2xl);
}

/* contact locations header title reset */
.pg-locations-header__title { margin: 0 !important; }

/* ════════════════════════════════════════════════════════════
   SOLUTIONS OVERVIEW PAGE  (.pg-sol-*)
   ════════════════════════════════════════════════════════════ */
.pg-sol-hero-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-md);
}
.pg-sol-hero-stat {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  padding: var(--space-lg) var(--space-md);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}
.pg-sol-hero-stat__value {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 32px;
  color: var(--c-white);
  margin-bottom: 6px;
  line-height: 1;
}
.pg-sol-hero-stat__label {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 20px;
  color: rgba(255, 255, 255, 0.75);
  margin-bottom: 2px;
}
.pg-sol-hero-stat__detail {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.35);
}

/* Featured solution card (wide) */
.pg-sol-featured {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  background-color: var(--c-white);
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid var(--c-g200);
  margin-bottom: var(--space-xl);
  transition: box-shadow 0.3s, transform 0.3s;
}
.pg-sol-featured:hover {
  box-shadow: 0 12px 40px rgba(35, 39, 85, 0.08);
  transform: translateY(-4px);
}
.pg-sol-featured__photo {
  aspect-ratio: auto;
  min-height: 100%;
}
.pg-sol-featured__body {
  padding: var(--space-3xl) var(--space-2xl);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pg-sol-featured__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 28px;
  color: var(--c-indigo);
  margin: 0 0 var(--space-sm);
}
.pg-sol-featured__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: var(--c-g500);
  margin: 0 0 var(--space-md);
}
.pg-sol-featured__detail {
  padding-top: var(--space-md);
  border-top: 1px solid var(--c-g200);
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 14px;
  color: var(--c-g600);
  line-height: 20px;
  margin: 0 0 var(--space-md);
}
.pg-sol-featured__cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  color: var(--c-green);
  text-decoration: none;
}
.pg-sol-featured__cta:hover { gap: 10px; }

/* Smaller solution cards */
.pg-sol-card {
  background-color: var(--c-white);
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--c-g200);
  transition: box-shadow 0.3s, transform 0.3s;
  display: flex;
  flex-direction: column;
}
.pg-sol-card:hover {
  box-shadow: 0 12px 40px rgba(35, 39, 85, 0.08);
  transform: translateY(-4px);
}
.pg-sol-card__body { padding: var(--space-xl); display: flex; flex-direction: column; flex-grow: 1; }
.pg-sol-card__tags { display: flex; gap: 6px; margin-bottom: var(--space-md); }
.pg-sol-card__tag,
.pg-sol-featured .pg-sol-card__tag {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 14px;
  background-color: rgba(14, 107, 59, 0.1);
  color: var(--c-green);
  padding: 4px 10px;
  border-radius: 100px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}
.pg-sol-card__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
  color: var(--c-indigo);
  margin: 0 0 var(--space-sm);
}
.pg-sol-card__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: #374151;
  margin: 0 0 var(--space-md);
}
.pg-sol-card__detail {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g600);
  margin: 0 0 var(--space-md);
  padding-top: var(--space-sm);
  border-top: 1px solid var(--c-g200);
}
.pg-sol-card__cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  color: var(--c-green);
  text-decoration: none;
  margin-top: auto;
}
.pg-sol-card__cta:hover { gap: 10px; }

/* Outcome card (larger than stat-card, has description) */
.pg-sol-out-card {
  background-color: var(--c-white);
  border: 1px solid var(--c-g200);
  border-radius: 16px;
  padding: var(--space-xl);
}
.pg-sol-out-card__value {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 44px;
  line-height: 1;
  margin-bottom: var(--space-sm);
}
.pg-sol-out-card__label {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  color: rgb(66, 67, 81);
  margin-bottom: var(--space-sm);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.pg-sol-out-card__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: var(--c-g500);
  margin: 0;
}

/* Case study card */
.pg-sol-case {
  background-color: var(--c-white);
  border: 1px solid var(--c-g200);
  border-radius: 16px;
  padding: var(--space-xl);
  transition: box-shadow 0.3s, transform 0.3s;
}
.pg-sol-case:hover {
  box-shadow: 0 12px 40px rgba(35, 39, 85, 0.08);
  transform: translateY(-4px);
}
.pg-sol-case__industry {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 14px;
  color: var(--c-green);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: var(--space-sm);
}
.pg-sol-case__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 18px;
  color: var(--c-indigo);
  margin: 0 0 var(--space-sm);
}
.pg-sol-case__problem {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  color: var(--c-g500);
  margin: 0 0 var(--space-md);
}
.pg-sol-case__outcome {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 22px;
  margin-bottom: var(--space-sm);
}
.pg-sol-case__detail {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 14px;
  color: var(--c-g600);
  margin: 0;
}

/* Responsive */
@media (max-width: 1199px) {
  .pg-sol-featured { grid-template-columns: 1fr; }
  .pg-sol-featured__photo { aspect-ratio: 16/9; min-height: auto; }
  .pg-sol-hero-stats { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 767px) {
  .pg-sol-hero-stats { grid-template-columns: 1fr; }
  .pg-sol-featured__body { padding: var(--space-xl) var(--space-md); }
  .pg-sol-out-card__value { font-size: 36px; }
}

/* ════════════════════════════════════════════════════════════
   CULTURE VALUES PAGE  (.pg-cv-*)
   ════════════════════════════════════════════════════════════ */
.pg-cv-commit {
  background-color: var(--c-alice);
  border: 1px solid var(--c-g200);
  border-radius: 16px;
  padding: var(--space-xl);
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--space-md);
  align-items: flex-start;
}
.pg-cv-commit__num {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 28px;
  line-height: 1;
  background: linear-gradient(135deg, #10B981 0%, #0E6B3B 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  min-width: 44px;
}
.pg-cv-commit__text {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 18px;
  line-height: 1.65;
  color: var(--c-g600);
  margin: 0;
}

/* ════════════════════════════════════════════════════════════
   INTEGRATIONS PAGE  (.pg-int-*)
   ════════════════════════════════════════════════════════════ */
.pg-int-outcome {
  margin-top: var(--space-2xl);
  background: linear-gradient(135deg, rgba(14, 107, 59, 0.06), rgba(14, 107, 59, 0.02));
  border: 1px solid rgba(14, 107, 59, 0.15);
  border-radius: 100px;
  padding: var(--space-md) var(--space-xl);
  text-align: center;
}
.pg-int-outcome p {
  font-family: var(--f-heading);
  font-weight: 500;
  font-size: 15px;
  color: var(--c-indigo);
  margin: 0;
}

@media (max-width: 767px) {
  .pg-int-outcome { border-radius: 16px; }
}

/* ════════════════════════════════════════════════════════════
   INDUSTRIES PAGE  (.pg-ind-*)
   ════════════════════════════════════════════════════════════ */
.pg-ind-years {
  display: inline-block;
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 11px;
  color: var(--c-green);
  background-color: rgba(14, 107, 59, 0.08);
  padding: 4px 10px;
  border-radius: 100px;
  margin-top: var(--space-sm);
  letter-spacing: 0.5px;
}
.pg-ind-com-card {
  background-color: var(--c-white);
  border: 1px solid var(--c-g200);
  border-radius: 12px;
  padding: var(--space-lg);
  text-align: center;
}
.pg-ind-com-card__industry {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 15px;
  color: var(--c-indigo);
  margin-bottom: var(--space-sm);
}
.pg-ind-com-card__cert {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 13px;
  color: var(--c-green);
}

.pg-ind-faq {
  max-width: 920px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}
.pg-ind-faq-item {
  background-color: var(--c-white);
  border: 1px solid var(--c-g200);
  border-radius: 12px;
  padding: var(--space-md) var(--space-lg);
  transition: box-shadow 0.3s;
}
.pg-ind-faq-item:hover {
  box-shadow: 0 4px 16px rgba(35, 39, 85, 0.05);
}
.pg-ind-faq-item[open] {
  background-color: var(--c-white);
}
.pg-ind-faq-item__q {
  font-family: var(--f-heading);
  font-weight: 600;
     font-size: 18px;
    color: rgb(66, 67, 81);
  cursor: pointer;
  list-style: none;
  padding: var(--space-sm) 0;
  position: relative;
  padding-right: 40px;
  line-height: 1.4;
}
.pg-ind-faq-item__q::-webkit-details-marker { display: none; }
.pg-ind-faq-item__q::after {
  content: "+";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
  font-weight: 300;
  color: var(--c-green);
  transition: transform 0.2s;
  line-height: 1;
}
.pg-ind-faq-item[open] .pg-ind-faq-item__q::after {
  content: "−";
}
.pg-ind-faq-item__a {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  color: var(--c-g600);
  margin: var(--space-sm) 0 var(--space-sm);
  padding-top: var(--space-sm);
}



/* ════════════════════════════════════════════════════════════
   BATCH 1 REBUILDS — CAREERS / CULTURE-VALUES / INTEGRATIONS / QUALITY-ANALYTICS
   ════════════════════════════════════════════════════════════ */

/* ─── shared helpers ─── */
.ep-section__eyebrow--emerald { color: #10B981; }
.ep-section__title--light { color: var(--c-white); }
/* .ep-hero__title span.ep-gradient-text { display: inline-block; } */


/* ════════════════════════════════════════════════════════════
   CAREERS (pg-car)
   ════════════════════════════════════════════════════════════ */

/* HERO — 50% headline + right glass card + accent pill */
.pg-car-hero-title { margin: 0; padding: 0; }
.pg-car-hero-headline {
  display: block;
  font-family: var(--f-heading);
  font-weight: 900;
  font-size: 100px;
  line-height: 0.9;
  margin: 0 0 8px;
}
.pg-car-hero-subhead {
  display: block;
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 42px;
  line-height: 1.1;
  color: var(--c-white);
  letter-spacing: -0.02em;
}
.pg-car-hero__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 18px;
  line-height: 1.8;
  color: rgba(255,255,255,0.65);
  max-width: 480px;
  margin: 32px 0 36px;
}
.pg-car-hero-proof {
  position: relative;
  padding: var(--space-lg) var(--space-md);
}
.pg-car-hero-proof__card {
  background: rgba(255,255,255,0.03);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-radius: 24px;
  padding: var(--space-2xl);
  border: 1px solid rgba(255,255,255,0.08);
}
.pg-car-hero-proof__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-xl);
}
.pg-car-hero-proof__item { text-align: center; padding: var(--space-lg) 0; }
.pg-car-hero-proof__value {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 44px;
  color: var(--c-white);
  line-height: 1;
  margin-bottom: 4px;
}
.pg-car-hero-proof__suffix { color: #10B981; }
.pg-car-hero-proof__label {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 14px;
  color: rgba(255,255,255,0.8);
  margin-bottom: 2px;
}
.pg-car-hero-proof__sub {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 13px;
  color: rgba(255,255,255,0.4);
}
.pg-car-hero-accent {
  position: absolute;
  bottom: 6px;
  left: -30px;
  background: var(--c-green);
  border-radius: 16px;
  padding: var(--space-md) var(--space-xl);
  box-shadow: 0 12px 40px rgba(14,107,59,0.4);
  display: flex;
  align-items: center;
  gap: 12px;
  z-index: 2;
}
.pg-car-hero-accent__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--c-white);
  animation: ep-pulse 2s infinite;
}
.pg-car-hero-accent__text {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 14px;
  color: var(--c-white);
}

/* JOURNEY — 5-step timeline */
.pg-car-journey {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0;
  position: relative;
  padding: var(--space-2xl) 0;
  margin-top: var(--space-2xl);
}
.pg-car-journey__line,
.pg-car-journey__progress {
  position: absolute;
  top: calc(var(--space-2xl) + 36px);
  height: 2px;
  transform: translateY(-50%);
}
.pg-car-journey__line  { left: 10%; right: 10%; background-color: var(--c-g200); z-index: 0; }
.pg-car-journey__progress { left: 10%; width: 80%; background-color: var(--c-green); z-index: 1; }
.pg-car-journey__step {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 2;
}
.pg-car-journey__icon {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background-color: var(--c-white);
  border: 2px solid var(--c-green);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--c-green);
  box-shadow: 0 4px 20px rgba(14,107,59,0.12);
}
.pg-car-journey__role {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 18px;
  color:#424351;
  margin-top: var(--space-md);
}
.pg-car-journey__time {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g400);
  margin-top: 4px;
}
.pg-car-journey-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-xl);
  margin-top: var(--space-4xl);
  padding: var(--space-2xl);
  background-color: var(--c-alice);
  border-radius: 24px;
  border: 1px solid var(--c-g200);
}
.pg-car-journey-stat { text-align: center; }
.pg-car-journey-stat__value {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 28px;
  line-height: 1;
  margin-bottom: 8px;
}
.pg-car-journey-stat__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g500);
  line-height: 1.7;
  margin: 0;
}

/* SUCCESS STORIES — scrolling carousel */
.pg-car-stories {
  padding: var(--space-5xl) 0;
  background: linear-gradient(135deg, var(--c-indigo) 0%, #1a1f45 100%);
  overflow: hidden;
  position: relative;
}
.pg-car-stories__head { margin-bottom: var(--space-3xl); }
.pg-car-stories__head-grid {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--space-2xl);
  align-items: end;
}
.pg-car-stories__hint {
  font-family: var(--f-body);
     font-size: 18px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
    max-width: 400px;
    text-align: right;
    line-height: 1.65;
  margin: 0;
}
.pg-car-stories__track-wrap { position: relative; }
.pg-car-stories__fade-l,
.pg-car-stories__fade-r {
  position: absolute;
  top: 0; bottom: 0;
  width: 150px;
  z-index: 3;
  pointer-events: none;
}
.pg-car-stories__fade-l { left: 0; background: linear-gradient(90deg, var(--c-indigo) 0%, transparent 100%); }
.pg-car-stories__fade-r { right: 0; background: linear-gradient(270deg, #1a1f45 0%, transparent 100%); }
.pg-car-stories__track {
  display: flex;
  gap: var(--space-lg);
  width: fit-content;
  padding-left: var(--space-2xl);
  animation: pg-car-scroll 50s linear infinite;
}
.pg-car-stories__track:hover { animation-play-state: paused; }
@keyframes pg-car-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.pg-car-story-card {
  background-color: rgba(255,255,255,0.04);
  border-radius: 20px;
  padding: var(--space-2xl);
  min-width: 300px;
  max-width: 300px;
  border: 1px solid rgba(255,255,255,0.08);
  flex-shrink: 0;
  transition: all 0.35s cubic-bezier(.16,1,.3,1);
}
.pg-car-story-card:hover {
  background-color: rgba(255,255,255,0.08);
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(0,0,0,0.2);
}
.pg-car-story-card__head {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  margin-bottom: var(--space-lg);
}
.pg-car-story-card__avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid rgba(16,185,129,0.4);
  flex-shrink: 0;
  background: linear-gradient(135deg, #3D4580, #252B55);
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,0.3);
}
.pg-car-story-card__avatar img{
  height:60px;
  width:60px;
  object-fit: cover;
}
.pg-car-story-card__name {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 16px;
  color: var(--c-white);
  margin-bottom:7px;
}
.pg-car-story-card__tenure {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: rgba(255,255,255,0.4);
}
.pg-car-story-card__journey {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: var(--space-md) 0;
  margin-bottom: var(--space-md);
  border-top: 1px solid rgba(255,255,255,0.08);
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.pg-car-story-card__from, .pg-car-story-card__to { flex: 1; }
.pg-car-story-card__to { text-align: right; }
.pg-car-story-card__jlabel {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: rgba(255,255,255,0.35);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 4px;
}
.pg-car-story-card__jrole {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  color: rgba(255,255,255,0.7);
}
.pg-car-story-card__jrole--accent { color: #10B981; }
.pg-car-story-card__arrow { color: #10B981; flex-shrink: 0; }
.pg-car-story-card__quote {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: rgba(255,255,255,0.5);
  line-height: 1.7;
  font-style: italic;
  margin: 0;
}

/* WHY ETECH — sticky-left + 4 reason cards */
.pg-car-why {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: var(--space-4xl);
  align-items: start;
}
.pg-car-why__left { position: sticky; top: 120px; }
.pg-car-why__right {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}
.pg-car-why-card {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: var(--space-xl);
  align-items: start;
  padding: var(--space-xl) var(--space-2xl);
  background-color: var(--c-alice);
  border-radius: 16px;
  border: 1px solid var(--c-g200);
  transition: all 0.35s cubic-bezier(.16,1,.3,1);
  cursor: pointer;
}
.pg-car-why-card:hover {
  background-color: var(--c-indigo);
  border-color: transparent;
}
.pg-car-why-card__num {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 44px;
  color: var(--c-g300);
  line-height: 1;
  transition: color 0.35s;
}
.pg-car-why-card:hover .pg-car-why-card__num { color: #10B981; }
.pg-car-why-card__body { min-width: 0; }
.pg-car-why-card__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
  color:#424351;
  margin: 0 0 8px;
  transition: color 0.35s;
}
.pg-car-why-card:hover .pg-car-why-card__title { color: var(--c-white); }
.pg-car-why-card__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g500);
  line-height: 1.7;
  margin: 0;
  transition: color 0.35s;
}
.pg-car-why-card:hover .pg-car-why-card__desc { color: rgba(255,255,255,0.7); }
.pg-car-why-card__highlight {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  color: var(--c-green);
  background-color: rgba(14,107,59,0.08);
  padding: 6px 12px;
  border-radius: 6px;
  white-space: nowrap;
  transition: all 0.35s;
  letter-spacing: 0.5px;
  align-self: start;
}
.pg-car-why-card:hover .pg-car-why-card__highlight {
  background-color: rgba(16,185,129,0.15);
  color: #10B981;
}

/* OPEN POSITIONS — filter chips + role cards */
.pg-car-filter {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: var(--space-2xl);
  flex-wrap: wrap;
}
.pg-car-filter__btn {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 13px;
  padding: 10px 24px;
  border-radius: 8px;
  border: none;
  background-color: var(--c-white);
  color: var(--c-g600);
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 1px 4px rgba(0,0,0,0.04);
  min-height: 44px;
}
.pg-car-filter__btn--active {
  background-color: var(--c-green);
  color: var(--c-white);
  box-shadow: 0 4px 16px rgba(14,107,59,0.25);
}
.pg-car-role-card {
  background-color: var(--c-white);
  border-radius: 20px;
  padding: var(--space-xl);
  border: 1px solid var(--c-g200);
  transition: all 0.35s cubic-bezier(.16,1,.3,1);
  height: 100%;
  display: flex;
  flex-direction: column;
}
.pg-car-role-card:hover {
  box-shadow: 0 12px 40px rgba(35,39,85,0.06);
  transform: translateY(-4px);
}
.pg-car-role-card__tags { display: flex; gap: 8px; margin-bottom: var(--space-md); }
.pg-car-role-card__tag {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 10px;
  padding: 5px 10px;
  border-radius: 6px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.pg-car-role-card__tag--dept {
  color: var(--c-green);
  background-color: rgba(14,107,59,0.08);
}
.pg-car-role-card__tag--type {
  color: var(--c-g500);
  background-color: var(--c-g100);
}
.pg-car-role-card__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
  color: var(--c-indigo);
  margin: 0 0 8px;
}
.pg-car-role-card__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 15px;
  color: var(--c-g500);
  line-height: 1.7;
  margin: 0 0 var(--space-lg);
  flex: 1;
}
.pg-car-role-card__foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: var(--space-md);
  border-top: 1px solid var(--c-g200);
}
.pg-car-role-card__loc {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--c-g400);
  font-family: var(--f-body);
  font-size: 13px;
}
.pg-car-role-card__apply {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--f-heading);
  font-size: 13px;
  font-weight: 600;
  color: var(--c-green);
  text-decoration: none;
  min-height: 44px;
}
.pg-car-role-card[hidden] { display: none; }

/* BENEFITS — featured tuition card + 8 icon tiles */
.pg-car-tuition {
  background: linear-gradient(135deg, var(--c-green) 0%, #0a8a4a 100%);
  border-radius: 20px;
  padding: var(--space-2xl) var(--space-3xl);
  margin-bottom: var(--space-xl);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-3xl);
  align-items: center;
  box-shadow: 0 20px 60px rgba(14,107,59,0.25);
}
.pg-car-tuition__amount {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 56px;
  color: var(--c-white);
  line-height: 1;
}
.pg-car-tuition__label {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 18px;
  color: rgba(255,255,255,0.9);
  margin-top: 8px;
}
.pg-car-tuition__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: rgba(255,255,255,0.75);
  line-height: 1.8;
  margin-top: var(--space-md);
}
.pg-car-tuition__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-md);
}
.pg-car-tuition__item {
  background-color: rgba(255,255,255,0.1);
  border-radius: 12px;
  padding: var(--space-md) var(--space-lg);
}
.pg-car-tuition__iname {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 16px;
  color: var(--c-white);
}
.pg-car-tuition__idesc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  margin-top:8px;
  color: rgba(255,255,255,0.65);
}

.pg-car-benefit {
  background-color: var(--c-alice);
  border-radius: 16px;
  padding: var(--space-xl);
  border: 1px solid var(--c-g200);
  transition: all 0.35s cubic-bezier(.16,1,.3,1);
  height: 100%;
}
.pg-car-benefit:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(35,39,85,0.06);
}
.pg-car-benefit__icon { color: var(--c-green); margin-bottom: var(--space-md); }
.pg-car-benefit__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
  color: #424351;
  margin: 0 0 6px;
}
.pg-car-benefit__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g500);
  line-height: 1.65;
  margin: 0;
}

/* TESTIMONIALS */
.pg-car-test-card {
  background-color: var(--c-white);
  border-radius: 20px;
  padding: var(--space-2xl) var(--space-xl);
  border: 1px solid var(--c-g200);
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: all 0.35s cubic-bezier(.16,1,.3,1);
  margin: 0;
}
.pg-car-test-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(35,39,85,0.06);
}
.pg-car-test-card__mark {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 48px;
  color: var(--c-green);
  opacity: 0.15;
  line-height: 1;
  margin-bottom: 8px;
}
.pg-car-test-card__quote {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 15px;
  color: var(--c-g600);
  line-height: 1.8;
  flex: 1;
  margin: 0;
}
.pg-car-test-card__foot {
  border-top: 1px solid var(--c-g200);
  padding-top: var(--space-lg);
  margin-top: var(--space-xl);
}
.pg-car-test-card__role {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 16px;
  color: #424351;
  line-height:1.7;
}
.pg-car-test-card__meta {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g400);
  margin-top:4px;
}

/* LOCATIONS */
.pg-car-locations { margin-bottom: var(--space-5xl); }
.pg-car-loc-card {
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid var(--c-g200);
  background: var(--c-white);
  transition: all 0.35s cubic-bezier(.16,1,.3,1);
}
.pg-car-loc-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(35,39,85,0.06);
}
.pg-car-loc-card__media {
  aspect-ratio: 16/9;
  background: linear-gradient(135deg, #3D4580, #252B55);
  overflow: hidden;
}
.pg-car-loc-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pg-car-loc-card__body { padding: var(--space-lg); }
.pg-car-loc-card__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-md);
}
.pg-car-loc-card__name {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 18px;
  color: #424351;
  margin: 0 0 4px;
}
.pg-car-loc-card__cities {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g400);
  line-height:1.7;
  margin: 0;
}
.pg-car-loc-card__team {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 20px;
  line-height: 1;
}

/* HIRING PROCESS */
.pg-car-process-card {
  background-color: var(--c-alice);
  border-radius: 16px;
  padding: var(--space-2xl) var(--space-xl);
  border: 1px solid var(--c-g200);
  position: relative;
}
.pg-car-process-card__num {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 44px;
  color: var(--c-green);
  opacity: 0.15;
  line-height: 1;
  margin-bottom: var(--space-sm);
}
.pg-car-process-card__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 18px;
  color: #424351;
  margin: 0 0 8px;
}
.pg-car-process-card__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g500);
  line-height: 1.7;
  margin: 0;
}
.pg-car-process-card__arrow {
  position: absolute;
  top: 50%;
  right: -14px;
  transform: translateY(-50%);
  color: var(--c-g300);
}

/* FINAL CTA */
.pg-car-cta {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 24px 64px rgba(35,39,85,0.08);
}
.pg-car-cta__body {
  background: linear-gradient(135deg, var(--c-indigo) 0%, #1a1f45 100%);
  padding: var(--space-4xl) var(--space-3xl);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pg-car-cta__eyebrow {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  color: #10B981;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  margin-bottom: var(--space-lg);
}
.pg-car-cta__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 38px;
  color: var(--c-white);
  line-height: 1.12;
  margin: 0 0 var(--space-lg);
}
.pg-car-cta__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 17px;
  color: rgba(255,255,255,0.6);
  line-height: 1.8;
  margin: 0 0 var(--space-2xl);
  max-width: 440px;
}
.pg-car-cta__actions { display: flex; gap: 14px; flex-wrap: wrap; }
.pg-car-cta__media {
  position: relative;
  min-height: 420px;
  background: linear-gradient(135deg, #3D4580, #252B55);
  overflow: hidden;
}
.pg-car-cta__media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Careers responsive */
@media (max-width: 1199px) {
  .pg-car-hero-headline { font-size: 80px; }
  .pg-car-hero-subhead { font-size: 32px; }
  .pg-car-why { grid-template-columns: 1fr; }
  .pg-car-why__left { position: static; }
  .pg-car-why-card { grid-template-columns: auto 1fr; padding: 20px;}
  .pg-car-why-card__highlight { grid-column: 1 / -1; justify-self: end; }
  .pg-car-cta { grid-template-columns: 1fr; }
  .pg-car-cta__media { min-height: 240px; }
  .pg-car-journey { grid-template-columns: repeat(3, 1fr); gap: var(--space-xl); }
  .pg-car-journey__line, .pg-car-journey__progress { display: none; }
  .pg-car-stories__fade-l{display:none;}
  .pg-car-stories__fade-l{display:none;}
}
@media (max-width: 767px) {
  .pg-car-hero-headline { font-size: 64px; }
  .pg-car-hero-subhead { font-size: 24px; }
  .pg-car-hero-proof__grid { grid-template-columns: 1fr; }
  .pg-car-hero-accent { position: static; margin-top: var(--space-md); }
  .pg-car-tuition { grid-template-columns: 1fr; padding:20px;}
  .pg-car-journey { grid-template-columns: repeat(2, 1fr); padding-top:0px;}
  .pg-car-journey-stats { grid-template-columns: 1fr; padding:20px;}
  .pg-car-process-card__arrow { display: none; }
  .pg-car-journey-stat__value{font-size:20px;}
  .pg-car-hero-proof__card{padding:20px;}
  .pg-car-hero-proof__value{font-size:28px;}
}


/* ════════════════════════════════════════════════════════════
   CULTURE & VALUES (pg-cv)
   ════════════════════════════════════════════════════════════ */

/* HERO — 3 inline stats */
.pg-cv-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-lg);
  max-width: 560px;
  margin-top: var(--space-lg);
}
.pg-cv-hero-stat {}
.pg-cv-hero-stat__value {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 32px;
  color: var(--c-white);
  line-height: 1;
}
.pg-cv-hero-stat__suffix {
  font-size: 16px;
  font-weight: 500;
  color: #10B981;
  margin-left: 2px;
}
.pg-cv-hero-stat__label {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: rgb(156, 163, 175);
  margin-top: 4px;
}
.pg-ets-hero__main--placeholder,
.pg-ets-hero__inset--placeholder,
.pg-cv-servant__img--placeholder,
.pg-cv-own__placeholder {
  width: 100%;
  aspect-ratio: 4/3;
  background: linear-gradient(135deg, #3D4580 0%, #252B55 100%);
  border-radius: 20px;
}
.pg-cv-servant__img--placeholder { aspect-ratio: 3/4; }
.pg-cv-own__placeholder { aspect-ratio: 4/5; }

/* WHY CULTURE IS THE DIFFERENTIATOR */
.pg-cv-diff-card {
 padding: 36px 32px;
  border-radius: 20px;
}
.pg-cv-diff-card--industry {
  border-left: 3px solid var(--c-g300);
  background: linear-gradient(135deg, rgb(255, 255, 255) 0%, rgb(243, 244, 246) 100%);
}
.pg-cv-diff-card--etech {
  border-left: 3px solid var(--c-green);
  background: linear-gradient(135deg, var(--c-alice) 0%, #E8F5E9 100%);
}
.pg-cv-diff-card__num {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 40px;
  line-height: 1;
  margin-bottom: var(--space-sm);
}
.pg-cv-diff-card--industry .pg-cv-diff-card__num { color: rgb(55, 65, 81); }
.pg-cv-diff-card--etech .pg-cv-diff-card__num {
  background: linear-gradient(135deg, #0E6B3B 0%, #10B981 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.pg-cv-diff-card__label {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 4px;
}
.pg-cv-diff-card--etech .pg-cv-diff-card__label { color: var(--c-indigo); }
.pg-cv-diff-card--industry .pg-cv-diff-card__label {    color: rgb(75, 85, 99); }
.pg-cv-diff-card__sub {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
     color: rgb(107, 114, 128);
}

/* OUR VALUES — 5-card grid (reuse existing .ep-grid--5 but need new card style) */
.pg-cv-values { display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--space-md); }
.pg-cv-value-card {
  padding: var(--space-xl);
  border-radius: 16px;
  background-color: var(--c-white);
  border: 1px solid var(--c-g200);
  transition: all 0.35s cubic-bezier(.16,1,.3,1);
  height: 100%;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.pg-cv-value-card:hover {
  background-color: var(--c-indigo);
  border-color: transparent;
}
.pg-cv-value-card svg{height:32px;width:32px;}
.pg-cv-value-card__icon { color: var(--c-green); margin-bottom: var(--space-md); transition: color 0.35s; }
.pg-cv-value-card:hover .pg-cv-value-card__icon { color: #10B981; }
.pg-cv-value-card__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
  color: rgb(66, 67, 81);
  margin: 0 0 var(--space-sm);
  transition: color 0.35s;
}
.pg-cv-value-card:hover .pg-cv-value-card__title { color: var(--c-white); }
.pg-cv-value-card__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: rgb(107, 114, 128);
  line-height: 1.6;
  margin: 0;
  transition: color 0.35s;
  flex: 1;
}
.pg-cv-value-card:hover .pg-cv-value-card__desc { color: rgba(255,255,255,0.6); }

/* CHARACTER COMMITMENTS — sticky left + 12 details cards */
.pg-cv-cc {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: var(--space-4xl);
  align-items: start;
}
.pg-cv-cc__left { position: sticky; top: 120px; }
.pg-cv-cc__card {
  background-color: var(--c-alice);
  border-radius: 16px;
  padding: var(--space-lg) var(--space-xl);
  border: 1px solid var(--c-g200);
  margin-top: var(--space-xl);
}
.pg-cv-cc__card-value {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 44px;
  line-height: 1;
  margin-bottom: 4px;
  background: linear-gradient(135deg, rgb(14, 107, 59) 0%, rgb(16, 185, 129) 100%) text;
    -webkit-text-fill-color: transparent;
}
.pg-cv-cc__card-label {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  color: rgb(66, 67, 81);
  margin-bottom: 4px;
}
.pg-cv-cc__card-sub {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g400);
}
.pg-cv-cc__right {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.pg-cv-cc-card {
  padding: 0;
  border-radius: 16px;
  background-color: var(--c-white);
  border: 1px solid var(--c-g200);
  transition: all 0.35s cubic-bezier(.16,1,.3,1);
  cursor: pointer;
}
.pg-cv-cc-card[open] {
  background-color: var(--c-indigo);
  border-color: transparent;
}
.pg-cv-cc-card__head {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: var(--space-lg);
  list-style: none;
  cursor: pointer;
  min-height: 44px;
}
.pg-cv-cc-card__head::-webkit-details-marker { display: none; }
.pg-cv-cc-card__icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(14,107,59,0.08);
  color: var(--c-green);
  transition: all 0.35s;
  flex-shrink: 0;
}
.pg-cv-cc-card[open] .pg-cv-cc-card__icon {
  background-color: rgba(16,185,129,0.15);
  color: #10B981;
}
.pg-cv-cc-card__titles { flex: 1; }
.pg-cv-cc-card__title {
  display: block;
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
  color:#424351;
  transition: color 0.35s;
}
.pg-cv-cc-card[open] .pg-cv-cc-card__title { color: var(--c-white); }
.pg-cv-cc-card__tagline {
  display: block;
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g400);
  margin-top: 2px;
  transition: color 0.35s;
}
.pg-cv-cc-card[open] .pg-cv-cc-card__tagline { color: rgba(255,255,255,0.45); }
.pg-cv-cc-card__chevron {
  color: var(--c-g300);
  transition: all 0.35s;
  flex-shrink: 0;
}
.pg-cv-cc-card[open] .pg-cv-cc-card__chevron { color: #10B981; transform: rotate(180deg); }
.pg-cv-cc-card__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.7;
  color: var(--c-g500);
  padding: 0 var(--space-lg) var(--space-lg) calc(44px + var(--space-lg) + 14px);
  margin: 0;
  transition: color 0.35s;
}
.pg-cv-cc-card[open] .pg-cv-cc-card__desc { color: rgba(255,255,255,0.65); }

/* SERVANT LEADERSHIP */
.pg-cv-servant {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: var(--space-4xl);
  align-items: center;
}
.pg-cv-servant__stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-md);
  margin-top: var(--space-xl);
}
.pg-cv-servant__stat {
  background-color: var(--c-white);
  border-radius: 14px;
  padding: var(--space-lg);
  border: 1px solid var(--c-g200);
}
.pg-cv-servant__stat-value {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 24px;
  line-height: 1;
  margin-bottom: 4px;
}
.pg-cv-servant__stat--etech .pg-cv-servant__stat-value { color: rgb(66, 67, 81); }
.pg-cv-servant__stat--industry .pg-cv-servant__stat-value { color: rgb(66, 67, 81); }
.pg-cv-servant__stat-label {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 15px;
  color: var(--c-g500);
}
.pg-cv-servant__media { position: relative; }
.pg-cv-servant__img {
  width: 100%;
  aspect-ratio: 3/4;
  border-radius: 20px;
  object-fit: cover;
  display: block;
}
.pg-cv-servant__quote {
  position: absolute;
  bottom: var(--space-xl);
  left: var(--space-xl);
  right: var(--space-xl);
  background-color: rgba(255,255,255,0.95);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-radius: 14px;
  padding: var(--space-lg) var(--space-xl);
  box-shadow: 0 8px 32px rgba(0,0,0,0.08);
  margin: 0;
}
.pg-cv-servant__qtext {
  font-family: var(--f-body);
  font-weight: 600;
  font-size: 16px;
  color: var(--c-g600);
  font-style: italic;
  margin: 0 0 8px;
  line-height: 1.6;
}
.pg-cv-servant__qauthor {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
    color: rgb(66, 67, 81);
  font-style: normal;
}
.culture-value-outcome-sec .ep-section__header{max-width:600px;}
/* CULTURE OUTCOMES — 4 numbered step cards */
.pg-cv-out-card {
  padding: var(--space-2xl) var(--space-xl);
  border-radius: 20px;
  background-color: var(--c-alice);
  border: 1px solid var(--c-g200);
  height: 100%;
  display: flex;
  flex-direction: column;
}
.pg-cv-out-card__num {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 36px;
  line-height: 1;
  margin-bottom: var(--space-md);
  background: linear-gradient(135deg, rgb(14, 107, 59) 0%, rgb(16, 185, 129) 100%) text;
}
.pg-cv-out-card__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 18px;
  color: rgb(66, 67, 81);
  margin: 0 0 var(--space-sm);
}
.pg-cv-out-card__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: #6b7280;
  line-height: 1.7;
  margin: 0;
  flex: 1;
}

/* PROOF BAND sub label (shared across pages) */
.pg-cc-proof-item__sub {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: rgba(255,255,255,0.45);
  margin-top: 4px;
}

/* COMMUNITY */
.pg-cv-com__header {
  display: flex;
  align-items: flex-start;
  gap: var(--space-md);
  margin-bottom: var(--space-3xl);
}
.pg-cv-com__header-icon { color: var(--c-green); flex-shrink: 0; padding-top: 8px; }
.pg-cv-com-card {
  background-color: var(--c-white);
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid var(--c-g200);
  transition: all 0.3s;
  cursor: pointer;
}
.pg-cv-com-card:hover {
  box-shadow: 0 12px 40px rgba(35,39,85,0.06);
  transform: translateY(-4px);
}
.pg-cv-com-card__media {
  aspect-ratio: 16/9;
  background: linear-gradient(135deg, #3D4580, #252B55);
  overflow: hidden;
}
.pg-cv-com-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pg-cv-com-card__body { padding: var(--space-xl); }
.pg-cv-com-card__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
  color: rgb(66, 67, 81);
  margin: 0 0 var(--space-sm);
}
.pg-cv-com-card__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g500);
  line-height: 1.7;
  margin: 0;
}

/* OWNERSHIP MATTERS */
.pg-cv-own {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: var(--space-4xl);
  align-items: center;
}
.pg-cv-own__badges { display: flex; gap: 12px; flex-wrap: wrap; margin-top: var(--space-lg); }
.pg-cv-own__badge {
  background-color: var(--c-alice);
  border-radius: 14px;
  padding: var(--space-md) var(--space-lg);
  border: 1px solid var(--c-g200);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--f-heading);
 font-size: 16px;
    color: rgb(66, 67, 81);
}
.pg-cv-own__badge svg { color: var(--c-green); flex-shrink: 0; }
.pg-cv-own__media img {
  width: 100%;
  aspect-ratio: 4/5;
  border-radius: 20px;
  object-fit: cover;
  display: block;
}

/* Culture responsive */
@media (max-width: 1199px) {
  .pg-cv-hero-stats { max-width: 100%; }
  .pg-cv-values { grid-template-columns: repeat(2, 1fr); }
  .pg-cv-cc { grid-template-columns: 1fr; }
  .pg-cv-cc__left { position: static; }
  .pg-cv-cc__right { grid-template-columns: 1fr 1fr; }
  .pg-cv-servant { grid-template-columns: 1fr; }
  .pg-cv-own { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  .pg-cv-hero-stats { grid-template-columns: 1fr; }
  .pg-cv-values { grid-template-columns: 1fr; }
  .pg-cv-cc__right { grid-template-columns: 1fr; }
  .pg-cv-servant__stats { grid-template-columns: 1fr; }
  .pg-cv-servant__quote { left: var(--space-md); right: var(--space-md); bottom: var(--space-md); padding: var(--space-md); }
  .pg-cv-com__header { flex-direction: column; align-items: flex-start; }
  .pg-cv-cc-card__desc { padding-left: var(--space-lg); }
}


/* ════════════════════════════════════════════════════════════
   INTEGRATIONS (pg-int)
   ════════════════════════════════════════════════════════════ */

/* HERO — 16 connector logo grid + floating card + live pill */
.pg-int-hero-media {
  position: relative;
  padding: var(--space-xl) var(--space-xl);
}
.pg-int-hero-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.pg-int-hero-grid__cell {
  background-color: rgba(255,255,255,0.06);
  border-radius: 12px;
  padding: var(--space-md) 12px;
  border: 1px solid rgba(255,255,255,0.08);
  text-align: center;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  font-family: var(--f-heading);
  font-size: 12px;
  font-weight: 500;
  color: rgba(255,255,255,0.55);
  letter-spacing: 0.3px;
  transition: all 0.3s;
}
.pg-int-hero-grid__cell:hover {
  background-color: rgba(16,185,129,0.12);
  border-color: rgba(16,185,129,0.3);
  color: var(--c-white);
}
.pg-int-hero-stat-card {
  position: absolute;
  top: -20px;
  right: -20px;
  background: var(--c-white);
  border-radius: 16px;
  padding: var(--space-lg) var(--space-xl);
  box-shadow: 0 12px 40px rgba(0,0,0,0.15);
  border: 1px solid rgba(14,107,59,0.1);
}
.pg-int-hero-stat-card__value {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 36px;
  line-height: 1;
}
.pg-int-hero-stat-card__label {
  font-family: var(--f-body);
  font-weight: 500;
  font-size: 12px;
  color: var(--c-g600);
  margin-top: 4px;
}
.pg-int-hero-live {
  position: absolute;
  bottom: -12px;
  left: var(--space-md);
  display: flex;
  align-items: center;
  gap: 6px;
  background-color: rgba(0,0,0,0.5);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 100px;
  padding: 6px 14px;
}
.pg-int-hero-live__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #10B981;
  animation: ep-pulse 2s infinite;
}
.pg-int-hero-live__text {
  font-family: var(--f-heading);
  font-size: 11px;
  font-weight: 500;
  color: rgba(255,255,255,0.8);
  letter-spacing: 0.5px;
}

/* FLEXIBILITY — 2 cards */
.pg-int-flex-card {
  border-radius: 20px;
  padding: var(--space-3xl) var(--space-2xl);
  height: 100%;
  display: flex;
  flex-direction: column;
}
.pg-int-flex-card--light {
  background: linear-gradient(135deg, var(--c-alice) 0%, #E8F5E9 100%);
  border: 3px solid var(--c-green);
}
.pg-int-flex-card--dark {
  background: linear-gradient(135deg, var(--c-indigo) 0%, #1a1f45 100%);
}
.pg-int-flex-card__head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: var(--space-lg);
}
.pg-int-flex-card__icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background-color: rgba(14,107,59,0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--c-green);
  flex-shrink: 0;
}
.pg-int-flex-card__icon--light {
  background-color: rgba(16,185,129,0.1);
  color: #10B981;
}
.pg-int-flex-card__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 22px;
  color: var(--c-indigo);
  margin: 0;
}
.pg-int-flex-card__title--light { color: var(--c-white); }
.pg-int-flex-card__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.75;
  color: var(--c-g500);
  margin: 0 0 var(--space-xl);
}
.pg-int-flex-card__desc--light { color: rgba(255,255,255,0.65); }
.pg-int-flex-card__tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; }
.pg-int-flex-card__tag {
  font-family: var(--f-heading);
  font-size: 11px;
  font-weight: 600;
  color: var(--c-green);
  background-color: rgba(14,107,59,0.06);
  border-radius: 100px;
  padding: 6px 14px;
}
.pg-int-flex-card__tag--light {
  color: #10B981;
  background-color: rgba(16,185,129,0.1);
}
.pg-int-flex-banner {
  display: flex;
  align-items: center;
  gap: 12px;
  background-color: var(--c-alice);
  border-radius: 100px;
  padding: 14px 28px;
  border: 1px solid var(--c-g200);
  margin: var(--space-2xl) auto 0;
  max-width: fit-content;
}
.pg-int-flex-banner__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--c-green);
  flex-shrink: 0;
}
.pg-int-flex-banner__text {
  font-family: var(--f-heading);
  font-size: 14px;
  font-weight: 600;
  color: var(--c-indigo);
}

/* THE AGENT EXPERIENCE + mockup */
.pg-int-agent {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: var(--space-4xl);
  align-items: center;
}
.pg-int-agent__features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-lg);
  margin-top: var(--space-xl);
}
.pg-int-agent__feat { padding: var(--space-md) 0; border-top: 1px solid var(--c-g200); }
.pg-int-agent__feat-name {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 14px;
  color: var(--c-indigo);
  margin-bottom: 4px;
}
.pg-int-agent__feat-desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 13px;
  line-height: 1.6;
  color: var(--c-g500);
}
.pg-int-agent__mock { position: relative; }
.pg-int-mock {
  background-color: var(--c-white);
  border-radius: 20px;
  border: 1px solid var(--c-g200);
  padding: var(--space-xl);
  box-shadow: 0 12px 56px rgba(35,39,85,0.07);
}
.pg-int-mock__bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--space-lg);
  padding-bottom: var(--space-md);
  border-bottom: 1px solid var(--c-g100);
}
.pg-int-mock__dots { display: flex; gap: 8px; }
.pg-int-mock__dots i { width: 10px; height: 10px; border-radius: 50%; display: inline-block; }
.pg-int-mock__dots i:nth-child(1) { background-color: #ef4444; }
.pg-int-mock__dots i:nth-child(2) { background-color: #f59e0b; }
.pg-int-mock__dots i:nth-child(3) { background-color: #10B981; }
.pg-int-mock__title {
  font-family: var(--f-heading);
  font-size: 11px;
  font-weight: 500;
  color: var(--c-g400);
}
.pg-int-mock__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-md);
  margin-bottom: var(--space-md);
}
.pg-int-mock__panel {
  background-color: var(--c-alice);
  border-radius: 12px;
  padding: var(--space-lg);
}
.pg-int-mock__plabel {
  font-family: var(--f-heading);
  font-size: 10px;
  font-weight: 600;
  color: var(--c-green);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.pg-int-mock__bar-line { height: 8px; background-color: var(--c-g200); border-radius: 4px; margin-bottom: 8px; }
.pg-int-mock__bar-line:last-child { margin-bottom: 0; }
.pg-int-mock__bar-line--85 { width: 85%; }
.pg-int-mock__bar-line--65 { width: 65%; }
.pg-int-mock__bar-line--75 { width: 75%; }
.pg-int-mock__bar-line--90 { width: 90%; }
.pg-int-mock__bar-line--78 { width: 78%; }
.pg-int-mock__bar-line--60 { width: 60%; }
.pg-int-mock__bar-line--92 { width: 92%; }
.pg-int-mock__bar-line--68 { width: 68%; }
.pg-int-mock__bar-line--accent { background-color: rgba(14,107,59,0.2); }
.pg-int-mock__rtaa {
  background-color: rgba(14,107,59,0.04);
  border-radius: 12px;
  padding: var(--space-lg);
  border: 1px solid rgba(14,107,59,0.1);
  margin-bottom: var(--space-md);
}
.pg-int-mock__rtaa-label {
  font-family: var(--f-heading);
  font-size: 10px;
  font-weight: 600;
  color: var(--c-green);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
.pg-int-mock__rtaa-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #10B981;
  animation: ep-pulse 2s infinite;
  display: inline-block;
}
.pg-int-mock__pills { display: flex; flex-wrap: wrap; gap: 8px; margin-top: var(--space-lg); }
.pg-int-mock__pill {
  font-family: var(--f-heading);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: var(--c-g400);
  background-color: var(--c-g100);
  border-radius: 100px;
  padding: 4px 10px;
}
.pg-int-agent__badge {
  position: absolute;
  bottom: -16px;
  right: var(--space-lg);
  display: flex;
  align-items: center;
  gap: 6px;
  background-color: var(--c-white);
  border-radius: 100px;
  padding: 8px 16px;
  box-shadow: 0 4px 20px rgba(35,39,85,0.08);
  border: 1px solid var(--c-g200);
}
.pg-int-agent__badge-value {
  font-family: var(--f-heading);
  font-size: 12px;
  font-weight: 700;
  color: var(--c-green);
}
.pg-int-agent__badge-label {
  font-family: var(--f-body);
  font-size: 12px;
  font-weight: 400;
  color: var(--c-g500);
}

/* ECOSYSTEM — 8 tabs + detail panel */
.pg-int-eco-head {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-3xl);
  align-items: end;
  margin-bottom: var(--space-3xl);
}
.pg-int-eco__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: var(--space-3xl);
}
.pg-int-eco__tab {
  font-family: var(--f-heading);
  font-size: 13px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 100px;
  border: none;
  cursor: pointer;
  background-color: var(--c-alice);
  color: var(--c-g600);
  transition: all 0.25s ease;
  min-height: 44px;
}
.pg-int-eco__tab--active {
  background-color: var(--c-indigo);
  color: var(--c-white);
}
.pg-int-eco__detail-wrap {}
.pg-int-eco__detail {
  display: none;
  background-color: var(--c-alice);
  border-radius: 24px;
  padding: var(--space-3xl);
  border: 1px solid var(--c-g200);
}
.pg-int-eco__detail--active { display: block; }
.pg-int-eco__detail-head {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--space-lg);
  align-items: start;
  margin-bottom: var(--space-2xl);
}
.pg-int-eco__detail-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background-color: rgba(14,107,59,0.08);
  color: var(--c-green);
  display: flex;
  align-items: center;
  justify-content: center;
  grid-row: span 2;
}
.pg-int-eco__detail-title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 24px;
  color: var(--c-indigo);
  margin: 0 0 8px;
}
.pg-int-eco__detail-desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 15px;
  line-height: 1.7;
  color: var(--c-g500);
  margin: 0;
}
.pg-int-eco__connectors {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.pg-int-eco__connector {
  background-color: var(--c-white);
  border-radius: 12px;
  padding: var(--space-md) var(--space-lg);
  border: 1px solid var(--c-g200);
  font-family: var(--f-heading);
  font-size: 14px;
  font-weight: 500;
  color: var(--c-indigo);
  transition: all 0.25s;
}
.pg-int-eco__connector:hover {
  border-color: var(--c-green);
  box-shadow: 0 4px 16px rgba(14,107,59,0.08);
}
.pg-int-eco__footnote {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 13px;
  color: var(--c-g400);
  margin: var(--space-md) 0 0;
}

/* SPEED — 3 timeline cards */
.pg-int-speed-card {
  border-radius: 20px;
  border: 1px solid var(--c-g200);
  padding: var(--space-2xl);
  position: relative;
  overflow: hidden;
  height: 100%;
}
.pg-int-speed-card--etech {
  background-color: var(--c-white);
  border-left: 3px solid var(--c-green);
}
.pg-int-speed-card--industry {
  background-color: var(--c-g100);
  border-left: 3px solid var(--c-g300);
}
.pg-int-speed-card__compare {
  position: absolute;
  top: var(--space-md);
  right: var(--space-md);
  font-family: var(--f-heading);
  font-size: 10px;
  font-weight: 600;
  color: var(--c-g400);
  background-color: var(--c-g200);
  border-radius: 100px;
  padding: 4px 10px;
}
.pg-int-speed-card__timeline {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 32px;
  margin-bottom: 4px;
  line-height: 1;
}
.pg-int-speed-card--etech .pg-int-speed-card__timeline {
  background: linear-gradient(135deg, #0E6B3B, #10B981);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.pg-int-speed-card--industry .pg-int-speed-card__timeline { color: var(--c-g400); }
.pg-int-speed-card__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 18px;
  margin: 0 0 var(--space-sm);
}
.pg-int-speed-card--etech .pg-int-speed-card__title { color: var(--c-indigo); }
.pg-int-speed-card--industry .pg-int-speed-card__title { color: var(--c-g500); }
.pg-int-speed-card__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 15px;
  line-height: 1.7;
  margin: 0;
}
.pg-int-speed-card--etech .pg-int-speed-card__desc { color: var(--c-g500); }
.pg-int-speed-card--industry .pg-int-speed-card__desc { color: var(--c-g400); }

/* FULL STACK — 3 RUN/SEE/BUILD cards */
.pg-int-fs-card {
  padding: var(--space-3xl) var(--space-2xl);
  border-radius: 18px;
  background-color: var(--c-alice);
  border: 1px solid var(--c-g200);
  transition: all 0.35s cubic-bezier(.16,1,.3,1);
  height: 100%;
  display: flex;
  flex-direction: column;
}
.pg-int-fs-card:hover {
  background-color: var(--c-indigo);
  border-color: transparent;
}
.pg-int-fs-card__pillar {
  font-family: var(--f-heading);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--c-green);
  margin-bottom: 6px;
  display: block;
  transition: color 0.35s;
}
.pg-int-fs-card:hover .pg-int-fs-card__pillar { color: #10B981; }
.pg-int-fs-card__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 22px;
  color: var(--c-indigo);
  margin: 0 0 var(--space-md);
  transition: color 0.35s;
}
.pg-int-fs-card:hover .pg-int-fs-card__title { color: var(--c-white); }
.pg-int-fs-card__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 15px;
  line-height: 1.75;
  color: var(--c-g500);
  margin: 0 0 var(--space-lg);
  transition: color 0.35s;
  flex: 1;
}
.pg-int-fs-card:hover .pg-int-fs-card__desc { color: rgba(255,255,255,0.65); }
.pg-int-fs-card__link {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 13px;
  color: var(--c-green);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: color 0.35s;
}
.pg-int-fs-card:hover .pg-int-fs-card__link { color: #10B981; }

/* Integrations responsive */
@media (max-width: 1199px) {
  .pg-int-agent { grid-template-columns: 1fr; }
  .pg-int-eco-head { grid-template-columns: 1fr; }
  .pg-int-eco__connectors { grid-template-columns: repeat(2, 1fr); }
  .pg-int-hero-stat-card { top: -12px; right: -12px; padding: var(--space-md); }
  .pg-int-hero-stat-card__value { font-size: 28px; }
}
@media (max-width: 767px) {
  .pg-int-hero-grid { grid-template-columns: repeat(3, 1fr); gap: 8px; }
  .pg-int-mock__row { grid-template-columns: 1fr; }
  .pg-int-agent__features { grid-template-columns: 1fr; }
  .pg-int-eco__detail-head { grid-template-columns: 1fr; }
  .pg-int-eco__detail-icon { grid-row: auto; }
  .pg-int-eco__connectors { grid-template-columns: 1fr; }
}


/* ════════════════════════════════════════════════════════════
   QUALITY & ANALYTICS (pg-qa)
   ════════════════════════════════════════════════════════════ */

.pg-qa-hero__byline {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.7;
  color: rgba(255,255,255,0.4);
  max-width: 520px;
  margin: 0 0 36px;
}

/* COMPARE — Typical vs QEval */
.pg-qa-compare {
  padding: var(--space-2xl);
  border-radius: 20px;
}
.pg-qa-compare--typical {
  background-color: var(--c-g100);
  border: 1px solid var(--c-g200);
}
.pg-qa-compare--qeval {
  background: linear-gradient(135deg, var(--c-alice) 0%, #E8F5E9 100%);
  border: 3px solid var(--c-green);
}
.pg-qa-compare__head {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: var(--space-lg);
}
.pg-qa-compare__dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
.pg-qa-compare__dot--red { background-color: #EF4444; }
.pg-qa-compare__dot--green { background-color: var(--c-green); }
.pg-qa-compare__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
  color: var(--c-indigo);
  margin: 0;
}
.pg-qa-compare__list { list-style: none; padding: 0; margin: 0; }
.pg-qa-compare__item {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 15px;
  color: var(--c-g600);
  line-height: 1.8;
  margin-bottom: 12px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.pg-qa-compare__item--minus { color: var(--c-g500); }
.pg-qa-compare__item--check svg { color: var(--c-green); flex-shrink: 0; margin-top: 4px; }
.pg-qa-compare__item--minus span:first-child { color: var(--c-g400); flex-shrink: 0; }

/* WHAT QEVAL IS — text only */
.pg-qa-overview { max-width: 900px; }
.pg-qa-overview__para {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 17px;
  line-height: 1.8;
  color: var(--c-g600);
  margin: 0 0 var(--space-md);
}

/* PLATFORM CAPABILITIES — 6 cards */
.pg-qa-cap-card {
  background-color: var(--c-white);
  border-radius: 20px;
  border: 1px solid var(--c-g200);
  padding: var(--space-xl);
  transition: all 0.35s cubic-bezier(.16,1,.3,1);
  cursor: pointer;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.pg-qa-cap-card:hover {
  background-color: var(--c-indigo);
  border-color: transparent;
  box-shadow: 0 12px 40px rgba(35,39,85,0.1);
}
.pg-qa-cap-card__icon { color: var(--c-green); margin-bottom: var(--space-md); transition: color 0.35s; }
.pg-qa-cap-card:hover .pg-qa-cap-card__icon { color: #10B981; }
.pg-qa-cap-card__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 18px;
  color: rgb(66, 67, 81);
  margin: 0 0 var(--space-sm);
  transition: color 0.35s;
}
.pg-qa-cap-card:hover .pg-qa-cap-card__title { color: var(--c-white); }
.pg-qa-cap-card__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 14px;
  color: var(--c-g500);
  line-height: 1.7;
  margin: 0 0 var(--space-md);
  flex: 1;
  transition: color 0.35s;
}
.pg-qa-cap-card:hover .pg-qa-cap-card__desc { color: rgba(255,255,255,0.75); }
.pg-qa-cap-card__tag {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 10px;
  color: var(--c-green);
  text-transform: uppercase;
  letter-spacing: 1.2px;
  margin-top: auto;
  transition: color 0.35s;
}
.pg-qa-cap-card:hover .pg-qa-cap-card__tag { color: #10B981; }

/* HOW IT WORKS — QA variant (sticky-left) */
.pg-qa-how__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 24px;
  color: var(--c-indigo);
  margin: 0 0 var(--space-md);
}
.pg-qa-how__left-desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 15px;
  color: var(--c-g500);
  line-height: 1.8;
  margin: 0;
}

/* PROOF BAND — QA variant with title */
.pg-qa-proof {
  max-width: var(--max-w, 1400px);
  margin: 0 auto;
  padding: 0 20px;
}
.pg-qa-proof__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 38px;
  color: var(--c-white);
  text-align: center;
  margin: 0 0 var(--space-3xl);
}

/* AWARDS — 2 cards, no icon, no org subtitle */
.pg-qa-award {
  padding: var(--space-2xl);
  border-radius: 20px;
  background-color: var(--c-white);
  border: 1px solid var(--c-g200);
  box-shadow: 0 4px 12px rgba(35,39,85,0.04);
  transition: all 0.3s;
}
.pg-qa-award:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(35,39,85,0.08);
}
.pg-qa-award__org {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 12px;
  color: var(--c-green);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.pg-qa-award__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 18px;
  color: var(--c-indigo);
  margin: 0 0 var(--space-sm);
}
.pg-qa-award__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 14px;
  color: var(--c-g600);
  line-height: 1.7;
  margin: 0;
}

/* FULL STACK ADVANTAGE — RUN/SEE/BUILD tag cards */
.pg-qa-fs-card {
  padding: var(--space-xl);
  border-radius: 16px;
  background-color: var(--c-white);
  border: 1px solid var(--c-g200);
  transition: all 0.35s cubic-bezier(.16,1,.3,1);
  cursor: pointer;
}
.pg-qa-fs-card:hover {
  background-color: var(--c-indigo);
  border-color: transparent;
}
.pg-qa-fs-card__tag {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 9px;
  color: var(--c-g400);
  letter-spacing: 2.5px;
  text-transform: uppercase;
  margin-bottom: var(--space-sm);
  transition: color 0.35s;
}
.pg-qa-fs-card:hover .pg-qa-fs-card__tag { color: #10B981; }
.pg-qa-fs-card__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 18px;
  color: var(--c-indigo);
  margin: 0 0 var(--space-sm);
  transition: color 0.35s;
}
.pg-qa-fs-card:hover .pg-qa-fs-card__title { color: var(--c-white); }
.pg-qa-fs-card__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 14px;
  color: var(--c-g600);
  line-height: 1.7;
  margin: 0;
  transition: color 0.35s;
}
.pg-qa-fs-card:hover .pg-qa-fs-card__desc { color: rgba(255,255,255,0.8); }

/* INTEGRATIONS category pills */
.pg-qa-int-cats {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: var(--space-md);
  margin-top: var(--space-lg);
}
.pg-qa-int-cat {
  padding: var(--space-lg);
  border-radius: 12px;
  background-color: var(--c-alice);
  border: 1px solid var(--c-g200);
  text-align: center;
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 13px;
  color: var(--c-green);
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* QA responsive */
@media (max-width: 1199px) {
  .pg-qa-proof__title { font-size: 28px; }
  .pg-qa-int-cats { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 767px) {
  .pg-qa-int-cats { grid-template-columns: repeat(2, 1fr); }
}


/* ════════════════════════════════════════════════════════════
   HEROES — pulse animation (shared)
   ════════════════════════════════════════════════════════════ */
@keyframes ep-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%      { opacity: 0.6; transform: scale(1.2); }
}

@media (prefers-reduced-motion: reduce) {
  .pg-car-hero-accent__dot,
  .pg-int-hero-live__dot,
  .pg-int-mock__rtaa-dot,
  .pg-ets-hero-live__dot { animation: none; }
  .pg-car-stories__track { animation: none; }
  .ep-trust-bar__track { animation: none; }
}

/* ════════════════════════════════════════════════════════════
   BATCH 2 — RTAA / VOICE-AI-SOLUTIONS / VOICE-AI-TECH
   ════════════════════════════════════════════════════════════ */

/* Shared sage gradient background */
.ep-section--bg-sage {
  background: linear-gradient(135deg, var(--c-alice) 0%, #E8F5E9 100%);
}


/* ════════════════════════════════════════════════════════════
   RTAA (pg-rt)
   ════════════════════════════════════════════════════════════ */

/* HERO — dual tag chips */
.pg-rt-hero-tags {
  display: inline-flex;
  gap: 8px;
  margin-bottom: var(--space-lg);
}
.pg-rt-hero-tag {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 6px 12px;
  border-radius: 100px;
  border: 1px solid transparent;
}
.pg-rt-hero-tag--build {
  color: #10B981;
  background-color: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.25);
}
.pg-rt-hero-tag--see {
  color: rgba(59, 150, 226, 0.9);
  background-color: rgba(59, 150, 226, 0.15);
  border-color: rgba(59, 150, 226, 0.25);
}

/* FIVE PILLARS — 5 interactive cards (tag + icon + title + desc) */
.pg-rt-pillar-card {
  background-color: var(--c-white);
  border: 1px solid var(--c-g200);
  border-radius: 16px;
  padding: var(--space-xl);
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: all 0.35s cubic-bezier(.16, 1, .3, 1);
  cursor: pointer;
}
.pg-rt-pillar-card:hover {
  background-color: var(--c-indigo);
  border-color: transparent;
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(35, 39, 85, 0.15);
}
.pg-rt-pillar-card__icon {
  color: var(--c-g400);
  margin-bottom: var(--space-md);
  transition: color 0.35s;
}
.pg-rt-pillar-card:hover .pg-rt-pillar-card__icon { color: #10B981; }
.pg-rt-pillar-card__tag {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--c-green);
  margin-bottom: var(--space-sm);
  transition: color 0.35s;
}
.pg-rt-pillar-card:hover .pg-rt-pillar-card__tag { color: #10B981; }
.pg-rt-pillar-card__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 17px;
  color: var(--c-indigo);
  margin: 0 0 var(--space-sm);
  transition: color 0.35s;
}
.pg-rt-pillar-card:hover .pg-rt-pillar-card__title { color: var(--c-white); }
.pg-rt-pillar-card__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: var(--c-g600);
  margin: 0;
  transition: color 0.35s;
  flex: 1;
}
.pg-rt-pillar-card:hover .pg-rt-pillar-card__desc { color: rgba(255, 255, 255, 0.75); }

/* THE LOOP — sticky-left + 4 circle-numbered steps */
.pg-rt-loop {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: var(--space-4xl);
  align-items: flex-start;
}
.pg-rt-loop__left { position: sticky; top: 120px; }
.pg-rt-loop__right {
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
}
.pg-rt-loop-step {
  display: flex;
  gap: var(--space-lg);
  align-items: flex-start;
}
.pg-rt-loop-step__num {
  min-width: 48px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--c-green) 0%, #0a8a4a 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
  color: var(--c-white);
  flex-shrink: 0;
}
.pg-rt-loop-step__body { flex: 1; }
.pg-rt-loop-step__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 18px;
  color: var(--c-indigo);
  margin: 0 0 var(--space-sm);
}
.pg-rt-loop-step__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 15px;
  line-height: 1.8;
  color: var(--c-g600);
  margin: 0;
}

/* INTEGRATION — 4 cards on indigo */
.pg-rt-int-card {
  padding: var(--space-xl);
  border-radius: 16px;
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  height: 100%;
}
.pg-rt-int-card__icon { color: #10B981; margin-bottom: var(--space-md); }
.pg-rt-int-card__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 16px;
  color: var(--c-white);
  margin: 0 0 var(--space-sm);
}
.pg-rt-int-card__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.6);
  margin: 0;
}

/* INTEGRATED PLATFORM — indigo overlay card w/ inner 3-card grid */
.pg-rt-fs {
  position: relative;
  background-color: var(--c-indigo);
  border-radius: 24px;
  padding: var(--space-4xl) var(--space-3xl);
  overflow: hidden;
}
.pg-rt-fs::before {
  content: '';
  position: absolute;
  inset: 0;
  opacity: 0.04;
  background-image: radial-gradient(circle at 1.5px 1.5px, rgba(255, 255, 255, 0.8) 1px, transparent 0);
  background-size: 28px 28px;
  pointer-events: none;
}
.pg-rt-fs__eyebrow {
  position: relative;
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 11px;
  color: #10B981;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  margin: 0 0 var(--space-lg);
}
.pg-rt-fs__title {
  position: relative;
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 40px;
  color: var(--c-white);
  margin: 0 0 var(--space-lg);
  line-height: 1.15;
}
.pg-rt-fs__desc {
  position: relative;
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.7);
  max-width: 700px;
  line-height: 1.8;
  margin: 0 0 var(--space-2xl);
}
.pg-rt-fs__grid { position: relative; }
.pg-rt-fs-card {
  padding: var(--space-lg);
  border-radius: 16px;
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  height: 100%;
}
.pg-rt-fs-card__tag {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 10px;
  color: #10B981;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: var(--space-sm);
}
.pg-rt-fs-card__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 15px;
  color: var(--c-white);
  margin: 0 0 var(--space-sm);
}
.pg-rt-fs-card__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: rgba(255, 255, 255, 0.6);
  margin: 0;
}

/* FRAMEWORK — 3 RUN/SEE/BUILD cards (tag only, no icons) */
.pg-rt-framework-card {
  padding: var(--space-2xl);
  border-radius: 20px;
  background-color: var(--c-alice);
  border: 1px solid var(--c-g200);
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: all 0.35s cubic-bezier(.16, 1, .3, 1);
}
.pg-rt-framework-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(35, 39, 85, 0.08);
  background-color: var(--c-white);
}
.pg-rt-framework-card__pillar {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 12px;
  color: var(--c-green);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: var(--space-md);
  display: inline-block;
}
.pg-rt-framework-card__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
  color: var(--c-indigo);
  margin: 0 0 var(--space-md);
}
.pg-rt-framework-card__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 15px;
  line-height: 1.8;
  color: var(--c-g600);
  margin: 0;
}

/* CTA — split with mini stats */
.pg-rt-cta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-4xl);
  align-items: center;
}
.pg-rt-cta__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 42px;
  color: var(--c-white);
  line-height: 1.15;
  margin: 0 0 var(--space-lg);
}
.pg-rt-cta__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 18px;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.7);
  margin: 0 0 var(--space-xl);
}
.pg-rt-cta__actions {
  display: flex;
  gap: 14px;
  margin-bottom: var(--space-2xl);
  flex-wrap: wrap;
}
.pg-rt-cta__mini-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-lg);
}
.pg-rt-cta__mini-stat-value {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 28px;
  color: #10B981;
  margin-bottom: 4px;
}
.pg-rt-cta__mini-stat-label {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
}
.pg-rt-cta__media { position: relative; }
.pg-rt-cta__media img {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 20px;
  object-fit: cover;
  display: block;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.3);
}
.pg-rt-cta__media-placeholder {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 20px;
  background: linear-gradient(135deg, #3D4580 0%, #252B55 100%);
}

/* RTAA responsive */
@media (max-width: 1199px) {
  .pg-rt-loop { grid-template-columns: 1fr; }
  .pg-rt-loop__left { position: static; }
  .pg-rt-cta { grid-template-columns: 1fr; }
  .pg-rt-cta__title { font-size: 32px; }
}
@media (max-width: 767px) {
  .pg-rt-loop-step { flex-direction: column; }
  .pg-rt-loop-step__num { width: 40px; height: 40px; min-width: 40px; font-size: 16px; }
  .pg-rt-fs { padding: var(--space-2xl) var(--space-lg); }
  .pg-rt-fs__title { font-size: 28px; }
  .pg-rt-cta__mini-stats { grid-template-columns: 1fr; }
}


/* ════════════════════════════════════════════════════════════
   VOICE AI SOLUTIONS (pg-vas)
   ════════════════════════════════════════════════════════════ */

/* HERO media */
.pg-vas-hero-media {
  position: relative;
  padding: var(--space-lg);
}
.pg-vas-hero__img {
  width: 100%;
  aspect-ratio: 4/3;
  border-radius: 20px;
  object-fit: cover;
  display: block;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.3);
}
.pg-vas-hero-live {
  position: absolute;
  top: 32px;
  right: 32px;
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  padding: 8px 12px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.pg-vas-hero-live__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ef4444;
  animation: ep-pulse 2s infinite;
}
.pg-vas-hero-live__text {
  font-family: var(--f-heading);
  font-size: 11px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
}
.pg-vas-hero-stat-card {
  position: absolute;
  bottom: -28px;
  right: -28px;
  background: var(--c-white);
  border-radius: 16px;
  padding: var(--space-lg) var(--space-xl);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(14, 107, 59, 0.1);
  text-align: center;
}
.pg-vas-hero-stat-card__value {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 36px;
  line-height: 1;
  margin-bottom: 4px;
  background: linear-gradient(135deg, #0E6B3B 0%, #10B981 100%);
  -webkit-text-fill-color: transparent;
  color: transparent;
  -webkit-background-clip: text;
}
.pg-vas-hero-stat-card__label {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g400);
}

/* Marquee use cases band */
.pg-vas-marquee {
  background-color: var(--c-alice);
  padding: var(--space-xl) 0;
  overflow: hidden;
  border-top: 1px solid var(--c-g200);
  border-bottom: 1px solid var(--c-g200);
}
.pg-vas-marquee__track {
  display: flex;
  gap: 48px;
  animation: pg-vas-marquee 30s linear infinite;
  white-space: nowrap;
  width: -moz-max-content;
  width: max-content;
}
.pg-vas-marquee__item {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 14px;
  color: var(--c-g500);
  display: flex;
  align-items: center;
  gap: 12px;
}
@keyframes pg-vas-marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Built By Operators */
.pg-vas-built {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: var(--space-4xl);
  align-items: center;
}
.pg-vas-built__media { position: relative; }
.pg-vas-built__img {
  width: 100%;
  aspect-ratio: 3.5/4;
  border-radius: 20px;
  object-fit: cover;
  display: block;
}
.pg-vas-built__img--placeholder {
  background: linear-gradient(135deg, #3D4580 0%, #252B55 100%);
}
.pg-vas-built-badge {
  position: absolute;
  bottom: -30px;
  left: 40px;
  background: var(--c-white);
  border-radius: 16px;
  padding: var(--space-md) var(--space-lg);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
  border: 1px solid var(--c-g200);
}
.pg-vas-built-badge__value {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
  color: #424351;
  line-height: 1;
  margin-bottom: 2px;
}
.pg-vas-built-badge__label {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 12px;
  color: var(--c-g500);
}

/* HANDOFF — 4 step cards */
.pg-vas-step {
  background-color: var(--c-alice);
  border-radius: 16px;
  border: 1px solid var(--c-g200);
  padding: var(--space-lg) var(--space-lg) var(--space-lg);
  position: relative;
  height: 100%;
}
.pg-vas-step__num {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 32px;
  color: var(--c-green);
  margin-bottom: var(--space-md);
  line-height: 1;
}
.pg-vas-step__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
  color: rgb(66, 67, 81);
  margin: 0 0 var(--space-sm);
}
.pg-vas-step__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.65;
  color: var(--c-g500);
  margin: 0;
}

/* Accent banner */
.pg-vas-handoff-banner {
  margin-top: var(--space-3xl);
  padding: var(--space-lg) var(--space-2xl);
  background: linear-gradient(135deg, var(--c-alice) 0%, #E8F5E9 100%);
  border-radius: 16px;
  border: 1px solid var(--c-green);
  border-left: 4px solid var(--c-green);
  text-align: center;
}
.pg-vas-handoff-banner__text {
  font-family: var(--f-heading);
  font-size: 17px;
  font-weight: 600;
  color: rgb(66, 67, 81);
  margin: 0;
}

/* WHY ETECH — 3 text cards */
.pg-vas-why-card {
  background-color: var(--c-alice);
  border-radius: 20px;
  border: 1px solid var(--c-g200);
  padding: var(--space-3xl) var(--space-2xl);
  text-align: center;
  height: 100%;
  transition: all 0.35s cubic-bezier(.16, 1, .3, 1);
}
.pg-vas-why-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(35, 39, 85, 0.06);
  background-color: var(--c-white);
}
.pg-vas-why-card__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
  color: rgb(66, 67, 81);
  margin: 0 0 var(--space-md);
}
.pg-vas-why-card__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  color: var(--c-g500);
  margin: 0;
}

/* FULL-STACK — 3 pillar cards */
.pg-vas-fs-card {
  background-color: var(--c-white);
  border-radius: 20px;
  border: 1px solid var(--c-g200);
  padding: var(--space-xl) var(--space-2xl);
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: all 0.35s cubic-bezier(.16, 1, .3, 1);
}
.pg-vas-fs-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(35, 39, 85, 0.06);
}
.pg-vas-fs-card__pillar {
  font-family: var(--f-heading);
  font-size: 14px;
  font-weight: 600;
  color: var(--c-green);
  letter-spacing: 2.5px;
  text-transform: uppercase;
  background: rgba(14, 107, 59, 0.12);
  padding: 6px 12px;
  border-radius: 4px;
  display: inline-block;
  margin-bottom: var(--space-md);
  align-self: flex-start;
}
.pg-vas-fs-card__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
  color: rgb(66, 67, 81);
  margin: 0 0 var(--space-md);
}
.pg-vas-fs-card__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.65;
  color: var(--c-g500);
  margin: 0;
}

/* VAS responsive */
@media (max-width: 1199px) {
  .pg-vas-built { grid-template-columns: 1fr; }
  .pg-vas-hero-stat-card { right: -10px; bottom: -20px; padding: var(--space-md); }
  .pg-vas-hero-stat-card__value { font-size: 28px; }
}
@media (max-width: 767px) {
  .pg-vas-hero-live { top: 16px; right: 16px; }
  .pg-vas-built-badge { left: 20px; bottom: -20px; }
}


/* ════════════════════════════════════════════════════════════
   VOICE AI TECH (pg-vat)
   ════════════════════════════════════════════════════════════ */

/* Capability cards — 5 column */
.pg-vat-cap-card {
  padding: var(--space-xl);
  border-radius: 16px;
  background-color: var(--c-alice);
  border: 1px solid var(--c-g200);
  transition: all 0.35s cubic-bezier(.16, 1, .3, 1);
  cursor: pointer;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.pg-vat-cap-card:hover {
  background-color: var(--c-indigo);
  border-color: transparent;
}
.pg-vat-cap-card__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 17px;
  color: var(--c-indigo);
  margin: 0 0 var(--space-sm);
  transition: color 0.35s;
}
.pg-vat-cap-card:hover .pg-vat-cap-card__title { color: var(--c-white); }
.pg-vat-cap-card__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: var(--c-g500);
  margin: 0;
  transition: color 0.35s;
}
.pg-vat-cap-card:hover .pg-vat-cap-card__desc { color: rgba(255, 255, 255, 0.55); }

/* USE CASES — 6 cards (title + sub + desc) */
.pg-vat-uc-card {
  background-color: var(--c-white);
  border-radius: 20px;
  padding: var(--space-xl);
  border: 1px solid var(--c-g200);
  transition: all 0.35s cubic-bezier(.16, 1, .3, 1);
  height: 100%;
  display: flex;
  flex-direction: column;
}
.pg-vat-uc-card:hover {
  box-shadow: 0 12px 40px rgba(35, 39, 85, 0.06);
  transform: translateY(-4px);
}
.pg-vat-uc-card__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
  color: var(--c-indigo);
  margin: 0 0 4px;
}
.pg-vat-uc-card__sub {
  font-family: var(--f-heading);
  font-weight: 400;
  font-size: 14px;
  color: var(--c-green);
  margin: 0 0 var(--space-sm);
}
.pg-vat-uc-card__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: var(--c-g500);
  margin: 0;
  flex: 1;
}

/* ARCHITECTURE — layer rows + media */
.pg-vat-arch {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: var(--space-4xl);
  align-items: center;
}
.pg-vat-arch__layers {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin-top: var(--space-xl);
}
.pg-vat-arch-layer {
  padding: var(--space-md) var(--space-lg);
  background-color: var(--c-alice);
  border-radius: 12px;
  border-left: 3px solid var(--c-green);
}
.pg-vat-arch-layer__name {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 16px;
  color: var(--c-indigo);
  margin: 0 0 4px;
}
.pg-vat-arch-layer__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 14px;
  color: var(--c-g500);
  margin: 0;
}
.pg-vat-arch__media img {
  width: 100%;
  aspect-ratio: 3.5/4;
  border-radius: 20px;
  object-fit: cover;
  display: block;
}

/* INTEGRATION cards + green banner */
.pg-vat-int-card {
  background-color: var(--c-alice);
  border-radius: 16px;
  padding: var(--space-lg);
  border-left: 3px solid var(--c-green);
  height: 100%;
}
.pg-vat-int-card__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 14px;
  color: var(--c-indigo);
  margin: 0 0 var(--space-md);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.pg-vat-int-card__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pg-vat-int-card__item {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g500);
  padding-bottom: 10px;
}
.pg-vat-int-card__item:last-child { padding-bottom: 0; }

.pg-vat-int-banner {
  background-color: var(--c-green);
  border-radius: 12px;
  padding: var(--space-lg);
  margin-top: var(--space-xl);
  text-align: center;
}
.pg-vat-int-banner__text {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-white);
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.pg-vat-int-banner__text svg { color: var(--c-white); }

/* ADVANTAGE — RUN/SEE/BUILD cards */
.pg-vat-adv-card {
  padding: var(--space-xl);
  background-color: var(--c-white);
  border-radius: 16px;
  border: 1px solid var(--c-g200);
  height: 100%;
  transition: all 0.35s cubic-bezier(.16, 1, .3, 1);
}
.pg-vat-adv-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(35, 39, 85, 0.06);
}
.pg-vat-adv-card__tag {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 10px;
  color: var(--c-green);
  letter-spacing: 2.5px;
  text-transform: uppercase;
  background: rgba(14, 107, 59, 0.08);
  padding: 4px 8px;
  border-radius: 4px;
  display: inline-block;
  margin-bottom: var(--space-md);
}
.pg-vat-adv-card__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
  color: var(--c-indigo);
  margin: 0 0 var(--space-md);
}
.pg-vat-adv-card__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: var(--c-g500);
  margin: 0;
}

/* CTA — split */
.pg-vat-cta {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: var(--space-4xl);
  align-items: center;
}
.pg-vat-cta__media img {
  width: 100%;
  aspect-ratio: 4/3.2;
  border-radius: 20px;
  object-fit: cover;
  display: block;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.3);
}

/* VAT responsive */
@media (max-width: 1199px) {
  .ep-grid--5 { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 1199px) {
  .pg-vat-arch { grid-template-columns: 1fr; }
  .pg-vat-cta { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  .ep-grid--5 { grid-template-columns:  1fr!important; }
  .pg-vat-int-card { padding: var(--space-md); }
}

/* Shared utility: ep-grid--5 responsive */


/* ════════════════════════════════════════════════════════════
   SOLUTIONS (pg-sol) — full rebuild classes
   ════════════════════════════════════════════════════════════ */

/* SOLUTION CARDS — featured + 2x2 rest */
.pg-sol-featured {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid var(--c-g200);
  background: var(--c-white);
  margin-bottom: var(--space-2xl);
  transition: all 0.35s cubic-bezier(.16,1,.3,1);
}
.pg-sol-featured:hover {
  box-shadow: 0 24px 64px rgba(35,39,85,0.08);
  transform: translateY(-4px);
}
.pg-sol-featured__media {
  /* aspect-ratio: 16/10; */
  background: linear-gradient(135deg, #3D4580, #252B55);
  overflow: hidden;
}
.pg-sol-featured__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pg-sol-featured__body {
  padding: var(--space-3xl) var(--space-2xl);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pg-sol-card__tags { display: flex; gap: 8px; margin-bottom: var(--space-md); }
.pg-sol-card__tag {
  font-family: var(--f-heading);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--c-green);
  background-color: rgba(14,107,59,0.08);
  padding: 5px 10px;
  border-radius: 6px;
}
.pg-sol-featured__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 32px;
  color: rgb(66, 67, 81);
  margin: 0 0 var(--space-md);
}
.pg-sol-featured__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  color: var(--c-g600);
  margin: 0 0 var(--space-md);
}
.pg-sol-featured__detail {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  color: var(--c-g500);
  margin: 0 0 var(--space-lg);
  padding: var(--space-md) 0;
  border-top: 1px solid var(--c-g200);
  border-bottom: 1px solid var(--c-g200);
}
.pg-sol-featured__cta,
.pg-sol-card__cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 18px;
  color: var(--c-green);
  text-decoration: none;
  min-height: 44px;
  align-self: flex-start;
}
.pg-sol-featured__cta:hover,
.pg-sol-card__cta:hover { color: #10B981; }

.pg-sol-cards-grid { gap: var(--space-xl); }
.pg-sol-card {
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid var(--c-g200);
  background: var(--c-white);
  transition: all 0.35s cubic-bezier(.16,1,.3,1);
  display: flex;
  flex-direction: column;
}
.pg-sol-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(35,39,85,0.08);
}
.pg-sol-card__media {
  aspect-ratio: 16/9;
  background: linear-gradient(135deg, #3D4580, #252B55);
  overflow: hidden;
}
.pg-sol-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pg-sol-card__body { padding: var(--space-xl); flex: 1; display: flex; flex-direction: column; }
.pg-sol-card__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 22px;
  color: rgb(66, 67, 81);
  margin: 0 0 var(--space-sm);
}
.pg-sol-card__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  color: var(--c-g500);
  margin: 0 0 var(--space-md);
}
.pg-sol-card__detail {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  color: var(--c-g400);
  margin: 0 0 var(--space-md);
  padding-top: var(--space-md);
  border-top: 1px solid var(--c-g200);
  flex: 1;
}

/* OUTCOMES cards */
.pg-sol-out-card {
  background-color: var(--c-white);
  border-radius: 16px;
  padding: var(--space-xl);
  border: 1px solid var(--c-g200);
  height: 100%;
}
.pg-sol-out-card__value {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 44px;
  line-height: 1;
  margin-bottom: var(--space-sm);
}
.pg-sol-out-card__label {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 16px;
   color: rgb(66, 67, 81);
  margin-bottom: var(--space-sm);
}
.pg-sol-out-card__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  color: var(--c-g600);
  margin: 0;
}

/* WHY ETECH — sticky left + 6 comparison pairs */
.pg-sol-why {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: var(--space-4xl);
  align-items: start;
}
.pg-sol-why__left { position: sticky; top: 100px; }
.pg-sol-why__right {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}
.pg-sol-why-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-md);
}
.pg-sol-why-pair__card {
  border-radius: 14px;
  padding: var(--space-lg);
  border-left: 3px solid var(--c-g300);
}
.pg-sol-why-pair__card--etech {
  background: linear-gradient(135deg, var(--c-alice) 0%, #E8F5E9 100%);
  border-left-color: var(--c-green);
}
.pg-sol-why-pair__card--industry {
  background-color: var(--c-g100);
  border-left-color: var(--c-g300);
}
.pg-sol-why-pair__val {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
  color: rgb(66, 67, 81);
  margin-bottom: 6px;
}
.pg-sol-why-pair__val--muted { color: var(--c-g600); }
.pg-sol-why-pair__det {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g600);
  margin: 0;
  line-height: 1.55;
}
.pg-sol-why-pair__det--muted { color: var(--c-g500); }

/* STORY — HOW WE THINK */
.pg-sol-story {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: var(--space-4xl);
  align-items: center;
}
.pg-sol-story__media {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.pg-sol-story__tall,
.pg-sol-story__square,
.pg-sol-story__wide {
  border-radius: 16px;
  overflow: hidden;
  background: linear-gradient(135deg, #3D4580, #252B55);
}
.pg-sol-story__tall { aspect-ratio: 3/4; }
.pg-sol-story__col {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.pg-sol-story__square { aspect-ratio: 1/1; }
.pg-sol-story__wide { aspect-ratio: 4/3; flex: 1; }
.pg-sol-story__tall img,
.pg-sol-story__square img,
.pg-sol-story__wide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.pg-sol-story__placeholder { width: 100%; height: 100%; }
.pg-sol-story__stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-md);
  margin-top: var(--space-xl);
}
.pg-sol-story-stat {
  background: linear-gradient(135deg, var(--c-alice) 0%, #E8F5E9 100%);
  border-radius: 12px;
  padding: var(--space-lg);
  border-left: 3px solid var(--c-green);
}
.pg-sol-story-stat__value {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 28px;
  line-height: 1;
  margin-bottom: 6px;
  background: linear-gradient(135deg, rgb(14, 107, 59) 0%, rgb(16, 185, 129) 100%) text!important;
}
.pg-sol-story-stat__label {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g600);
  line-height: 1.5;
}

/* CASE STUDY CARDS — PROOF IN ACTION */
.pg-sol-case-card {
  background-color: var(--c-white);
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid var(--c-g200);
  transition: box-shadow 0.3s, transform 0.3s;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.pg-sol-case-card:hover {
  box-shadow: 0 12px 40px rgba(35,39,85,0.08);
  transform: translateY(-4px);
}
.pg-sol-case-card__head {
  background-color: var(--c-indigo);
  padding: var(--space-lg) var(--space-xl);
}
.pg-sol-case-card__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
  color: var(--c-white);
  margin: 0 0 4px;
}
.pg-sol-case-card__industry {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: rgba(255,255,255,0.6);
  margin: 0;
}
.pg-sol-case-card__body {
  padding: var(--space-xl);
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}
.pg-sol-case-card__block + .pg-sol-case-card__block {
  padding-top: var(--space-lg);
  border-top: 1px solid var(--c-g200);
}
.pg-sol-case-card__plabel {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 16px;
  color: rgb(66, 67, 81);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin: 0 0 10px;
}
.pg-sol-case-card__plabel--green { color: var(--c-green); }
.pg-sol-case-card__plabel--muted {
 
  font-size: 16px;
      color: rgb(66, 67, 81);
      text-transform: uppercase;
  letter-spacing: 1.2px;
}
.pg-sol-case-card__text {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  color: var(--c-g600);
  margin: 0;
}
.pg-sol-case-card__text--result {
  color: rgb(66, 67, 81);
  font-weight: 500;
}
.pg-sol-case-card__metrics { list-style: none; padding: 0; margin: 0; }
.pg-sol-case-card__metric {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g600);
  margin-bottom: 6px;
}
.pg-sol-case-card__metric svg {
  color: var(--c-green);
  margin-top: 2px;
  flex-shrink: 0;
}

/* WHAT CLIENTS SAY — Testimonial */
.pg-sol-test {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: var(--space-4xl);
  align-items: center;
}
.pg-sol-test__quote {
  background-color: var(--c-alice);
  border-radius: 14px;
  padding: var(--space-lg);
  border-left: 3px solid var(--c-green);
  margin: var(--space-md) 0 0;
}
.pg-sol-test__text {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: rgb(66, 67, 81);
  margin: 0 0 12px;
 
  line-height: 1.65;
}
.pg-sol-test__author {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  color: rgb(66, 67, 81);
  font-style: normal;
}
.pg-sol-test__media {
  position: relative;
}
.pg-sol-test__img {
  width: 100%;
  aspect-ratio: 3/4;
  border-radius: 20px;
  object-fit: cover;
  display: block;
}
.pg-sol-test__overlay {
  position: absolute;
  bottom: var(--space-xl);
  left: var(--space-xl);
  right: var(--space-xl);
  background-color: rgba(255,255,255,0.95);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-radius: 14px;
  padding: var(--space-lg) var(--space-xl);
  box-shadow: 0 8px 32px rgba(0,0,0,0.08);
}
.pg-sol-test__otext {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g600);
  font-style: italic;
  margin: 0 0 8px;
  line-height: 1.6;
}
.pg-sol-test__olabel {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 14px;
  color: rgb(66, 67, 81);
  margin: 0;
}

/* THE FULL STACK — RUN/SEE/BUILD cards (tag+title+entity+desc) */
.pg-sol-rsb-card {
  padding: var(--space-2xl);
  border-radius: 20px;
  background-color: var(--c-white);
  border: 1px solid var(--c-g200);
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: all 0.35s cubic-bezier(.16,1,.3,1);
}
.pg-sol-rsb-card:hover {
  background-color: var(--c-indigo);
    border-color: transparent;
}
.pg-sol-rsb-card:hover .pg-sol-rsb-card__title{
  color: var(--c-white);
}
.pg-sol-rsb-card:hover .pg-sol-rsb-card__desc{
      color: rgba(255, 255, 255, 0.6);
}
.pg-sol-rsb-card__tag {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: var(--c-green);
  background-color: rgba(14,107,59,0.08);
  padding: 5px 10px;
  border-radius: 6px;
  display: inline-block;
  align-self: flex-start;
  margin-bottom: var(--space-md);
}
.pg-sol-rsb-card__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
  color: rgb(66, 67, 81);
  margin: 0 0 6px;
}
.pg-sol-rsb-card__entity {
  font-family: var(--f-heading);
  font-weight: 500;
  font-size: 16px;
  color: var(--c-green);
  margin-bottom: var(--space-md);
}
.pg-sol-rsb-card__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  color: var(--c-g600);
  margin: 0;
}
.header-center{text-align:center;}
/* HOW IT WORKS — 01/02/03/04 numbered cards */
.pg-sol-proc-card {
  background-color: var(--c-alice);
  border-radius: 16px;
  padding: var(--space-xl);
  border: 1px solid var(--c-g200);
  position: relative;
  overflow: hidden;
  height: 100%;
}
.pg-sol-proc-card__num {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 56px;
  color: rgba(14,107,59,0.08);
  position: absolute;
  top: 12px;
  right: 20px;
  line-height: 1;
  pointer-events: none;
}
.pg-sol-proc-card__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
  color: rgb(66, 67, 81);
  margin: 0 0 var(--space-sm);
  position: relative;
  z-index: 2;
}
.pg-sol-proc-card__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.65;
  color: var(--c-g600);
  margin: 0;
  position: relative;
  z-index: 2;
}

/* GETTING STARTED — 2x2 cards + Average Time to Value */
.pg-sol-gs-card {
  background-color: var(--c-white);
  border-radius: 16px;
  padding: var(--space-xl);
  border: 1px solid var(--c-g200);
  height: 100%;
}
.pg-sol-gs-card__head {
  display: flex;
  align-items: flex-start;
  gap: var(--space-md);
  margin-bottom: var(--space-lg);
}
.pg-sol-gs-card__num {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 48px;
  color: rgba(14,107,59,0.1);
  line-height: 1;
  flex-shrink: 0;
}
.pg-sol-gs-card__titles { flex: 1; }
.pg-sol-gs-card__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
  color: rgb(66, 67, 81);
  margin: 0 0 8px;
}
.pg-sol-gs-card__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  color: var(--c-g600);
  margin: 0;
}
.pg-sol-gs-card__details {
  border-top: 1px solid var(--c-g200);
  padding-top: var(--space-md);
  margin-top: var(--space-md);
}
.pg-sol-gs-card__dlabel {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 11px;
  color: var(--c-g400);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 var(--space-sm);
}
.pg-sol-gs-card__list { list-style: none; padding: 0; margin: 0; }
.pg-sol-gs-card__item {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g600);
  margin-bottom: 8px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.pg-sol-gs-card__item svg { color: var(--c-green); margin-top: 2px; flex-shrink: 0; }

.pg-sol-gs-ttv {
  margin-top: var(--space-2xl);
  background-color: var(--c-indigo);
  border-radius: 20px;
  padding: var(--space-2xl);
  text-align: center;
}
.pg-sol-gs-ttv__label {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 18px;
  color: rgba(255,255,255,0.5);
  text-transform: uppercase;
  letter-spacing: 1.2px;
  margin: 0 0 12px;
}
.pg-sol-gs-ttv__value {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 32px;
  color: var(--c-white);
  margin: 0 0 12px;
}
.pg-sol-gs-ttv__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: rgba(255,255,255,0.65);
  margin: 0;
}

/* CTA split (shared with other pages — safe to define here if not yet declared) */
.pg-sol-cta {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 0;
  background-color: var(--c-indigo);
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 24px 64px rgba(35,39,85,0.15);
}
.pg-sol-cta__body {
  padding: var(--space-4xl) var(--space-3xl);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pg-sol-cta__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 38px;
  color: var(--c-white);
  line-height: 1.15;
  margin: 0 0 var(--space-lg);
}
.pg-sol-cta__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 18px;
  line-height: 1.75;
 color: rgb(255 255 255);
  margin: 0 0 var(--space-2xl);
}
.pg-sol-cta__actions { display: flex; gap: 14px; flex-wrap: wrap; }
.pg-sol-cta__media {
  background: linear-gradient(135deg, #3D4580, #252B55);
  min-height: 400px;
  overflow: hidden;
}
.pg-sol-cta__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Ets CTA eyebrow (shared) */
.pg-ets-cta__eyebrow {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 11px;
  color: #10B981;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  margin: 0 0 var(--space-lg);
}

/* Solutions responsive */
@media (max-width: 1199px) {
  .pg-sol-featured { grid-template-columns: 1fr; }
  .pg-sol-why { grid-template-columns: 1fr; }
  .pg-sol-why__left { position: static; }
  .pg-sol-story { grid-template-columns: 1fr; }
  .pg-sol-test { grid-template-columns: 1fr; }
  .pg-sol-cta { grid-template-columns: 1fr; }
  .pg-sol-cta__media { min-height: 240px; }
}
@media (max-width: 767px) {
  .pg-sol-featured__title { font-size: 24px; }
  .pg-sol-why-pair { grid-template-columns: 1fr; }
  .pg-sol-story__stats { grid-template-columns: 1fr; }
  .pg-sol-gs-card__head { flex-direction: column; }
  .pg-sol-test__overlay { left: var(--space-md); right: var(--space-md); bottom: var(--space-md); padding: var(--space-md); }
  .pg-sol-cta__title { font-size: 28px; }
  .pg-sol-cta__desc{margin-bottom:15px;}
}

/* Utility modifiers */
.ep-section--no-pad-top { padding-top: 0; }
.ep-hero__cta-group--centered { justify-content: center; }

/* ════════════════════════════════════════════════════════════
   TELECOM (pg-tel) — full rebuild classes
   ════════════════════════════════════════════════════════════ */

/* WHAT TELECOM LEADERS TELL US */
.pg-tel-leaders {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: var(--space-4xl);
  align-items: start;
}
.pg-tel-leaders__left { position: sticky; top: 140px; }
.pg-tel-leaders__right {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}
.pg-tel-leader-card {
  background-color: var(--c-alice);
  border-radius: 16px;
  padding: var(--space-xl);
  border-left: 3px solid var(--c-green);
  margin: 0;
}
.pg-tel-leader-card__theme {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 11px;
  color: var(--c-green);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin: 0 0 var(--space-sm);
}
.pg-tel-leader-card__quote {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 15px;
  line-height: 1.7;
  color: var(--c-g600);
  font-style: italic;
  margin: 0 0 var(--space-md);
}
.pg-tel-leader-card__author {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 12px;
  color: var(--c-indigo);
  font-style: normal;
}

/* 20 YEARS ON CARRIER PROGRAMS */
.pg-tel-years {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: var(--space-4xl);
  align-items: center;
}
.pg-tel-years__media {
  position: relative;
}
.pg-tel-years__main {
  width: 100%;
  aspect-ratio: 4/3;
  border-radius: 20px;
  object-fit: cover;
  display: block;
}
.pg-tel-years__inset {
  position: absolute;
  bottom: -24px;
  right: -24px;
  width: 45%;
  aspect-ratio: 1/1;
  border-radius: 16px;
  object-fit: cover;
  display: block;
  border: 4px solid var(--c-alice);
  box-shadow: 0 12px 40px rgba(0,0,0,0.12);
}
.pg-tel-years__placeholder {
  background: linear-gradient(135deg, #3D4580, #252B55);
}
.pg-tel-years__stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-md);
  margin-top: var(--space-xl);
}
.pg-tel-years-stat {
  background: linear-gradient(135deg, var(--c-alice) 0%, #E8F5E9 100%);
  border-radius: 12px;
  padding: var(--space-lg);
  border-left: 3px solid var(--c-green);
}
.pg-tel-years-stat__value {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 28px;
  line-height: 1;
  margin-bottom: 6px;
}
.pg-tel-years-stat__label {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 13px;
  color: var(--c-g600);
  line-height: 1.5;
}

/* WHERE ETECH RUNS — 6 program cards (tag + title + desc) */
.pg-tel-stack-card {
  background-color: var(--c-alice);
  border-radius: 16px;
  padding: var(--space-xl);
  border: 1px solid var(--c-g200);
  transition: all 0.35s cubic-bezier(.16,1,.3,1);
  height: 100%;
  display: flex;
  flex-direction: column;
}
.pg-tel-stack-card:hover {
  background-color: var(--c-white);
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(35,39,85,0.08);
}
.pg-tel-stack-card__tag {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 10px;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: var(--c-green);
  background-color: rgba(14,107,59,0.08);
  padding: 5px 10px;
  border-radius: 6px;
  display: inline-block;
  align-self: flex-start;
  margin-bottom: var(--space-md);
}
.pg-tel-stack-card__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 18px;
  color: var(--c-indigo);
  margin: 0 0 var(--space-sm);
}
.pg-tel-stack-card__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.65;
  color: var(--c-g600);
  margin: 0;
}

/* COMPLIANCE AT CARRIER SCALE — sticky-left + 5 pillar cards */
.pg-tel-comp {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: var(--space-4xl);
  align-items: start;
}
.pg-tel-comp__left { position: sticky; top: 140px; }
.pg-tel-comp__right {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}
.pg-tel-comp-pillar {
  background-color: var(--c-alice);
  border-radius: 14px;
  padding: var(--space-lg) var(--space-xl);
  border-left: 3px solid var(--c-green);
}
.pg-tel-comp-pillar__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 16px;
  color: var(--c-indigo);
  margin: 0 0 6px;
}
.pg-tel-comp-pillar__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.65;
  color: var(--c-g600);
  margin: 0;
}

/* AGENT TENURE */
.pg-tel-tenure {

}
.pg-tel-tenure__stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-md);
  margin-top: var(--space-xl);
}
.pg-tel-tenure-stat {
  background-color: var(--c-white);
  border-radius: 12px;
  padding: var(--space-lg);
  border: 1px solid var(--c-g200);
}
.pg-tel-tenure-stat__value {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 32px;
  line-height: 1;
  margin-bottom: 6px;
}
.pg-tel-tenure-stat__label {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 14px;
  color: var(--c-indigo);
  margin-bottom: 4px;
}
.pg-tel-tenure-stat__sub {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 12px;
  color: var(--c-g400);
}
.pg-tel-tenure__img {
  width: 100%;
  aspect-ratio: 4/5;
  border-radius: 20px;
  object-fit: cover;
  display: block;
}
.pg-tel-tenure__placeholder {
  background: linear-gradient(135deg, #3D4580, #252B55);
}

/* Telecom responsive */
@media (max-width: 1199px) {
  .pg-tel-leaders { grid-template-columns: 1fr; }
  .pg-tel-leaders__left { position: static; }
  .pg-tel-years { grid-template-columns: 1fr; }
  .pg-tel-comp { grid-template-columns: 1fr; }
  .pg-tel-comp__left { position: static; }
  .pg-tel-tenure { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  .pg-tel-years__inset { position: static; width: 100%; margin-top: var(--space-md); border: none; }
  .pg-tel-years__stats { grid-template-columns: 1fr; }
  .pg-tel-tenure__stats { grid-template-columns: 1fr; }
}







/* ════════════════════════════════════════════════════════════
   BACK OFFICE PAGE  (.pg-bo-*)
   Full rewrite — replaces the stub that was here.
   ════════════════════════════════════════════════════════════ */

/* ── ep-split (2-column text/media layout — shared by Challenge & Tech) ── */
.ep-split {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: var(--space-4xl);
  align-items: center;
}
.ep-split--img-right .ep-split__body { order: 1; }
.ep-split--img-right .ep-split__media { order: 2; }

/* ── HERO ── */
.pg-bo-hero-photo {
  aspect-ratio: 4 / 3.2;
  border-radius: 20px;
  width: 100%;
  position: relative;
  overflow: visible;
}

/* Three inline stat boxes below CTA buttons */
.pg-bo-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-md);
  margin-top: var(--space-xl);
}
.pg-bo-hero-stat {
  background-color: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 20px 16px;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}
.pg-bo-hero-stat__value {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 32px;
  color: var(--c-white);
  line-height: 1;
  margin-bottom: 6px;
}
.pg-bo-hero-stat__label {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
}

/* Floating gradient stat card (absolute inside .pg-bo-hero-photo) */
.pg-bo-hero-float-stat {
  position: absolute;
  bottom: -28px;
  right: 20px;
  background: var(--c-white);
  border-radius: 16px;
  padding: 22px 26px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(14, 107, 59, 0.1);
  min-width: 160px;
}
.pg-bo-hero-float-stat__value {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 36px;
  line-height: 1;
  margin-bottom: 4px;
}
.pg-bo-hero-float-stat__label {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: #374151;
}

/* Live badge (top-right inside photo) */
.pg-bo-hero-live {
  position: absolute;
  top: 20px;
  right: 20px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.12);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 20px;
  padding: 8px 16px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.pg-bo-hero-live__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #10B981;
  animation: ep-pulse 2s infinite;
  flex-shrink: 0;
}
.pg-bo-hero-live__text {
  font-family: var(--f-heading);
  font-weight: 500;
  font-size: 11px;
  color: var(--c-white);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* ── CHALLENGE — photo placeholder variants ── */
.ep-photo--doc  { background: linear-gradient(135deg, #C5C0B8, #A59890); }
.ep-photo--order { background: linear-gradient(135deg, #B8D0C5, #98B0A5); }
.ep-photo--data  { background: linear-gradient(135deg, #D0C8B8, #B0A090); }

.pg-bo-challenge-photo {
  width: 100%;
  
  border-radius: 20px;
}

/* ── TECHNOLOGY — stacked cards (right column) ── */
.pg-bo-tech-card {
  background-color: var(--c-alice);
  border: 1px solid var(--c-g200);
  border-radius: 16px;
  padding: 24px 20px;
  margin-bottom: 0;
  transition: box-shadow 0.3s;
}
.pg-bo-tech-card + .pg-bo-tech-card { margin-top: var(--space-md); }
.pg-bo-tech-card:last-child {
  background-color:#ffffff;
 
}
.pg-bo-tech-card__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 17px;
  color: rgb(66, 67, 81);
  margin: 0 0 8px;
}
.pg-bo-tech-card__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.7;
  color: var(--c-g500);
  margin: 0;
}

/* ── STATS PROOF BAND (5 stats, dark full-width section) ── */
.pg-bo-stats-band { } /* uses ep-section--bg-indigo */

.pg-bo-stats {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: var(--space-xl);
  text-align: center;
}
.pg-bo-stat {
  padding: var(--space-lg) var(--space-md);
  border-radius: 14px;
  background-color: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
}
.pg-bo-stat__value {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 36px;
  line-height: 1;
  margin-bottom: 6px;
  /* gradient text applied via .ep-gradient-text */
}
.pg-bo-stat__label {
  font-family: var(--f-heading);
  font-weight: 500;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.698);
  letter-spacing: 0.5px;
}

/* ── INDUSTRIES — image-on-top cards ── */
.pg-bo-ind-card {
  background-color: var(--c-white);
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid var(--c-g200);
  transition: box-shadow 0.3s, transform 0.3s;
}
.pg-bo-ind-card:hover {
  box-shadow: 0 12px 40px rgba(35, 39, 85, 0.08);
  transform: translateY(-4px);
}
.pg-bo-ind-card__media {
  aspect-ratio: 16 / 9;
  overflow: hidden;
  position: relative;
}
.pg-bo-ind-card__media .ep-photo {
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 0;
}
.pg-bo-ind-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.pg-bo-ind-card__body {
  padding: 28px 22px;
}
.pg-bo-ind-card__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 18px;
  color: rgb(66, 67, 81);
  margin: 0 0 var(--space-sm);
}
.pg-bo-ind-card__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: var(--c-g500);
  margin: 0;
}

/* ── FRAMEWORK  Run/See/Build (dark indigo section) ── */
.pg-bo-fw { } /* uses ep-section--bg-indigo */

/* Heading connector dots/lines */
.pg-bo-fw__heading {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  flex-wrap: wrap;
}
.pg-bo-fw__connector {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.pg-bo-fw__connector-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #10B981;
  box-shadow: 0 0 12px rgba(16, 185, 129, 0.6);
}
.pg-bo-fw__connector-line {
  width: 24px;
  height: 1px;
  background: linear-gradient(90deg, #10B981 0%, rgba(16, 185, 129, 0.2) 100%);
}

/* Row with arrow connectors between cards */
.pg-bo-fw-row {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  gap: 0;
  align-items: stretch;
  margin-top: var(--space-3xl);
}
.pg-bo-fw-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  color: #10B981;
  opacity: 0.6;
}

/* Individual fw card (extends .pg-cc-fw-card for dark section) */
.pg-bo-fw-card {
  background: linear-gradient(180deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.02) 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  padding: 36px 30px;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  transition: all 0.35s cubic-bezier(.16, 1, .3, 1);
  cursor: pointer;
  display: flex;
  flex-direction: column;
}
.pg-bo-fw-card:hover {
  border-color: rgba(16, 185, 129, 0.4);
  transform: translateY(-6px);
  background: linear-gradient(180deg, rgba(16,185,129,0.08) 0%, rgba(255,255,255,0.02) 100%);
}

/* Override pg-cc-fw-card colours for the dark section */
.pg-bo-fw-card .pg-cc-fw-card__tag   { color: #10B981; margin-bottom: 6px; }
.pg-bo-fw-card .pg-cc-fw-card__entity { color: rgba(255, 255, 255, 0.4); font-size: 14px; }
.pg-bo-fw-card .pg-cc-fw-card__title  { color: var(--c-white); }
.pg-bo-fw-card .pg-cc-fw-card__desc   { color: rgba(255, 255, 255, 0.65); margin-bottom: 20px;}
.pg-bo-fw-card:hover .pg-cc-fw-card__title { color: var(--c-white); }
.pg-bo-fw-card:hover .pg-cc-fw-card__desc  { color: rgba(255, 255, 255, 0.75); }

/* Top row: icon + ghost number */
.pg-bo-fw-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 28px;
}
.pg-bo-fw-card__top .pg-cc-fw-card__icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(16,185,129,0.18) 0%, rgba(14,107,59,0.28) 100%);
  border: 1px solid rgba(16, 185, 129, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #10B981;
  margin: 0;
}
.pg-bo-fw-card__num {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 42px;
  color: rgba(255, 255, 255, 0.08);
  line-height: 1;
  letter-spacing: -0.02em;
}

/* Stat footer inside each fw card */
.pg-bo-fw-card__footer {
  padding-top: 22px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin-top: auto;
}
.pg-bo-fw-card__stat {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 32px;
  letter-spacing: -0.02em;
  /* gradient applied via .ep-gradient-text */
}
.pg-bo-fw-card__stat-label {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.5);
}

/* Bottom quote bar */
.pg-bo-fw-quote {
  margin-top: 56px;
  text-align: center;
  padding: 24px 36px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}
.pg-bo-fw-quote__text {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.75);
  line-height: 23px;
  margin: 0;
}

/* ── CTA SECTION — photo placeholder ── */
.ep-cta-split__media.ep-photo--order {
  background: linear-gradient(135deg, #B8D0C5, #98B0A5);
}


/* ════════════════════════════════════════════════════════════
   BACK OFFICE — RESPONSIVE Hardik
   ════════════════════════════════════════════════════════════ */

/* Tablet */
@media (max-width: 1199px) {
  .ep-split { grid-template-columns: 1fr; gap: var(--space-2xl); }
  .ep-split--img-right .ep-split__body  { order: 1; }
  .ep-split--img-right .ep-split__media { order: 2; }

  .pg-bo-hero-stats { grid-template-columns: 1fr 1fr 1fr; }

  .pg-bo-stats { grid-template-columns: repeat(3, 1fr); }

  /* fw row → stack cards vertically, hide arrows */
  .pg-bo-fw-row {
    grid-template-columns: 1fr;
    gap: var(--space-lg);
  }
  .pg-bo-fw-arrow { display: none; }
}

/* Mobile */
@media (max-width: 767px) {
  .pg-bo-hero-stats { grid-template-columns: 1fr; gap: var(--space-sm); }
  .pg-bo-hero-stat__value { font-size: 24px; }

  .pg-bo-hero-float-stat {
    margin-top: var(--space-md);
    display: inline-block;
    padding:10px;
  }
  .pg-bo-hero-live {
    display: inline-flex;
    margin-top: var(--space-sm);
    top:-7px;
    right:10px;
  }
.pg-bo-hero-float-stat__value{font-size:20px;}
  .pg-bo-stats {
    grid-template-columns:  1fr;
    gap: var(--space-md);
  }
  .pg-bo-stat__value { font-size: 28px; }

  .pg-bo-fw-quote { padding: var(--space-lg); }
  .pg-bo-fw-quote__text { font-size: 14px; }
  .back-office-hero__inner{padding-bottom: 100px!important;}
}

/* ════════════════════════════════════════════════════════════
   INDUSTRIES OVERVIEW PAGE  (.pg-ind-*)
   Full rewrite matching HTML reference.
   ════════════════════════════════════════════════════════════ */

/* ── HERO photo & bottom stats bar ── */
.pg-ind-hero-photo {
  width: 100%;
  aspect-ratio: 4 / 3.2;
  border-radius: 20px;
  position: relative;
  overflow: visible;
}

/* Photo placeholder colours for each vertical */
.ep-photo--telecom    { background: linear-gradient(135deg, #6090B0, #405070); }
.ep-photo--healthcare { background: linear-gradient(135deg, #70A0A0, #508080); }
.ep-photo--insurance  { background: linear-gradient(135deg, #8FA5B5, #6A8595); }
.ep-photo--financial  { background: linear-gradient(135deg, #8090A0, #607080); }
.ep-photo--tech       { background: linear-gradient(135deg, #7080A0, #505070); }
.ep-photo--retail     { background: linear-gradient(135deg, #C5A080, #A07855); }
.ep-photo--auto       { background: linear-gradient(135deg, #9098A8, #6B7585); }
.ep-photo--gaming     { background: linear-gradient(135deg, #805A9A, #503570); }
.ep-photo--public     { background: linear-gradient(135deg, #8595A8, #5F7085); }
.ep-photo--pharma     { background: linear-gradient(135deg, #78A090, #507868); }
.ep-photo--prof       { background: linear-gradient(135deg, #90A098, #6F7F78); }
.ep-photo--energy     { background: linear-gradient(135deg, #B0A878, #807858); }
.ep-photo--education  { background: linear-gradient(135deg, #8898B8, #606F8F); }
.ep-photo--breach     { background: linear-gradient(135deg, #9E7B7B, #6B5050); }
.ep-photo--industries { background: linear-gradient(135deg, #3D4580, #252B55); }

/* Hero bar: stat items replace trust-bar items */
.pg-ind-hero-bar-item {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.pg-ind-hero-bar-item__value {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 18px;
  color: var(--c-white);
}
.pg-ind-hero-bar-item__label {
  font-family: var(--f-body);
  
  font-weight: 400;
      font-size: 16px;
    color: rgba(255, 255, 255, 0.5);
}

/* ── INDUSTRY GRID CARDS ── */
.pg-ind-card {
  background-color: var(--c-white);
  border-radius: 20px;
  border: 1px solid var(--c-g200);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all 0.35s cubic-bezier(.16, 1, .3, 1);
  height: 100%;
}
.pg-ind-card:hover {
  box-shadow: 0 16px 44px rgba(35, 39, 85, 0.08);
  transform: translateY(-4px);
}

/* Image area */
.pg-ind-card__media {
  position: relative;
  aspect-ratio: 16 / 7;
  overflow: hidden;
}
.pg-ind-card__media .ep-photo {
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 7;
  border-radius: 0;
}
.pg-ind-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Tag pill overlaid on image */
.pg-ind-card__tag-pill {
  position: absolute;
  top: 14px;
  left: 14px;
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 100px;
  padding: 5px 12px;
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 10px;
  color: var(--c-green);
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

/* Body */
.pg-ind-card__body {
  padding: 26px 28px 28px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.pg-ind-card__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
  color: var(--c-indigo);
  margin: 0 0 18px;
  letter-spacing: -0.01em;
}

/* "What we hear" panel */
.pg-ind-card__hear {
  background-color: var(--c-alice);
  border-left: 3px solid var(--c-g300);
  padding: 14px 16px;
  border-radius: 0 8px 8px 0;
  margin-bottom: 10px;
}
.pg-ind-card__panel-label {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 10px;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.pg-ind-card__panel-label--hear { color: var(--c-g500); }
.pg-ind-card__panel-label--do   { color: var(--c-green); }
.pg-ind-card__panel-text {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  margin: 0;
}
.pg-ind-card__panel-text--hear {
  font-style: italic;
  color: var(--c-g700);
}
.pg-ind-card__panel-text--do { color: var(--c-g600); }

/* "What we do" panel */
.pg-ind-card__do {
  background-color: rgba(14, 107, 59, 0.04);
  border-left: 3px solid var(--c-green);
  padding: 14px 16px;
  border-radius: 0 8px 8px 0;
  margin-bottom: 18px;
}

/* CTA link */
.pg-ind-card__cta {
  margin-top: auto;
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 13px;
  color: var(--c-green);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
}
.pg-ind-card__cta:hover { gap: 10px; }

/* ── DIVISIONS (sticky-left layout) ── */
.pg-ind-div-grid {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: var(--space-4xl);
  align-items: start;
}
.pg-ind-div-left {
  position: sticky;
  top: 120px;
}
.pg-ind-div-right {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}
.pg-ind-div-card {
  background-color: var(--c-alice);
  border-radius: 16px;
  padding: 26px 28px;
  border: 1px solid var(--c-g200);
}
.pg-ind-div-card__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 18px;
      color: rgb(66, 67, 81);
  margin: 0 0 10px;
}
.pg-ind-div-card__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  color: var(--c-g500);
  margin: 0;
}

/* ── COMPLIANCE MATRIX (full-width table) ── */
.pg-ind-matrix {
  background-color: var(--c-white);
  border-radius: 20px;
  border: 1px solid var(--c-g200);
  overflow: hidden;
  max-width: 1100px;
  margin: 0 auto;
}
.pg-ind-matrix__head {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  padding: 16px 28px;
  background-color: var(--c-indigo);
}
.pg-ind-matrix__col-label {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  color: var(--c-white);
}
.pg-ind-matrix__row {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  padding: 16px 28px;
  border-top: 1px solid var(--c-g200);
}
.pg-ind-matrix__row--stripe {
  background-color: var(--c-alice);
}
.pg-ind-matrix__industry {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
    color: rgb(66, 67, 81);
}
.pg-ind-matrix__cert {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g600);
}

/* ── OUTCOME TEASERS (gradient cards) ── */
.pg-ind-outcome-card {
  padding: 32px 28px;
  border-radius: 20px;
  background: linear-gradient(135deg, var(--c-alice) 0%, #E8F5E9 100%);
  border: 1px solid var(--c-g200);
  height: 100%;
  display: flex;
  flex-direction: column;
}
.pg-ind-outcome-card__sector {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
    color: rgb(14, 107, 59);
  letter-spacing: 1.8px;
  text-transform: uppercase;
  margin-bottom: 14px;
}
.pg-ind-outcome-card__value {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 36px;
  letter-spacing: -0.02em;
  margin-bottom: 10px;
  line-height: 1;
  background: linear-gradient(135deg, rgb(14, 107, 59) 0%, rgb(16, 185, 129) 100%) text;
  /* gradient via .ep-gradient-text */
}
.pg-ind-outcome-card__detail {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  color: var(--c-g600);
  margin: 0;
}

/* ── PROOF BAND (dark section with heading + 5 stats) ── */
.pg-ind-proof-band { } /* uses ep-section--bg-indigo */

.pg-ind-proof-stats {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: var(--space-2xl);
  text-align: center;
  margin-top: var(--space-3xl);
}
.pg-ind-proof-stat { }
.pg-ind-proof-stat__value {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 52px;
  color: #10B981;
  letter-spacing: -0.02em;
  line-height: 1;
  margin-bottom: 10px;
}
.pg-ind-proof-stat__suffix {
  font-size: 32px;
  font-weight: 700;
}
.pg-ind-proof-stat__label {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.5);
}

/* ════════════════════════════════════════════════════════════
   INDUSTRIES — RESPONSIVE Hardik
   ════════════════════════════════════════════════════════════ */
   .industry-intro .ep-section__header{margin-bottom: 0px!important;max-width:800px;}

@media (max-width: 1199px) {
  .pg-ind-div-grid  { grid-template-columns: 1fr; }
  .pg-ind-div-left  { position: static; }

  .pg-ind-proof-stats { grid-template-columns: repeat(3, 1fr); gap: var(--space-xl); }
  .pg-ind-proof-stat__value { font-size: 40px; }
  .industry-intro .ep-section__header{margin-bottom: 0px!important;}
}

@media (max-width: 1024px) {
  .pg-ind-matrix { max-width: 100%; }
  .industry-intro .ep-section__header{margin-bottom: 0px!important;}
}

@media (max-width: 767px) {
  .pg-ind-hero-bar-item__value { font-size: 15px; }

  .pg-ind-card__body { padding: 20px; }
  .pg-ind-card__title { font-size: 17px; margin-bottom: 12px; }

  .pg-ind-matrix__head,
  .pg-ind-matrix__row {
    grid-template-columns: 1fr;
    gap: 4px;
  }
  .pg-ind-matrix__cert { padding-top: 4px; }

  .pg-ind-proof-stats { grid-template-columns: 1fr; gap: var(--space-lg); }
  .pg-ind-proof-stat__value { font-size: 36px; }

  .pg-ind-outcome-card__value { font-size: 28px; }
  .industries-hero-inner{padding-bottom: 90px;}
  .industry-intro .ep-section__header{margin-bottom: 0px!important;}
}

add in inner page css 
/* ════════════════════════════════════════════════════════════

   ETSLABS PAGE  (.pg-ets-*)

   Follows the same BEM / token conventions as all other pages.

   ════════════════════════════════════════════════════════════ */
 
/* Photo placeholder tints unique to ETSLabs */

.ep-photo--lab       { background: linear-gradient(135deg, #3D4580, #1a1f45); }

.ep-photo--tech      { background: linear-gradient(135deg, #2a3060, #1a1f45); }

.ep-photo--server    { background: linear-gradient(135deg, #404868, #2a3050); }

.ep-photo--dashboard { background: linear-gradient(135deg, #355045, #1a3528); }
 
/* ── HERO ── */

.pg-ets-hero {

  min-height: 100vh;

}

.pg-ets-hero__grid {

  /* Override cc-hero-grid: slightly wider left column for long headline */

  grid-template-columns: 1.15fr 1fr;

}

.pg-ets-hero__title {

  font-size: 56px;

  letter-spacing: -0.02em;

  line-height: 1.08;

  margin: 0 0 24px;

}

.pg-ets-hero__desc {

  max-width: 480px;

  margin: 0 0 36px;

}
 
/* Hero right: image stack */

.pg-ets-hero__media  { position: relative; }

.pg-ets-hero__img-wrap { position: relative; }
 
.pg-ets-hero__photo {

  width: 100%;

  aspect-ratio: 4 / 3.2;

  border-radius: 20px;

  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.3);

}
 
/* Inset image bottom-left */

.pg-ets-hero__inset {

  position: absolute;

  bottom: -28px;

  left: -36px;

  width: 75%;

}

.pg-ets-hero__inset-photo {

  width: 100%;

  aspect-ratio: 3 / 1;

  border-radius: 16px;

  border: 1px solid rgba(35, 39, 85, 0.95);

  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);

}
 
/* Floating stat card top-right */

.pg-ets-hero__stat-card {

  position: absolute;

  top: -16px;

  right: -16px;

  background: var(--c-white);

  border-radius: 16px;

  padding: 22px 26px;

  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);

  border: 1px solid rgba(14, 107, 59, 0.1);

}

.pg-ets-hero__stat-value {

  font-family: var(--f-heading);

  font-weight: 800;

  font-size: 36px;

  line-height: 1;

  margin-bottom: 4px;
      background: linear-gradient(135deg, rgb(14, 107, 59) 0%, rgb(16, 185, 129) 100%) text!important;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
}

.pg-ets-hero__stat-label {

  font-family: var(--f-body);

  font-weight: 400;

  font-size: 16px;

  color: var(--c-g700);

}

.pg-ets-hero__stat-sub {

  font-family: var(--f-body);

  font-weight: 400;

  font-size: 16px;

  color: rgb(156, 163, 175);

  margin-top: 2px;

}
 
/* Live badge top-left on image */

.pg-ets-hero__live {

  position: absolute;

  top: 20px;

  left: 20px;

  display: inline-flex;

  align-items: center;

  gap: 6px;

  background-color: rgba(0, 0, 0, 0.5);

  -webkit-backdrop-filter: blur(8px);

  backdrop-filter: blur(8px);

  border-radius: 100px;

  padding: 6px 14px;

}

.pg-ets-hero__live-dot {

  width: 6px;

  height: 6px;

  border-radius: 50%;

  background-color: #10B981;

  animation: ep-pulse 2s infinite;

  flex-shrink: 0;

}

.pg-ets-hero__live-text {

  font-family: var(--f-heading);

  font-weight: 400;

  font-size: 10px;

  color: rgba(255, 255, 255, 0.8);

  letter-spacing: 0.5px;

}
 
/* ── MISSION (floating card) ── */

.pg-ets-mission {

  padding: 0 20px;

  position: relative;

  z-index: 10;

}

.pg-ets-mission__card {

  max-width: 1400px;

  margin: -30px auto 0;

  background-color: var(--c-white);

  border-radius: 24px;

  box-shadow: 0 12px 56px rgba(35, 39, 85, 0.07), 0 1px 3px rgba(35, 39, 85, 0.04);

  padding: 44px 48px 40px;

  border: 1px solid rgba(229, 231, 235, 0.6);

}
 
/* Head: title left, two stats right */

.pg-ets-mission__head {

  display: flex;

  justify-content: space-between;

  align-items: center;

  gap: var(--space-3xl);

  margin-bottom: 36px;

}

.pg-ets-mission__head-copy { flex: 1; }

.pg-ets-mission__title {

  font-size: 40px;

  line-height: 1.25;

  margin: 0;

}

.pg-ets-mission__head-stats {

  display: flex;

  gap: var(--space-2xl);

  flex-shrink: 0;

  

}

.pg-ets-mission__head-stat { text-align: right; }

.pg-ets-mission__head-stat-value {

  font-family: var(--f-heading);

  font-weight: 800;

  font-size: 32px;

  color: var(--c-indigo);

  line-height: 1;

  margin-bottom: 4px;

}

.pg-ets-mission__head-stat-label {

  font-family: var(--f-body);

  font-weight: 400;

  font-size: 16px;

  color: var(--c-g600);

  line-height: 1.4;

}

.pg-ets-mission__head-divider {

  width: 1px;

 

  background-color: var(--c-g200);

  flex-shrink: 0;

}
 
/* Three pillar cards */

.pg-ets-mission__pillars { margin-top: 0; }

.pg-ets-mission__pillar {

  padding: 28px 24px;

  border-radius: 16px;

  background-color: var(--c-alice);

  border: 1px solid var(--c-g200);

}

.pg-ets-mission__pillar-label {

  font-family: var(--f-heading);

  font-weight: 600;

  font-size: 16px;

  color: var(--c-green);

  letter-spacing: 2px;

  text-transform: uppercase;

  margin: 0 0 14px;

}

.pg-ets-mission__pillar-desc {

  font-family: var(--f-body);

  font-weight: 400;

  font-size: 16px;

  line-height: 1.7;

  color: var(--c-g700);

  margin: 0;

}
 
/* ── PRODUCT SUITE CARDS ── */

.pg-ets-prod-card {

  padding: 32px 26px;

  border-radius: 18px;

  background-color: var(--c-alice);

  border: 1px solid var(--c-g200);

  transition: all 0.35s cubic-bezier(.16, 1, .3, 1);

  cursor: pointer;

  height: 100%;

  display: flex;

  flex-direction: column;

}

.pg-ets-prod-card:hover {

  background-color: var(--c-indigo);

  border-color: transparent;

  transform: translateY(-4px);

  box-shadow: 0 12px 40px rgba(35, 39, 85, 0.15);

}
 
.pg-ets-prod-card__top {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 16px;

}
.pg-ets-prod-card__top svg{height:32px!important;width:32px!important;}

.pg-ets-prod-card__tag {

  font-family: var(--f-heading);

  font-weight: 600;

  font-size: 16px;

  color: var(--c-g400);

  letter-spacing: 2.5px;

  text-transform: uppercase;

  transition: color 0.35s;

}

.pg-ets-prod-card:hover .pg-ets-prod-card__tag { color: rgba(255, 255, 255, 0.35); }
 
.pg-ets-prod-card__icon {

  color: var(--c-green);

  display: flex;

  align-items: center;

  transition: color 0.35s;

}

.pg-ets-prod-card:hover .pg-ets-prod-card__icon { color: #10B981; }
 
.pg-ets-prod-card__title {

  font-family: var(--f-heading);

  font-weight: 700;

  font-size: 24px;

      color: rgb(66, 67, 81);

  margin: 0 0 4px;

  transition: color 0.35s;

}

.pg-ets-prod-card:hover .pg-ets-prod-card__title { color: var(--c-white); }
 
.pg-ets-prod-card__sub {

  font-family: var(--f-heading);

  font-weight: 500;

  font-size: 19px;

  color: var(--c-green);

  margin: 0 0 12px;

  transition: color 0.35s;

}

.pg-ets-prod-card:hover .pg-ets-prod-card__sub { color: #10B981; }
 
.pg-ets-prod-card__desc {

  font-family: var(--f-body);

  font-weight: 400;

  font-size: 16px;

  line-height: 1.65;

  color: var(--c-g700);

  margin: 0 0 16px;

  flex: 1;

  transition: color 0.35s;

}

.pg-ets-prod-card:hover .pg-ets-prod-card__desc { color: rgba(255, 255, 255, 0.8); }
 
.pg-ets-prod-card__link {

  font-family: var(--f-heading);

  font-weight: 500;

  font-size: 16px;

 color: rgb(107, 114, 128);

  margin-top: auto;

  transition: color 0.35s;

}

.pg-ets-prod-card:hover .pg-ets-prod-card__link { color: rgba(255, 255, 255, 0.6); }
 
/* ── HOW WE BUILD (sticky-left layout) ── */

.pg-ets-how-grid {

  display: grid;

  grid-template-columns: 1fr 1.4fr;

  gap: var(--space-5xl, 80px);

  align-items: start;

}

.pg-ets-how-left { position: sticky; top: 120px; }

.pg-ets-how-right {

  display: flex;

  flex-direction: column;

  gap: var(--space-md);

}
 
/* Stat card inside sticky left */

.pg-ets-how-stat-card {

  background-color: var(--c-white);

  border-radius: 16px;

  padding: 28px;

  border: 1px solid var(--c-g200);

  margin-top: var(--space-xl);

}

.pg-ets-how-stat-card__value {

  font-family: var(--f-heading);

  font-weight: 800;

  font-size: 32px;

      color: rgb(66, 67, 81);

  margin-bottom: 4px;

}

.pg-ets-how-stat-card__label {

  font-family: var(--f-heading);

  font-weight: 500;

  font-size: 18px;

  color: var(--c-g700);

  margin-bottom: 6px;

}

.pg-ets-how-stat-card__desc {

  font-family: var(--f-body);

  font-weight: 400;

  font-size: 16px;

  line-height: 1.6;

  color: var(--c-g500);

  margin: 0;

}
 
/* Step cards */

.pg-ets-how-step {

  background-color: var(--c-white);

  border-radius: 18px;

  padding: 32px 28px;

  border: 1px solid var(--c-g200);

  display: grid;

  grid-template-columns: auto 1fr;

  gap: 20px;

  align-items: start;

  transition: border-color 0.2s, box-shadow 0.2s;
  margin-bottom: 15px;

}

.pg-ets-how-step:hover {

  border-color: var(--c-green);

  box-shadow: 0 4px 20px rgba(14, 107, 59, 0.06);

}

.pg-ets-how-step__num {

  width: 48px;

  height: 48px;

  border-radius: 14px;

  background: linear-gradient(135deg, var(--c-alice) 0%, #E8F5E9 100%);

  border: 1px solid var(--c-g200);

  display: flex;

  align-items: center;

  justify-content: center;

  font-family: var(--f-heading);

  font-weight: 700;

  font-size: 18px;

  color: var(--c-indigo);

  flex-shrink: 0;

}

.pg-ets-how-step__title {

  font-family: var(--f-heading);

  font-weight: 700;

  font-size: 22px;

  color: rgb(66, 67, 81);

  margin: 0 0 8px;

}

.pg-ets-how-step__desc {

  font-family: var(--f-body);

  font-weight: 400;

  font-size: 16px;

  line-height: 1.7;

  color: var(--c-g700);

  margin: 0;

}
 
/* Bottom quote card */

.pg-ets-how-quote {

  border-radius: 18px;

  padding: 24px 28px;

  background: linear-gradient(135deg, var(--c-indigo) 0%, #1a1f45 100%);

  display: flex;

  align-items: center;

  gap: 20px;

}

.pg-ets-how-quote__thumb {

  width: 56px;

  height: 56px;

  border-radius: 14px;

  overflow: hidden;

  flex-shrink: 0;

}

.pg-ets-how-quote__thumb img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

}

.pg-ets-how-quote__text {

  font-family: var(--f-body);

  font-weight: 400;

  font-size: 15px;

  line-height: 1.65;

  color: var(--c-white);

  margin: 0;

}
 
/* ── INNOVATION STATS BAND ── */

.pg-ets-stats-band { } /* uses ep-section--bg-dark-deep */
 
.pg-ets-stats {

  display: grid;

  grid-template-columns: repeat(5, 1fr);

  gap: var(--space-2xl);

  text-align: center;

  margin-top: var(--space-3xl);

}

.pg-ets-stat__value {

  font-family: var(--f-heading);

  font-weight: 800;

  font-size: 44px;

  background: linear-gradient(135deg, #FFFFFF 0%, rgba(255, 255, 255, 0.7) 100%);

  -webkit-background-clip: text;

  background-clip: text;

  -webkit-text-fill-color: transparent;

  color: transparent;

  line-height: 1;

  margin-bottom: 6px;

}

.pg-ets-stat__suffix {

  font-size: 28px;

  font-weight: 700;

}

.pg-ets-stat__label {

  font-family: var(--f-heading);

  font-weight: 600;

  font-size: 16px;

  color: rgba(255, 255, 255, 0.7);

  margin-bottom: 4px;

}

.pg-ets-stat__detail {

  font-family: var(--f-body);

  font-weight: 400;

  font-size: 16px;

  color: rgba(255, 255, 255, 0.5);

}
 
/* ── INTEGRATIONS ── */

.pg-ets-int-grid {

  display: grid;

  grid-template-columns: 1fr 1.15fr;

  gap: var(--space-5xl, 80px);

  align-items: center;

}

.pg-ets-int-cat { margin-bottom: 20px; }

.pg-ets-int-cat__name {

  font-family: var(--f-heading);

  font-weight: 600;

  font-size: 15px;

      color: rgb(66, 67, 81);

  margin: 0 0 8px;

}

.pg-ets-int-cat__pills { display: flex; gap: 8px; flex-wrap: wrap; }

.pg-ets-int-pill {

  font-family: var(--f-body);

  font-weight: 400;

  font-size: 16px;

  color: var(--c-g500);

  background-color: var(--c-alice);

  padding: 6px 14px;

  border-radius: 8px;

  border: 1px solid var(--c-g200);

}
 
/* Masonry image grid */

.pg-ets-int-media {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: var(--space-md);

}

.pg-ets-int-col { display: flex; flex-direction: column; gap: var(--space-md); }

.pg-ets-int-col--b { padding-top: 44px; }
 
.pg-ets-int-photo { border-radius: 16px; }

.pg-ets-int-photo--tall { aspect-ratio: 3 / 4; }

.pg-ets-int-photo > img {

  position: absolute;

  inset: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

}
 
.pg-ets-int-stat-card {

  background: linear-gradient(135deg, var(--c-alice) 0%, #E8F5E9 100%);

  border-radius: 16px;

  padding: 28px;

}

.pg-ets-int-stat-card__value {

  font-family: var(--f-heading);

  font-weight: 800;

  font-size: 36px;

  color: rgb(66, 67, 81);

  line-height: 1;

  margin-bottom: 4px;

}

.pg-ets-int-stat-card__label {

  font-family: var(--f-body);

  font-weight: 400;

  font-size: 18px;

  color: var(--c-g700);

  margin-bottom: 4px;

}

.pg-ets-int-stat-card__sub {

  font-family: var(--f-body);

  font-weight: 400;

  font-size: 16px;

  color: var(--c-g600);

}
 
.pg-ets-int-days-card {

  background: linear-gradient(135deg, var(--c-indigo) 0%, #1a1f45 100%);

  border-radius: 16px;

  padding: 28px;

}

.pg-ets-int-days-card__value {

  font-family: var(--f-heading);

  font-weight: 800;

  font-size: 36px;

  color: var(--c-white);

  line-height: 1;

  margin-bottom: 6px;

}

.pg-ets-int-days-card__label {

  font-family: var(--f-body);

  font-weight: 400;

  font-size: 15px;

  color: rgba(255, 255, 255, 0.7);

}
 
/* ── TECH STACK ── */

.pg-ets-stack-grid {

  display: grid;

  grid-template-columns: 1fr 1.4fr;

  gap: var(--space-5xl, 80px);

  align-items: start;

}

.pg-ets-stack-left { position: sticky; top: 120px; }

.pg-ets-stack-right {

  display: flex;

  flex-direction: column;

  gap: var(--space-lg);

}
 
.pg-ets-stack-mini-grid {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: var(--space-md);

  margin-top: var(--space-xl);

}

.pg-ets-stack-mini {

  background-color: rgba(255, 255, 255, 0.04);

  border-radius: 12px;

  padding: 16px;

  border: 1px solid rgba(255, 255, 255, 0.06);

}

.pg-ets-stack-mini__value {

  font-family: var(--f-heading);

  font-weight: 700;

  font-size: 20px;

  color: var(--c-white);

  margin-bottom: 2px;

}

.pg-ets-stack-mini__label {

  font-family: var(--f-body);

  font-weight: 400;

  font-size: 16px;

  color: rgba(255, 255, 255, 0.45);

}
 
.pg-ets-stack-cat {

  background-color: rgba(255, 255, 255, 0.03);

  border-radius: 18px;

  padding: 28px;

  border: 1px solid rgba(255, 255, 255, 0.06);

}

.pg-ets-stack-cat__label {

  font-family: var(--f-heading);

  font-weight: 600;

  font-size: 11px;

  color: #10B981;

  letter-spacing: 2px;

  text-transform: uppercase;

  margin: 0 0 16px;

}

.pg-ets-stack-cat__pills { display: flex; gap: 10px; flex-wrap: wrap; }

.pg-ets-stack-pill {

  font-family: var(--f-heading);

  font-weight: 500;

  font-size: 16px;

  color: rgba(255, 255, 255, 0.7);

  background-color: rgba(255, 255, 255, 0.04);

  padding: 8px 18px;

  border-radius: 10px;

  border: 1px solid rgba(255, 255, 255, 0.08);

  transition: all 0.25s ease;

  cursor: default;

}

.pg-ets-stack-pill:hover {

  color: var(--c-white);

  background-color: rgba(16, 185, 129, 0.15);

  border-color: rgba(16, 185, 129, 0.3);

}
 
/* ── SECURITY & COMPLIANCE ── */

.pg-ets-sec-grid {

  display: grid;

  grid-template-columns: 1.3fr 2fr;

  gap: var(--space-5xl, 60px);

  align-items: start;

}

.pg-ets-sec-copy__head {

  display: flex;

  align-items: center;

  gap: 12px;

  margin-bottom: var(--space-md);

}

.pg-ets-sec-copy__shield-icon { color: var(--c-green); display: flex; }

.pg-ets-sec-copy__link {

  display: inline-flex;

  align-items: center;

  gap: 6px;

  font-family: var(--f-heading);

  font-weight: 600;

  font-size: 18px;

  color: var(--c-green);

  text-decoration: none;

  margin-top: var(--space-lg);

}

.pg-ets-sec-copy__link:hover { gap: 10px; }
 
.pg-ets-cert-card {

  background-color: var(--c-white);

  border-radius: 14px;

  padding: 24px 20px;

  border: 1px solid var(--c-g200);

  transition: box-shadow 0.3s, transform 0.3s;

}

.pg-ets-cert-card:hover {

  box-shadow: 0 8px 28px rgba(35, 39, 85, 0.07);

  transform: translateY(-3px);

}

.pg-ets-cert-card__head {

  display: flex;

  align-items: center;

  gap: 8px;

  margin-bottom: 10px;

}

.pg-ets-cert-card__icon {

  color: var(--c-green);

  opacity: 0.6;

  display: flex;

}

.pg-ets-cert-card__name {

  font-family: var(--f-heading);

  font-weight: 700;

  font-size: 17px;

  color: var(--c-indigo);

  margin: 0;

}

.pg-ets-cert-card__desc {

  font-family: var(--f-body);

  font-weight: 400;

  font-size: 16px;

  line-height: 1.55;

  color: var(--c-g700);

  margin: 0;

}
 
/* ── CTA SPLIT ── */

.pg-ets-cta {

  display: grid;

  grid-template-columns: 1.2fr 1fr;

  background-color: var(--c-indigo);

  border-radius: 28px;

  overflow: hidden;

  box-shadow: 0 24px 64px rgba(35, 39, 85, 0.15);

}

.pg-ets-cta__body {

  padding: 64px 56px;

  display: flex;

  flex-direction: column;

  justify-content: center;

}

.pg-ets-cta__eyebrow {

  font-family: var(--f-heading);

  font-weight: 600;

  font-size: 16px;

  color: #10B981;

  letter-spacing: 2.5px;

  text-transform: uppercase;

  margin: 0 0 16px;

}

.pg-ets-cta__title {

  font-family: var(--f-heading);

  font-weight: 700;

  font-size: 40px;

  line-height: 1.15;

  color: var(--c-white);

  margin: 0 0 20px;

}

.pg-ets-cta__desc {

  font-family: var(--f-body);

  font-weight: 400;

  font-size: 18px;

  line-height: 1.75;

  color: rgba(255, 255, 255, 0.8);

  margin: 0 0 36px;



}

.pg-ets-cta__actions {

  display: flex;

  gap: 14px;

  flex-wrap: wrap;

  margin-bottom: var(--space-2xl);

}

.pg-ets-cta__proof {

  display: flex;

  gap: var(--space-2xl);

  flex-wrap: wrap;



  margin-top: var(--space-md);

}

.pg-ets-cta__proof-value {

  font-family: var(--f-heading);

  font-weight: 600;

  font-size: 18px;

  color: var(--c-white);

  margin-bottom: 2px;

}

.pg-ets-cta__proof-label {

  font-family: var(--f-body);

  font-weight: 400;

  font-size: 16px;

  color: var(--c-g300);

}

.pg-ets-cta__media {

  position: relative;

  min-height: 100%;

  overflow: hidden;

}

.pg-ets-cta__media img {

  position: absolute;

  inset: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

}
 
/* ════════════════════════════════════════════════════════════

   ETSLABS — RESPONSIVE

   ════════════════════════════════════════════════════════════ */
 
/* Tablet */

@media (max-width: 1199px) {

  /* Hero */

  .pg-ets-hero__grid { grid-template-columns: 1fr; }

  .pg-ets-hero__title { font-size: 42px; }

  .pg-ets-hero__inset { position: static; width: 100%; margin-top: var(--space-md); }

  .pg-ets-hero__inset-photo { aspect-ratio: 16 / 5; }

  .pg-ets-hero__stat-card { top: var(--space-md); right: var(--space-md); }

  .pg-ets-hero__live { top: var(--space-md); left: var(--space-md); }
 
  /* Mission */

  .pg-ets-mission__head { flex-direction: column; align-items: flex-start; gap: var(--space-xl); }

  .pg-ets-mission__head-stats { align-self: flex-start; }
  .pg-ets-mission__head-stat{text-align:left;}
  

  .pg-ets-mission__title { font-size: 30px; }
 
  /* How we build */

  .pg-ets-how-grid { grid-template-columns: 1fr; gap: var(--space-2xl); }

  .pg-ets-how-left { position: static; }
 
  /* Stats */

  .pg-ets-stats { grid-template-columns: repeat(3, 1fr); }
 
  /* Integrations */

  .pg-ets-int-grid { grid-template-columns: 1fr; }
 
  /* Tech stack */

  .pg-ets-stack-grid { grid-template-columns: 1fr; gap: var(--space-2xl); }

  .pg-ets-stack-left { position: static; }
 
  /* Security */

  .pg-ets-sec-grid { grid-template-columns: 1fr; gap: var(--space-2xl); }
 
  /* CTA */

  .pg-ets-cta { grid-template-columns: 1fr; }

  .pg-ets-cta__media { aspect-ratio: 16 / 7; }

  .pg-ets-cta__body { padding: var(--space-2xl); }

  .pg-ets-cta__title { font-size: 32px; }

}
 
/* Mobile */

@media (max-width: 767px) {

  .pg-ets-hero__title { font-size: 30px; }

  .pg-ets-hero__stat-card { position: static; display: inline-block; margin-top: var(--space-md); }

  .pg-ets-hero__live {  display: inline-flex; margin-top: var(--space-sm); }
 
  .pg-ets-mission__card { padding: var(--space-xl) var(--space-lg); margin-top: -16px; }

  .pg-ets-mission__head-stats { flex-direction: column; gap: var(--space-lg); align-items:start;}

  .pg-ets-mission__head-divider { display: none; }
 
  .pg-ets-how-step { grid-template-columns: 1fr; }

  .pg-ets-how-quote { flex-direction: column; }
 
  .pg-ets-stats { grid-template-columns: 1fr ; gap: var(--space-lg); }

  .pg-ets-stat__value { font-size: 32px; }
 
  .pg-ets-int-media { grid-template-columns: 1fr; }

  .pg-ets-int-col--b { padding-top: 0; }
 
  .pg-ets-stack-mini-grid { grid-template-columns: 1fr; }
 
  .pg-ets-cta__proof { gap: var(--space-lg); }

  .pg-ets-cta__actions { flex-direction: column; align-items: stretch; }

  .pg-ets-cta__actions .ep-btn { width: 100%; justify-content: center; }

  .pg-ets-cta__title { font-size: 28px; }

}
 
.jobs-section {
    background: #f5f7fb;
}
 
.jobs-header h2 {
    font-family: var(--f-heading);
    font-weight: 700;
    font-size: 40px;
    line-height: 1.18;
    color: #424351;
    margin: 0 0 16px;
    text-align:center;
    margin-bottom:25px;
}
.jobs-header p{display:none;}
 
.filter-tabs {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}
 
.tab {
    padding: 10px 20px;
    border-radius: 8px;
    background: #fff;
    border: none;
    cursor: pointer;
}
 
.tab.active {
    background: #0E6B3B;
    color: #fff;
}
 
.job-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
 
.job-card {
    background: #fff;
    padding: 20px;
    border-radius: 16px;
    border: 1px solid #e5e7eb;
    transition: 0.3s;
}
 
.job-card:hover {
    transform: translateY(-5px);
}
 
.job-tags {
    display: flex;
    gap: 8px;
    margin-bottom: 10px;
}
 
.tag {
    font-size: 10px;
    padding: 5px 10px;
    border-radius: 6px;
}
 
.tag-green {
   font-size: 16px;
    font-weight: 600;
    color: rgb(14, 107, 59);
    background-color: rgba(14, 107, 59, 0.08);
    padding: 5px 10px;
    border-radius: 6px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
 
.tag-gray {
       font-size: 16px;
    font-weight: 600;
    color: rgb(107, 114, 128);
    background-color: rgb(243, 244, 246);
    padding: 5px 10px;
    border-radius: 6px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
 
.job-title {
      font-family: Outfit, sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: rgb(66, 67, 81);
    margin-bottom: 8px;
}
 
.job-desc {
    font-size: 16px;
    color: #666;
    text-align:left;
    line-height: 1.6;;
}
 
.job-footer {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
        padding-top: var(--space-md);
        margin-top:30px;
    border-top: 1px solid var(--c-g200);
}
 .job-footer .job-location{
      font-size: 16px;
    font-weight: 400;
    color:rgb(156, 163, 175);

 }
.apply-btn {
    color: #0E6B3B;
    font-weight: 600;
    font-size:16px;
}
/**swagatika css**/
@keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
.ep-section.pt-0{padding-top:0px!important;}
.ep-section.pb-0{padding-bottom:0px!important;}
.qeval-award-sec .pg-qeval-award{
  grid-template-columns: 1fr!important;
  gap:0px!important;
}
.qeval-award-sec .pg-qeval-award__icon{margin-bottom: 15px!important;}
.qeval-ep-proof-band .pg-cc-proof-grid{grid-template-columns: repeat(5, 1fr);}

.pg-cc-tiers-tabs{display: flex;flex-wrap: wrap;justify-content: center;gap:8px;}
.pg-cc-tiers-tabs button{
  font-family: Outfit, sans-serif;
    font-weight: 600;
    font-size: 14px;
    padding: 10px 24px;
    border-radius: 10px;
    border: 1px solid rgb(229, 231, 235);
    background-color: rgb(255, 255, 255);
    color: rgb(75, 85, 99);
    cursor: pointer;
    transition: 0.25s;
    flex: 1 1 0%;
    
}
.pg-cc-tiers-tabs button.pg-cc-tier-btn--active{
    background-color: rgb(35, 39, 85);
    color: rgb(255, 255, 255); 
}
.customer-special-program-header{max-width: 700px;}
.customer-tiers-sec .pg-cc-cmp-grid{align-items: normal!important;}
.ep-header-center{text-align: center;}
.solution-include-grid{grid-template-columns: 1fr 1fr;}
.solution-include-grid .pg-cc-tiers-stat-card{margin-top: 0px;}
.solution-include-grid .pg-cc-tiers-cards{position: relative;}
.solution-include-grid .pg-cc-tiers-cards .pg-cc-tiers-tabs{position:absolute;left:0px;width:100%;top:-116px;}
.solution-include-grid {padding-top: 45px;border-top: 1px solid #00000038;}
.solution-include-header{margin-bottom: 104px!important;}
.solution-include-grid .pg-cc-tiers-stat-card__value{
  font-family: var(--f-heading);
    font-weight: 600;
    font-size: 16px;
    color: rgb(14, 107, 59);
    letter-spacing: 2.5px;
    text-transform: uppercase;
    margin-bottom: 8px;
    background:none!important;

}
.solution-include-grid .pg-cc-tiers-stat-card__label{
  font-family: var(--f-heading);
    font-weight: 700;
    font-size: 22px;
        color: rgb(66, 67, 81);
    margin: 0 0 var(--space-sm);
}
.solution-include-grid .pg-cc-tiers-stat-card__sub{
  font-family: var(--f-body);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.8;
    color: var(--c-g500);
}
.voice-tech-proof-grid{grid-template-columns: repeat(5, 1fr);}
.voice-solution-proof-grid{grid-template-columns: repeat(5, 1fr);}
.contact-us-form{margin-top:30px;}

@media (max-width: 1024px){
  .qeval-ep-proof-band .pg-cc-proof-grid{grid-template-columns: repeat(3 , 1fr);}
  .ep-hero--tall{padding-bottom: 90px;}
   .pg-cc-proof-item__value{font-size:32px;}
   .solution-include-header{margin-bottom: 104px!important;}
   .voice-tech-proof-grid{grid-template-columns: repeat(3, 1fr);}
   .voice-solution-proof-grid{grid-template-columns: repeat(3, 1fr);}
   .pg-cc-proof-grid.culture-proof-grid{grid-template-columns: repeat(3, 1fr);}
   .pg-car-tuition{padding:30px;}
  

}
@media (max-width: 767px){
  .ep-hero--tall{padding-bottom: 40px;}
  .qeval-ep-proof-band .pg-cc-proof-grid{grid-template-columns: repeat(1, 1fr);}
  .ep-section__header{margin-bottom: 25px!important;}
  .pg-cc-tier-card__footer{
        flex-direction: column-reverse;
    align-items: flex-start;
  }
  .pg-cc-tier-card__stat{text-align: left;margin-bottom: 15px;}
 .pg-cc-tier-card__stat-value{
  text-align: left;
  font-size:24px;
  margin-bottom:10px;
 }
 .pg-cc-tiers-mini{grid-template-columns:  1fr;}
 .pg-cc-cmp-row__etech{align-items: start;}
 .people-globe-sec .ep-card__body{padding-left:0px!important;padding-right:0px!important;}
 .pg-op-compare-card__win{padding:20px;}
 .pg-op-compare-card__lose{padding: 20px;}
 .solution-include-header{margin-bottom: 104px!important;}
 .solution-include-grid{grid-template-columns: 1fr;}
 .solution-include-grid .pg-cc-tiers-cards .pg-cc-tiers-tabs{flex-wrap: nowrap;}
 .pg-sol-story__media{    grid-template-columns:  1fr;}
 .pg-sol-cta__body{padding:20px!important;}
 .backoffice-build-header{display:flex;flex-wrap: nowrap!important;}
  .voice-tech-proof-grid{grid-template-columns: repeat(1,1fr);}
  .voice-solution-proof-grid{grid-template-columns: repeat(1, 1fr);}
  .pg-ets-cta__body{padding: 20px!important;}
  .pg-qa-compare{padding:20px!important;}
   .pg-cc-proof-grid.culture-proof-grid{grid-template-columns: repeat(1, 1fr);}
   .pg-int-eco__detail{padding:20px!important;}
   .pg-int-flex-card{padding:20px!important;}
   .pg-car-stories__head-grid{grid-template-columns: 1fr!important;}
   .pg-car-stories__hint{text-align: left!important;}
   .pg-car-stories__head-grid{gap:20px;}
   .pg-car-cta__body{padding:20px!important;}
   .job-grid{    grid-template-columns: repeat(1, 1fr);}
   .jobs-header h2{font-size:26px;}
   .pg-cc-serv-quote{position:relative;left:0px;bottom:0px;border:1px solid #E5E7EB;margin-top:20px;}
}


/* ════════════════════════════════════════════════════════════
   TELECOM INDUSTRY PAGE  —  pg-tel-*
   Appended to inner-pages.css
   BEM namespace: pg-tel-*   (reuses ep-* and pg-cc-* where possible)
   No inline styles. Responsive: 320-767 · 768-1199 · 1200+
   ════════════════════════════════════════════════════════════ */

/* ────────────────────────────────────────────────────────────
   SECTION 1 — HERO  (.pg-tel-hero)
   ──────────────────────────────────────────────────────────── */
/* Photo wrap — reuses ep-photo sizing but needs 3 float badges */
.pg-tel-hero-photo {
  position: relative;
  overflow: visible !important; /* allow badges to overflow card */
}

/* Shared float badge base */
.pg-tel-hero-float {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.96);
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  border-radius: 14px;
  padding: 14px 18px;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(14, 107, 59, 0.1);
  z-index: 4;
}

/* Bottom-left: large conversion stat */
.pg-tel-hero-float--bl {
  bottom: -28px;
  left: -20px;
  padding: 22px 26px;
}
.pg-tel-hero-float__value {
  display: block;
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 36px;
  line-height: 1;
}
.pg-tel-hero-float__value sup {
  font-size: 22px;
}
.pg-tel-hero-float__label {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 12px;
  color: var(--c-g500);
  margin-top: 4px;
}

/* Top-right: live pulse badge */
.pg-tel-hero-float--tr {
  top: 20px;
  right: -16px;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 14px;
  border-radius: 12px;
}
.pg-tel-hero-float__pulse {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #10B981;
  flex-shrink: 0;
  animation: pg-tel-pulse 2s ease-in-out infinite;
}
@keyframes pg-tel-pulse {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0.45; }
}
.pg-tel-hero-float__live {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 11px;
  color: var(--c-indigo);
  white-space: nowrap;
}

/* Mid-right: agent count badge */
.pg-tel-hero-float--mr {
  bottom: 78px;
  right: -36px;
  border-radius: 12px;
  padding: 12px 16px;
}
.pg-tel-hero-float__agents-value {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 15px;
  color: var(--c-indigo);
}
.pg-tel-hero-float__agents-label {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 11px;
  color: var(--c-g500);
  margin-top: 2px;
}

/* ────────────────────────────────────────────────────────────
   SECTION 2 — BUYER VOICE  (.pg-tel-bv)
   ──────────────────────────────────────────────────────────── */
.pg-tel-bv__quotes {
  display: grid;
  gap: 14px;
  align-content: start;
}
.pg-tel-bv__card {
  padding: 22px 26px;
  background-color: var(--c-alice);
  border-radius: 14px;
  border-left: 3px solid var(--c-green);
  margin: 0;
}
.pg-tel-bv__card-text {
  font-family: var(--f-body);
  font-style: italic;
  font-weight: 300;
  font-size: 15px;
  line-height: 1.7;
  color: var(--c-g700);
  margin: 0 0 10px;
}
.pg-tel-bv__card-author {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 11px;
  color: var(--c-g500);
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

/* ────────────────────────────────────────────────────────────
   SECTION 3 — TENURE TIMELINE  (.pg-tel-tenure)
   ──────────────────────────────────────────────────────────── */
.pg-tel-tenure__header {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: 64px;
  align-items: center;
  margin-bottom: 48px;
}
.pg-tel-tenure__header-left {}
.pg-tel-tenure__header-right {}

/* Horizontal timeline */
.pg-tel-tenure__timeline {
  position: relative;
  padding-top: 40px;
  padding-bottom: 10px;
}
.pg-tel-tenure__line {
  position: absolute;
  top: 64px;
  left: 4%;
  right: 4%;
  height: 2px;
  background-color: var(--c-g300);
}
.pg-tel-tenure__line-fill {
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, var(--c-green) 0%, #10B981 100%);
  opacity: 0.9;
}
.pg-tel-tenure__marks {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 12px;
}
.pg-tel-tenure__mark {
  text-align: center;
  position: relative;
  padding-top: 18px;
}
.pg-tel-tenure__mark-dot {
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: linear-gradient(135deg, #10B981, var(--c-green));
  box-shadow: 0 4px 12px rgba(14, 107, 59, 0.3);
  border: 3px solid var(--c-white);
}
.pg-tel-tenure__mark-year {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 22px;
  color: var(--c-indigo);
  margin-top: 36px;
  margin-bottom: 10px;
}
.pg-tel-tenure__mark-label {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 13px;
  line-height: 1.55;
  color: var(--c-g600);
  padding: 0 8px;
  margin: 0;
}

/* ────────────────────────────────────────────────────────────
   SECTION 4 — PROGRAMS  (.pg-tel-programs)
   ──────────────────────────────────────────────────────────── */
.pg-tel-programs__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.pg-tel-programs__card {
  padding: 30px 26px;
  border-radius: 16px;
  background-color: var(--c-alice);
  border: 1px solid var(--c-g200);
  height: 100%;
  transition: background-color 0.35s ease, transform 0.35s ease, box-shadow 0.35s ease;
  cursor: default;
}
.pg-tel-programs__card:hover {
  background-color: var(--c-indigo);
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(35, 39, 85, 0.14);
}
.pg-tel-programs__card:hover .pg-tel-programs__tag {
  color: #10B981;
  background-color: rgba(16, 185, 129, 0.14);
}
.pg-tel-programs__card:hover .pg-tel-programs__title { color: var(--c-white); }
.pg-tel-programs__card:hover .pg-tel-programs__desc  { color: rgba(255, 255, 255, 0.65); }

.pg-tel-programs__tag {
  display: inline-block;
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 10px;
  color: var(--c-green);
  background-color: rgba(14, 107, 59, 0.08);
  padding: 3px 10px;
  border-radius: 100px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 16px;
  transition: color 0.35s, background-color 0.35s;
}
.pg-tel-programs__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 19px;
  color: var(--c-indigo);
  margin: 0 0 10px;
  transition: color 0.35s;
}
.pg-tel-programs__desc {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 14px;
  line-height: 1.7;
  color: var(--c-g500);
  margin: 0;
  transition: color 0.35s;
}

/* ────────────────────────────────────────────────────────────
   SECTION 5 — B2B DISCIPLINE  (.pg-tel-b2b)
   ──────────────────────────────────────────────────────────── */
.pg-tel-b2b {
  background: linear-gradient(135deg, var(--c-alice) 0%, #E8F5E9 100%);
}

/* Segment list */
.pg-tel-b2b__segments {
  display: grid;
  gap: 14px;
  margin-top: 28px;
}
.pg-tel-b2b__segment {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 18px 20px;
  background-color: var(--c-white);
  border-radius: 12px;
  border: 1px solid rgba(14, 107, 59, 0.15);
}
.pg-tel-b2b__segment-icon {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: linear-gradient(135deg, var(--c-green), #10B981);
  flex-shrink: 0;
}
.pg-tel-b2b__segment-title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 14px;
  color: rgb(66, 67, 81);
  margin: 0 0 4px;
}
.pg-tel-b2b__segment-desc {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 13px;
  line-height: 1.65;
  color: rgb(107, 114, 128);
  margin: 0;
}

/* Champion-Challenger card */
.pg-tel-b2b__cc-card {
  background-color: var(--c-white);
  border-radius: 20px;
  padding: 40px 38px;
  border: 1px solid var(--c-g200);
  box-shadow: 0 12px 56px rgba(35, 39, 85, 0.07);
  height: 100%;
}
.pg-tel-b2b__cc-eyebrow {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 11px;
  color: var(--c-green);
  letter-spacing: 2.5px;
  text-transform: uppercase;
  margin: 0 0 14px;
}
.pg-tel-b2b__cc-title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 24px;
  line-height: 1.25;
  color: var(--c-indigo);
  margin: 0 0 18px;
}
.pg-tel-b2b__cc-desc {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 15px;
  line-height: 1.75;
  color: var(--c-g600);
  margin: 0 0 26px;
}
.pg-tel-b2b__cc-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 24px;
}
.pg-tel-b2b__cc-stat {
  padding: 18px 14px;
  background-color: var(--c-alice);
  border-radius: 12px;
  text-align: center;
}
.pg-tel-b2b__cc-stat-value {
  display: block;
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 24px;
  color: var(--c-indigo);
}
.pg-tel-b2b__cc-stat-label {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 11px;
  color: var(--c-g500);
  margin-top: 2px;
}
.pg-tel-b2b__pathway-label {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  color: var(--c-green);
  letter-spacing: 2.5px;
  text-transform: uppercase;
  margin: 0 0 10px;
}
.pg-tel-b2b__pathway-desc {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 14px;
  line-height: 1.75;
  color: var(--c-g500);
  margin: 0;
}

/* ────────────────────────────────────────────────────────────
   SECTION 6 — RESULTS BAND  (.pg-tel-results) — dark
   ──────────────────────────────────────────────────────────── */
.pg-tel-results__grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
}
.pg-tel-results__card {
  padding: 28px 22px;
  background-color: rgba(255, 255, 255, 0.04);
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  text-align: center;
  height: 100%;
}
.pg-tel-results__value {
  display: block;
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 40px;
  letter-spacing: -0.02em;
  margin-bottom: 10px;
}
.pg-tel-results__label {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 14px;
  color: var(--c-white);
  margin: 0 0 6px;
}
.pg-tel-results__sub {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
  line-height: 1.55;
  margin: 0;
}

/* ────────────────────────────────────────────────────────────
   SECTION 7 — COMPLIANCE  (.pg-tel-compliance)
   ──────────────────────────────────────────────────────────── */
.pg-tel-compliance__trust-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 14px;
  color: var(--c-green);
  text-decoration: none;
  margin-top: 16px;
  transition: opacity 0.2s;
}
.pg-tel-compliance__trust-link:hover { opacity: 0.8; }

.pg-tel-compliance__certs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  align-content: start;
}
.pg-tel-compliance__cert-card {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 22px;
  border-radius: 14px;
  background-color: var(--c-alice);
  border: 1px solid var(--c-g200);
}
.pg-tel-compliance__cert-icon {
  width: 34px;
  height: 34px;
  min-width: 34px;
  border-radius: 8px;
  background: linear-gradient(135deg, var(--c-green), #10B981);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--c-white);
}
.pg-tel-compliance__cert-icon svg { width: 18px; height: 18px; }
.pg-tel-compliance__cert-title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 15px;
  color: rgb(66, 67, 81);
  margin: 0 0 4px;
}
.pg-tel-compliance__cert-desc {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 13px;
  line-height: 1.65;
  color: rgb(107, 114, 128);
  margin: 0;
}

/* ────────────────────────────────────────────────────────────
   SECTION 8 — TENURE COMPARE  (.pg-tel-compare)
   ──────────────────────────────────────────────────────────── */
.pg-tel-compare__cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}
.pg-tel-compare__col {
  padding: 36px 34px;
  border-radius: 20px;
  height: 100%;
}
.pg-tel-compare__col--etech {
  background: linear-gradient(135deg, var(--c-alice) 0%, #E8F5E9 100%);
  border: 1px solid rgba(14, 107, 59, 0.18);
  border-left: 3px solid var(--c-green);
}
.pg-tel-compare__col--bench {
  background-color: var(--c-g100);
  border: 1px solid var(--c-g200);
  border-left: 3px solid var(--c-g300);
}
.pg-tel-compare__col-eyebrow {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0 0 18px;
}
.pg-tel-compare__col--etech .pg-tel-compare__col-eyebrow { color: var(--c-green); }
.pg-tel-compare__col--bench .pg-tel-compare__col-eyebrow { color: var(--c-g500); }
.pg-tel-compare__row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 0;
  border-bottom: 1px solid rgba(14, 107, 59, 0.12);
}
.pg-tel-compare__col--bench .pg-tel-compare__row { border-bottom-color: var(--c-g200); }
.pg-tel-compare__row:last-child { border-bottom: none; }
.pg-tel-compare__row-label {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 14px;
  color: var(--c-g700);
}
.pg-tel-compare__row-value {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 20px;
  color: var(--c-indigo);
  text-align: right;
  flex-shrink: 0;
}
.pg-tel-compare__row-value--muted { color: var(--c-g600); font-weight: 700; }

/* ────────────────────────────────────────────────────────────
   SECTION 9 — PLATFORM  (.pg-tel-platform)
   ──────────────────────────────────────────────────────────── */
.pg-tel-platform__features {
  display: grid;
  gap: 16px;
  margin-top: 24px;
}
.pg-tel-platform__feature {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.pg-tel-platform__feature-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  min-width: 6px;
  border-radius: 50%;
  background-color: #10B981;
  margin-top: 10px;
}
.pg-tel-platform__feature-title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 15px;
  color: var(--c-indigo);
  margin: 0 0 4px;
}
.pg-tel-platform__feature-desc {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 14px;
  line-height: 1.7;
  color: var(--c-g500);
  margin: 0;
}
.pg-tel-platform__links {
  display: flex;
  gap: 24px;
  margin-top: 32px;
  flex-wrap: wrap;
}
.pg-tel-platform__link {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 14px;
  color: var(--c-green);
  text-decoration: none;
  transition: opacity 0.2s;
}
.pg-tel-platform__link:hover { opacity: 0.8; }

/* Award float badge (inside ep-photo) */
.pg-tel-platform-photo { position: relative; }
.pg-tel-platform-float {
  position: absolute;
  bottom: -30px;
  right: -20px;
  background-color: var(--c-white);
  border-radius: 16px;
  padding: 22px 26px;
  box-shadow: 0 16px 44px rgba(35, 39, 85, 0.12);
  border: 1px solid var(--c-g200);
  max-width: 280px;
  z-index: 4;
}
.pg-tel-platform-float__label {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 11px;
  color: var(--c-green);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0 0 8px;
}
.pg-tel-platform-float__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 15px;
  color: var(--c-indigo);
  line-height: 1.35;
  margin: 0;
}

/* ────────────────────────────────────────────────────────────
   SECTION 10 — PLATFORM NOTE  (.pg-tel-analytics)
   ──────────────────────────────────────────────────────────── */
.pg-tel-analytics__card {
  background-color: var(--c-white);
  border-radius: 24px;
  border: 1px solid var(--c-g200);
  box-shadow: 0 12px 56px rgba(35, 39, 85, 0.05);
  padding: 48px 52px;
}
.pg-tel-analytics__inner {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: 56px;
  align-items: center;
}
.pg-tel-analytics__title { font-size: 30px; }
.pg-tel-analytics__rows { display: grid; }
.pg-tel-analytics__row {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 20px;
  padding: 14px 0;
  border-bottom: 1px dashed var(--c-g200);
}
.pg-tel-analytics__row:last-child { border-bottom: none; }
.pg-tel-analytics__row-title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 13px;
  color: var(--c-indigo);
  margin: 0;
}
.pg-tel-analytics__row-desc {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 13px;
  line-height: 1.65;
  color: var(--c-g500);
  margin: 0;
}

/* ────────────────────────────────────────────────────────────
   SECTION 11 — CASE STUDY  (.pg-tel-case)
   ──────────────────────────────────────────────────────────── */
.pg-tel-case__card {
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 16px 48px rgba(35, 39, 85, 0.08);
  border: 1px solid var(--c-g200);
}
.pg-tel-case__bar {
  background-color: var(--c-indigo);
  padding: 26px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
}
.pg-tel-case__bar-eyebrow {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 11px;
  color: #10B981;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0 0 4px;
}
.pg-tel-case__bar-desc {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 18px;
  color: var(--c-white);
  margin: 0;
}
.pg-tel-case__bar-stats {
  display: flex;
  gap: 28px;
  flex-wrap: wrap;
}
.pg-tel-case__bar-stat { text-align: right; }
.pg-tel-case__bar-stat-value {
  display: block;
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 22px;
  color: #10B981;
}
.pg-tel-case__bar-stat-label {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.5);
}
.pg-tel-case__cols {
  background-color: var(--c-white);
  padding: 42px 48px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
.pg-tel-case__col-heading {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 14px;
  color: var(--c-green);
  text-transform: uppercase;
  letter-spacing: 0.3px;
  margin: 0 0 10px;
}
.pg-tel-case__col-body {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 14px;
  line-height: 1.75;
  color: var(--c-g600);
  margin: 0;
}

/* ────────────────────────────────────────────────────────────
   SECTION 12 — RUN / SEE / BUILD  (.pg-tel-rsb)
   Reuses pg-bo-fw-card / pg-cc-fw-card — only layout overrides
   ──────────────────────────────────────────────────────────── */
.pg-tel-rsb__row {
  justify-content: center;
}

/* ────────────────────────────────────────────────────────────
   SECTION 13 — FOOTPRINT  (.pg-tel-footprint)
   ──────────────────────────────────────────────────────────── */
.pg-tel-footprint__grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 18px;
}
.pg-tel-footprint__card {
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid var(--c-g200);
  background-color: var(--c-white);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.pg-tel-footprint__card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 40px rgba(35, 39, 85, 0.08);
}
/* Media: image or ep-photo placeholder */
.pg-tel-footprint__media > img,
.pg-tel-footprint__media .ep-photo {
  width: 100%;
  aspect-ratio: 16 / 7;
  border-radius: 0;
}
.pg-tel-footprint__body { padding: 22px 24px; }
.pg-tel-footprint__hub {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 11px;
  color: var(--c-green);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0 0 8px;
}
.pg-tel-footprint__loc {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 17px;
  color: var(--c-indigo);
  margin: 0 0 8px;
}
.pg-tel-footprint__desc {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 13px;
  line-height: 1.7;
  color: var(--c-g500);
  margin: 0;
}

/* ────────────────────────────────────────────────────────────
   SECTION 14 — STABILITY  (.pg-tel-stability) — dark
   ──────────────────────────────────────────────────────────── */
.pg-tel-stability { text-align: center; }
.pg-tel-stability__inner { max-width: 1100px; }
.pg-tel-stability__desc  { max-width: 820px; margin-left: auto; margin-right: auto; }
.pg-tel-stability__stats {
  display: flex;
  justify-content: center;
  gap: 48px;
  flex-wrap: wrap;
  margin-top: 30px;
}
.pg-tel-stability__stat-value {
  display: block;
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 28px;
  color: var(--c-white);
}
.pg-tel-stability__stat-label {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.5);
}

/* ════════════════════════════════════════════════════════════
   RESPONSIVE — TABLET  768-1199px
   ════════════════════════════════════════════════════════════ */
@media (max-width: 1199px) {

  /* Hero floats: hide overflow ones on tablet */
  .pg-tel-hero-float--tr,
  .pg-tel-hero-float--mr { display: none; }
  .pg-tel-hero-float--bl { left: 0; bottom: -20px; }

  /* Tenure */
  .pg-tel-tenure__header      { grid-template-columns: 1fr; gap: 20px; }
  .pg-tel-tenure__marks       { grid-template-columns: repeat(3, 1fr); }
  .pg-tel-tenure__line        { display: none; }
  .pg-tel-tenure__mark        { padding-top: 0; }
  .pg-tel-tenure__mark-dot    { position: static; transform: none; margin: 0 auto 8px; display: block; }
  .pg-tel-tenure__mark-year   { margin-top: 0; }

  /* Programs: 2 cols */
  .pg-tel-programs__grid  { grid-template-columns: repeat(2, 1fr); }

  /* Results: 3 cols */
  .pg-tel-results__grid   { grid-template-columns: repeat(3, 1fr); }

  /* Compliance: 1 col */
  .pg-tel-compliance__certs { grid-template-columns: 1fr; }

  /* Compare: stack */
  .pg-tel-compare__cols   { grid-template-columns: 1fr; }

  /* Platform award float */
  .pg-tel-platform-float  { right: 0; bottom: -20px; }

  /* Analytics note */
  .pg-tel-analytics__inner { grid-template-columns: 1fr; gap: 32px; }
  .pg-tel-analytics__row   { grid-template-columns: 150px 1fr; }

  /* Case study */
  .pg-tel-case__cols { grid-template-columns: 1fr; gap: 24px; padding: 28px; }
  .pg-tel-case__bar  { flex-direction: column; align-items: flex-start; padding: 24px 28px; }
  .pg-tel-case__bar-stats { flex-direction: row; }
  .pg-tel-case__bar-stat  { text-align: left; }

  /* Footprint: 2 cols */
  .pg-tel-footprint__grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }

  /* Stability */
  .pg-tel-stability__stats { gap: 32px; }
}

/* ════════════════════════════════════════════════════════════
   RESPONSIVE — MOBILE  up to 767px
   ════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  .pg-tel-tenure__timeline{padding-top:0px;}
  /* Hero floats: hide all on mobile, too cramped */
  .pg-tel-hero-float { display: none; }
  .pg-car-tuition__grid{    grid-template-columns: 1fr;}

  /* Tenure: 2 cols then stacked list */
  .pg-tel-tenure__marks { grid-template-columns: 1fr; gap: 20px; }
  .pg-tel-tenure__mark  {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    text-align: left;
    padding-top: 0;
  }
  .pg-tel-tenure__mark-dot   { position: static; transform: none; margin: 4px 0 0; flex-shrink: 0; }
  .pg-tel-tenure__mark-year  { margin-top: 0; font-size: 18px; margin-bottom: 2px; }
  .pg-tel-tenure__mark-label { padding: 0; }

  /* Programs: 1 col */
  .pg-tel-programs__grid { grid-template-columns: 1fr; }

  /* B2B: CC stats 2 col */
  .pg-tel-b2b__cc-stats  { grid-template-columns: 1fr 1fr; }

  /* Results: 2 col */
  .pg-tel-results__grid  { grid-template-columns:  1fr; gap: 12px; }
  .pg-tel-results__value { font-size: 32px; }

  /* Compliance: single col cert cards, icon on same line */
  .pg-tel-compliance__certs     { grid-template-columns: 1fr; }

  /* Analytics card padding */
  .pg-tel-analytics__card       { padding: 28px 20px; }
  .pg-tel-analytics__row        { grid-template-columns: 1fr; gap: 4px; }

  /* Case study */
  .pg-tel-case__cols            { padding: 24px 20px; }

  /* Footprint: 1 col */
  .pg-tel-footprint__grid       { grid-template-columns: 1fr; }

  /* Stability: column */
  .pg-tel-stability__stats      { flex-direction: column; align-items: center; gap: 20px; }

  /* Platform award float: static on mobile */
  .pg-tel-platform-float {
    position: static;
    margin-top: 16px;
    max-width: 100%;
    border-radius: 12px;
  }
}


/* ════════════════════════════════════════════════════════════
   ABOUT PAGE  —  pg-ab-*
   Appended to inner-pages.css
   BEM namespace: pg-ab-*   (reuses ep-* base classes)
   No inline styles. Responsive: 320-767 · 768-1199 · 1200+
   ════════════════════════════════════════════════════════════ */

/* ────────────────────────────────────────────────────────────
   SECTION 1 — HERO  (.pg-ab-hero)
   ──────────────────────────────────────────────────────────── */
.pg-ab-hero__eyebrow-pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 16px;
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  margin-bottom: 32px;
}
.pg-ab-hero__eyebrow-label {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.5);
  letter-spacing: 2px;
  text-transform: uppercase;
}
.pg-ab-hero__eyebrow-dot {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.25);
  flex-shrink: 0;
}
.pg-ab-hero__eyebrow-sub {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.4);
}
.pg-ab-hero__title { margin-bottom: 20px; }

/* Photo + floats */
.pg-ab-hero-photo { position: relative; overflow: visible !important; }

.pg-ab-hero-float {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.96);
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  border-radius: 16px;
  border: 1px solid rgba(14, 107, 59, 0.1);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
  z-index: 4;
}
.pg-ab-hero-float--bl {
  bottom: -20px;
  left: -20px;
  padding: 22px 26px;
}
.pg-ab-hero-float__value {
  display: block;
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 36px;
  line-height: 1;
}
.pg-ab-hero-float__value.ep-gradient-text{
 
   background: linear-gradient(135deg, #0E6B3B 0%, #10B981 100%);
       -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.pg-ab-hero-float__label {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 16px;
  color: var(--c-g400);
  margin-top: 2px;
}
.pg-ab-hero-float--tr {
  top: 20px;
  right: 20px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border-radius: 100px;
  background-color: rgba(255, 255, 255, 0.95);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.pg-ab-hero-float__pulse {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #10B981;
  flex-shrink: 0;
  animation: pg-ab-pulse 2s ease-in-out infinite;
}
@keyframes pg-ab-pulse {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0.5; }
}
.pg-ab-hero-float__live {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: #424351;
  white-space: nowrap;
}

/* ────────────────────────────────────────────────────────────
   SECTION 2 — ORIGIN STORY  (.pg-ab-origin)
   ──────────────────────────────────────────────────────────── */
.pg-ab-origin__photos {
  display: grid;
  gap: 20px;
}
.pg-ab-origin__photo-top  { aspect-ratio: 4 / 3; border-radius: 16px; overflow: hidden; }
.pg-ab-origin__photo-bot  { aspect-ratio: 1 / 1; border-radius: 16px; overflow: hidden; margin-top: 20px; }
.pg-ab-origin__photo-top img,
.pg-ab-origin__photo-bot img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ────────────────────────────────────────────────────────────
   SECTION 3 — VISION & MISSION  (.pg-ab-vm)
   ──────────────────────────────────────────────────────────── */
.pg-ab-vm__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
.pg-ab-vm__card {
  padding: 52px 44px;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  min-height: 280px;
}
.pg-ab-vm__card--vision {
  background: linear-gradient(135deg, var(--c-indigo) 0%, #1a1f45 100%);
}
.pg-ab-vm__card--vision::before {
  content: '';
  position: absolute;
  top: -30%;
  right: -20%;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(16, 185, 129, 0.1) 0%, transparent 70%);
  pointer-events: none;
}
.pg-ab-vm__card--mission {
  background: linear-gradient(135deg, var(--c-alice) 0%, #E8F5E9 100%);
  border: 1px solid var(--c-g200);
}
.pg-ab-vm__card--mission::before {
  content: '';
  position: absolute;
  bottom: -20%;
  left: -15%;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(14, 107, 59, 0.06) 0%, transparent 70%);
  pointer-events: none;
}
/* Pill badges */
.pg-ab-vm__card-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border-radius: 100px;
  margin-bottom: 24px;
  position: relative;
  z-index: 1;
}
.pg-ab-vm__card-pill--dark {
  border: 1px solid rgba(255, 255, 255, 0.12);
}
.pg-ab-vm__card-pill--dark span {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  letter-spacing: 2px;
  text-transform: uppercase;
}
.pg-ab-vm__card-pill--light {
  border: 1px solid var(--c-g200);
}
.pg-ab-vm__card-pill--light span {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 14px;
  color: var(--c-green);
  letter-spacing: 2px;
  text-transform: uppercase;
}
/* Titles + descs */
.pg-ab-vm__card-title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 22px;
  line-height: 1.25;
  margin: 0 0 20px;
  position: relative;
  z-index: 1;
}
.pg-ab-vm__card-title--light { color: var(--c-white); font-size: 28px; }
.pg-ab-vm__card-title--dark  { color: var(--c-indigo); }
.pg-ab-vm__card-desc {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
  position: relative;
  z-index: 1;
}
.pg-ab-vm__card-desc--light { color: rgba(255, 255, 255, 0.55); }
.pg-ab-vm__card-desc--dark  { color: var(--c-g500); }

/* ────────────────────────────────────────────────────────────
   SECTION 4 — TIMELINE  (.pg-ab-timeline)
   ──────────────────────────────────────────────────────────── */
/* Era tab buttons */
.pg-ab-timeline__tabs {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-bottom: 56px;
  flex-wrap: wrap;
}
.pg-ab-timeline__tab {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 14px;
  padding: 14px 32px;
  border-radius: 12px;
  border: 1px solid var(--c-g200);
  background-color: var(--c-white);
  color: var(--c-g600);
  cursor: pointer;
  transition: all 0.35s cubic-bezier(.16, 1, .3, 1);
  text-align: center;
}
.pg-ab-timeline__tab-era  { display: block; margin-bottom: 2px; font-size:16px;}
.pg-ab-timeline__tab-range {
  display: block;
  font-size: 14px;
  font-weight: 400;
  opacity: 0.7;
}
/* Active states per era colour */
.pg-ab-timeline__tab--active.pg-ab-timeline__era--green {
  background: linear-gradient(135deg, var(--c-green) 0%, #0a8a4a 100%);
  color: var(--c-white);
  border-color: transparent;
  box-shadow: 0 4px 20px rgba(14, 107, 59, 0.25);
}
.pg-ab-timeline__tab--active.pg-ab-timeline__era--teal {
  background: linear-gradient(135deg, #10B981 0%, #0a8a4a 100%);
  color: var(--c-white);
  border-color: transparent;
  box-shadow: 0 4px 20px rgba(16, 185, 129, 0.25);
}
.pg-ab-timeline__tab--active.pg-ab-timeline__era--indigo {
  background: linear-gradient(135deg, var(--c-indigo) 0%, #1a1f45 100%);
  color: var(--c-white);
  border-color: transparent;
  box-shadow: 0 4px 20px rgba(35, 39, 85, 0.25);
}

/* Progress bar */
.pg-ab-timeline__bar {
  position: relative;
  max-width: 1100px;
  margin: 0 auto 56px;
  height: 4px;
  background-color: var(--c-g100);
  border-radius: 2px;
  overflow: visible;
}
.pg-ab-timeline__bar-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 33%;
  background: linear-gradient(90deg, var(--c-green), #10B981);
  border-radius: 2px;
  transition: width 0.5s ease;
}
.pg-ab-timeline__bar-dots { position: absolute; inset: 0; }
.pg-ab-timeline__dot {
  position: absolute;
  top: -4px;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.pg-ab-timeline__dot-circle {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--c-g300);
  transition: all 0.35s ease;
}
.pg-ab-timeline__dot--active .pg-ab-timeline__dot-circle {
  width: 14px;
  height: 14px;
  background-color: var(--c-green);
  border: 3px solid var(--c-white);
  box-shadow: 0 0 0 2px var(--c-green), 0 2px 8px rgba(0, 0, 0, 0.15);
}
.pg-ab-timeline__dot--past .pg-ab-timeline__dot-circle { background-color: var(--c-green); }
.pg-ab-timeline__dot-year {
  font-family: var(--f-heading);
  font-size: 16px;
  font-weight: 400;
  color: var(--c-g400);
  margin-top: 10px;
  white-space: nowrap;
  transition: all 0.3s;
}
.pg-ab-timeline__dot--active .pg-ab-timeline__dot-year {
  color: var(--c-green);
  font-weight: 700;
}

/* Era panels */
.pg-ab-timeline__panel { display: none; }
.pg-ab-timeline__panel--active { display: block; }
.pg-ab-timeline__cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  max-width: 1100px;
  margin: 0 auto;
}
.pg-ab-timeline__card {
  padding: 32px 26px;
  border-radius: 16px;
  background-color: var(--c-alice);
  border: 1px solid var(--c-g200);
  position: relative;
  overflow: hidden;
  min-height: 220px;
  transition: all 0.35s cubic-bezier(.16, 1, .3, 1);
}
.pg-ab-timeline__card-bar {
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
}
.pg-ab-timeline__era--green  .pg-ab-timeline__card-bar { background: linear-gradient(90deg, var(--c-green), #0a8a4a); }
.pg-ab-timeline__era--teal   .pg-ab-timeline__card-bar { background: linear-gradient(90deg, #10B981, #0a8a4a); }
.pg-ab-timeline__era--indigo .pg-ab-timeline__card-bar { background: linear-gradient(90deg, var(--c-indigo), #10B981); }

.pg-ab-timeline__card-year-bg {
  position: absolute;
  top: 14px;
  right: 18px;
  font-family: var(--f-heading);
  font-size: 36px;
  font-weight: 800;
  opacity: 0.12;
  line-height: 1;
}
.pg-ab-timeline__era--green  .pg-ab-timeline__card-year-bg { color: var(--c-green); }
.pg-ab-timeline__era--teal   .pg-ab-timeline__card-year-bg { color: #10B981; }
.pg-ab-timeline__era--indigo .pg-ab-timeline__card-year-bg { color: var(--c-indigo); }

.pg-ab-timeline__card-tag {
  display: inline-flex;
  padding: 5px 12px;
  border-radius: 100px;
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 14px;
}
.pg-ab-timeline__era--green  .pg-ab-timeline__card-tag { background: rgba(14, 107, 59, 0.08); color: var(--c-green); }
.pg-ab-timeline__era--teal   .pg-ab-timeline__card-tag { background: rgba(16, 185, 129, 0.08); color: #10B981; }
.pg-ab-timeline__era--indigo .pg-ab-timeline__card-tag { background: rgba(35, 39, 85, 0.08); color: var(--c-indigo); }

.pg-ab-timeline__card-title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 18px;
  color: rgb(66, 67, 81);
  margin: 0 0 10px;
  line-height: 1.25;
}
.pg-ab-timeline__card-text {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g600);
  line-height: 1.7;
  margin: 0;
}

/* Summary stat */
.pg-ab-timeline__summary {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  padding: 18px 36px;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--c-alice) 0%, #E8F5E9 100%);
  border: 1px solid var(--c-g200);
  margin: 48px auto 0;
  display: flex;
  justify-content: center;
  max-width: max-content;
}
.pg-ab-timeline__summary-value {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 32px;
  flex-shrink: 0;
 
    background: linear-gradient(135deg, #0E6B3B 0%, #10B981 100%);
    -webkit-background-clip: text;
}
.pg-ab-timeline__summary-title {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  color: rgb(66, 67, 81);
  margin: 0 0 2px;
}
.pg-ab-timeline__summary-sub {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g500);
  margin: 0;
}

/* ────────────────────────────────────────────────────────────
   SECTION 5 — RUN / SEE / BUILD  (.pg-ab-rsb)
   ──────────────────────────────────────────────────────────── */
.pg-ab-rsb__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 60px;
}
.pg-ab-rsb__card {
  padding: 36px 28px;
  border-radius: 16px;
  background-color: var(--c-white);
  border: 1px solid var(--c-g200);
  
  cursor: default;
  transition: background-color 0.35s cubic-bezier(.16, 1, .3, 1), border-color 0.35s;
}
.pg-ab-rsb__card:hover {
  background-color: var(--c-indigo);
  border-color: transparent;
}
.pg-ab-rsb__card:hover .pg-ab-rsb__tag  { color: #10B981; border-color: rgba(255,255,255,0.15); }
.pg-ab-rsb__card:hover .pg-ab-rsb__title { color: var(--c-white); }
.pg-ab-rsb__card:hover .pg-ab-rsb__desc  { color: rgba(255,255,255,0.7); }
.pg-ab-rsb__card:hover .pg-ab-rsb__item  { color: rgba(255,255,255,0.6); }
.pg-ab-rsb__card:hover .pg-ab-rsb__item-dot { background-color: #10B981; }

.pg-ab-rsb__tag {
  display: inline-flex;
  padding: 6px 14px;
  border-radius: 100px;
  border: 1px solid var(--c-g200);
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  color: var(--c-green);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 20px;
  transition: color 0.3s, border-color 0.3s;
}
.pg-ab-rsb__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 22px;
  color: rgb(66, 67, 81);
  margin: 0 0 16px;
  transition: color 0.3s;
}
.pg-ab-rsb__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g500);
  line-height: 1.7;
  margin: 0 0 0px;
  transition: color 0.3s;
}
.pg-ab-rsb__items {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 8px;
  margin-top:20px;
}
.pg-ab-rsb__item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--f-body);
  font-size: 16px;
  font-weight: 400;
  color: var(--c-g500);
  transition: color 0.3s;
}
.pg-ab-rsb__item-dot {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--c-green);
  flex-shrink: 0;
  transition: background-color 0.3s;
}

/* ────────────────────────────────────────────────────────────
   SECTION 6 — PROOF BAND  (.pg-ab-proof) — dark
   ──────────────────────────────────────────────────────────── */
.pg-ab-proof__grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 40px;
  text-align: center;
}
.pg-ab-proof__value {
  display: block;
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 44px;
  margin-bottom: 8px;
  letter-spacing: -0.02em;
}
.pg-ab-proof__label {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.5);
}

/* ────────────────────────────────────────────────────────────
   SECTION 7 — RECOGNITION  (.pg-ab-recognition)
   ──────────────────────────────────────────────────────────── */
/* Featured 4 cards */
.pg-ab-recognition__featured {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-bottom: 40px;
}
.pg-ab-recognition__feat-card {
  padding: 32px 26px;
  border-radius: 20px;
  border: 1px solid var(--c-g200);
  background-color: var(--c-alice);
  min-height: 220px;
  display: flex;
  flex-direction: column;
}
.pg-ab-recognition__feat-tag {
  display: inline-flex;
  padding: 5px 12px;
  border-radius: 100px;
  background-color: rgba(14, 107, 59, 0.08);
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 14px;
  color: var(--c-green);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 16px;
  align-self: flex-start;
}
.pg-ab-recognition__feat-award {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
  color: rgb(66, 67, 81);
  margin: 0 0 10px;
  line-height: 1.25;
}
.pg-ab-recognition__feat-product {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g500);
  line-height: 1.65;
  margin: 0 0 8px;
}
.pg-ab-recognition__feat-org {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g400);
  margin: auto 0 0;
}

/* Additional awards compact */
.pg-ab-recognition__additional {
  padding: 40px 36px;
  border-radius: 20px;
  background: linear-gradient(135deg, var(--c-alice) 0%, #E8F5E9 100%);
  border: 1px solid var(--c-g200);
  margin-bottom: 40px;
}
.pg-ab-recognition__additional-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.pg-ab-recognition__add-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.pg-ab-recognition__add-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--c-green);
  flex-shrink: 0;
  margin-top: 7px;
}
.pg-ab-recognition__add-award {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  color: rgb(66, 67, 81);
  line-height: 1.35;
  margin: 0 0 3px;
}
.pg-ab-recognition__add-org {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g500);
  margin: 0;
}

/* Certification badges */
.pg-ab-recognition__certs {
  display: flex;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
}
.pg-ab-recognition__cert-badge {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 14px 28px;
  border-radius: 12px;
  border: 1px solid var(--c-g200);
  background-color: var(--c-g100);
}
.pg-ab-recognition__cert-badge span {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g600);
}

/* ────────────────────────────────────────────────────────────
   SECTION 8 — CTA  (.pg-ab-cta)
   ──────────────────────────────────────────────────────────── */
.pg-ab-cta-photo {
  border-radius: 20px;
  overflow: hidden;
  aspect-ratio: 1 / 1;
}
.pg-ab-cta-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ════════════════════════════════════════════════════════════
   RESPONSIVE — TABLET  768-1199px
   ════════════════════════════════════════════════════════════ */
@media (max-width: 1199px) {

  /* Hero floats */
  .pg-ab-hero-float--bl { left: 0; bottom: -16px; }
  .pg-ab-hero-float--tr { right: 10px; top: 10px; }

  /* Vision/Mission */
  .pg-ab-vm__grid { grid-template-columns: 1fr; }
  .pg-ab-vm__card { min-height: auto; }

  /* Timeline */
  .pg-ab-timeline__tabs   { gap: 6px; }
  .pg-ab-timeline__tab    { padding: 12px 20px; font-size: 13px; }
  .pg-ab-timeline__cards  { grid-template-columns: repeat(2, 1fr); }
  .pg-ab-timeline__bar    { display: none; }
  .pg-ab-timeline__summary { max-width: 100%; }

  /* RSB */
  .pg-ab-rsb__grid { grid-template-columns: 1fr; gap: 16px; margin-top: 40px; }
  .pg-ab-rsb__card { min-height: auto; }

  /* Proof */
  .pg-ab-proof__grid { grid-template-columns: repeat(3, 1fr); gap: 28px; }

  /* Recognition */
  .pg-ab-recognition__featured        { grid-template-columns: repeat(2, 1fr); }
  .pg-ab-recognition__additional-grid { grid-template-columns: repeat(2, 1fr); }

  /* CTA */
  .pg-ab-cta-photo { aspect-ratio: 16 / 9; }
}

/* ════════════════════════════════════════════════════════════
   RESPONSIVE — MOBILE  up to 767px
   ════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {

  /* Hero floats: hide on mobile */
  .pg-ab-hero-float { display: none; }

  /* Origin stacked photos */
  .pg-ab-origin__photo-bot { margin-top: 0; }

  /* Vision/Mission card padding */
  .pg-ab-vm__card { padding: 36px 24px; }

  /* Timeline tabs: wrap scroll */
  .pg-ab-timeline__tabs   { flex-direction: column; align-items: stretch; }
  .pg-ab-timeline__tab    { text-align: center; }
  .pg-ab-timeline__cards  { grid-template-columns: 1fr; }
  .pg-ab-timeline__summary { flex-direction: column; text-align: center; gap: 12px; padding: 24px 20px; }

  /* Proof */
  .pg-ab-proof__grid  { grid-template-columns: 1fr 1fr; gap: 20px; }
  .pg-ab-proof__value { font-size: 34px; }

  /* Recognition */
  .pg-ab-recognition__featured        { grid-template-columns: 1fr; }
  .pg-ab-recognition__additional      { padding: 24px 20px; }
  .pg-ab-recognition__additional-grid { grid-template-columns: 1fr; }
  .pg-ab-recognition__certs           { flex-direction: column; align-items: stretch; }
  .pg-ab-recognition__cert-badge      { justify-content: flex-start; }
}




/* ════════════════════════════════════════════════════════════
   AUTOMOTIVE INDUSTRY PAGE  —  pg-aut-*
   Appended to inner-pages.css
   BEM namespace: pg-aut-*   (reuses ep-* and pg-tel-* / pg-bo-* where noted)
   No inline styles. Responsive: 320-767 · 768-1199 · 1200+
   ════════════════════════════════════════════════════════════ */

/* ────────────────────────────────────────────────────────────
   SECTION 1 — HERO  (.pg-aut-hero)
   ──────────────────────────────────────────────────────────── */
.pg-aut-hero-photo { position: relative; overflow: visible !important; }

/* Shared float base */
.pg-aut-hero-float {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.96);
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  border-radius: 14px;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(14, 107, 59, 0.1);
  z-index: 4;
}
/* Bottom-left: large stat */
.pg-aut-hero-float--bl {
  bottom: -28px;
  left: -20px;
  padding: 22px 26px;
  max-width: 320px;
}
.pg-aut-hero-float__value {
  display: block;
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 34px;
  line-height: 1;
}
.pg-aut-hero-float__label {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 12px;
  color: var(--c-g500);
  margin-top: 4px;
  line-height: 1.55;
}
/* Top-right: live badge */
.pg-aut-hero-float--tr {
  top: 20px;
  right: -16px;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 14px;
  border-radius: 12px;
}
.pg-aut-hero-float__pulse {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #10B981;
  flex-shrink: 0;
  animation: pg-aut-pulse 2s ease-in-out infinite;
}
@keyframes pg-aut-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.45; } }
.pg-aut-hero-float__live {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 11px;
  color: var(--c-indigo);
  white-space: nowrap;
}
/* Mid-right: VDI badge */
.pg-aut-hero-float--mr {
  bottom: 90px;
  right: -36px;
  padding: 12px 16px;
  border-radius: 12px;
}
.pg-aut-hero-float__badge-title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 15px;
  color: var(--c-indigo);
}
.pg-aut-hero-float__badge-sub {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 11px;
  color: var(--c-g500);
  margin-top: 2px;
}

/* ────────────────────────────────────────────────────────────
   SECTION 2 — BUYER VOICE  (.pg-aut-bv)
   ──────────────────────────────────────────────────────────── */
.pg-aut-bv__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 40px;
}
.pg-aut-bv__card {
  padding: 32px 30px;
  background-color: var(--c-alice);
  border-radius: 18px;
  border: 1px solid var(--c-g200);
  height: 100%;
  display: flex;
  flex-direction: column;
  margin: 0;
  transition: transform 0.35s cubic-bezier(.16, 1, .3, 1), box-shadow 0.35s, border-color 0.35s;
}
.pg-aut-bv__card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 40px rgba(35, 39, 85, 0.06);
  border-color: rgba(14, 107, 59, 0.2);
}
.pg-aut-bv__card-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}
.pg-aut-bv__card-tag {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 10px;
  color: var(--c-green);
  background-color: rgba(14, 107, 59, 0.1);
  padding: 4px 12px;
  border-radius: 100px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
.pg-aut-bv__card-cat {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 12px;
  color: var(--c-g400);
  letter-spacing: 0.3px;
}
.pg-aut-bv__quote-icon {
  color: var(--c-green);
  opacity: 0.18;
  margin-bottom: 12px;
  display: block;
}
.pg-aut-bv__card-text {
  font-family: var(--f-body);
  font-style: italic;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.65;
  color: var(--c-g700);
  margin: 0 0 22px;
  flex: 1;
}
.pg-aut-bv__card-author {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 11px;
  color: var(--c-g500);
  letter-spacing: 0.5px;
  line-height: 1.5;
  padding-top: 18px;
  border-top: 1px solid var(--c-g200);
}

/* ────────────────────────────────────────────────────────────
   SECTION 3 — TIMELINE  (reuses pg-tel-tenure__* classes)
   ──────────────────────────────────────────────────────────── */
.pg-aut-timeline__header {
  margin-bottom: 48px;
}
.pg-aut-timeline__header-grid {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: 64px;
  align-items: center;
  margin-top: 8px;
}

/* ────────────────────────────────────────────────────────────
   SECTION 5 — LIFECYCLE  (.pg-aut-lifecycle)
   ──────────────────────────────────────────────────────────── */
.pg-aut-lifecycle {
  background: linear-gradient(135deg, var(--c-alice) 0%, #E8F5E9 100%);
}
.pg-aut-lifecycle__grid {
  display: grid;
  grid-template-columns: 1fr 1.35fr;
  gap: 72px;
  align-items: start;
}
.pg-aut-lifecycle__sticky { position: -webkit-sticky; position: sticky; top: 110px; }

/* Left stats grid */
.pg-aut-lifecycle__stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 28px;
}
.pg-aut-lifecycle__stat {
  padding: 18px 20px;
  background-color: var(--c-white);
  border-radius: 12px;
  border-left: 3px solid var(--c-green);
  box-shadow: 0 4px 18px rgba(35, 39, 85, 0.04);
}
.pg-aut-lifecycle__stat-value {
  display: block;
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 22px;
  color: var(--c-indigo);
  letter-spacing: -0.01em;
  line-height: 1;
  margin-bottom: 6px;
}
.pg-aut-lifecycle__stat-label {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 12px;
  color: var(--c-g500);
  line-height: 1.5;
}

/* Phase cards */
.pg-aut-lifecycle__right { display: grid; gap: 18px; }
.pg-aut-lifecycle__phase {
  background-color: var(--c-white);
  border-radius: 18px;
  padding: 32px 34px;
  border: 1px solid var(--c-g200);
  box-shadow: 0 8px 32px rgba(35, 39, 85, 0.05);
}
.pg-aut-lifecycle__phase-header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
}
.pg-aut-lifecycle__phase-num {
  width: 44px;
  height: 44px;
  min-width: 44px;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--c-green), #10B981);
  color: var(--c-white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 18px;
}
.pg-aut-lifecycle__phase-tag {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 11px;
  color: var(--c-green);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0;
}
.pg-aut-lifecycle__phase-title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
  color: var(--c-indigo);
  margin: 2px 0 0;
}
.pg-aut-lifecycle__phase-items {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
}
.pg-aut-lifecycle__phase-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 14px;
  line-height: 1.65;
  color: var(--c-g700);
}
.pg-aut-lifecycle__phase-item svg { flex-shrink: 0; margin-top: 3px; }

/* Handoff note */
.pg-aut-lifecycle__handoff-note {
  padding: 24px 28px;
  background-color: rgba(14, 107, 59, 0.05);
  border-radius: 14px;
  border: 1px solid rgba(14, 107, 59, 0.15);
}
.pg-aut-lifecycle__handoff-label {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 11px;
  color: var(--c-green);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0 0 8px;
}
.pg-aut-lifecycle__handoff-text {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 15px;
  line-height: 1.7;
  color: var(--c-g700);
  margin: 0;
  font-style: italic;
}

/* ────────────────────────────────────────────────────────────
   SECTION 7 — COMPLIANCE  (.pg-aut-compliance)
   ──────────────────────────────────────────────────────────── */
.pg-aut-compliance__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.pg-aut-compliance__cert {
  padding: 26px;
  border-radius: 16px;
  background-color: var(--c-alice);
  border: 1px solid var(--c-g200);
}
.pg-aut-compliance__cert-icon {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--c-green), #10B981);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--c-white);
  margin-bottom: 12px;
}
.pg-aut-compliance__cert-icon svg { width: 18px; height: 18px; }
.pg-aut-compliance__cert-title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 15px;
  color: var(--c-indigo);
  margin: 0 0 6px;
  line-height: 1.25;
}
.pg-aut-compliance__cert-desc {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 13px;
  line-height: 1.7;
  color: var(--c-g500);
  margin: 0;
}
/* Trust note bar */
.pg-aut-compliance__trust {
  margin-top: 40px;
  padding: 22px 28px;
  background-color: rgba(14, 107, 59, 0.04);
  border-radius: 14px;
  border-left: 3px solid var(--c-green);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  flex-wrap: wrap;
}
.pg-aut-compliance__trust-text {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 15px;
  line-height: 1.65;
  color: var(--c-g700);
  margin: 0;
  max-width: 780px;
  flex: 1;
}
.pg-aut-compliance__trust-link {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 14px;
  color: var(--c-green);
  text-decoration: none;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: opacity 0.2s;
}
.pg-aut-compliance__trust-link:hover { opacity: 0.8; }

/* ────────────────────────────────────────────────────────────
   SECTION 8 — TENURE COMPARE  (extends pg-tel-compare__*)
   ──────────────────────────────────────────────────────────── */
/* Badge rows inside each col */
.pg-aut-compare__col-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border-radius: 100px;
  margin-bottom: 18px;
}
.pg-aut-compare__col-badge--etech { background-color: rgba(14, 107, 59, 0.12); }
.pg-aut-compare__col-badge--bench { background-color: rgba(107, 114, 128, 0.15); }
.pg-aut-compare__col-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}
.pg-aut-compare__col-dot--etech { background-color: var(--c-green); }
.pg-aut-compare__col-dot--bench { background-color: var(--c-g400); }
.pg-aut-compare__col-label {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.pg-aut-compare__col--etech .pg-aut-compare__col-label { color: var(--c-green); }
.pg-aut-compare__col--bench .pg-aut-compare__col-label { color: var(--c-g600); }
.pg-aut-compare__col-title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 22px;
  color: var(--c-indigo);
  margin: 0 0 22px;
}
.pg-aut-compare__col-title--muted { color: var(--c-g700); }

/* ────────────────────────────────────────────────────────────
   SECTION 9 — HANDOFF  (.pg-aut-handoff)
   ──────────────────────────────────────────────────────────── */
.pg-aut-handoff__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.pg-aut-handoff__col {
  padding: 34px 32px;
  border-radius: 20px;
  background-color: var(--c-alice);
  border: 1px solid var(--c-g200);
  border-top-width: 4px;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: transform 0.35s cubic-bezier(.16, 1, .3, 1), box-shadow 0.35s;
}
.pg-aut-handoff__col:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 48px rgba(35, 39, 85, 0.08);
}
.pg-aut-handoff__col--green  { border-top-color: var(--c-green); }
.pg-aut-handoff__col--indigo { border-top-color: var(--c-indigo); }
.pg-aut-handoff__col--teal   { border-top-color: #10B981; }

.pg-aut-handoff__col-tag {
  display: inline-flex;
  padding: 5px 12px;
  border-radius: 100px;
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 18px;
  align-self: flex-start;
}
.pg-aut-handoff__col--green  .pg-aut-handoff__col-tag { background-color: rgba(14, 107, 59, 0.1);  color: var(--c-green); }
.pg-aut-handoff__col--indigo .pg-aut-handoff__col-tag { background-color: rgba(35, 39, 85, 0.08); color: var(--c-indigo); }
.pg-aut-handoff__col--teal   .pg-aut-handoff__col-tag { background-color: rgba(16, 185, 129, 0.12); color: #10B981; }

.pg-aut-handoff__col-title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 22px;
  color: var(--c-indigo);
  margin: 0 0 20px;
}
.pg-aut-handoff__col-items {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 12px;
  flex: 1;
}
.pg-aut-handoff__col-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 14px;
  line-height: 1.7;
  color: var(--c-g600);
}
.pg-aut-handoff__col-item svg { flex-shrink: 0; margin-top: 4px; }

/* Deflection benchmark bar */
.pg-aut-handoff__deflection {
  margin-top: 32px;
  padding: 28px 34px;
  background-color: var(--c-alice);
  border-radius: 16px;
  border: 1px solid var(--c-g200);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  flex-wrap: wrap;
}
.pg-aut-handoff__deflection-copy { flex: 1 1 420px; }
.pg-aut-handoff__deflection-eyebrow {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 11px;
  color: var(--c-green);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0 0 6px;
}
.pg-aut-handoff__deflection-text {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 14px;
  line-height: 1.7;
  color: var(--c-g600);
  margin: 0;
}
.pg-aut-handoff__deflection-stats {
  display: flex;
  gap: 28px;
  flex-wrap: wrap;
}
.pg-aut-handoff__deflection-stat { text-align: center; }
.pg-aut-handoff__deflection-stat-value {
  display: block;
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 28px;
  color: var(--c-indigo);
  letter-spacing: -0.01em;
  line-height: 1;
}
.pg-aut-handoff__deflection-stat-label {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 11px;
  color: var(--c-g500);
  margin-top: 4px;
  letter-spacing: 0.3px;
}

/* ────────────────────────────────────────────────────────────
   SECTION 10 — PLATFORM  (.pg-aut-platform)
   ──────────────────────────────────────────────────────────── */
.pg-aut-platform__callout {
  padding: 20px 24px;
  background-color: rgba(14, 107, 59, 0.05);
  border-radius: 12px;
  border-left: 3px solid var(--c-green);
  margin-bottom: 32px;
}
.pg-aut-platform__callout-label {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 11px;
  color: var(--c-green);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0 0 8px;
}
.pg-aut-platform__callout-text {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 14px;
  line-height: 1.7;
  color: var(--c-g700);
  margin: 0;
}
.pg-aut-platform__feats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-bottom: 28px;
}
.pg-aut-platform__feat {
  padding: 20px 22px;
  border-radius: 14px;
  background-color: var(--c-alice);
  border: 1px solid var(--c-g200);
  transition: background-color 0.3s, border-color 0.3s;
}
.pg-aut-platform__feat:hover {
  background-color: rgba(14, 107, 59, 0.04);
  border-color: rgba(14, 107, 59, 0.2);
}
.pg-aut-platform__feat-icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--c-green), #10B981);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--c-white);
  margin-bottom: 12px;
}
.pg-aut-platform__feat-title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 14px;
  color: var(--c-indigo);
  margin: 0 0 4px;
}
.pg-aut-platform__feat-desc {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 13px;
  line-height: 1.6;
  color: var(--c-g500);
  margin: 0;
}
.pg-aut-platform__links {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
}
.pg-aut-platform__link {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 14px;
  color: var(--c-green);
  text-decoration: none;
  transition: opacity 0.2s;
}
.pg-aut-platform__link:hover { opacity: 0.8; }

/* Photo + float badges */
.pg-aut-platform-photo { position: relative; overflow: visible !important; }
.pg-aut-platform-float {
  position: absolute;
  background-color: var(--c-white);
  border-radius: 16px;
  box-shadow: 0 16px 44px rgba(35, 39, 85, 0.14);
  border: 1px solid var(--c-g200);
  z-index: 4;
}
.pg-aut-platform-float--br {
  bottom: -30px;
  right: -20px;
  padding: 22px 26px;
  max-width: 300px;
}
.pg-aut-platform-float__label {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 11px;
  color: var(--c-green);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0 0 10px;
}
.pg-aut-platform-float__value {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 36px;
  line-height: 1;
  margin-bottom: 6px;
  display: block;
}
.pg-aut-platform-float__sub {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 13px;
  color: var(--c-g500);
  line-height: 1.5;
  margin: 0;
}
.pg-aut-platform-float--tl {
  top: 24px;
  left: -24px;
  padding: 14px 18px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.pg-aut-platform-float__pct {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 18px;
  color: var(--c-indigo);
  line-height: 1;
}
.pg-aut-platform-float__pct-label {
  font-family: var(--f-body);
  font-size: 11px;
  color: var(--c-g500);
  margin-top: 2px;
}

/* ────────────────────────────────────────────────────────────
   SECTION 11 — CASE STUDIES  (.pg-aut-cases)
   ──────────────────────────────────────────────────────────── */
.pg-aut-cases__header {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 56px;
  align-items: end;
  margin-bottom: 56px;
}
.pg-aut-cases__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.pg-aut-cases__card {
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid var(--c-g200);
  background-color: var(--c-white);
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: transform 0.35s cubic-bezier(.16, 1, .3, 1), box-shadow 0.35s;
}
.pg-aut-cases__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 60px rgba(35, 39, 85, 0.12);
}
.pg-aut-cases__card-media {
  position: relative;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  flex-shrink: 0;
}
.pg-aut-cases__card-media img,
.pg-aut-cases__card-media .ep-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 0;
}
.pg-aut-cases__card-media::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(35,39,85,0.25) 0%, rgba(35,39,85,0.05) 35%, rgba(35,39,85,0.85) 100%);
}
.pg-aut-cases__card-tag-pill {
  position: absolute;
  top: 18px;
  left: 18px;
  background-color: rgba(255, 255, 255, 0.92);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  padding: 6px 12px;
  border-radius: 100px;
  z-index: 2;
}
.pg-aut-cases__card-tag-pill span {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 10px;
  color: var(--c-green);
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
.pg-aut-cases__card-hero-stat {
  position: absolute;
  bottom: 22px;
  left: 22px;
  right: 22px;
  z-index: 2;
}
.pg-aut-cases__card-hero-n {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 46px;
  line-height: 1;
  color: var(--c-white);
  letter-spacing: -0.02em;
  margin-bottom: 4px;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}
.pg-aut-cases__card-hero-l {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.88);
}
.pg-aut-cases__card-body {
  padding: 24px 26px 26px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.pg-aut-cases__card-title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 18px;
  color: var(--c-indigo);
  margin: 0 0 4px;
  line-height: 1.3;
}
.pg-aut-cases__card-audience {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 12px;
  color: var(--c-g400);
  margin: 0 0 18px;
  letter-spacing: 0.2px;
}
.pg-aut-cases__card-line {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 14px;
  line-height: 1.7;
  color: var(--c-g600);
  margin: 0 0 22px;
  flex: 1;
}
.pg-aut-cases__card-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  padding-top: 20px;
  border-top: 1px solid var(--c-g100);
}
.pg-aut-cases__card-stat-n {
  display: block;
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 17px;
  color: var(--c-indigo);
  letter-spacing: -0.01em;
}
.pg-aut-cases__card-stat-l {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 11px;
  color: var(--c-g500);
  line-height: 1.4;
  margin-top: 3px;
  display: block;
}

/* ────────────────────────────────────────────────────────────
   SECTION 14 — STABILITY  (.pg-aut-stability)
   ──────────────────────────────────────────────────────────── */
.pg-aut-stability__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 72px;
  align-items: center;
}
.pg-aut-stability__h2-accent { color: #10B981; }
.pg-aut-stability__cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.pg-aut-stability__stat-card {
  padding: 30px 26px;
  border-radius: 18px;
  background-color: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}
.pg-aut-stability__stat-value {
  display: block;
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 46px;
  letter-spacing: -0.03em;
  line-height: 1;
  margin-bottom: 6px;
}
.pg-aut-stability__stat-suffix { font-size: 22px; }
.pg-aut-stability__stat-label {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.55);
  line-height: 1.55;
}

/* ════════════════════════════════════════════════════════════
   RESPONSIVE — TABLET  768-1199px
   ════════════════════════════════════════════════════════════ */
@media (max-width: 1199px) {
  /* Hero floats: hide overflow ones */
  .pg-aut-hero-float--bl { left: 0; bottom: -20px; }
  .pg-aut-hero-float--tr,
  .pg-aut-hero-float--mr { display: none; }

  /* Buyer Voice: 1 col */
  .pg-aut-bv__grid { grid-template-columns: 1fr; }

  /* Timeline header */
  .pg-aut-timeline__header-grid { grid-template-columns: 1fr; gap: 20px; }

  /* Lifecycle: stack */
  .pg-aut-lifecycle__grid { grid-template-columns: 1fr; gap: 48px; }
  .pg-aut-lifecycle__sticky { position: static; }
  .pg-aut-lifecycle__stats  { grid-template-columns: 1fr 1fr; }

  /* Compliance: 2 col */
  .pg-aut-compliance__grid  { grid-template-columns: repeat(2, 1fr); }

  /* Handoff: stack */
  .pg-aut-handoff__grid { grid-template-columns: 1fr; }
  .pg-aut-handoff__deflection { flex-direction: column; align-items: flex-start; }

  /* Platform: stack */
  .pg-aut-platform-float--br { right: 0; bottom: -24px; }
  .pg-aut-platform-float--tl { left: 0; top: 14px; }

  /* Cases: 1 col */
  .pg-aut-cases__header { grid-template-columns: 1fr; gap: 28px; }
  .pg-aut-cases__grid   { grid-template-columns: 1fr; }

  /* Stability */
  .pg-aut-stability__grid { grid-template-columns: 1fr; gap: 48px; }
}

/* ════════════════════════════════════════════════════════════
   RESPONSIVE — MOBILE  up to 767px
   ════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  /* Hero floats: all hidden */
  .pg-aut-hero-float { display: none; }

  /* Buyer Voice */
  .pg-aut-bv__grid { grid-template-columns: 1fr; gap: 16px; }

  /* Timeline marks: stack */
  .pg-tel-tenure__marks { grid-template-columns: 1fr; gap: 20px; }
  .pg-tel-tenure__mark  { display: flex; align-items: flex-start; gap: 14px; padding-top: 0; text-align: left; }
  .pg-tel-tenure__mark-dot { position: static; transform: none; margin: 4px 0 0; flex-shrink: 0; }
  .pg-tel-tenure__mark-year { margin-top: 0; font-size: 18px; margin-bottom: 2px; }
  .pg-tel-tenure__line { display: none; }

  /* Lifecycle stats: 1 col */
  .pg-aut-lifecycle__stats { grid-template-columns: 1fr; }

  /* Compliance: 1 col */
  .pg-aut-compliance__grid { grid-template-columns: 1fr; }
  .pg-aut-compliance__trust { flex-direction: column; align-items: flex-start; }

  /* Results: 2 col */
  .pg-tel-results__grid  { grid-template-columns: 1fr; gap: 12px; }
  .pg-tel-results__value { font-size: 30px; }

  /* Platform feats: 1 col */
  .pg-aut-platform__feats { grid-template-columns: 1fr; }
  .pg-aut-platform-float  { position: static; margin-top: 16px; border-radius: 12px; max-width: 100%; }

  /* Cases stats: 2 col */
  .pg-aut-cases__card-stats { grid-template-columns: 1fr 1fr; }
  .pg-aut-cases__card-hero-n { font-size: 34px; }

  /* Stability cards: 1 col */
  .pg-aut-stability__cards { grid-template-columns: 1fr; }
  .pg-aut-stability__stat-value { font-size: 36px; }
}



/* ════════════════════════════════════════════════════════════
   RESOURCES HUB PAGE  —  pg-rh-*
   Appended to inner-pages.css
   BEM namespace: pg-rh-*   (reuses ep-* base classes)
   No inline styles. Responsive: 320-767 · 768-1199 · 1200+
   ════════════════════════════════════════════════════════════ */

/* ────────────────────────────────────────────────────────────
   SHARED CARD ATOMS  (.pg-rh__*)
   ──────────────────────────────────────────────────────────── */
.pg-rh__card-hover {
  transition: transform 0.35s cubic-bezier(.16,1,.3,1), box-shadow 0.35s cubic-bezier(.16,1,.3,1), border-color 0.35s ease;
}
.pg-rh__card-hover:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(35, 39, 85, 0.08);
  border-color: var(--c-g300);
}

/* Type badge */
.pg-rh__badge {
  display: inline-block;
  padding: 5px 11px;
  border-radius: 99px;
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
.pg-rh__badge--green  { color: var(--c-green);  background-color: rgba(14, 107, 59, 0.08); }
.pg-rh__badge--indigo { color: var(--c-indigo);  background-color: rgba(35, 39, 85, 0.08); }
.pg-rh__badge--gray   { color: var(--c-g600);   background-color: rgba(75, 85, 99, 0.08); }

/* Card meta row */
.pg-rh__card-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.pg-rh__card-industry {
  font-family: var(--f-heading);
  font-weight: 500;
  font-size: 12px;
  color: var(--c-g400);
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

/* Card footer */
.pg-rh__card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 14px;
  border-top: 1px solid var(--c-g200);
}
.pg-rh__card-meta-date {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g500);
}
.pg-rh__card-read-link {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  color: var(--c-green);
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* ────────────────────────────────────────────────────────────
   SECTION 1 — HERO  (.pg-rh-hero)
   ──────────────────────────────────────────────────────────── */
.pg-rh-hero { min-height: 60vh; }

.pg-rh-hero__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 60px;
  line-height: 1.08;
  letter-spacing: -0.02em;
  color: var(--c-white);
  max-width: 1040px;
  margin: 0 0 24px;
}
.pg-rh-hero__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 20px;
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.75);
  max-width: 700px;
  margin: 0 0 48px;
}

/* Resource counts row */
.pg-rh-hero__counts {
  display: flex;
  gap: 48px;
  padding-top: 32px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  flex-wrap: wrap;
  margin-top: 48px;
}
.pg-rh-hero__count-n {
  display: block;
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 34px;
  background: linear-gradient(135deg, #10B981 0%, #6EE7B7 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.pg-rh-hero__count-l {
  display: block;
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF8C;
  margin-top: 6px;
}

/* ────────────────────────────────────────────────────────────
   SECTION 2 — FEATURED  (.pg-rh-featured)
   ──────────────────────────────────────────────────────────── */
.pg-rh-featured { padding-top: 90px; padding-bottom: 60px; }

.pg-rh-featured__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 40px;
  flex-wrap: wrap;
  gap: 20px;
}
.pg-rh-featured__all-link {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  color: var(--c-green);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 4px;
  border-bottom: 1px solid var(--c-green);
  transition: opacity 0.2s;
  flex-shrink: 0;
}
.pg-rh-featured__all-link:hover { opacity: 0.8; }

.pg-rh-featured__grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
}
.pg-rh-featured__card {
  display: block;
  text-decoration: none;
  background-color: var(--c-white);
  border: 1px solid var(--c-g200);
  border-radius: 20px;
  overflow: hidden;
  height: 100%;
}
.pg-rh-featured__card-thumb { overflow: hidden; }
.pg-rh-featured__card-thumb img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  display: block;
}
.pg-rh-featured__card-thumb--0 img { aspect-ratio: 16 / 10; }
.pg-rh-featured__card-thumb--1 img,
.pg-rh-featured__card-thumb--2 img { aspect-ratio: 4 / 3; }
.pg-rh-featured__card-thumb .ep-photo { border-radius: 0; }

.pg-rh-featured__card-body { padding: 26px 26px 28px; }
.pg-rh-featured__card-title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 22px;
  color: #424351;
  line-height: 1.3;
  margin: 0 0 12px;
  letter-spacing: -0.005em;
}
.pg-rh-featured__card--secondary .pg-rh-featured__card-title { font-size: 18px; }
.pg-rh-featured__card-summary {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  color: var(--c-g500);
  margin: 0 0 18px;
}

/* ────────────────────────────────────────────────────────────
   SECTION 3 — TYPE OVERVIEW  (.pg-rh-types)
   ──────────────────────────────────────────────────────────── */
.pg-rh-types { padding-top: 60px; padding-bottom: 90px; }
.pg-rh-types .ep-section__header { margin-bottom: 40px; max-width: 680px; }

.pg-rh-types__grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
}
.pg-rh-types__card {
  display: block;
  text-decoration: none;
  padding: 22px 18px;
  background-color: var(--c-alice);
  border: 1px solid var(--c-g200);
  border-radius: 14px;
  height: 100%;
}
.pg-rh-types__card-icon {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background-color: rgba(14, 107, 59, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  color: var(--c-green);
}
.pg-rh-types__card-title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
  color:#424351;
  margin: 0 0 6px;
  letter-spacing: -0.005em;
}
.pg-rh-types__card-blurb {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.55;
  color: var(--c-g500);
  margin-bottom:10px;
  margin: 0;
}

/* ────────────────────────────────────────────────────────────
   SECTION 4 — LIBRARY  (.pg-rh-library)
   ──────────────────────────────────────────────────────────── */
.pg-rh-library { background-color: var(--c-alice); padding-bottom: 100px; }

/* Sticky filter bar */
.pg-rh-library__filter-bar {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  z-index: 50;
  background-color: rgba(255, 255, 255, 0.97);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border-top: 1px solid var(--c-g200);
  border-bottom: 1px solid var(--c-g200);
  padding: 18px 20px;
}
.pg-rh-library__filter-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}
.pg-rh-library__filter-controls {
  display: flex;
  align-items: flex-end;
  gap: 12px;
  flex-wrap: wrap;
}
.pg-rh-library__filter-label {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  color: var(--c-g500);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-right: 4px;
  line-height: 38px;
}
.pg-rh-library__select-wrap { display: flex; flex-direction: column; gap: 4px; }
.pg-rh-library__select-label {
  font-family: var(--f-heading);
  font-weight: 500;
  font-size: 16px;
  color: var(--c-g400);
  letter-spacing: 1px;
  text-transform: uppercase;
}
.pg-rh-library__select {
  font-family: var(--f-heading);
  font-weight: 500;
  font-size: 16px;
  color: var(--c-indigo);
  background-color: var(--c-white);
  border: 1px solid var(--c-g300);
  border-radius: 8px;
  padding: 9px 34px 9px 14px;
  min-width: 150px;
  cursor: pointer;
  /* Custom arrow */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236B7280' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
}
.pg-rh-library__select:focus { outline: none; border-color: var(--c-green); }

.pg-rh-library__clear {
  font-family: var(--f-heading);
  font-weight: 500;
  font-size: 12px;
  color: var(--c-green);
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 6px 10px;
  text-decoration: underline;
  text-underline-offset: 3px;
  line-height: 38px;
}
.pg-rh-library__filter-count {
  font-family: var(--f-heading);
  font-weight: 500;
  font-size: 13px;
  color: var(--c-g600);
}
.pg-rh-library__filter-count-n {
  color: var(--c-indigo);
  font-weight: 700;
  margin-right: 4px;
}

/* Card grid */
.pg-rh-library__body { padding: 60px 20px 0; }
.pg-rh-library__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

/* Individual library card */
.pg-rh-library__card {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  background-color: var(--c-white);
  border: 1px solid var(--c-g200);
  border-radius: 18px;
  overflow: hidden;
  height: 100%;
}

/* Card heads by type */
.pg-rh-library__card-head {
  flex-shrink: 0;
  overflow: hidden;
}
.pg-rh-library__card-head img{object-fit: contain;}
.pg-rh-library__card-head .ep-photo{background:none;}
/* Default (with photo) */
.pg-rh-library__card-head--default .ep-photo { border-radius: 0; aspect-ratio: 16/9; }
.pg-rh-library__card-head--cs .ep-photo      { aspect-ratio: 16/10; }

/* Tool head */
.pg-rh-library__card-head--tool {
  position: relative;
  background: linear-gradient(135deg, var(--c-indigo) 0%, #1a1f45 50%, #0f1330 100%);
  padding: 32px 24px;
  min-height: 180px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pg-rh-library__card-tool-orb {
  position: absolute;
  top: -40px;
  right: -40px;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(16,185,129,0.25) 0%, transparent 70%);
  filter: blur(20px);
  pointer-events: none;
}
.pg-rh-library__card-live-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  background-color: rgba(16,185,129,0.18);
  border: 1px solid rgba(16,185,129,0.35);
  border-radius: 99px;
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 10px;
  color: #10B981;
  letter-spacing: 1.2px;
  width: fit-content;
  margin-bottom: 12px;
  position: relative;
  z-index: 1;
}
.pg-rh-library__card-live-dot {
  width: 6px;
  height: 6px;
  background-color: #10B981;
  border-radius: 50%;
  animation: pg-rh-pulse 2s ease-in-out infinite;
  flex-shrink: 0;
}
@keyframes pg-rh-pulse { 0%,100%{opacity:1} 50%{opacity:0.55} }
.pg-rh-library__card-roi-big {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 40px;
  color: var(--c-white);
  letter-spacing: -0.02em;
  line-height: 1;
  position: relative;
  z-index: 1;
}
.pg-rh-library__card-roi-sub {
  font-family: var(--f-heading);
  font-weight: 300;
  font-size: 18px;
  color: rgba(255,255,255,0.7);
  letter-spacing: -0.01em;
  position: relative;
  z-index: 1;
}

/* Podcast head */
.pg-rh-library__card-head--podcast {
  background-color: var(--c-indigo);
  padding: 32px 24px;
  min-height: 180px;
  display: flex;
  align-items: center;
  gap: 16px;
  position: relative;
  overflow: hidden;
}
.pg-rh-library__card-podcast-play {
  width: 70px;
  height: 70px;
  min-width: 70px;
  border-radius: 50%;
  background-color: rgba(16,185,129,0.15);
  border: 2px solid rgba(16,185,129,0.4);
  display: flex;
  align-items: center;
  justify-content: center;
}
.pg-rh-library__card-podcast-eyebrow {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 10px;
  color: rgba(255,255,255,0.5);
  letter-spacing: 1.4px;
  text-transform: uppercase;
  margin: 0 0 4px;
}
.pg-rh-library__card-podcast-cta {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 17px;
  color: var(--c-white);
  line-height: 1.25;
  margin: 0;
}

/* Press / Newsletter head */
.pg-rh-library__card-head--press {
  background-color: var(--c-alice);
  padding: 32px 24px;
  min-height: 180px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-bottom: 1px solid var(--c-g200);
}
.pg-rh-library__card-press-type {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 10px;
  color: var(--c-g400);
  letter-spacing: 1.4px;
  text-transform: uppercase;
  margin: 0 0 10px;
}
.pg-rh-library__card-press-date {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 26px;
  color: var(--c-indigo);
  letter-spacing: -0.01em;
  line-height: 1.1;
  margin: 0;
}

/* Brochure / White Paper head */
.pg-rh-library__card-head--pdf {
  background: linear-gradient(135deg, var(--c-alice) 0%, #E8F5E9 100%);
  padding: 28px 24px;
  min-height: 180px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-bottom: 1px solid var(--c-g200);
  position: relative;
}
.pg-rh-library__card-pdf-icon {
  width: 46px;
  height: 58px;
  background-color: var(--c-white);
  border: 1px solid var(--c-g200);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  padding: 10px 8px;
  gap: 4px;
  box-shadow: 0 4px 14px rgba(35,39,85,0.06);
}
.pg-rh-library__card-pdf-line {
  height: 2px;
  background-color: var(--c-g300);
  border-radius: 1px;
}
.pg-rh-library__card-pdf-line--accent { height: 3px; background-color: var(--c-green); width: 70%; }
.pg-rh-library__card-pdf-line--short   { width: 80%; }
.pg-rh-library__card-pdf-line--shorter { width: 60%; }

.pg-rh-library__card-pdf-badge {
  position: absolute;
  top: 28px;
  right: 24px;
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 10px;
  color: var(--c-green);
  letter-spacing: 1.4px;
  background-color: rgba(14,107,59,0.1);
  padding: 4px 10px;
  border-radius: 99px;
}
.pg-rh-library__card-pdf-type {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 11px;
  color: var(--c-g500);
  letter-spacing: 1.4px;
  text-transform: uppercase;
  margin: 0;
}

/* Video head */
.pg-rh-library__card-head--video { position: relative; }
.pg-rh-library__card-video-img { border-radius: 0; aspect-ratio: 16/9; }
.pg-rh-library__card-video-play {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.pg-rh-library__card-video-play > div {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: rgba(255,255,255,0.92);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 28px rgba(0,0,0,0.25);
}

/* Card body (shared) */
.pg-rh-library__card-body {
  padding: 22px 24px 24px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.pg-rh-library__card-title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 16px;
  color: var(--c-indigo);
  line-height: 1.35;
  margin: 0 0 10px;
  letter-spacing: -0.005em;
}
.pg-rh-library__card-summary {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.65;
  color: var(--c-g500);
  margin: 0 0 18px;
  flex: 1;
}

/* Empty state */
.pg-rh-library__empty {
  padding: 80px 40px;
  background-color: var(--c-white);
  border-radius: 16px;
  border: 1px solid var(--c-g200);
  text-align: center;
}
.pg-rh-library__empty-title {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 20px;
  color: var(--c-indigo);
  margin: 0 0 10px;
}
.pg-rh-library__empty-sub {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 15px;
  color: var(--c-g500);
  max-width: 440px;
  margin: 0 auto;
}

/* Load more */
.pg-rh-library__more { text-align: center; margin-top: 40px; }
.pg-rh-library__more-btn {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 14px;
  color: var(--c-indigo);
  background-color: var(--c-white);
  border: 1px solid var(--c-g300);
  border-radius: 10px;
  padding: 14px 32px;
  cursor: pointer;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.pg-rh-library__more-btn:hover {
  border-color: var(--c-indigo);
  box-shadow: 0 4px 14px rgba(35,39,85,0.08);
}

/* ────────────────────────────────────────────────────────────
   SECTION 5 — ROI CALLOUT  (.pg-rh-roi)
   ──────────────────────────────────────────────────────────── */
.pg-rh-roi__card {
  background: linear-gradient(135deg, var(--c-alice) 0%, #E8F5E9 100%);
  border-radius: 24px;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  border: 1px solid var(--c-g200);
}
.pg-rh-roi__copy {
  padding: 60px 56px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pg-rh-roi__levers {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin: 0 0 32px;
}
.pg-rh-roi__lever {
  padding: 14px 16px;
  background-color: var(--c-white);
  border-radius: 10px;
  border: 1px solid var(--c-g200);
}
.pg-rh-roi__lever-tag {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 12px;
  color: var(--c-green);
  letter-spacing: 1.5px;
  margin: 0 0 4px;
}
.pg-rh-roi__lever-label {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 14px;
  color: var(--c-g600);
  line-height: 1.4;
  margin: 0;
}
.pg-rh-roi__cta {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* Right bars panel */
.pg-rh-roi__bars {
  background: linear-gradient(135deg, var(--c-indigo) 0%, #1a1f45 100%);
  padding: 48px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.pg-rh-roi__bars::before {
  content: '';
  position: absolute;
  top: -60px;
  right: -60px;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(16,185,129,0.18) 0%, transparent 70%);
  filter: blur(30px);
  pointer-events: none;
}
.pg-rh-roi__bars-label {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 11px;
  color: rgba(255,255,255,0.5);
  letter-spacing: 1.8px;
  text-transform: uppercase;
  margin: 0 0 24px;
  position: relative;
  z-index: 1;
}
.pg-rh-roi__bars-list {
  display: grid;
  gap: 14px;
  position: relative;
  z-index: 1;
}
.pg-rh-roi__bar-row {
  display: grid;
  grid-template-columns: 130px 1fr 40px;
  gap: 10px;
  align-items: center;
}
.pg-rh-roi__bar-name {
  font-family: var(--f-body);
  font-weight: 400!important;
  font-size: 16px;
  color: rgba(255,255,255,0.7);
}
.pg-rh-roi__bar-track {
  height: 14px;
  background-color: rgba(255,255,255,0.05);
  border-radius: 4px;
  overflow: hidden;
}
.pg-rh-roi__bar-fill {
  height: 100%;
  background: linear-gradient(90deg, var(--c-green) 0%, #10B981 100%);
  border-radius: 4px;
}
.pg-rh-roi__bar-val {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  color: rgba(255,255,255,0.75);
  text-align: right;
}
.pg-rh-roi__bars-total {
  margin-top: 28px;
  padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,0.08);
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  position: relative;
  z-index: 1;
}
.pg-rh-roi__bars-total-label {
  font-family: var(--f-body);
  font-weight: 400!important;
  font-size: 16px!important;
  color: rgba(255,255,255,0.5);
}
.pg-rh-roi__bars-total-value {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 30px;
  background: linear-gradient(135deg, #10B981 0%, #6EE7B7 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

/* ────────────────────────────────────────────────────────────
   SECTION 6 — GLOSSARY TEASER  (.pg-rh-glossary)
   ──────────────────────────────────────────────────────────── */
.pg-rh-glossary__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 40px;

  gap: 20px;
}
.pg-rh-glossary__link {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 14px;
  color: var(--c-green);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 4px;
  border-bottom: 1px solid var(--c-green);
  transition: opacity 0.2s;
  flex-shrink: 0;
}
.pg-rh-glossary__link:hover { opacity: 0.8; }

.pg-rh-glossary__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.pg-rh-glossary__term {
  padding: 22px 22px 24px;
  background-color: var(--c-white);
  border: 1px solid var(--c-g200);
  border-radius: 14px;
  height: 100%;
}
.pg-rh-glossary__term-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--c-g200);
}
.pg-rh-glossary__term-abbr {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 20px;
  color: var(--c-green);
  letter-spacing: -0.01em;
}
.pg-rh-glossary__term-def {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.65;
  color: var(--c-g600);
  margin: 0;
}

/* ────────────────────────────────────────────────────────────
   SECTION 7 — NEWSLETTER  (.pg-rh-newsletter)
   ──────────────────────────────────────────────────────────── */
.pg-rh-newsletter__card {
  background-color: var(--c-alice);
  border: 1px solid var(--c-g200);
  border-radius: 24px;
  padding: 56px;
  text-align: center;
  max-width: 1100px;
  margin: 0 auto;
}
.pg-rh-newsletter__title {
  max-width: 780px;
  margin: 0 auto 18px !important;
}
.pg-rh-newsletter__desc {
  max-width: 640px;
  margin: 0 auto 32px !important;
}
.pg-rh-newsletter__form {
  display: flex;
  gap: 10px;
  max-width: 520px;
  margin: 0 auto;
  flex-wrap: wrap;
  justify-content: center;
}
.pg-rh-newsletter__input {
  flex: 1;
  min-width: 260px;
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 15px;
  padding: 15px 18px;
  border: 1px solid var(--c-g300);
  border-radius: 10px;
  background-color: var(--c-white);
  color: var(--c-indigo);
}
.pg-rh-newsletter__input:focus { outline: none; border-color: var(--c-green); }
.pg-rh-newsletter__submit { flex-shrink: 0; }
.pg-rh-newsletter__privacy {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 14px;
  color: var(--c-g400);
  margin-top: 18px;
  margin-top:30px;
}
.pg-rh-newsletter__privacy a { color: var(--c-g500); text-decoration: underline; }

/* ────────────────────────────────────────────────────────────
   SECTION 8 — CTA  (.pg-rh-cta)
   ──────────────────────────────────────────────────────────── */
.pg-rh-cta__phone {
  font-family: var(--f-heading);
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.85);
  text-decoration: none;
  transition: opacity 0.2s;
}
.pg-rh-cta__phone:hover { opacity: 0.8; }

/* ════════════════════════════════════════════════════════════
   RESPONSIVE — TABLET  768-1199px
   ════════════════════════════════════════════════════════════ */
@media (max-width: 1199px) {
  /* Hero */
  .pg-rh-hero__title    { font-size: 44px; }
  .pg-rh-hero__counts   { gap: 32px; }

  /* Featured: 1 col */
  .pg-rh-featured__grid { grid-template-columns: 1fr; }

  /* Types: 3 col */
  .pg-rh-types__grid    { grid-template-columns: repeat(3, 1fr); }

  /* Library: 2 col */
  .pg-rh-library__grid  { grid-template-columns: repeat(2, 1fr); }
  .pg-rh-library__filter-bar { top: 0; }

  /* ROI */
  .pg-rh-roi__card      { grid-template-columns: 1fr; }
  .pg-rh-roi__bars      { padding: 40px 36px; }

  /* Glossary: 2 col */
  .pg-rh-glossary__grid { grid-template-columns: repeat(2, 1fr); }
   .pg-rh-library__body          {     padding: 60px 0px 0;}
   
}
@media (max-width: 1024px){
   .pg-rh-glossary__header{flex-wrap:wrap;}
}
/* ════════════════════════════════════════════════════════════
   RESPONSIVE — MOBILE  up to 767px
   ════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  /* Hero */
  .pg-rh-hero__title  { font-size: 32px; }
  .pg-rh-hero__counts { gap: 20px; flex-direction: column; }
  .ep-hero__cta-group { flex-direction: column; }
  .ep-btn             { width: 100%; text-align: center; justify-content: center; }

  /* Featured */
  .pg-rh-featured__header { flex-direction: column; align-items: flex-start; }

  /* Types: 2 col */
  .pg-rh-types__grid  { grid-template-columns: repeat(1, 1fr); }

  /* Library: 1 col */
  .pg-rh-library__grid          { grid-template-columns: 1fr; }
  .pg-rh-library__filter-controls { gap: 8px; }
  .pg-rh-library__select        { min-width: 120px; font-size: 12px; }
  .pg-rh-library__body          { padding: 32px 0 0; }

  /* ROI levers */
  .pg-rh-roi__levers  { grid-template-columns: 1fr; }
  .pg-rh-roi__copy    { padding: 40px 28px; }
  .pg-rh-roi__bar-row { grid-template-columns: 100px 1fr 36px; gap: 6px; }

  /* Glossary: 1 col */
  .pg-rh-glossary__grid  { grid-template-columns: 1fr; }
  .pg-rh-glossary__header { flex-direction: column; align-items: flex-start; }

  /* Newsletter */
  .pg-rh-newsletter__card   { padding: 36px 24px; }
  .pg-rh-newsletter__form   { flex-direction: column; }
  .pg-rh-newsletter__input  { min-width: 100%; }
  .pg-rh-newsletter__submit { width: 100%; }
}



/* ════════════════════════════════════════════════════════════
   QUALITY & ANALYTICS PAGE  —  pg-qa-*
   Appended to inner-pages.css
   BEM namespace: pg-qa-*   (reuses ep-* and pg-tel-* / pg-ab-* where noted)
   No inline styles. Responsive: 320-767 · 768-1199 · 1200+
   ════════════════════════════════════════════════════════════ */

/* ────────────────────────────────────────────────────────────
   SECTION 1 — HERO  (.pg-qa-hero)
   ──────────────────────────────────────────────────────────── */
.pg-qa-hero-photo { position: relative; overflow: visible !important; }

/* Thumbnail overlay (small square image bottom-left of main) */
.pg-qa-hero-thumb {
  position: absolute;
  bottom: -28px;
  left: -36px;
  width: 170px;
  height: 170px;
  border-radius: 16px;
  overflow: hidden;
  border: 4px solid rgba(35, 39, 85, 0.95);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
  z-index: 4;
}
.pg-qa-hero-thumb img,
.pg-qa-hero-thumb .ep-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
}

/* Float: top-right 100% stat card */
.pg-qa-hero-float {
  position: absolute;
  background-color: var(--c-white);
  border-radius: 16px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(14, 107, 59, 0.1);
  z-index: 4;
}
.pg-qa-hero-float--tr {
  top: -16px;
  right: -16px;
  padding: 22px 26px;
}
.pg-qa-hero-float__value {
  display: block;
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 36px;
  line-height: 1;
}
.pg-qa-hero-float__label {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g600);
  margin-top: 4px;
}
.pg-qa-hero-float__sub {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g400);
  margin-top: 2px;
}

/* Live badge (top-left of image) */
.pg-qa-hero-live {
  position: absolute;
  top: 20px;
  left: 20px;
  display: flex;
  align-items: center;
  gap: 6px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  border-radius: 100px;
  padding: 6px 14px;
  z-index: 4;
}
.pg-qa-hero-live__dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #10B981;
  animation: pg-qa-pulse 2s ease-in-out infinite;
  flex-shrink: 0;
}
@keyframes pg-qa-pulse { 0%,100%{opacity:1} 50%{opacity:0.5} }
.pg-qa-hero-live__text {
  font-family: var(--f-heading);
  font-size: 10px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
  letter-spacing: 0.5px;
  white-space: nowrap;
}

/* Hero desc2 (secondary paragraph under main desc) */
.pg-qa-hero__desc2 {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.6);
  max-width: 520px;
  margin: 0 0 36px;
}

/* ────────────────────────────────────────────────────────────
   SECTION 2 — THE PROBLEM  (.pg-qa-problem)
   ──────────────────────────────────────────────────────────── */
.pg-qa-problem__cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  margin-top: 40px;
}
.pg-qa-problem__col {
  padding: 36px;
  border-radius: 20px;
  border: 1px solid var(--c-g200);
}
.pg-qa-problem__col--bad  { background-color: var(--c-g100); }
.pg-qa-problem__col--good {
  background: linear-gradient(135deg, var(--c-alice) 0%, #E8F5E9 100%);
  border: 3px solid var(--c-green);
}
.pg-qa-problem__col-header {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 24px;
}
.pg-qa-problem__col-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}
.pg-qa-problem__col-dot--red   { background-color: #EF4444; }
.pg-qa-problem__col-dot--green { background-color: var(--c-green); }
.pg-qa-problem__col-title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
  color: rgb(66, 67, 81);
  margin: 0;
}
.pg-qa-problem__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pg-qa-problem__list-item {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 12px;
  padding-left: 20px;
  position: relative;
}
.pg-qa-problem__list-item--dash  { color: var(--c-g600); }
.pg-qa-problem__list-item--check { color: var(--c-g700); }
.pg-qa-problem__list-item--dash::before {
  content: '—';
  content: '✓';
  position: absolute;
  left: 0;
  color: var(--c-g400);
 
}
.pg-qa-problem__list-item--check::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: var(--c-green);
}

/* ────────────────────────────────────────────────────────────
   SECTION 3 — PLATFORM OVERVIEW  (.pg-qa-platform)
   reuses ep-section--bg-alice + ep-section__header + ep-section__desc
   ──────────────────────────────────────────────────────────── */
.pg-qa-platform { border-radius: 20px; }
.pg-qa-platform .ep-section__desc { max-width: 800px; }

/* ────────────────────────────────────────────────────────────
   SECTION 4 — CAPABILITIES  (.pg-qa-caps)
   ──────────────────────────────────────────────────────────── */
.pg-qa-caps__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.pg-qa-caps__card {
  background-color: var(--c-white);
  border-radius: 20px;
  border: 1px solid var(--c-g200);
  padding: 28px 22px;
  display: flex;
  flex-direction: column;
  height: 100%;
  cursor: default;
  transition: background-color 0.35s cubic-bezier(.16,1,.3,1), border-color 0.35s, box-shadow 0.35s;
}
.pg-qa-caps__card:hover {
  background-color: var(--c-indigo);
  border-color: transparent;
  box-shadow: 0 12px 40px rgba(35, 39, 85, 0.1);
}
.pg-qa-caps__card-icon {
  color: var(--c-green);
  margin-bottom: 16px;
  transition: color 0.35s;
}
.pg-qa-caps__card:hover .pg-qa-caps__card-icon { color: #10B981; }
.pg-qa-caps__card-title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
      color: rgb(66, 67, 81);
  margin: 0 0 12px;
  transition: color 0.35s;
}
.pg-qa-caps__card:hover .pg-qa-caps__card-title { color: var(--c-white); }
.pg-qa-caps__card-desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g500);
  line-height: 1.7;
  margin: 0 0 16px;
  flex: 1;
  transition: color 0.35s;
}
.pg-qa-caps__card:hover .pg-qa-caps__card-desc { color: rgba(255,255,255,0.8); }
.pg-qa-caps__card-tag {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  color: var(--c-green);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: auto;
  transition: color 0.35s;
}
.pg-qa-caps__card:hover .pg-qa-caps__card-tag { color: #10B981; }

/* ────────────────────────────────────────────────────────────
   SECTION 5 — HOW IT WORKS  (.pg-qa-how)
   ──────────────────────────────────────────────────────────── */
.pg-qa-how__grid {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 64px;
  align-items: start;
}
.pg-qa-how__sticky { position: -webkit-sticky; position: sticky; top: 120px; }
.pg-qa-how__sticky-title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 24px;
     color: rgb(66, 67, 81);
  margin: 0 0 16px;
}
.pg-qa-how__sticky-desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g500);
  line-height: 1.8;
  margin: 0;
}
.pg-qa-how__steps { display: flex; flex-direction: column; gap: 24px; }
.pg-qa-how__step {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  padding: 28px;
  border-radius: 16px;
  background-color: var(--c-alice);
  border: 1px solid var(--c-g200);
  cursor: default;
  transition: background-color 0.35s cubic-bezier(.16,1,.3,1), border-color 0.35s;
}
.pg-qa-how__step:hover {
  background-color: var(--c-indigo);
  border-color: transparent;
}
.pg-qa-how__step-num {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 50%;
  background-color: rgba(14, 107, 59, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 18px;
  color: var(--c-green);
  transition: background-color 0.35s, color 0.35s;
}
.pg-qa-how__step:hover .pg-qa-how__step-num {
  background-color: var(--c-green);
  color: var(--c-white);
}
.pg-qa-how__step-title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 18px;
     color: rgb(66, 67, 81);
  margin: 0 0 8px;
  transition: color 0.35s;
}
.pg-qa-how__step:hover .pg-qa-how__step-title { color: var(--c-white); }
.pg-qa-how__step-desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g600);
  line-height: 1.7;
  margin: 0;
  transition: color 0.35s;
}
.pg-qa-how__step:hover .pg-qa-how__step-desc { color: rgba(255,255,255,0.8); }

/* ────────────────────────────────────────────────────────────
   SECTION 7 — AWARDS  (.pg-qa-awards)
   ──────────────────────────────────────────────────────────── */
.pg-qa-awards__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
.pg-qa-awards__card {
  padding: 36px;
  border-radius: 20px;
  border: 1px solid var(--c-g200);
  background-color: var(--c-white);
  box-shadow: 0 4px 12px rgba(35, 39, 85, 0.04);
}
.pg-qa-awards__card-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--c-green) 0%, #0a8a4a 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--c-white);
  margin-bottom: 20px;
}
.pg-qa-awards__card-org {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  color: var(--c-green);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0 0 8px;
}
.pg-qa-awards__card-award {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 18px;
  color: rgb(66, 67, 81);
  margin: 0 0 12px;
}
.pg-qa-awards__card-desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g600);
  line-height: 1.7;
  margin: 0;
}

/* ────────────────────────────────────────────────────────────
   SECTION 9 — INTEGRATIONS  (.pg-qa-integrations)
   ──────────────────────────────────────────────────────────── */
.pg-qa-integrations { border-radius: 20px; }
.pg-qa-integrations__grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
  margin-top: 36px;
}
.pg-qa-integrations__tile {
  padding: 20px;
  border-radius: 12px;
  background-color: var(--c-white);
  border: 1px solid var(--c-g200);
  text-align: center;
  transition: border-color 0.25s, box-shadow 0.25s;
}
.pg-qa-integrations__tile:hover {
  border-color: rgba(14, 107, 59, 0.3);
  box-shadow: 0 6px 20px rgba(35, 39, 85, 0.06);
}
.pg-qa-integrations__tile-label {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  color: var(--c-green);
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* ────────────────────────────────────────────────────────────
   SECTION 10 — CTA  (.pg-qa-cta)
   ──────────────────────────────────────────────────────────── */
.pg-qa-cta__grid {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 48px;
  align-items: center;
}
.pg-qa-cta__btns { margin-bottom: 40px; }
.pg-qa-cta__stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.pg-qa-cta__stat-value {
  display: block;
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 32px;
      color: rgb(66, 67, 81);
  margin-bottom: 4px;
}
.pg-qa-cta__stat-label {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g500);
}
.pg-qa-cta-photo {
  border-radius: 20px;
  overflow: hidden;

  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.12);
}
.pg-qa-cta-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ════════════════════════════════════════════════════════════
   RESPONSIVE — TABLET  768-1199px
   ════════════════════════════════════════════════════════════ */
@media (max-width: 1199px) {

  /* Hero floats: simplify */
  .pg-qa-hero-thumb { width:130px;height:130px; left:-20px;}
  .pg-qa-hero-float--tr { right: -20px; top: -20px; }

  /* Problem: stack */
  .pg-qa-problem__cols { grid-template-columns: 1fr; }

  /* Capabilities: 2 col */
  .pg-qa-caps__grid { grid-template-columns: repeat(2, 1fr); }

  /* How It Works: stack */
  .pg-qa-how__grid { grid-template-columns: 1fr; gap: 40px; }
  .pg-qa-how__sticky { position: static; }

  /* Awards: stack */
  .pg-qa-awards__grid { grid-template-columns: 1fr; }

  /* Integrations: 3 col */
  .pg-qa-integrations__grid { grid-template-columns: repeat(3, 1fr); }

  /* CTA: stack */
  .pg-qa-cta__grid { grid-template-columns: 1fr; }
  .pg-qa-cta-photo { aspect-ratio: 16 / 9; }
}

/* ════════════════════════════════════════════════════════════
   RESPONSIVE — MOBILE  up to 767px
   ════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {

  /* Hero floats: hide */
  .pg-qa-hero-thumb { width:80px;height:80px; left:-20px;}
  .pg-qa-hero-float{padding:15px;}
  .pg-qa-hero-float__value{font-size:20px;}

  /* Problem list: tighten */
  .pg-qa-problem__col { padding: 24px 20px; }

  /* Capabilities: 1 col */
  .pg-qa-caps__grid { grid-template-columns: 1fr; }

  /* How It Works steps: tighten */
  .pg-qa-how__step { padding: 20px 16px; }

  /* Integrations: 2 col */
  .pg-qa-integrations__grid { grid-template-columns: repeat(1, 1fr); }

  /* CTA stats: 1 col */
  .pg-qa-cta__stats { grid-template-columns: 1fr; }
}



/* ════════════════════════════════════════════════════════════
   QEVAL PLATFORM PAGE  —  pg-qeval-*
   Appended to inner-pages.css
   BEM namespace: pg-qeval-*   (reuses ep-* and pg-ab-* where noted)
   No inline styles. Responsive: 320-767 · 768-1199 · 1200+
   ════════════════════════════════════════════════════════════ */

/* ────────────────────────────────────────────────────────────
   SECTION 1 — CCW BANNER
   ──────────────────────────────────────────────────────────── */
.pg-qeval-ccw-banner {
  background-color: #00897B;
  padding: 11px 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  position: relative;
  z-index: 1001;
  flex-wrap: wrap;
}
.pg-qeval-ccw-banner__text {
  font-family: var(--f-heading);
  font-weight: 400;
  font-size: 14px;
  color: rgba(255,255,255,0.85);
  letter-spacing: 0.2px;
}
.pg-qeval-ccw-banner__text strong { color: var(--c-white); font-weight: 700; }
.pg-qeval-ccw-banner__cta {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 14px;
  color: var(--c-white);
  background-color: #10B981;
  padding: 5px 16px;
  border-radius: 100px;
  text-decoration: none;
  letter-spacing: 0.3px;
  white-space: nowrap;
  transition: opacity 0.2s;
}
.pg-qeval-ccw-banner__cta:hover { opacity: 0.88; }

/* ────────────────────────────────────────────────────────────
   SECTION 2 — HERO
   ──────────────────────────────────────────────────────────── */
.pg-qeval-hero-photo { position: relative; overflow: visible !important; }

/* Hero desc2 */
.pg-qeval-hero__desc2 {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 20px;
  line-height: 1.7;
  color: rgba(255,255,255,0.8);
  margin: 0 0 36px;
}

/* Award badges row */
.pg-qeval-hero__awards {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 28px;
}
.pg-qeval-hero__award-badge {
  display: flex;
  align-items: center;
  gap: 6px;
  color: rgba(255,255,255,0.6);
}
.pg-qeval-hero__award-badge svg { color: #10B981; flex-shrink: 0; }
.pg-qeval-hero__award-badge span {
  font-family: var(--f-heading);
  font-weight: 500;
  font-size: 16px;
  color: rgba(255,255,255,0.6);
}

/* Float: 100% stat card */
.pg-qeval-hero-float {
  position: absolute;
  background-color: var(--c-white);
  border-radius: 16px;
  box-shadow: 0 12px 40px rgba(0,0,0,0.12);
  border: 1px solid rgba(14,107,59,0.1);
  z-index: 4;
}
.pg-qeval-hero-float--tr {
  top: -95px;
  right: -16px;
  padding: 22px 26px;
}
.pg-qeval-hero-float__value {
  display: block;
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 36px;
  line-height: 1;
}
.pg-qeval-hero-float__label {
  font-family: var(--f-body);
 font-weight: 500;
    font-size: 16px;
    color: #374151;
  margin-top: 4px;
}
.pg-qeval-hero-float__sub {
  font-family: var(--f-body);
  font-weight: 400;
    font-size: 16px;
    color: rgb(156, 163, 175);
}

/* Live badge */
.pg-qeval-hero-live {
  position: absolute;
  top: -45px;
  left: 20px;
  display: flex;
  align-items: center;
  gap: 6px;
  background-color: rgba(0,0,0,0.5);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  border-radius: 100px;
  padding: 6px 14px;
  z-index: 4;
}
.pg-qeval-hero-live__dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #10B981;
  animation: pg-qeval-pulse 2s ease-in-out infinite;
  flex-shrink: 0;
}
@keyframes pg-qeval-pulse { 0%,100%{opacity:1}50%{opacity:0.5} }
.pg-qeval-hero-live__text {
  font-family: var(--f-heading);
  font-size: 10px;
  font-weight: 400;
  color: rgba(255,255,255,0.8);
  letter-spacing: 0.5px;
  white-space: nowrap;
}

/* ────────────────────────────────────────────────────────────
   SECTION 3 — INDUSTRY TRUST BAR
   ──────────────────────────────────────────────────────────── */
.pg-qeval-industries-bar {
  background-color: #F9FAFB;
  padding: 20px 0;
  border-bottom: 1px solid var(--c-g200);
  overflow: hidden;
}
.pg-qeval-industries-bar__track {
  display: flex;
  animation: qeval-marquee 40s linear infinite;
  width: max-content;
}
@keyframes qeval-marquee { 0%{transform:translateX(0)}100%{transform:translateX(-33.33%)} }
.pg-qeval-industries-bar__item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 28px;
  white-space: nowrap;
}
.pg-qeval-industries-bar__dot {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--c-green);
  flex-shrink: 0;
  opacity: 0.6;
}
.pg-qeval-industries-bar__item span:last-child {
  font-family: var(--f-heading);
  font-weight: 500;
  font-size: 16px;
  color: var(--c-g400);
  letter-spacing: 0.4px;
  text-transform: uppercase;
}

/* ────────────────────────────────────────────────────────────
   SECTION 4 — PROBLEM / SOLUTION  (.pg-qeval-shift)
   ──────────────────────────────────────────────────────────── */
.pg-qeval-shift__cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  margin-top: 48px;
}
.pg-qeval-shift__col {
  padding: 40px 36px;
  border-radius: 20px;
}
.pg-qeval-shift__col--bad {
  background: linear-gradient(135deg, #ffffff 0%, #f3f4f6 100%);
  border: 3px solid var(--c-g300);
}
.pg-qeval-shift__col--good {
  background: linear-gradient(135deg, var(--c-alice) 0%, #E8F5E9 100%);
  border: 3px solid var(--c-green);
}
.pg-qeval-shift__col-title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 24px;
      color: rgb(66, 67, 81);
  margin: 0 0 24px;
}
.pg-qeval-shift__list { list-style: none; margin: 0; padding: 0; }
.pg-qeval-shift__list-item {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.8;
  color: var(--c-g500);
  margin-bottom: 6px;
  padding-left: 24px;
  position: relative;
}
.pg-qeval-shift__list-item--cross::before { content: '✕'; position: absolute; left: 0; color: var(--c-g400); }
.pg-qeval-shift__list-item--check::before { content: '✓'; position: absolute; left: 0; color: var(--c-green); font-weight: 700; }

/* ────────────────────────────────────────────────────────────
   SECTION 5 — CAPABILITIES  (.pg-qeval-caps)
   ──────────────────────────────────────────────────────────── */
.pg-qeval-caps__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.pg-qeval-caps__card {
  padding: 32px 28px;
  border-radius: 16px;
  background-color: var(--c-white);
  border: 1px solid var(--c-g200);
  cursor: default;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: background-color 0.35s cubic-bezier(.16,1,.3,1), border-color 0.35s, box-shadow 0.35s;
}
.pg-qeval-caps__card:hover {
  background-color: var(--c-indigo);
  border-color: transparent;
  box-shadow: 0 12px 40px rgba(35,39,85,0.1);
}
.pg-qeval-caps__card-tag {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  color: var(--c-g400);
  letter-spacing: 2.5px;
  text-transform: uppercase;
  margin-bottom: 16px;
  transition: color 0.35s;
}
.pg-qeval-caps__card:hover .pg-qeval-caps__card-tag { color: rgba(255,255,255,0.35); }
.pg-qeval-caps__card-icon {
  color: var(--c-green);
  margin-bottom: 14px;
  transition: color 0.35s;
}
.pg-qeval-caps__card-icon svg{height:32px;width:32px;}
.pg-qeval-caps__card:hover .pg-qeval-caps__card-icon { color: #10B981; }
.pg-qeval-caps__card-title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
      color: rgb(66, 67, 81);
  margin: 0 0 12px;
  transition: color 0.35s;
}
.pg-qeval-caps__card:hover .pg-qeval-caps__card-title { color: var(--c-white); }
.pg-qeval-caps__card-desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.65;
  color: var(--c-g700);
  margin: 0;
  flex: 1;
  transition: color 0.35s;
}
.pg-qeval-caps__card:hover .pg-qeval-caps__card-desc { color: rgba(255,255,255,0.7); }

/* ────────────────────────────────────────────────────────────
   SECTION 6 — HOW IT WORKS  (.pg-qeval-how)
   ──────────────────────────────────────────────────────────── */
.pg-qeval-how__grid {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 80px;
  align-items: flex-start;
}
.pg-qeval-how__sticky { position: -webkit-sticky; position: sticky; top: 120px; }
.pg-qeval-how-photo {
  border-radius: 12px;
  overflow: hidden;
  aspect-ratio: 1/1;
  margin-top: 24px;
}
.pg-qeval-how-photo img { width:100%; height:100%; object-fit:cover; display:block; }
.pg-qeval-how__steps { display: flex; flex-direction: column; gap: 32px; }
.pg-qeval-how__step {
  padding: 40px 44px;
  border-radius: 20px;
  background-color: var(--c-alice);
  border: 1px solid var(--c-g200);
}
.pg-qeval-how__step-header {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 16px;
}
.pg-qeval-how__step-num {
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: 12px;
  background-color: var(--c-green);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 18px;
  color: var(--c-white);
  flex-shrink: 0;
}
.pg-qeval-how__step-icon { color: var(--c-green); margin-top: 4px; }
.pg-qeval-how__step-icon svg{height:32px;width:32px;}
.pg-qeval-how__step-title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 22px;
  color: rgb(66, 67, 81);
  margin: 0 0 12px;
}
.pg-qeval-how__step-desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.8;
  color: var(--c-g700);
  margin: 0;
}

/* ────────────────────────────────────────────────────────────
   SECTION 7 — INTEGRATIONS  (.pg-qeval-int)
   ──────────────────────────────────────────────────────────── */
.pg-qeval-int__grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 24px;
}
.pg-qeval-int__col {
  padding: 32px 28px;
  border-radius: 16px;
  background-color: var(--c-white);
  border: 1px solid var(--c-g200);
  height: 100%;
}
.pg-qeval-int__col-title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
  color: rgb(66, 67, 81);
  margin: 0 0 20px;
}
.pg-qeval-int__col-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.pg-qeval-int__tag {
  font-family: var(--f-heading);
  font-weight: 500;
  font-size: 14px;
  color: var(--c-green);
  background-color: rgba(14,107,59,0.06);
  padding: 6px 8px;
  border-radius: 100px;
  white-space: nowrap;
}

/* ────────────────────────────────────────────────────────────
   SECTION 8 — ROI CALCULATOR  (.pg-qeval-roi)
   ──────────────────────────────────────────────────────────── */
.pg-qeval-roi__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
}
.pg-qeval-roi__inputs {
  background-color: rgba(255,255,255,0.04);
  border-radius: 20px;
  padding: 40px;
  border: 1px solid rgba(255,255,255,0.08);
}
.pg-qeval-roi__inputs-title {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 20px;
  color: var(--c-white);
  margin: 0 0 32px;
}
.pg-qeval-roi__slider-row { margin-bottom: 28px; }
.pg-qeval-roi__slider-meta {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.pg-qeval-roi__slider-label {
  font-family: var(--f-heading);
  font-weight: 500;
  font-size: 16px;
  color: rgba(255,255,255,0.55);
}
.pg-qeval-roi__slider-value {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
  color: #10B981;
}
.pg-qeval-roi__range {
  width: 100%;
  -webkit-appearance: none;
  appearance: none;
  height: 4px;
  border-radius: 2px;
  background: rgba(255,255,255,0.15);
  outline: none;
  cursor: pointer;
  border:1px solid rgb(118, 118, 118);
}
.pg-qeval-roi__range::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #10B981;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(16,185,129,0.4);
}
.pg-qeval-roi__range::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #10B981;
  cursor: pointer;
  border: none;
}
.pg-qeval-roi__disclaimer {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: rgba(255,255,255,0.4);
  line-height: 1.6;
  margin-top: 16px;
      padding: 14px 18px;
    border-radius: 10px;
    background-color: rgba(0, 255, 136, 0.05);
    border: 1px solid rgba(0, 255, 136, 0.1);
}
/* Results panel */
.pg-qeval-roi__results { display: flex; flex-direction: column; gap: 0; }
.pg-qeval-roi__result-list { display: flex; flex-direction: column; gap: 12px; margin-bottom: 16px; }
.pg-qeval-roi__result {
  background-color: rgba(255,255,255,0.04);
  border-radius: 14px;
  padding: 20px 24px;
  border: 1px solid rgba(255,255,255,0.06);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.pg-qeval-roi__result--highlight {
  border-color: rgba(0,255,136,0.2);
  background-color: rgba(0,255,136,0.05);
}
.pg-qeval-roi__result-label {
  font-family: var(--f-heading);
  font-weight: 500;
  font-size: 18px;
  color: var(--c-white);
  margin-bottom: 3px;
}
.pg-qeval-roi__result-desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color:#FFFFFF8C;
  line-height: 1.4;

}
.pg-qeval-roi__result-value {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 22px;
  min-width: 110px;
  text-align: right;
  flex-shrink: 0;
}
.pg-qeval-roi__result--highlight .pg-qeval-roi__result-value { font-size: 28px; }
.pg-qeval-roi__result-value--red    { color: #FF6B6B; }
.pg-qeval-roi__result-value--yellow { color: #FFB800; }
.pg-qeval-roi__result-value--green  { color: #10B981; }
.pg-qeval-roi__cta { display: block; text-align: center; margin-top: 8px; }
.pg-qeval-roi__cta-sub {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: rgba(255,255,255,0.5);
  text-align: center;
  margin: 8px 0 0;
  line-height: 23px;
}

/* ────────────────────────────────────────────────────────────
   SECTION 9 — FULL STACK  (extends pg-ab-rsb)
   ──────────────────────────────────────────────────────────── */
.pg-qeval-stack__icon { color: var(--c-green); margin-bottom: 14px; transition: color 0.35s; }
.pg-ab-rsb__card:hover .pg-qeval-stack__icon { color: #10B981; }
.pg-qeval-stack__subtitle {
  font-family: var(--f-body);
  font-weight: 600;
  font-size: 16px;
  color: var(--c-g400);
  margin: 0 0 16px;
  transition: color 0.35s;
}
.pg-ab-rsb__card:hover .pg-qeval-stack__subtitle { color: rgba(255,255,255,0.7); }

/* ────────────────────────────────────────────────────────────
   SECTION 10 — RESULTS BAND  (.pg-qeval-results)
   ──────────────────────────────────────────────────────────── */
.pg-qeval-results__grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 40px;
  text-align: center;
}
.pg-qeval-results__stat-value {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 44px;
  background: linear-gradient(135deg, #FFFFFF 0%, rgba(255,255,255,0.55) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  margin-bottom: 6px;
}
.pg-qeval-results__stat-label {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 19px;
  color: rgba(255,255,255,0.7);
  margin-bottom: 4px;
}
.pg-qeval-results__stat-desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF8C;
}

/* ────────────────────────────────────────────────────────────
   SECTION 11 — BUILT BY OPERATORS  (.pg-qeval-bbo)
   ──────────────────────────────────────────────────────────── */
.pg-qeval-bbo__grid {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 80px;
  align-items: center;
}
/* Comparison table */
.pg-qeval-bbo__table {
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--c-g200);
}
.pg-qeval-bbo__thead {
  display: grid;
  grid-template-columns: 40% 20% 20% 20%;
  background-color: var(--c-indigo);
}
.pg-qeval-bbo__th {
  padding: 13px 14px;
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 16px;
  color: var(--c-white);
  text-align: center;
}
.pg-qeval-bbo__th--0 { text-align: left; }
.pg-qeval-bbo__th--1 { color: #10B981; }
.pg-qeval-bbo__th--2,
.pg-qeval-bbo__th--3 { color: rgba(255,255,255,0.55); }

.pg-qeval-bbo__row {
  display: grid;
  grid-template-columns: 40% 20% 20% 20%;
  border-top: 1px solid var(--c-g200);
}
.pg-qeval-bbo__row--even .pg-qeval-bbo__cell--item { background-color: var(--c-white); }
.pg-qeval-bbo__row:not(.pg-qeval-bbo__row--even) .pg-qeval-bbo__cell--item { background-color: var(--c-alice); }

.pg-qeval-bbo__cell {
  padding: 13px 14px;
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g600);
  line-height: 1.35;
  vertical-align: middle;
}
.pg-qeval-bbo__cell--check {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 15px;
  border-left: 1px solid var(--c-g200);
}
.pg-qeval-bbo__cell--qeval   { background-color: rgba(0,137,123,0.04); color: var(--c-green); }
.pg-qeval-bbo__cell--yes     { color: var(--c-green); }
.pg-qeval-bbo__cell--partial { color: #FFB800; }
.pg-qeval-bbo__cell--no      { color: #E53935; }
.pg-qeval-bbo__cell-note {
  display: block;
  font-size: 14px;
  color: #9CA3AF;
  margin-top: 2px;
  font-weight: 400;
}
.pg-qeval-bbo__legend {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g600);
  margin-top: 10px;
  font-style: italic;
  line-height: 1.5;
}

/* ────────────────────────────────────────────────────────────
   SECTION 12 — SERVANT LEADERSHIP  (.pg-qeval-servant)
   ──────────────────────────────────────────────────────────── */
.pg-qeval-servant__grid {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 80px;
  align-items: center;
}
.pg-qeval-servant__badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 20px;
  border-radius: 10px;
  background-color: rgba(0,137,123,0.05);
  border: 1px solid rgba(0,137,123,0.15);
  margin-top: 32px;
}
.pg-qeval-servant__badge svg { color: var(--c-green); flex-shrink: 0; }
.pg-qeval-servant__badge span {
  font-family: var(--f-body);
  font-weight: 500;
  font-size: 16px;
  color: var(--c-g600);
  line-height: 1.4;
}
.pg-qeval-servant__cards { display: flex; flex-direction: column; gap: 18px; }
.pg-qeval-servant__card {
  padding: 28px 32px;
  border-radius: 16px;
  background-color: var(--c-alice);
  border: 1px solid var(--c-g200);
  display: flex;
  gap: 24px;
  align-items: flex-start;
}
.pg-qeval-servant__card-num {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 32px;
  color: rgba(0,137,123,0.15);
  flex-shrink: 0;
  line-height: 1;
  letter-spacing: -1px;
}
.pg-qeval-servant__card-title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 18px;
      color: rgb(66, 67, 81);
  margin: 0 0 8px;
}
.pg-qeval-servant__card-desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  color: var(--c-g500);
  margin: 0;
}

/* ────────────────────────────────────────────────────────────
   SECTION 13 — AWARDS  (.pg-qeval-awards)
   ──────────────────────────────────────────────────────────── */
.pg-qeval-awards__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
.pg-qeval-awards__card {
  padding: 40px 36px;
  border-radius: 20px;
  border: 1px solid var(--c-g200);
  background-color: var(--c-white);
  display: flex;
  flex-direction: column;
}
.pg-qeval-awards__card-icon { color: var(--c-green); margin-bottom: 20px; display: flex; }
.pg-qeval-awards__card-award {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 24px;
    color: rgb(66, 67, 81);
  margin: 0 0 8px;
}
.pg-qeval-awards__card-year {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  color: var(--c-green);
  margin: 0 0 4px;
}
.pg-qeval-awards__card-org {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: #9CA3AF;
  margin: 0 0 16px;
}
.pg-qeval-awards__card-desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  color: var(--c-g700);
  margin: auto 0 0;
}

/* ────────────────────────────────────────────────────────────
   SECTION 14 — CASE STUDY  (.pg-qeval-case)
   ──────────────────────────────────────────────────────────── */
.pg-qeval-case__card {
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid var(--c-g200);
  box-shadow: 0 8px 40px rgba(35,39,85,0.06);
}
/* Header */
.pg-qeval-case__header {
  background: linear-gradient(135deg, var(--c-indigo) 0%, #1a1f45 100%);
  padding: 36px 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  flex-wrap: wrap;
}
.pg-qeval-case__header-meta {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  color: rgba(255,255,255,0.4);
  letter-spacing: 2.5px;
  text-transform: uppercase;
  margin: 0 0 8px;
}
.pg-qeval-case__header-title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 26px;
  color: var(--c-white);
  margin: 0;
  line-height: 1.3;
}
.pg-qeval-case__header-accent { color: #10B981; }
.pg-qeval-case__roi-badge {
  background-color: rgba(0,255,136,0.1);
  border: 1px solid rgba(0,255,136,0.2);
  border-radius: 14px;
  padding: 16px 24px;
  text-align: center;
  flex-shrink: 0;
}
.pg-qeval-case__roi-value {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 36px;
  color: #10B981;
  line-height: 1;
}
.pg-qeval-case__roi-label {
  font-family: var(--f-body);
  font-weight: 500;
  font-size: 16px;
  color: rgba(255,255,255,0.6);
  margin-top: 4px;
}
/* Body */
.pg-qeval-case__body { background-color: var(--c-white); padding: 48px; }
.pg-qeval-case__cols {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
  margin-bottom: 48px;
}
.pg-qeval-case__col-label {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0 0 16px;
  padding-bottom: 10px;
  border-bottom: 2px solid var(--c-g200);
}
.pg-qeval-case__col--red    .pg-qeval-case__col-label { color: #E53935; }
.pg-qeval-case__col--green  .pg-qeval-case__col-label { color: var(--c-green); }
.pg-qeval-case__col--emerald .pg-qeval-case__col-label { color: #10B981; border-bottom-color: rgba(0,255,136,0.2); }
.pg-qeval-case__col-list { list-style: none; margin: 0; padding: 0; }
.pg-qeval-case__col-item {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.65;
  color: var(--c-g600);
  margin-bottom: 10px;
  padding-left: 16px;
  position: relative;
}
.pg-qeval-case__col-item::before {
  content: attr(data-marker);
  position: absolute;
  left: 0;
  font-weight: 700;
}
.pg-qeval-case__col--red    .pg-qeval-case__col-item::before { color: #E53935; }
.pg-qeval-case__col--green  .pg-qeval-case__col-item::before { color: var(--c-green); }
.pg-qeval-case__col--emerald .pg-qeval-case__col-item::before { color: #10B981; }
.pg-qeval-case__col-item { padding-left: 22px; }
/* KPI strip */
.pg-qeval-case__kpis {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid var(--c-g200);
}
.pg-qeval-case__kpi {
  padding: 24px 20px;
  text-align: center;
  background-color: var(--c-white);
  border-right: 1px solid var(--c-g200);
}
.pg-qeval-case__kpi:last-child { border-right: none; }
.pg-qeval-case__kpi--highlight { background-color: rgba(0,137,123,0.04); }
.pg-qeval-case__kpi-num {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 26px;
  color: #424351;
  line-height: 1;
  margin-bottom: 4px;
}
.pg-qeval-case__kpi--highlight .pg-qeval-case__kpi-num { color: var(--c-green); }
.pg-qeval-case__kpi-unit {
  font-size: 16px;
  font-weight: 500;
  color: var(--c-g400);
  margin-left: 3px;
}
.pg-qeval-case__kpi-label {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g400);
  line-height: 1.3;
}
/* Pull quote */
.pg-qeval-case__quote {
  margin: 32px 0 0;
  padding: 24px 32px;
  border-radius: 12px;
  background-color: var(--c-alice);
  border-left: 4px solid var(--c-green);
}
.pg-qeval-case__quote-text {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.75;
  color: var(--c-g700);
  margin: 0 0 10px;
}
.pg-qeval-case__quote-author {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
      color: rgb(66, 67, 81);
}

/* ────────────────────────────────────────────────────────────
   SECTION 15 — TESTIMONIALS  (.pg-qeval-testimonials)
   ──────────────────────────────────────────────────────────── */
.pg-qeval-testimonials__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.pg-qeval-testimonials__card {
  background-color: var(--c-white);
  border-radius: 20px;
  padding: 36px 32px;
  border: 1px solid var(--c-g200);
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0;
}
.pg-qeval-testimonials__card-quote-mark {
  font-size: 56px;
  line-height: 0.8;
  color: var(--c-green);
  font-family: Georgia, serif;
  margin-bottom: 20px;
  opacity: 0.25;
}
.pg-qeval-testimonials__card-text {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.75;
  color: var(--c-g700);
  margin: 0 0 24px;
  flex: 1;
}
.pg-qeval-testimonials__card-stats {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.pg-qeval-testimonials__card-stat {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 14px;
  color: var(--c-green);
  background-color: rgba(0,137,123,0.06);
  padding: 4px 12px;
  border-radius: 100px;
}
.pg-qeval-testimonials__card-footer {
  border-top: 1px solid var(--c-g200);
  padding-top: 16px;
}
.pg-qeval-testimonials__card-name {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 18px;
  color: rgb(66, 67, 81);
}
.pg-qeval-testimonials__card-company {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g500);
  margin-top: 3px;
  line-height: 1.4;
}
.pg-qeval-testimonials__card-industry {
  font-family: var(--f-body);
  font-weight: 600;
  font-size: 16px;
  color: var(--c-green);
  margin-top: 8px;
  text-transform: uppercase;
  letter-spacing: 1.2px;
}

/* ────────────────────────────────────────────────────────────
   SECTION 16 — CTA  (.pg-qeval-cta)
   ──────────────────────────────────────────────────────────── */
.pg-qeval-cta {
  background-color: var(--c-indigo);
  padding: 0 48px;
}
.pg-qeval-cta__inner {
  max-width: 1400px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  min-height: 600px;
}
.pg-qeval-cta__copy {
  padding: 80px 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pg-qeval-cta__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 40px;
  line-height: 1.15;
  color: var(--c-white);
  margin: 0 0 20px;
}
.pg-qeval-cta__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 18px;
  line-height: 1.8;
  color: rgba(255,255,255,0.55);
  margin: 0 0 12px;
}
.pg-qeval-cta__btns {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin: 20px 0 32px;
}
/* Emerald CTA button variant */
.ep-btn--emerald {
  background: linear-gradient(135deg, #10B981 0%, #0a8a4a 100%);
  color: var(--c-white);
  box-shadow: 0 4px 24px rgba(14,107,59,0.3);
}
.pg-qeval-cta__stats {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px;
}
.pg-qeval-cta__stat {
  background-color: rgba(255,255,255,0.05);
  border-radius: 12px;
  padding: 12px 16px;
  border: 1px solid rgba(255,255,255,0.1);
}
.pg-qeval-cta__stat-num {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
  color: #10B981;
}
.pg-qeval-cta__stat-label {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g300);
  margin-top: 4px;
  line-height: 23px;
  color:#FFFFFF8C;
}
.pg-qeval-cta__media {
  overflow: hidden;
  height: 100%;
}
.pg-qeval-cta__media img,
.pg-qeval-cta__media .ep-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 0;
}

/* ════════════════════════════════════════════════════════════
   RESPONSIVE — TABLET  768-1199px
   ════════════════════════════════════════════════════════════ */
@media (max-width: 1199px) {
  /* CCW Banner */
  .pg-qeval-ccw-banner { padding: 11px 24px; }

  /* Hero floats */
  .pg-qeval-hero-float--tr { bottom: -124px;top: inherit;left: 0px;right: inherit;}
             
  .pg-qeval-hero-live { top: -35px; }
  .pg-qeval-hero .ep-hero__inner{padding-bottom: 170px;}

  /* Shift: stack */
  .pg-qeval-shift__cols { grid-template-columns: 1fr; }

  /* Capabilities: 2 col */
  .pg-qeval-caps__grid { grid-template-columns: repeat(2, 1fr); }

  /* How It Works: stack */
  .pg-qeval-how__grid { grid-template-columns: 1fr; gap: 48px; }
  .pg-qeval-how__sticky { position: static; }

  /* Integrations: 3 col */
  .pg-qeval-int__grid { grid-template-columns: repeat(3, 1fr); }

  /* ROI: stack */
  .pg-qeval-roi__grid { grid-template-columns: 1fr; }

  /* BBO: stack */
  .pg-qeval-bbo__grid { grid-template-columns: 1fr; gap: 48px; }

  /* Servant: stack */
  .pg-qeval-servant__grid { grid-template-columns: 1fr; gap: 48px; }

  /* Awards: stack */
  .pg-qeval-awards__grid { grid-template-columns: 1fr; }

  /* Case study: cols stack */
  .pg-qeval-case__cols { grid-template-columns: 1fr; }
  .pg-qeval-case__kpis { grid-template-columns: repeat(3, 1fr); }
  .pg-qeval-case__header { flex-direction: column; align-items: flex-start; }

  /* Testimonials: 1 col */
  .pg-qeval-testimonials__grid { grid-template-columns: 1fr; }

  /* Results: 3 col */
  .pg-qeval-results__grid { grid-template-columns: repeat(3, 1fr); gap: 24px; }

  /* CTA: stack */
  .pg-qeval-cta__inner { grid-template-columns: 1fr; }
  .pg-qeval-cta__media { min-height: 300px; }
}

/* ════════════════════════════════════════════════════════════
   RESPONSIVE — MOBILE  up to 767px
   ════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  /* Banner */
  .pg-qeval-ccw-banner { flex-direction: column; text-align: center; padding: 12px 20px; }

  /* Hero floats */
  .pg-qeval-hero-float, .pg-qeval-hero-live {  }
  .pg-qeval-hero-float{padding:15px;}
  .pg-qeval-hero-float__value{font-size: 20px;}
  .pg-qeval-hero-float__label{font-size: 12px;}
  .pg-qeval-hero__awards { flex-direction: column; gap: 10px; }
  .pg-qeval-hero-float--tr{bottom:-100px;}
        

  /* Capabilities: 1 col */
  .pg-qeval-caps__grid { grid-template-columns: 1fr; }

  /* How It Works: tighten */
  .pg-qeval-how__step { padding: 24px 20px; }

  /* Integrations: 2 col */
  .pg-qeval-int__grid { grid-template-columns: repeat(1, 1fr); }

  /* ROI table cols */
  .pg-qeval-roi__result { flex-direction: column; align-items: flex-start; }
  .pg-qeval-roi__result-value { text-align: left; }

  /* BBO table: horizontal scroll */
  .pg-qeval-bbo__table { overflow-x: auto; display: block; }

  /* Case study KPI: 2+3 */
  .pg-qeval-case__kpis { grid-template-columns:  1fr; }
  .pg-qeval-case__body { padding: 28px 20px; }
  .pg-qeval-case__header { padding: 24px 20px; }

  /* Results: 2 col */
  .pg-qeval-results__grid { grid-template-columns: 1fr; gap: 20px; }
  .pg-qeval-results__stat-value { font-size: 32px; }

  /* CTA stats */
  .pg-qeval-cta__stats { grid-template-columns: 1fr 1fr; }
  .pg-qeval-cta__copy { padding: 56px 24px; }
}


/* guarav css */

.dev-location {
    min-height: 80px;
}

.pg-op-region-sites {
    min-height: 120px;
}


.prefix_mobile{
  margin-right: -5px;
}

/* .pg-tel-platform .ep-photo.ep-photo--analytics {
    overflow: visible;
}

div.ep-trust-bar__track.ep-trust-bar-noanimation {
    animation: inherit;
    gap: 15px;
    justify-content: space-between;
    width: 100%;
    padding: 0 15px;
} */

/* Guarav Css */
/**megha css***/

.ep-reveal--d1 .ep-photo,.ep-reveal--d1 .pg-cv-com-card__media{

  
	background-size:cover;
}

.ep-reveal--d2 .ep-photo,.ep-reveal--d2 .pg-cv-com-card__media{
	background:url('/wp-content/uploads/2026/04/etech-our-people-5.png');
	background-size:cover;
}

.ep-reveal--d3 .ep-photo,.ep-reveal--d3 .pg-cv-com-card__media{
	background:url('/wp-content/uploads/2026/04/etech-our-people-6.png');
	background-size:cover;
}

.pg-op-custom-grid{
	    grid-template-columns: repeat(3, 1fr);
}

.ep-cta-image{	
  /* background:url('/wp-content/uploads/2026/04/etech-contact-1.png'); */
  background: url('/wp-content/uploads/2026/04/etech-contact-1.png') no-repeat center/cover;
}
.our-people-title{
  margin-bottom:10px;
}

.pg-contact-custom-desc{
  font-family: var(--f-body);
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: rgba(255, 255, 255, 0.6);
    margin: 0px 0px 20px 0px;
}
.hero-desc-width{
  max-width: 565px;
}
.pg-solutions-custom-list{
  grid:unset;
}
.pg-solutions .pg-cc-tier-card{
  background-color: transparent;
    border-radius: unset;
    border: unset;
    padding:0px;
}
.pg-cc-custom-grid{
  grid-template-columns:repeat(5, 1fr);
}

.pg-tel-program-width{
  display: unset;
}
.pg-tel-borderg-left{
  border-left: 1px solid rgba(14, 107, 59, 0.18);
}
.pg-tel-borderlg-right{
  border-left: 1px solid var(--c-g200);
}
.pg-tel-tag-width{
  max-width: fit-content;
}
.fullstack-header .col-two {
        width: unset;
    }
    .pg-cc-hero-custom-size{
          font-weight: 400;
    font-size: 16px;
    }
    .bg-color-custom
    {
      background-color: var(--c-alice);
    }
    .ep-icon-custom{
      background: unset;
    }
    .ep-icon-custom svg{
      height: 40px;
      width: 40px;
    }
    .ep-trust-bar-speed-inc{
    animation:marquee 20s linear infinite
    }
    .ep-trust-bar-speed-inc-contact{
    animation:marquee 15s linear infinite
    }
    .pg-cc-custom-title-color{
      background: linear-gradient(135deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.7) 100%) text;
    }
   .custom-care-cta{
      /* background:url("/wp-content/uploads/2026/04/etech-customer-care-3.png"); */
      background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    }

    .tag-custom{
          border: unset;
    padding: 0px;
    font-size: 20px;
    color: black;
    margin-bottom: 10px;
    }
    .margin-remove{
      margin: 0 0 0px;
    }
    .img-custom{
      background:url("/wp-content/uploads/2026/04/image-9.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
    }
    .custom-section-img{
      background:url("/wp-content/uploads/2026/05/cul-1.avif");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
    }
    .pg-culture-cta-img{
      background:url("/wp-content/uploads/2026/04/Container-1-1.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
    }
/* Megha Css */

/* gaurav media */
@media(max-width: 767px){
a.btn-primary, a.btn-secondary-dark {
    text-align: center;
}
.section-pad {
    padding: 50px var(--pad-x);
}
.pg-op-region-sites {
    min-height: 100%;
}
.dev-location {
    min-height: 100%;
}
.ep-card__body {
    padding: 10px 0;
}
.ep-cta-split__actions .ep-btn {
    text-align: center;
}
 
.pg-ab-hero-float { display: block; }

.center-btn{
  text-align: center;
}
.prefix_mobile{
  margin-right: -5px;
  font-size: 27px !important;
}

.pg-cc-custom-grid {
    grid-template-columns: repeat(1, 1fr);
}

.photo-placeholder {
    background-position: bottom !important;
}
.solution-include-grid .pg-cc-tiers-cards .pg-cc-tiers-tabs {
    flex-wrap: wrap;
}
.pg-solutions .pg-cc-tier-card {
    padding:10px 0 0 0;
}
}

@media(max-width:1360px){

.result-value {
font-size: 18px;
}

.result-label {
font-size: 14px;
}

}


@media(max-width:1460px){
.hero-stat-card {
    right: 0;
}
.hero-qeval-card{right:0;}
}

@media(max-width:1024px){
.photo-two {
    padding-top: 0;
}
.results-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
#case-studies .case-results {
    padding-bottom: 40px!important;
}
}

@media(max-width:991px){
.hero-desc {
    max-width: 100%;
}
div.hero-buttons {
    flex-direction: row;
    flex-wrap: wrap;
}
.solution-include-grid {
    grid-template-columns: 1fr;
}

.customer-tiers-sec .pg-cc-cmp-grid{
  gap:30px;
}
.pg-solutions .pg-cc-tier-card{
  padding:0;
}
}
/* gaurav media */

/**swagatika new css**/
.py-120{padding-top: 120px!important;padding-bottom: 120px!important;}
.analytics-why-qeval-container{padding-left: 40px;padding-right: 40px;background-color:var(--c-alice);}
.radius-20{border-radius: 20px;}
.py-0{padding-top: 0px!important;padding-bottom: 0px!important;}

.bg-alice{background-color: var(--c-alice)!important;}
.pg-ab-rsb__card.bg-alice:hover{background-color: var(--c-indigo)!important;border-color: transparent;}
.pg-ab-rsb__card.bg-alice:hover{background-color: var(--c-indigo)!important;border-color: transparent;}
.analytics-integrations-container{padding-left: 40px;padding-right: 40px;background-color:var(--c-alice);border-radius: 20px;}
.pt-0{padding-top: 0px!important;}
.backoffice-stats{margin-top: 0px!important;}
.backoffice-stats .pg-bo-stat{background-color: transparent!important;border:none!important;padding:0px!important;}
.back-office-feature-card:hover{    background: linear-gradient(135deg, #232755 0%, #1A1F45 50%, #0F1330 100%);
    border-color: transparent;}
.back-office-feature-card:hover .ep-feature-card__title{color: var(--c-white)!important;}
.back-office-feature-card:hover .ep-feature-card__desc{    color: rgba(255, 255, 255, 0.55)!important;}
.ep-cta-custom-image{background:url('/wp-content/uploads/2026/04/Img-2.png')!important;background-size: cover !important;
  background-position: center !important;}
.fullstack-section .fullstack-header h2{color: #424351!important;}
.section-title{color:#424351!important;}
.ep-section__title{color:#424351;}
.ws-heading{color: #424351!important;}
@media(min-width:1200px){.position-sticky-left{position: sticky;top:100px;}}
@media(max-width:1200px){
  .cases-grid{grid-template-columns: 1fr 1fr ;}
}

@media(max-width:1024px){
  .py-0{padding-top: 0px!important;padding-bottom: 0px!important;}
  .py-120{padding-top: 80px!important;padding-bottom: 80px!important;}
  .pt-0{padding-top: 0px!important;}
  .pg-qeval-case__kpi{border:1px solid var(--c-g200)!important}
}
@media(max-width:767px){
  .py-0{padding-top: 0px!important;padding-bottom: 0px!important;}
  .py-120{padding-top: 60px!important;padding-bottom: 60px!important;}
  .pt-0{padding-top: 0px!important;}
  .pg-cc-hero-live-card{top:2px;padding:10px;position:relative;left:0px;}
  .solution-include-grid .pg-cc-tiers-cards .pg-cc-tiers-tabs{flex-direction: column;    top: -140px;}
}



/* sales-revenue */


.pg-sr {
  --sr-indigo: #232755;
  --sr-indigo-deep: #1a1f45;
  --sr-main: #333a5c;
  --sr-green: #0E6B3B;
  --sr-green-dark: #0a8a4a;
  --sr-emerald: #10B981;
  --sr-blue: #4A82FF;
  --sr-alice: #F5F7FB;
  --sr-white: #FFFFFF;
  --sr-g100: #F3F4F6;
  --sr-g200: #E5E7EB;
  --sr-g300: #D1D5DB;
  --sr-g400: #9CA3AF;
  --sr-g500: #6B7280;
  --sr-g600: #4B5563;
  --sr-g700: #374151;

  --sr-f-head: 'Outfit', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --sr-f-body: 'Josefin Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  --sr-sp-xs: 4px;
  --sr-sp-sm: 8px;
  --sr-sp-md: 16px;
  --sr-sp-lg: 24px;
  --sr-sp-xl: 32px;
  --sr-sp-2xl: 48px;
  --sr-sp-3xl: 64px;
  --sr-sp-4xl: 80px;
  --sr-sp-5xl: 120px;

  /* reset-ish scoped */
  color: var(--sr-main);
  font-family: var(--sr-f-body);
  line-height: 1.6;
}

.pg-sr *,
.pg-sr *::before,
.pg-sr *::after {
  box-sizing: border-box;
}

.pg-sr img {
  max-width: 100%;
  height: auto;
  display: block;
}

.pg-sr a {
 
  text-decoration: none;
}

/* SR-only for accessibility-only headings */
.pg-sr-section__sr-only,
.pg-sr-case__sr-title {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0);
  white-space: nowrap; border: 0;
}

/* ─────────────────────────────────────────────────────────────────────────
   SHARED: containers, sections, eyebrows, buttons, icons
   ───────────────────────────────────────────────────────────────────────── */

.pg-sr-container {
  max-width: 1400px;
  margin: 0 auto;
  width: 100%;
  padding:0px 20px;
}

.pg-sr-section {
  padding: var(--sr-sp-5xl) var(--sr-sp-2xl);
  position: relative;
}
.pg-sr-section--white { background-color: var(--sr-white); }
.pg-sr-section--alice { background-color: var(--sr-alice); }
.pg-sr-section--sage {
  background-image: linear-gradient(135deg, var(--sr-alice) 0%, #E8F5E9 100%);
}

.pg-sr-section__head {
  margin-bottom: var(--sr-sp-2xl);
  max-width: 820px;
}
.pg-sr-section__head--center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.pg-sr-eyebrow {
  font-family: var(--f-heading) ;
    font-weight: 600 ;
    font-size: 16px ;
    color: var(--c-green) ;
    letter-spacing: 2.5px ;
    text-transform: uppercase ;
    margin-bottom: 8px ;
  margin: 0 0 var(--sr-sp-md);
}

.pg-sr-section__title {
  font-family: var(--sr-f-head);
  font-weight: 700;
  font-size: 40px;
  line-height: 1.12;
  color: #424351;
  margin: 0 0 var(--sr-sp-md);
  letter-spacing: -0.01em;
}

.pg-sr-section__desc {
  font-family: var(--sr-f-body);
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  color: var(--sr-g600);
  margin: 0;
}
.pg-sr-section__head--center .pg-sr-section__desc {
  margin-left: auto;
  margin-right: auto;
}

/* Buttons */
.pg-sr-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: var(--sr-f-head);
  font-weight: 600;
  font-size: 18px;
  padding: 15px 28px;
  border-radius: 10px;
  border: 1px solid transparent;
  cursor: pointer;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, color 0.2s ease;
  min-height: 44px;
  letter-spacing: 0.01em;
}
.pg-sr-btn--primary {
  color: var(--sr-white)!important;
  font-family: var(--font-heading);
  background-image: linear-gradient(135deg, var(--sr-green) 0%, var(--sr-green-dark) 100%);
  box-shadow: 0 4px 24px rgba(14, 107, 59, 0.3);
  font-size: 18px;
}
.pg-sr-btn--primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 28px rgba(14, 107, 59, 0.4);
}
.pg-sr-btn--ghost {
  color: var(--sr-main)!important;
  font-family: var(--font-heading);
  background-color: transparent;
  border-color: var(--sr-g300);
}
.pg-sr-btn--ghost:hover {
  background-color: var(--sr-g100);
  border-color: var(--sr-g400);
}
.pg-sr-btn--ghost-on-dark {
   font-family: var(--font-heading);
  color: rgba(255, 255, 255, 0.85)!important;
  border-color: rgba(255, 255, 255, 0.2);
}
.pg-sr-btn--ghost-on-dark:hover {
  background-color: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.35);
  color: var(--sr-white);
}

/* Icons */
.pg-sr-icon {
  display: inline-block;
  vertical-align: middle;
}

/* ═════════════════════════════════════════════════════════════════════════
   1. HERO
   ═════════════════════════════════════════════════════════════════════════ */

.pg-sr-hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  background-image: linear-gradient(165deg, var(--sr-indigo) 0%, #1d2248 35%, #252b55 65%, #2f3462 100%);
  overflow: hidden;
  padding: 160px 0 120px;
}
.pg-sr-hero__orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  pointer-events: none;
}
.pg-sr-hero__orb--a {
  top: -20%; right: -15%;
  width: 800px; height: 800px;
  background-image: radial-gradient(circle, rgba(14, 107, 59, 0.08) 0%, transparent 60%);
  animation: pg-sr-float1 12s ease-in-out infinite;
}
.pg-sr-hero__orb--b {
  bottom: -10%; left: -10%;
  width: 600px; height: 600px;
  background-image: radial-gradient(circle, rgba(74, 130, 255, 0.06) 0%, transparent 60%);
  filter: blur(60px);
  animation: pg-sr-float2 10s ease-in-out infinite;
}
.pg-sr-hero__grid-pattern {
  position: absolute;
  inset: 0;
  opacity: 0.03;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.4) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.4) 1px, transparent 1px);
  background-size: 80px 80px;
  pointer-events: none;
}
@keyframes pg-sr-float1 {
  0%, 100% { transform: translate(0, 0); }
  50% { transform: translate(-40px, 30px); }
}
@keyframes pg-sr-float2 {
  0%, 100% { transform: translate(0, 0); }
  50% { transform: translate(30px, -25px); }
}
@keyframes pg-sr-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}
@keyframes pg-sr-marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.pg-sr-hero__container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 25px;
  position: relative;
  z-index: 2;
  width: 100%;
}
.pg-sr-hero__layout {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: var(--sr-sp-4xl);
  align-items: center;
}

/* Chip */
.pg-sr-hero__chip {
  display: inline-flex;
  align-items: center;
  gap: var(--sr-sp-sm);
  padding: 5px 14px 5px 6px;
  border-radius: 100px;
  border: 1px solid rgba(16, 185, 129, 0.2);
  background-color: rgba(16, 185, 129, 0.05);
  margin-bottom: var(--sr-sp-lg);
}
.pg-sr-hero__chip-tag {
  background-color: rgba(16, 185, 129, 0.15);
  border-radius: 100px;
  padding: 3px 10px;
  font-family: var(--sr-f-head);
  font-weight: 600;
  font-size: 10px;
  color: var(--sr-emerald);
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
.pg-sr-hero__chip-label {
  font-family: var(--sr-f-body);
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
}

/* Title */
.pg-sr-hero__title {
  font-family: var(--sr-f-head);
  font-weight: 700;
  font-size: 56px;
  line-height: 1.08;
  color: var(--sr-white);
  margin: 0 0 var(--sr-sp-lg);
  letter-spacing: -0.02em;
}
.pg-sr-hero__title-accent {
  background-image: linear-gradient(135deg, var(--sr-emerald) 0%, var(--sr-green) 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent; /* fallback */
}

.pg-sr-hero__lede {
  font-family: var(--sr-f-body);
  font-weight: 400;
  font-size: 18px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.7);
  max-width: 560px;
  margin: 0 0 var(--sr-sp-md);
}
.pg-sr-hero__sub {
  font-family: var(--sr-f-body);
  font-weight: 400;
  font-size: 18px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.5);
  max-width: 560px;
  margin: 0 0 var(--sr-sp-xl);
}

.pg-sr-hero__ctas {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: var(--sr-sp-2xl);
}
.pg-sr-hero__ctas .pg-sr-btn--ghost {
  color: rgba(255, 255, 255, 0.85)!important;
  border-color: rgba(255, 255, 255, 0.15);
  background-color: rgba(255, 255, 255, 0.03);
  font-size:18px;
}
.pg-sr-hero__ctas .pg-sr-btn--ghost:hover {
  background-color: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.3);
  color: var(--sr-white);
}

/* Stats row under hero */
.pg-sr-hero__stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--sr-sp-lg);
  padding-top: var(--sr-sp-lg);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.pg-sr-hero__stat-n {
  font-family: var(--sr-f-head);
  font-weight: 700;
  font-size: 26px;
  color: var(--sr-white);
  margin-bottom: 4px;
  letter-spacing: -0.01em;
  line-height: 1.1;
}
.pg-sr-hero__stat-l {
  font-family: var(--sr-f-body);
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.45);
}

/* Right column media composition */
.pg-sr-hero__col-right {
  position: relative;
}
.pg-sr-hero__media {
  position: relative;
}
.pg-sr-hero__img--main {
  width: 100%;
  aspect-ratio: 4 / 3.2;
  object-fit: cover;
  border-radius: 20px;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.3);
  background-color: #2a2f55; /* fallback if image missing */
}
.pg-sr-hero__img--inset {
  position: absolute;
  bottom: -28px;
  left: -36px;
  width: 170px;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 16px;
  border: 4px solid rgba(35, 39, 85, 0.95);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
  background-color: #3a3f6b;
}
.pg-sr-hero__pulse-pill {
  position: absolute;
  top: 20px;
  left: 20px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  border-radius: 100px;
  padding: 6px 14px;
}
.pg-sr-hero__pulse-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--sr-emerald);
  animation: pg-sr-pulse 2s infinite;
  display: inline-block;
}
.pg-sr-hero__pulse-text {
  font-family: var(--sr-f-head);
  font-size: 10px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
  letter-spacing: 0.5px;
}

/* QEval floating card */
.pg-sr-hero__qeval-card {
  position: absolute;
  top: -60px;
  right: -16px;
  background-color: var(--sr-white);
  border-radius: 16px;
  padding: 18px 22px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(14, 107, 59, 0.1);
  max-width: 220px;
}
.pg-sr-hero__qeval-kicker {
  font-family: var(--sr-f-head);
  font-weight: 600;
  font-size: 10px;
  color: var(--sr-green);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: var(--sr-sp-sm);
}
.pg-sr-hero__qeval-title {
  font-family: var(--sr-f-head);
  font-weight: 700;
  font-size: 14px;
  color: rgb(66, 67, 81);
  line-height: 1.35;
  margin-bottom: 6px;
}
.pg-sr-hero__qeval-desc {
  font-family: var(--sr-f-body);
  font-weight: 400;
  font-size: 14px;
  color: var(--sr-g500);
  line-height: 1.55;
}

/* Quote card */
.pg-sr-hero__quote-card {
  position: absolute;
  bottom: -26px;
  right: -20px;
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  border-radius: 14px;
  padding: 16px 20px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);
  max-width: 240px;
}
.pg-sr-hero__quote-text {
  font-family: var(--sr-f-body);
  font-style: italic;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.55;
  color: var(--sr-g700);
  margin: 0 0 10px;
}
.pg-sr-hero__quote-author {
  font-family: var(--sr-f-head);
  font-weight: 600;
  font-size: 10px;
  color: var(--sr-g500);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0;
}

/* Marquee */
.pg-sr-hero__marquee {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.04);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  padding: 14px 0;
  overflow: hidden;
  z-index: 3;
}
.pg-sr-hero__marquee-track {
  display: flex;
  gap: 64px;
  animation: pg-sr-marquee 40s linear infinite;
  white-space: nowrap;
  width: -moz-max-content;
  width: max-content;
}
.pg-sr-hero__marquee-item {
  font-family: var(--sr-f-head);
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255);
  letter-spacing: 1.2px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.pg-sr-hero__marquee-item .pg-sr-icon {
  color: var(--sr-emerald);
  opacity: 0.6;
}
.pg-sr-hero__marquee-item svg{color: #10B981;}
/* ═════════════════════════════════════════════════════════════════════════
   2. SPECTRUM
   ═════════════════════════════════════════════════════════════════════════ */

.pg-sr-spec-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.pg-sr-spec-card {
  padding: 26px 24px;
  border-radius: 16px;
  background-color: var(--sr-alice);
  border: 1px solid var(--sr-g200);
  transition: transform 0.35s cubic-bezier(.16, 1, .3, 1), box-shadow 0.35s ease, background-color 0.35s ease, color 0.35s ease;
  height: 100%;
}
.pg-sr-spec-card:hover {
  background-color: var(--sr-indigo);
  border-color: transparent;
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(35, 39, 85, 0.15);
}
.pg-sr-spec-card__tag {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 100px;
  font-family: var(--sr-f-head);
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1.2px;
  margin-bottom: 14px;
  transition: background-color 0.35s ease, color 0.35s ease;
}
.pg-sr-spec-card--outbound .pg-sr-spec-card__tag {
  background-color: rgba(14, 107, 59, 0.08);
  color: var(--sr-green);
}
.pg-sr-spec-card--inbound .pg-sr-spec-card__tag {
  background-color: rgba(74, 130, 255, 0.08);
  color: var(--sr-blue);
}
.pg-sr-spec-card--hybrid .pg-sr-spec-card__tag {
  background-color: rgba(16, 185, 129, 0.08);
  color: var(--sr-emerald);
}
.pg-sr-spec-card:hover .pg-sr-spec-card__tag {
  background-color: rgba(255, 255, 255, 0.12);
  color: var(--sr-emerald);
}
.pg-sr-spec-card__title {
  font-family: var(--sr-f-head);
  font-weight: 700;
  font-size: 18px;
  color: rgb(66, 67, 81);
  margin: 0 0 10px;
  transition: color 0.35s ease;
}
.pg-sr-spec-card:hover .pg-sr-spec-card__title { color: var(--sr-white); }
.pg-sr-spec-card__desc {
  font-family: var(--sr-f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: var(--sr-g500);
  margin: 0;
  transition: color 0.35s ease;
}
.pg-sr-spec-card:hover .pg-sr-spec-card__desc { color: rgba(255, 255, 255, 0.7); }

/* ═════════════════════════════════════════════════════════════════════════
   3. PROBLEM
   ═════════════════════════════════════════════════════════════════════════ */

.pg-sr-problem {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: var(--sr-sp-4xl);
  align-items: start;
}
.pg-sr-problem__right {
  display: flex;
  flex-direction: column;
  gap: var(--sr-sp-md);
}
.pg-sr-problem__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--sr-sp-lg);
}
.pg-sr-problem__cell {
  padding: 20px 22px;
  border-radius: 14px;
}
.pg-sr-problem__cell--typical {
  background-image: linear-gradient(135deg, #ffffff 0%, var(--sr-g100) 100%);
  border-left: 3px solid var(--sr-g300);
}
.pg-sr-problem__cell--etech {
  background-image: linear-gradient(135deg, var(--sr-alice) 0%, #E8F5E9 100%);
  border-left: 3px solid var(--sr-green);
}
.pg-sr-problem__text {
  font-family: var(--sr-f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.65;
  color: var(--sr-g600);
  margin: 0;
}
.pg-sr-problem__cell--etech .pg-sr-problem__text {
  color: var(--sr-main);
  font-weight: 500;
}

/* ═════════════════════════════════════════════════════════════════════════
   4. REVENUE OPERATIONS
   ═════════════════════════════════════════════════════════════════════════ */

.pg-sr-ro-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.pg-sr-ro-card {
  padding: 28px 22px;
  border-radius: 16px;
  background-color: var(--sr-alice);
  border: 1px solid var(--sr-g200);
  transition: transform 0.35s cubic-bezier(.16, 1, .3, 1), background-color 0.35s ease, box-shadow 0.35s ease;
  height: 100%;
  cursor: default;
}
.pg-sr-ro-card:hover {
  background-color: var(--sr-indigo);
  border-color: transparent;
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(35, 39, 85, 0.15);
}
.pg-sr-ro-card__tag {
  font-family: var(--sr-f-head);
  font-weight: 600;
  font-size: 16px;
  color: var(--sr-g500);
  letter-spacing: 2.5px;
  text-transform: uppercase;
  margin-bottom: var(--sr-sp-md);
  transition: color 0.35s ease;
}
.pg-sr-ro-card:hover .pg-sr-ro-card__tag { color: rgba(255, 255, 255, 0.35); }
.pg-sr-ro-card__icon {
  color: var(--sr-green);
  margin-bottom: 14px;
  transition: color 0.35s ease;
}
.pg-sr-ro-card:hover .pg-sr-ro-card__icon { color: var(--sr-emerald); }
.pg-sr-ro-card__title {
  font-family: var(--sr-f-head);
  font-weight: 700;
  font-size: 20px;
  color: rgb(66, 67, 81);
  margin: 0 0 var(--sr-sp-sm);
  transition: color 0.35s ease;
}
.pg-sr-ro-card:hover .pg-sr-ro-card__title { color: var(--sr-white); }
.pg-sr-ro-card__desc {
  font-family: var(--sr-f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: var(--sr-g500);
  margin: 0;
  transition: color 0.35s ease;
}
.pg-sr-ro-card:hover .pg-sr-ro-card__desc { color: rgba(255, 255, 255, 0.55); }

/* ═════════════════════════════════════════════════════════════════════════
   5. SALES METHOD
   ═════════════════════════════════════════════════════════════════════════ */

.pg-sr-method {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: var(--sr-sp-4xl);
  align-items: start;
}
.pg-sr-method__sticky {
  position: sticky;
  top: 100px;
}
.pg-sr-method__callout {
  margin-top: var(--sr-sp-lg);
  padding: var(--sr-sp-lg) 26px;
  border-radius: 14px;
  background-color: var(--sr-white);
  border: 1px solid var(--sr-g200);
}
.pg-sr-method__callout-kicker {
  font-family: var(--sr-f-head);
  font-weight: 600;
  font-size: 16px;
  color: var(--sr-green);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.pg-sr-method__callout-text {
  font-family: var(--sr-f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  color: var(--sr-g600);
  margin: 0;
}
.pg-sr-method-step {
  padding: var(--sr-sp-xl);
  border-radius: 16px;
  background-color: var(--sr-white);
  border: 1px solid var(--sr-g200);
  margin-bottom: var(--sr-sp-md);
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 28px;
  align-items: start;
}
.pg-sr-method-step__num {
  font-family: var(--sr-f-head);
  font-weight: 800;
  font-size: 32px;
  line-height: 1;
  background-image: linear-gradient(135deg, var(--sr-green) 0%, var(--sr-emerald) 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  color: var(--sr-green);
}
.pg-sr-method-step__title {
  font-family: var(--sr-f-head);
  font-weight: 700;
  font-size: 20px;
      color: rgb(66, 67, 81);
  margin: 0 0 10px;
}
.pg-sr-method-step__desc {
  font-family: var(--sr-f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: var(--sr-g500);
  margin: 0;
}

/* ═════════════════════════════════════════════════════════════════════════
   6. SALES INTELLIGENCE
   ═════════════════════════════════════════════════════════════════════════ */

.pg-sr-int-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.pg-sr-int-card {
  padding: 28px 26px;
  border-radius: 16px;
  background-color: var(--sr-alice);
  border: 1px solid var(--sr-g200);
  height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.pg-sr-int-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(35, 39, 85, 0.06);
}
.pg-sr-int-card__kicker {
  font-family: var(--sr-f-head);
  font-weight: 600;
  font-size: 16px;
  color: var(--sr-green);
  letter-spacing: 1.8px;
  text-transform: uppercase;
  margin-bottom: 14px;
}
.pg-sr-int-card__title {
  font-family: var(--sr-f-head);
  font-weight: 700;
  font-size: 20px;
      color: rgb(66, 67, 81);
  margin: 0 0 10px;
}
.pg-sr-int-card__desc {
  font-family: var(--sr-f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: var(--sr-g500);
  margin: 0;
}

/* ═════════════════════════════════════════════════════════════════════════
   7. CHAMPION-CHALLENGER
   ═════════════════════════════════════════════════════════════════════════ */

.pg-sr-cc {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: var(--sr-sp-4xl);
  align-items: start;
}
.pg-sr-cc__sticky {
  position: sticky;
  top: 120px;
}
.pg-sr-cc__right {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.pg-sr-cc-step {
  width: 100%;
  text-align: left;
  padding: 26px 28px;
  border-radius: 16px;
  background-color: var(--sr-white);
  border: 1px solid var(--sr-g200);
  cursor: pointer;
  transition: background-color 0.35s cubic-bezier(.16, 1, .3, 1), border-color 0.35s ease, color 0.35s ease, transform 0.25s ease;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--sr-sp-md);
  align-items: start;
  font-family: inherit;
}
.pg-sr-cc-step:hover {
  border-color: var(--sr-g300);
  transform: translateY(-2px);
}
.pg-sr-cc-step.is-active {
  background-color: var(--sr-indigo);
  border-color: transparent;
  transform: translateY(-2px);
  box-shadow: 0 12px 40px rgba(35, 39, 85, 0.15);
}
.pg-sr-cc-step__num {
  font-family: var(--sr-f-head);
  font-weight: 800;
  font-size: 32px;
  color: var(--sr-g300);
  line-height: 1;
  transition: color 0.35s ease;
}
.pg-sr-cc-step.is-active .pg-sr-cc-step__num { color: var(--sr-emerald); }
.pg-sr-cc-step__body { min-width: 0; }
.pg-sr-cc-step__label {
  font-family: var(--sr-f-head);
  font-weight: 600;
  font-size: 16px;
  color: var(--sr-g500);
  letter-spacing: 2.5px;
  text-transform: uppercase;
  margin: 0 0 var(--sr-sp-sm);
  transition: color 0.35s ease;
}
.pg-sr-cc-step.is-active .pg-sr-cc-step__label { color: rgba(255, 255, 255, 0.5); }
.pg-sr-cc-step__title {
  font-family: var(--sr-f-head);
  font-weight: 700;
  font-size: 18px;
      color: rgb(66, 67, 81);
  margin: 0 0 var(--sr-sp-sm);
  transition: color 0.35s ease;
}
.pg-sr-cc-step.is-active .pg-sr-cc-step__title { color: var(--sr-white); }
.pg-sr-cc-step__desc {
  font-family: var(--sr-f-body);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.7;
  color: var(--sr-g500);
  margin: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.4s ease, opacity 0.35s ease 0.05s, margin 0.35s ease;
}
.pg-sr-cc-step.is-active .pg-sr-cc-step__desc {
  
  height:fit-content;
  opacity: 1;
  color: rgba(255, 255, 255, 0.7);
  margin-top: var(--sr-sp-xs);
  font-size:16px
}

/* ═════════════════════════════════════════════════════════════════════════
   8. PROOF BAND
   ═════════════════════════════════════════════════════════════════════════ */

.pg-sr-section--proof {
  background-image: linear-gradient(135deg, var(--sr-indigo) 0%, var(--sr-indigo-deep) 50%, #0f1330 100%);
}
.pg-sr-proof-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: var(--sr-sp-xl);
  text-align: center;
}
.pg-sr-proof-item__n {
  font-family: var(--sr-f-head);
  font-weight: 800;
  font-size: 44px;
  background-image: linear-gradient(135deg, var(--sr-green) 0%, var(--sr-emerald) 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  color: var(--sr-emerald);
  margin-bottom: var(--sr-sp-sm);
  line-height: 1;
}
.pg-sr-proof-item__l {
  font-family: var(--sr-f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.6);
}

/* ═════════════════════════════════════════════════════════════════════════
   9. OPTIMIZATION (tabs)
   ═════════════════════════════════════════════════════════════════════════ */

.pg-sr-opt__head {
  max-width: 820px;
  margin-bottom: var(--sr-sp-2xl);
}
.pg-sr-opt__tabs {
  display: flex;
  gap: 10px;
  margin-bottom: var(--sr-sp-xl);
  flex-wrap: wrap;
}
.pg-sr-opt__tab {
  font-family: var(--sr-f-head);
  font-weight: 600;
  font-size: 16px;
  padding: 12px 22px;
  border-radius: 100px;
  background-color: var(--sr-white);
  color: rgb(66, 67, 81);
  border: 1px solid var(--sr-g200);
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
  min-height: 44px;
}
.pg-sr-opt__tab:hover {
  border-color: var(--sr-g400);
}
.pg-sr-opt__tab.is-active {
  background-color: var(--sr-indigo);
  color: var(--sr-white);
  border-color: var(--sr-indigo);
}

.pg-sr-opt__panel {
  display: none;
}
.pg-sr-opt__panel.is-active {
  display: block;
}

.pg-sr-opt-card {
  background-color: var(--sr-alice);
  border-radius: 20px;
  padding: var(--sr-sp-2xl);
  border: 1px solid var(--sr-g200);
}
.pg-sr-opt-card__compare {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 28px;
  align-items: stretch;
}
.pg-sr-opt-card__side {
  background-color: var(--sr-white);
  border-radius: 16px;
  padding: 28px;
  border: 1px solid var(--sr-g200);
}
.pg-sr-opt-card__side--baseline {
  border-left: 3px solid var(--sr-g300);
}
.pg-sr-opt-card__side--validated {
  border-left: 3px solid var(--sr-green);
  box-shadow: 0 8px 24px rgba(14, 107, 59, 0.05);
}
.pg-sr-opt-card__side-label {
  font-family: var(--sr-f-head);
  font-weight: 600;
  font-size: 16px;
  color: var(--sr-g400);
  letter-spacing: 1.8px;
  text-transform: uppercase;
  margin-bottom: 14px;
}
.pg-sr-opt-card__side--validated .pg-sr-opt-card__side-label { color: var(--sr-green); }
.pg-sr-opt-card__side-metric {
  font-family: var(--sr-f-head);
  font-weight: 800;
  font-size: 44px;
  color: rgb(66, 67, 81);
  line-height: 1;
  margin-bottom: 8px;
  letter-spacing: -0.02em;
}
.pg-sr-opt-card__side-metric--accent {
  background-image: linear-gradient(135deg, var(--sr-green) 0%, var(--sr-emerald) 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  color: var(--sr-emerald);
}
.pg-sr-opt-card__side-unit {
  font-family: var(--sr-f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--sr-g500);
  margin-bottom: var(--sr-sp-md);
  letter-spacing: 0.3px;
  text-transform: uppercase;
}
.pg-sr-opt-card__side-note {
  font-family: var(--sr-f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: var(--sr-g600);
}

/* Divider */
.pg-sr-opt-card__divider {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 0 4px;
  min-width: 140px;
}
.pg-sr-opt-card__divider-label {
  font-family: var(--sr-f-head);
  font-weight: 600;
  font-size: 10px;
  color: var(--sr-green);
  letter-spacing: 1.8px;
  text-transform: uppercase;
}
.pg-sr-opt-card__arrow { color: var(--sr-green); }
.pg-sr-opt-card__delta {
  padding: 6px 14px;
  border-radius: 100px;
  background-image: linear-gradient(135deg, var(--sr-green) 0%, var(--sr-emerald) 100%);
  font-family: var(--sr-f-head);
  font-weight: 700;
  font-size: 14px;
  color: var(--sr-white);
  box-shadow: 0 4px 16px rgba(14, 107, 59, 0.25);
}
.pg-sr-opt-card__divider-sub {
  font-family: var(--sr-f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--sr-g500);
  text-align: center;
  line-height: 1.5;
  max-width: 140px;
}

.pg-sr-opt-card__safeguard {
  margin-top: 28px;
  padding: 18px 22px;
  border-radius: 12px;
  background-color: rgba(14, 107, 59, 0.06);
  border: 1px solid rgba(14, 107, 59, 0.15);
  display: flex;
  align-items: center;
  gap: 14px;
}
.pg-sr-opt-card__safeguard-icon {
  color: var(--sr-green);
  flex-shrink: 0;
  display: inline-flex;
}
.pg-sr-opt-card__safeguard-text {
  font-family: var(--sr-f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.65;
  color: var(--sr-g700);
  margin: 0;
}
.pg-sr-opt-card__safeguard-text strong {
  font-weight: 600;
  color: var(--sr-main);
}

.pg-sr-opt-card__path {
  margin-top: 36px;
}
.pg-sr-opt-card__path-label {
  font-family: var(--sr-f-head);
  font-weight: 600;
  font-size: 16px;
  color: var(--sr-g500);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0 0 18px;
}
.pg-sr-opt-card__path-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
}
.pg-sr-opt-card__path-item {
  background-color: var(--sr-white);
  padding: 20px 16px;
  border-radius: 12px;
  border: 1px solid var(--sr-g200);
  height: 100%;
}
.pg-sr-opt-card__path-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.pg-sr-opt-card__path-num {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: rgba(14, 107, 59, 0.1);
  color: var(--sr-green);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--sr-f-head);
  font-weight: 700;
  font-size: 16px;
  flex-shrink: 0;
}
.pg-sr-opt-card__path-num--final {
  background-color: var(--sr-green);
  color: var(--sr-white);
}
.pg-sr-opt-card__path-connector {
  flex: 1;
  height: 1px;
  background-image: linear-gradient(90deg, var(--sr-g300) 0%, var(--sr-g300) 50%, transparent 100%);
}
.pg-sr-opt-card__path-text {
  font-family: var(--sr-f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: var(--sr-g600);
  margin: 0;
}

/* ═════════════════════════════════════════════════════════════════════════
   10. HOW WE OPERATE
   ═════════════════════════════════════════════════════════════════════════ */

.pg-sr-op-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--sr-sp-lg);
}
.pg-sr-op-card {
  background-color: var(--sr-white);
  padding: var(--sr-sp-xl) 28px;
  border-radius: 16px;
  border: 1px solid var(--sr-g200);
  height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.pg-sr-op-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(35, 39, 85, 0.08);
}
.pg-sr-op-card__num {
  font-family: var(--sr-f-head);
  font-weight: 800;
  font-size: 48px;
  color: var(--sr-green);
  margin-bottom: var(--sr-sp-md);
  line-height: 1;
}
.pg-sr-op-card__title {
  font-family: var(--sr-f-head);
  font-weight: 700;
  font-size: 20px;
  color: rgb(66, 67, 81);
  margin: 0 0 12px;
}
.pg-sr-op-card__desc {
  font-family: var(--sr-f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: var(--sr-g600);
  margin: 0;
}

/* ═════════════════════════════════════════════════════════════════════════
   11. CAPABILITIES DEEP DIVE (expandable)
   ═════════════════════════════════════════════════════════════════════════ */

.pg-sr-cap-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.pg-sr-cap-card {
  padding: 0;
  background-color: var(--sr-g100);
  border-radius: 16px;
  border: 1px solid var(--sr-g200);
  cursor: pointer;
  transition: box-shadow 0.3s ease;
}
.pg-sr-cap-card:hover {
  box-shadow: 0 8px 24px rgba(35, 39, 85, 0.06);
}
.pg-sr-cap-card[open] {
  background-color: var(--sr-white);
}
.pg-sr-cap-card__summary {
  padding: 24px 28px;
  list-style: none;
  cursor: pointer;
  outline: none;
}
.pg-sr-cap-card__summary::-webkit-details-marker { display: none; }
.pg-sr-cap-card__head {
  display: flex;
  align-items: flex-start;
  gap: var(--sr-sp-md);
  justify-content: space-between;
}
.pg-sr-cap-card__title {
  font-family: var(--sr-f-head);
  font-weight: 700;
  font-size: 18px;
    color: rgb(66, 67, 81);
  margin: 0;
  flex: 1;
}
.pg-sr-cap-card__toggle {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  position: relative;
}
.pg-sr-cap-card__toggle::before,
.pg-sr-cap-card__toggle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 11px;
  height: 2px;
  background-color: var(--sr-green);
  transform: translate(-50%, -50%);
  transition: transform 0.25s ease, opacity 0.25s ease;
}
.pg-sr-cap-card__toggle::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.pg-sr-cap-card[open] .pg-sr-cap-card__toggle::after {
  transform: translate(-50%, -50%) rotate(0);
  opacity: 0;
}
.pg-sr-cap-card__desc {
  padding: 0 28px 24px;
  font-family: var(--sr-f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: var(--sr-g600);
  margin: 0;
}

/* ═════════════════════════════════════════════════════════════════════════
   12. ROI
   ═════════════════════════════════════════════════════════════════════════ */

.pg-sr-roi-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--sr-sp-lg);
}
.pg-sr-roi-card {
  background-color: var(--sr-white);
  padding: var(--sr-sp-xl) 28px;
  border-radius: 16px;
  border: 1px solid var(--sr-g200);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.pg-sr-roi-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 48px rgba(35, 39, 85, 0.08);
}
.pg-sr-roi-card__size {
  font-family: var(--sr-f-head);
  font-weight: 600;
  font-size: 18px;
  color: var(--sr-green);
  letter-spacing: 2.5px;
  text-transform: uppercase;
  margin: 0 0 var(--sr-sp-md);
}
.pg-sr-roi-card__row {
  margin-bottom: var(--sr-sp-lg);
}
.pg-sr-roi-card__row--divider {
  margin-bottom: var(--sr-sp-lg);
  padding-bottom: var(--sr-sp-lg);
  border-bottom: 1px solid var(--sr-g200);
}
.pg-sr-roi-card__label {
  font-family: var(--sr-f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--sr-g500);
  margin: 0 0 6px;
}
.pg-sr-roi-card__value {
  font-family: var(--sr-f-head);
  font-weight: 700;
  font-size: 20px;
      color: rgb(66, 67, 81);
  margin: 0;
}
.pg-sr-roi-card__value--accent {
  background-image: linear-gradient(135deg, var(--sr-green) 0%, var(--sr-emerald) 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  color: var(--sr-emerald);
}
.pg-sr-roi-card__value--lift {
  font-weight: 800;
  font-size: 24px;
  color: var(--sr-green);
}
.pg-sr-roi-card__footer {
  background-color: var(--sr-alice);
  padding: var(--sr-sp-md);
  border-radius: 10px;
}
.pg-sr-roi-card__value--roi {
  font-size: 16px;
  font-weight: 700;
  color: rgb(66, 67, 81);
}

.pg-sr-roi-disclaimer {
  margin-top: var(--sr-sp-xl);
  padding: 28px var(--sr-sp-xl);
  background-color: var(--sr-white);
  border-radius: 16px;
  border: 1px solid var(--sr-g200);
  text-align: center;
}
.pg-sr-roi-disclaimer p {
  font-family: var(--sr-f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: var(--sr-g600);
  margin: 0;
}

/* ═════════════════════════════════════════════════════════════════════════
   13. DETAILED COMPARISON
   ═════════════════════════════════════════════════════════════════════════ */

.pg-sr-cmp {
  display: flex;
  flex-direction: column;
  gap: var(--sr-sp-md);
}
.pg-sr-cmp-row {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: var(--sr-sp-lg);
  align-items: center;
}
.pg-sr-cmp-row__metric {
  font-family: var(--sr-f-head);
  font-weight: 600;
  font-size: 16px;
      color: rgb(66, 67, 81);
  margin: 0;
}
.pg-sr-cmp-row__cell {
  padding: 16px 18px;
  border-radius: 10px;
}
.pg-sr-cmp-row__cell--typical {
  background-image: linear-gradient(135deg, #ffffff 0%, var(--sr-g100) 100%);
  border-left: 3px solid var(--sr-g300);
}
.pg-sr-cmp-row__cell--etech {
  background-image: linear-gradient(135deg, var(--sr-alice) 0%, #E8F5E9 100%);
  border-left: 3px solid var(--sr-green);
}
.pg-sr-cmp-row__cell p {
  font-family: var(--sr-f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: var(--sr-g600);
  margin: 0;
}
.pg-sr-cmp-row__cell--etech p {
  color: var(--sr-main);
  font-weight: 500;
}

/* ═════════════════════════════════════════════════════════════════════════
   14. COMPLIANCE
   ═════════════════════════════════════════════════════════════════════════ */

.pg-sr-comp-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--sr-sp-lg);
}
.pg-sr-comp-card {
  padding: var(--sr-sp-xl) 28px;
  background-color: var(--sr-g100);
  border-radius: 16px;
  border: 1px solid var(--sr-g200);
  height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
}
.pg-sr-comp-card:hover {
  background-color: var(--sr-white);
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(14, 107, 59, 0.08);
}
.pg-sr-comp-card__icon {
  color: var(--sr-green);
  margin-bottom: 20px;
  display: inline-flex;
}
.pg-sr-comp-card__title {
  font-family: var(--sr-f-head);
  font-weight: 700;
  font-size: 20px;
  color: var(--sr-main);
  margin: 0 0 12px;
}
.pg-sr-comp-card__desc {
  font-family: var(--sr-f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: var(--sr-g600);
  margin: 0;
}

/* ═════════════════════════════════════════════════════════════════════════
   15. CASE STUDY
   ═════════════════════════════════════════════════════════════════════════ */

.pg-sr-case {
  display: grid;
  grid-template-columns: 1fr;
  overflow: hidden;
  border-radius: 20px;
  box-shadow: 0 12px 40px rgba(35, 39, 85, 0.08);
}
.pg-sr-case__top {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 360px;
}
.pg-sr-case__side {
  padding: var(--sr-sp-2xl) var(--sr-sp-xl);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pg-sr-case__side--challenge {
  background-color: var(--sr-indigo);
}
.pg-sr-case__side--solution {
  background-color: var(--sr-white);
  border-left: 1px solid var(--sr-g200);
}
.pg-sr-case__kicker {
  font-family: var(--sr-f-head);
  font-weight: 700;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin: 0 0 var(--sr-sp-xl);
}
.pg-sr-case__kicker--muted { color: #000000; }
.pg-sr-case__text {
  font-family: var(--sr-f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.85);
  margin: 0;
}
.pg-sr-case__text--dark { color: var(--sr-g600); }

.pg-sr-case__stats {
  background-color: var(--sr-alice);
  padding: var(--sr-sp-xl) var(--sr-sp-2xl);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--sr-sp-xl);
  align-items: center;
  border-top: 1px solid var(--sr-g200);
}
.pg-sr-case__stat {
  text-align: center;
}
.pg-sr-case__stat-n {
  font-family: var(--sr-f-head);
  font-weight: 800;
  font-size: 42px;
  background-image: linear-gradient(135deg, var(--sr-green) 0%, var(--sr-emerald) 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  color: var(--sr-green);
  margin-bottom: var(--sr-sp-sm);
  line-height: 1;
}
.pg-sr-case__stat-l {
  font-family: var(--sr-f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--sr-g500);
  margin: 0;
}

/* ═════════════════════════════════════════════════════════════════════════
   16. INDUSTRIES
   ═════════════════════════════════════════════════════════════════════════ */

.pg-sr-ind-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--sr-sp-lg);
  margin-top: var(--sr-sp-xl);
}
.pg-sr-ind-card {
  border-radius: 20px;
  overflow: hidden;
  background-color: var(--sr-g100);
  box-shadow: 0 4px 16px rgba(35, 39, 85, 0.04);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.pg-sr-ind-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 48px rgba(35, 39, 85, 0.1);
}
.pg-sr-ind-card__media {
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background-image: linear-gradient(135deg, #3D4580 0%, #252B55 100%);
}
.pg-sr-ind-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.pg-sr-ind-card__placeholder {
  width: 100%;
  height: 100%;
}
.pg-sr-ind-card__body {
  padding: var(--sr-sp-lg) 28px;
}
.pg-sr-ind-card__title {
  font-family: var(--sr-f-head);
  font-weight: 700;
  font-size: 18px;
      color: rgb(66, 67, 81);
  margin: 0 0 12px;
}
.pg-sr-ind-card__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--sr-f-head);
  font-weight: 600;
  font-size: 16px;
  color: var(--sr-green);
  min-height: 44px;
}
.pg-sr-ind-card__link:hover { color: var(--sr-emerald); }

/* ═════════════════════════════════════════════════════════════════════════
   17. FRAMEWORK
   ═════════════════════════════════════════════════════════════════════════ */

.pg-sr-fw-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--sr-sp-lg);
}
.pg-sr-fw-card {
  padding: var(--sr-sp-xl) 28px;
  border-radius: 16px;
  background-color: var(--sr-white);
  border: 1px solid var(--sr-g200);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.pg-sr-fw-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(35, 39, 85, 0.08);
}
.pg-sr-fw-card__tag {
  display: inline-block;
  font-family: var(--sr-f-head);
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 100px;
  margin-bottom: var(--sr-sp-md);
}
.pg-sr-fw-card--run .pg-sr-fw-card__tag {
  background-color: rgba(14, 107, 59, 0.1);
  color: var(--sr-green);
}
.pg-sr-fw-card--see .pg-sr-fw-card__tag {
  background-color: rgba(74, 130, 255, 0.08);
  color: var(--sr-blue);
}
.pg-sr-fw-card--build .pg-sr-fw-card__tag {
  background-color: rgba(14, 107, 59, 0.1);
  color: var(--sr-emerald);
}
.pg-sr-fw-card__title {
  font-family: var(--sr-f-head);
  font-weight: 700;
  font-size: 20px;
  color: var(--sr-main);
  margin: 12px 0;
}
.pg-sr-fw-card__desc {
  font-family: var(--sr-f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  color: var(--sr-g500);
  margin: 0;
}

/* ═════════════════════════════════════════════════════════════════════════
   18. CTA
   ═════════════════════════════════════════════════════════════════════════ */

.pg-sr-cta {
  background-image: linear-gradient(135deg, var(--sr-indigo) 0%, var(--sr-indigo-deep) 100%);
  padding: var(--sr-sp-5xl) var(--sr-sp-2xl);
  position: relative;
  overflow: hidden;
}
.pg-sr-cta__orb {
  position: absolute;
  top: 0;
  right: 0;
  width: 600px;
  height: 600px;
  border-radius: 50%;
  background-image: radial-gradient(circle, rgba(14, 107, 59, 0.08) 0%, transparent 60%);
  filter: blur(100px);
  animation: pg-sr-float1 15s ease-in-out infinite;
  pointer-events: none;
}
.pg-sr-cta__layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--sr-sp-4xl);
  align-items: center;
  position: relative;
  z-index: 2;
}
.pg-sr-cta__title {
  font-family: var(--sr-f-head);
  font-weight: 700;
  font-size: 40px;
  line-height: 1.1;
  color: var(--sr-white);
  margin: 0 0 var(--sr-sp-lg);
  letter-spacing: -0.01em;
}
.pg-sr-cta__desc {
  font-family: var(--sr-f-body);
  font-weight: 400;
  font-size: 17px;
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.6);
  margin: 0 0 var(--sr-sp-xl);
}
.pg-sr-cta__ctas {
  display: flex;
  gap: var(--sr-sp-md);
  flex-wrap: wrap;
  margin-bottom: var(--sr-sp-xl);
}
.pg-sr-cta__mini-stats {
  display: flex;
  gap: var(--sr-sp-2xl);
  padding-top: var(--sr-sp-xl);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.pg-sr-cta__mini-stat-n {
  font-family: var(--sr-f-head);
  font-weight: 800;
  font-size: 28px;
  color: var(--sr-emerald);
  margin-bottom: 4px;
  line-height: 1;
}
.pg-sr-cta__mini-stat-l {
  font-family: var(--sr-f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--sr-g300);
  margin: 0;
}

.pg-sr-cta__img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 20px;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.3);
  background-color: #2a2f55;
}

/* ═════════════════════════════════════════════════════════════════════════
   RESPONSIVE — tablet (≤ 1199px)
   ═════════════════════════════════════════════════════════════════════════ */

@media (max-width: 1199px) {

  .pg-sr-section { padding: var(--sr-sp-4xl) var(--sr-sp-xl); }
  .pg-sr-section__title { font-size: 32px; }

  /* Hero */
  .pg-sr-hero { padding: 140px 0 100px; min-height: auto; }
  .pg-sr-hero__container { padding: 0 var(--sr-sp-xl); }
  .pg-sr-hero__layout { grid-template-columns: 1fr; gap: var(--sr-sp-3xl); }
  .pg-sr-hero__title { font-size: 44px; }
  .pg-sr-hero__qeval-card { top: -16px; right: 0; max-width: 200px; }
  .pg-sr-hero__quote-card { bottom: -20px; right: 0; max-width: 220px; }
  .pg-sr-hero__img--inset { width: 140px; left: -16px; }

  /* Spectrum, RO, Intelligence */
  .pg-sr-spec-grid,
  .pg-sr-ro-grid,
  .pg-sr-int-grid { grid-template-columns: repeat(2, 1fr); }

  /* Problem */
  .pg-sr-problem { grid-template-columns: 1fr; gap: var(--sr-sp-2xl); }

  /* Method */
  .pg-sr-method { grid-template-columns: 1fr; gap: var(--sr-sp-2xl); }
  .pg-sr-method__sticky { position: static; }

  /* Champion-Challenger */
  .pg-sr-cc { grid-template-columns: 1fr; gap: var(--sr-sp-2xl); }
  .pg-sr-cc__sticky { position: static; }

  /* Proof band */
  .pg-sr-proof-grid { grid-template-columns: repeat(3, 1fr); row-gap: var(--sr-sp-2xl); }

  /* Optimization */
  .pg-sr-opt-card__compare {
    grid-template-columns: 1fr;
    gap: var(--sr-sp-md);
  }
  .pg-sr-opt-card__divider { flex-direction: row; justify-content: center; min-width: 0; }
  .pg-sr-opt-card__arrow { transform: rotate(0deg); }
  .pg-sr-opt-card__path-grid { grid-template-columns: repeat(2, 1fr); }

  /* Op, Comp, Framework */
  .pg-sr-op-grid { grid-template-columns: repeat(2, 1fr); }
  .pg-sr-comp-grid,
  .pg-sr-fw-grid,
  .pg-sr-ind-grid { grid-template-columns: 1fr; }

  /* ROI */
  .pg-sr-roi-grid { grid-template-columns: 1fr; }

  /* Comparison */
  .pg-sr-cmp-row { grid-template-columns: 1fr; gap: var(--sr-sp-md); }

  /* Case */
  .pg-sr-case__top { grid-template-columns: 1fr; }
  .pg-sr-case__side--solution { border-left: 0; border-top: 1px solid var(--sr-g200); }
  .pg-sr-case__stats { grid-template-columns: 1fr; gap: var(--sr-sp-lg); }

  /* CTA */
  .pg-sr-cta__layout { grid-template-columns: 1fr; gap: var(--sr-sp-2xl); }
  .pg-sr-cta__title { font-size: 32px; }
}

/* ═════════════════════════════════════════════════════════════════════════
   RESPONSIVE — mobile (≤ 767px)
   ═════════════════════════════════════════════════════════════════════════ */

@media (max-width: 767px) {

  .pg-sr-section { padding: var(--sr-sp-3xl) var(--sr-sp-md); }
  .pg-sr-section__title { font-size: 26px; }
  .pg-sr-section__desc { font-size: 15px; }

  /* Hero */
  .pg-sr-hero { padding: 120px 0 100px; }
  .pg-sr-hero__container { padding: 0 var(--sr-sp-md); }
  .pg-sr-hero__title { font-size: 32px; }
  .pg-sr-hero__lede { font-size: 16px; }
  .pg-sr-hero__sub { font-size: 14px; }
  .pg-sr-hero__ctas { flex-direction: column; align-items: stretch; }
  .pg-sr-hero__ctas .pg-sr-btn { width: 100%; }
  .pg-sr-hero__stats { grid-template-columns: repeat(2, 1fr); gap: var(--sr-sp-md); }
  .pg-sr-hero__qeval-card,
  .pg-sr-hero__quote-card { position: static; margin-top: var(--sr-sp-md); max-width: 100%; }
  .pg-sr-hero__img--inset { position: static; width: 120px; margin-top: var(--sr-sp-md); border: 2px solid var(--sr-indigo); }
  .pg-sr-hero__pulse-pill { top: 12px; left: 12px; }

  /* Grids fall to one column */
  .pg-sr-spec-grid,
  .pg-sr-ro-grid,
  .pg-sr-int-grid,
  .pg-sr-op-grid,
  .pg-sr-cap-grid,
  .pg-sr-comp-grid,
  .pg-sr-fw-grid,
  .pg-sr-ind-grid,
  .pg-sr-roi-grid { grid-template-columns: 1fr; }

  /* Method step: stack num + body */
  .pg-sr-method-step { grid-template-columns: 1fr; gap: var(--sr-sp-md); padding: var(--sr-sp-lg); }

  /* CC step: stack num + body */
  .pg-sr-cc-step { grid-template-columns: 1fr; padding: var(--sr-sp-lg); }

  /* Proof band */
  .pg-sr-proof-grid { grid-template-columns: repeat(2, 1fr); row-gap: var(--sr-sp-xl); }
  .pg-sr-proof-item__n { font-size: 32px; }

  /* Optimization */
  .pg-sr-opt-card { padding: var(--sr-sp-lg); }
  .pg-sr-opt-card__path-grid { grid-template-columns: 1fr; }
  .pg-sr-opt-card__side-metric { font-size: 32px; }

  /* Case */
  .pg-sr-case__side { padding: var(--sr-sp-xl) var(--sr-sp-lg); }

  /* CTA */
  .pg-sr-cta { padding: var(--sr-sp-3xl) var(--sr-sp-md); }
  .pg-sr-cta__title { font-size: 28px; }
  .pg-sr-cta__ctas { flex-direction: column; align-items: stretch; }
  .pg-sr-cta__ctas .pg-sr-btn { width: 100%; }
  .pg-sr-cta__mini-stats { gap: var(--sr-sp-xl); flex-wrap: wrap; }
    .pg-sr-opt-card__arrow { transform: rotate(90deg); }
    .pg-sr-opt-card__divider{flex-direction:column;gap:30px;}
}

/* ═════════════════════════════════════════════════════════════════════════
   REDUCED MOTION
   ═════════════════════════════════════════════════════════════════════════ */

@media (prefers-reduced-motion: reduce) {
  .pg-sr-hero__orb,
  .pg-sr-hero__pulse-dot,
  .pg-sr-hero__marquee-track,
  .pg-sr-cta__orb {
    animation: none !important;
  }
  .pg-sr * {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}

/* ═════════════════════════════════════════════════════════════════════════
   FOCUS STATES (keyboard accessibility)
   ═════════════════════════════════════════════════════════════════════════ */

.pg-sr a:focus-visible,
.pg-sr button:focus-visible,
.pg-sr-cap-card__summary:focus-visible {
  outline: 2px solid var(--sr-emerald);
  outline-offset: 3px;
  border-radius: 4px;
}


/* ════════════════════════════════════════════════════════════
   SPEECH AI PAGE  —  pg-sai-*
   Appended to inner-pages.css
   No inline styles. Cross-browser safe (Chrome, Firefox, Safari, Edge).
   Responsive: 320-767 (mobile) · 768-1199 (tablet) · 1200+ (desktop)
   ════════════════════════════════════════════════════════════ */

/* ────────────────────────────────────────────────────────────
   SECTION 1 — HERO
   ──────────────────────────────────────────────────────────── */
.pg-sai-hero__grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 80px;
  align-items: center;
}

.pg-sai-hero__desc {
  max-width: 520px;
  margin-bottom: 40px;
  margin-left:inherit;
  color:rgb(255 255 255 / 55%);
}

/* 3 stat cards row */
.pg-sai-hero__stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  margin-bottom: 60px;
}
.pg-sai-hero__stat {
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.03);
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.pg-sai-hero__stat-n {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 40px;
  color: var(--c-white);
  margin-bottom: 6px;
  line-height: 1;
}
.pg-sai-hero__stat-l {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.4);
}

/* Hero image */
.pg-sai-hero__photo {
  border-radius: 20px;
  aspect-ratio: 4 / 3;
  overflow: hidden;
}
.pg-sai-hero__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Trust marquee (inside hero inner, below grid) */
.pg-sai-hero__marquee-wrap {
  margin-top: 60px;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.04);
  border-radius: 16px;
  padding: 16px 0;
}
.pg-sai-hero__marquee-track {
  display: flex;
  -webkit-animation: pg-sai-marquee 30s linear infinite;
          animation: pg-sai-marquee 30s linear infinite;
  white-space: nowrap;
  width: -webkit-max-content;
  width: max-content;
}
@-webkit-keyframes pg-sai-marquee { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(-50%); transform: translateX(-50%); } }
@keyframes         pg-sai-marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
.pg-sai-hero__marquee-item {
  padding: 0 40px;
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.5);
  display: inline-block;
}

/* ────────────────────────────────────────────────────────────
   SECTION 2 — THE PROBLEM
   ──────────────────────────────────────────────────────────── */
.pg-sai-problem__cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}

.pg-sai-problem__col {
  padding: 40px 32px;
  border-radius: 20px;
}
.pg-sai-problem__col--bad {
  background-color: #FEF3F2;
  border: 1px solid #FADDD4;
}
.pg-sai-problem__col--good {
  background-color: #ECFDF5;
  border: 1px solid #A7F3D0;
}

.pg-sai-problem__col-title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 18px;
  margin: 0 0 16px;
}
.pg-sai-problem__col--bad  .pg-sai-problem__col-title { color: #921B1B; }
.pg-sai-problem__col--good .pg-sai-problem__col-title { color: #065F46; }

.pg-sai-problem__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pg-sai-problem__list-item {
  padding: 12px 0;
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
}
.pg-sai-problem__col--bad  .pg-sai-problem__list-item { color: #4B2C2A; }
.pg-sai-problem__col--good .pg-sai-problem__list-item { color: #1B4D3E; }
.pg-sai-problem__list-item--div {
  border-bottom: 1px solid transparent;
}
.pg-sai-problem__col--bad  .pg-sai-problem__list-item--div { border-bottom-color: #E5B5A8; }
.pg-sai-problem__col--good .pg-sai-problem__list-item--div { border-bottom-color: #86EFAC; }

/* ────────────────────────────────────────────────────────────
   SECTION 3 — CAPABILITIES  (2×2 hover cards)
   ──────────────────────────────────────────────────────────── */
.pg-sai-caps__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
}
.pg-sai-caps__card {
  padding: 36px 32px;
  background-color: var(--c-white);
  border: 1px solid var(--c-g200);
  border-radius: 20px;
  cursor: default;
  height: 100%;
  transition: background-color 0.35s cubic-bezier(.16,1,.3,1),
              border-color     0.35s cubic-bezier(.16,1,.3,1),
              box-shadow       0.35s cubic-bezier(.16,1,.3,1),
              -webkit-transform 0.35s cubic-bezier(.16,1,.3,1),
              transform        0.35s cubic-bezier(.16,1,.3,1);
}
.pg-sai-caps__card:hover {
  background-color: var(--c-indigo);
  border-color: transparent;
  box-shadow: 0 12px 40px rgba(35, 39, 85, 0.06);
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
}
.pg-sai-caps__card-title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
      color: rgb(35, 39, 85);
  margin: 0 0 12px;
  transition: color 0.35s;
}
.pg-sai-caps__card:hover .pg-sai-caps__card-title { color: var(--c-white); }
.pg-sai-caps__card-desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  color: rgb(107, 114, 128);
  margin: 0;
  transition: color 0.35s;
}
.pg-sai-caps__card:hover .pg-sai-caps__card-desc { color: rgba(255, 255, 255, 0.7); }

/* ────────────────────────────────────────────────────────────
   SECTION 4 — HOW IT WORKS  (sticky-left + step cards)
   ──────────────────────────────────────────────────────────── */
.pg-sai-how__grid {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 80px;
  align-items: flex-start;
}
.pg-sai-how__sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 120px;
}
.pg-sai-how__steps {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.pg-sai-how__step {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  padding: 28px 32px;
  background-color: var(--c-white);
  border: 1px solid var(--c-g200);
  border-radius: 20px;
  box-shadow: 0 2px 8px rgba(35, 39, 85, 0.04);
}
.pg-sai-how__step-num {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 32px;
  color: var(--c-green);
  min-width: 40px;
  flex-shrink: 0;
  line-height: 1;
}
.pg-sai-how__step-title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
      color: rgb(66, 67, 81);
  margin: 0 0 8px;
}
.pg-sai-how__step-desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  color: var(--c-g600);
  margin: 0;
}

/* ────────────────────────────────────────────────────────────
   SECTION 5 — SCENARIOS  (2×2 cards)
   ──────────────────────────────────────────────────────────── */
.pg-sai-scenarios__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
}
.pg-sai-scenarios__card {
  padding: 32px 28px;
  background-color: var(--c-white);
  border-radius: 20px;
  border: 1px solid var(--c-g200);
  box-shadow: 0 2px 8px rgba(35, 39, 85, 0.04);
}
.pg-sai-scenarios__location {
  display: -webkit-inline-flex;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background-color: var(--c-alice);
  border-radius: 8px;
  color: var(--c-green);
  margin-bottom: 16px;
}
.pg-sai-scenarios__location-icon {
  flex-shrink: 0;
  display: block;
}
.pg-sai-scenarios__location-name {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 14px;
  color: var(--c-green);
  text-transform: uppercase;
}
.pg-sai-scenarios__challenge {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 16px;
  color: var(--c-indigo);
  margin: 0 0 12px;
}
.pg-sai-scenarios__solution-block {
  padding: 16px 0;
  border-bottom: 1px solid var(--c-g200);
  margin-bottom: 16px;
}
.pg-sai-scenarios__solution-label {
  font-family: var(--f-body);
  font-size: 16px;
  color: var(--c-g400);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 6px;
}
.pg-sai-scenarios__solution-text {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  color: var(--c-g700);
  margin: 0;
}
.pg-sai-scenarios__outcome {
  font-family: var(--f-body);
  font-weight: 500;
  font-size: 16px;
  color: var(--c-green);
  margin: 0;
}

/* ────────────────────────────────────────────────────────────
   SECTION 6 — TELEPHONY INTEGRATION
   ──────────────────────────────────────────────────────────── */
.pg-sai-telephony__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  max-width: 1000px;
  margin: 0 auto;
}
.pg-sai-telephony__tile {
  padding: 28px 24px;
  background-color: var(--c-alice);
  border-radius: 16px;
  border: 1px solid var(--c-g200);
  text-align: center;
  transition: border-color 0.3s, box-shadow 0.3s;
}
.pg-sai-telephony__tile:hover {
  border-color: rgba(14, 107, 59, 0.3);
  box-shadow: 0 6px 20px rgba(35, 39, 85, 0.06);
}
.pg-sai-telephony__tile-name {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  color: var(--c-indigo);
  margin-bottom: 10px;
}
.pg-sai-telephony__tile-desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  color: var(--c-g500);
  margin: 0;
}
.pg-sai-telephony__note {
  padding: 40px 48px;
  background-color: var(--c-alice);
  border-radius: 24px;
  border: 1px solid var(--c-g200);
  text-align: center;
  margin-top: 40px;
}
.pg-sai-telephony__note p {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.8;
  color: var(--c-g700);
  margin: 0;
}

/* ────────────────────────────────────────────────────────────
   SECTION 7 — PROOF BAND
   ──────────────────────────────────────────────────────────── */
.pg-sai-proof__grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 40px;
  text-align: center;
}
.pg-sai-proof__stat { /* individual stat */ }
.pg-sai-proof__val {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 44px;
  margin-bottom: 8px;
  line-height: 1;
}
/* Gradient variant (stat 1 — Languages) uses ep-gradient-text */
.pg-sai-proof__val--white {
  color: var(--c-white);
}
.pg-sai-proof__label {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.5);
}

/* ────────────────────────────────────────────────────────────
   SECTION 8 — FULL STACK
   ──────────────────────────────────────────────────────────── */
.pg-sai-fullstack__pillars {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin-bottom: 48px;
}
.pg-sai-fullstack__pillar {
  padding: 32px 28px;
  background-color: var(--c-alice);
  border-radius: 20px;
  border: 1px solid var(--c-g200);
  height: 100%;
}
.pg-sai-fullstack__pillar-tag {
  display: -webkit-inline-flex;
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  background-color: rgba(14, 107, 59, 0.08);
  border-radius: 8px;
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 16px;
  color: var(--c-green);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 16px;
}
.pg-sai-fullstack__pillar-title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
  color: var(--c-indigo);
  margin: 0 0 12px;
}
.pg-sai-fullstack__pillar-desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  color: var(--c-g600);
  margin: 0;
}

/* Platform integrations panel */
.pg-sai-fullstack__platform {
  padding: 48px 44px;
  
  border-radius: 24px;
  border: 1px solid var(--c-g200);
}
.pg-sai-fullstack__platform-title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
  color: var(--c-indigo);
  margin: 0 0 28px;
  text-align: center;
}
.pg-sai-fullstack__platform-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}
.pg-sai-fullstack__platform-item { text-align: center; }
.pg-sai-fullstack__platform-name {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 16px;
  color: var(--c-indigo);
  margin-bottom: 8px;
}
.pg-sai-fullstack__platform-desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  color: var(--c-g600);
  margin: 0;
}

/* ────────────────────────────────────────────────────────────
   SECTION 9 — BUILT BY OPERATORS
   ──────────────────────────────────────────────────────────── */
.pg-sai-bbo__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}
.pg-sai-bbo__constraints {
  padding: 40px 32px;
  background-color: var(--c-alice);
  border-radius: 20px;
  border: 1px solid var(--c-g200);
}
.pg-sai-bbo__constraints-title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 18px;
      color: rgb(66, 67, 81);
  margin: 0 0 16px;
}
.pg-sai-bbo__constraints-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pg-sai-bbo__constraints-item {
  padding: 12px 0;
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  color: var(--c-g700);
}
.pg-sai-bbo__constraints-item--div {
  border-bottom: 1px solid var(--c-g200);
}
.pg-sai-bbo__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.8;
  color: var(--c-g600);
  margin: 0 0 28px;
}
.pg-sai-bbo__desc:last-child { margin-bottom: 0; }

/* ────────────────────────────────────────────────────────────
   SECTION 10 — CTA
   ──────────────────────────────────────────────────────────── */
.pg-sai-cta__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}
.pg-sai-cta__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 40px;
  line-height: 1.18;
      color: rgb(66, 67, 81);
  margin: 0 0 28px;
}
.pg-sai-cta__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.8;
  color: var(--c-g600);
  margin: 0 0 28px;
}
.pg-sai-cta__btns {
  display: -webkit-flex;
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
/* Inline arrow icon inside CTA buttons */
.pg-sai-cta__btn-icon {
  display: -webkit-inline-flex;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.pg-sai-cta__stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.pg-sai-cta__stat-n {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 28px;
  color: rgb(66, 67, 81);
  margin-bottom: 4px;
}
.pg-sai-cta__stat-l {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g500);
}
.pg-sai-cta__photo {
  border-radius: 20px;
  aspect-ratio: 4 / 3;
  overflow: hidden;
}
.pg-sai-cta__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ════════════════════════════════════════════════════════════
   RESPONSIVE — TABLET  768–1199px
   ════════════════════════════════════════════════════════════ */
@media (max-width: 1199px) {

  /* Hero: stack */
  .pg-sai-hero__grid { grid-template-columns: 1fr; gap: 48px; }
  .pg-sai-hero__stats { grid-template-columns: repeat(3, 1fr); gap: 16px; }
  .pg-sai-hero__desc  { max-width: 100%; }

  /* Problem: stack */
  .pg-sai-problem__cols { grid-template-columns: 1fr; }

  /* Capabilities: stack on tablet */
  .pg-sai-caps__grid { grid-template-columns: 1fr; }

  /* HowItWorks: stack */
  .pg-sai-how__grid { grid-template-columns: 1fr; gap: 48px; }
  .pg-sai-how__sticky { position: static; }

  /* Scenarios: 1 col on tablet */
  .pg-sai-scenarios__grid { grid-template-columns: 1fr; }

  /* Telephony: 2 col */
  .pg-sai-telephony__grid { grid-template-columns: repeat(2, 1fr); }
  .pg-sai-telephony__note { padding: 28px 24px; }

  /* Proof: 3+2 */
  .pg-sai-proof__grid { grid-template-columns: repeat(3, 1fr); gap: 24px; }

  /* FullStack: 1 col */
  .pg-sai-fullstack__pillars { grid-template-columns: 1fr; }
  .pg-sai-fullstack__platform { padding: 32px 28px; }
  .pg-sai-fullstack__platform-grid { grid-template-columns: 1fr; gap: 20px; }

  /* BuiltByOps: stack */
  .pg-sai-bbo__grid { grid-template-columns: 1fr; gap: 40px; }

  /* CTA: stack */
  .pg-sai-cta__grid { grid-template-columns: 1fr; gap: 40px; }
}

/* ════════════════════════════════════════════════════════════
   RESPONSIVE — MOBILE  up to 767px
   ════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {

  /* Hero stats: single column */
  .pg-sai-hero__stats { grid-template-columns: 1fr; gap: 12px; margin-bottom: 40px; }
  .pg-sai-hero__stat-n { font-size: 32px; }
  .pg-sai-hero__marquee-wrap { margin-top: 36px; }

  /* Problem: tighten padding */
  .pg-sai-problem__col { padding: 28px 20px; }

  /* Caps: single col */
  .pg-sai-caps__grid { grid-template-columns: 1fr; }
  .pg-sai-caps__card:hover { -webkit-transform: none; transform: none; }

  /* HowItWorks steps: tighten */
  .pg-sai-how__step { padding: 20px; flex-direction: column; }

  /* Scenarios: 1 col */
  .pg-sai-scenarios__grid { grid-template-columns: 1fr; }

  /* Telephony: 1 col */
  .pg-sai-telephony__grid { grid-template-columns: 1fr; gap: 16px; }

  /* Proof: 2 col */
  .pg-sai-proof__grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
  .pg-sai-proof__val { font-size: 32px; }

  /* FullStack platform */
  .pg-sai-fullstack__platform { padding: 24px 20px; }

  /* CTA buttons: stack */
  .pg-sai-cta__btns { flex-direction: column; }
  .pg-sai-cta__stats { grid-template-columns: 1fr; }
}

/* ════════════════════════════════════════════════════════════════════
   Automation Page
   Namespace: .pg-au
   Self-contained: own design tokens scoped under .pg-au root.
   Responsive breakpoints: desktop 1200+, tablet 768-1199, mobile <768.
   Cross-browser: -webkit- prefixes for background-clip/backdrop-filter.
   Honors prefers-reduced-motion.
   ════════════════════════════════════════════════════════════════════ */

/* ─── Scoped design tokens ─────────────────────────────────────────── */
.pg-au {
	--au-indigo: #232755;
	--au-indigo-2: #1d2248;
	--au-indigo-3: #252b55;
	--au-indigo-4: #2f3462;
	--au-indigo-deep: #1a1f45;
	--au-indigo-dark: #0f1330;
	--au-green: #0E6B3B;
	--au-green-alt: #0a8a4a;
	--au-emerald: #10B981;
	--au-alice: #F5F7FB;
	--au-sage: #E8F5E9;
	--au-white: #FFFFFF;
	--au-g100: #F5F7FB;
	--au-g200: #E5E8EF;
	--au-g300: #CBD1DC;
	--au-g400: #8A92A6;
	--au-g500: #6C7489;
	--au-g600: #4A5269;
	--au-g700: #2E3448;

	--au-f-head: 'Outfit', system-ui, -apple-system, sans-serif;
	--au-f-body: 'Josefin Sans', system-ui, -apple-system, sans-serif;

	--au-radius-sm: 10px;
	--au-radius-md: 14px;
	--au-radius-lg: 18px;
	--au-radius-xl: 20px;
	--au-radius-2xl: 24px;
	--au-radius-3xl: 28px;

	font-family: var(--au-f-body);
	color: var(--au-g700);
}
.pg-au *,
.pg-au *::before,
.pg-au *::after { box-sizing: border-box; }
.pg-au img { max-width: 100%; display: block; }


/* ─── Shared layout utilities ──────────────────────────────────────── */
.pg-au-container {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 20px;
}
.pg-au-container--relative { position: relative; z-index: 2; }

.pg-au-section { padding: 120px 0; position: relative;  }
.pg-au-section--white { background-color: var(--au-white); }
.pg-au-section--alice { background-color: var(--au-alice); }
.pg-au-section--proof {
	padding: 80px 0;
	background: linear-gradient(135deg, var(--au-indigo) 0%, var(--au-indigo-deep) 50%, var(--au-indigo-dark) 100%);
  padding-bottom: 160px!important;
}
.pg-au-section--security { padding: 100px 0; }
.pg-au-section--cta-container { padding: 120px 0; }
.pg-au-section--cap-container { padding: 0 0 120px; }

.pg-au-section__pattern {
	position: absolute;
	inset: 0;
	opacity: 0.04;
	background-image: radial-gradient(circle at 1.5px 1.5px, rgba(255,255,255,0.8) 1px, transparent 0);
	background-size: 28px 28px;
	pointer-events: none;
}

.pg-au-section__head { margin-bottom: 56px; }
.pg-au-section__head--center { text-align: center; max-width: 720px; margin-left: auto; margin-right: auto; }

.pg-au-eyebrow {
	    font-family: var(--f-heading) ;
    font-weight: 600 ;
    font-size: 16px ;
    color: var(--c-green) ;
    letter-spacing: 2.5px ;
    text-transform: uppercase ;
	margin: 0 0 16px;
}
.pg-au-eyebrow--inline { margin: 0; }

.pg-au-section__title {
	font-family: var(--au-f-head);
	font-weight: 700;
	font-size: 40px;
	line-height: 1.15;
	color: #424351;
	margin: 0 0 16px;
	letter-spacing: -0.01em;
}

.pg-au-section__desc {
	font-family: var(--au-f-body);
	font-weight: 400;
	font-size: 18px;
	line-height: 1.75;
	color: var(--au-g600);
	margin: 0;
}
.pg-au-section__head--center .pg-au-section__desc { font-size: 18px; }

.pg-au-placeholder {
	background: linear-gradient(135deg, #3D4580, #252B55);
	min-height: 200px;
}

/* ─── Buttons ──────────────────────────────────────────────────────── */
.pg-au-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
    font-family: var(--font-heading);
    font-weight: 600;
    font-size: 19px;
    padding: 15px var(--space-xl);
    border-radius: 10px;
    text-decoration: none;
    box-shadow: 0 4px 24px rgba(14, 107, 59, 0.3);
    transition: opacity 0.2s;
    border: none;
    cursor: pointer;
}
.pg-au-btn:focus-visible {
	outline: 2px solid var(--au-emerald);
	outline-offset: 3px;
}
.pg-au-btn--primary {
	color: var(--au-white)!important;
	background: linear-gradient(135deg, var(--au-green) 0%, var(--au-green-alt) 100%);
	box-shadow: 0 4px 24px rgba(14,107,59,0.3);
}
.pg-au-btn--primary:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 32px rgba(14,107,59,0.4);
}
.pg-au-btn--ghost {
	color: rgba(255,255,255,0.85)!important;
	background-color: transparent;
	border: 1px solid rgba(255,255,255,0.18);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	padding: 15px 28px;
	font-weight: 500;
}
.pg-au-btn--ghost:hover {
	background-color: rgba(255,255,255,0.08);
	border-color: rgba(255,255,255,0.28);
}


/* ════════════════════════════════════════════════════════════════════
   1. HERO
   ════════════════════════════════════════════════════════════════════ */
.pg-au-hero {
	position: relative;
	min-height: 100vh;
	display: flex;
	align-items: center;
	background: linear-gradient(165deg, var(--au-indigo) 0%, var(--au-indigo-2) 35%, var(--au-indigo-3) 65%, var(--au-indigo-4) 100%);
	overflow: hidden;
}
.pg-au-hero__orb-a,
.pg-au-hero__orb-b {
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
}
.pg-au-hero__orb-a {
	top: -20%;
	right: -15%;
	width: 800px;
	height: 800px;
	background: radial-gradient(circle, rgba(14,107,59,0.08) 0%, transparent 60%);
	filter: blur(80px);
	animation: pgAuFloat1 12s ease-in-out infinite;
}
.pg-au-hero__orb-b {
	bottom: -10%;
	left: -10%;
	width: 600px;
	height: 600px;
	background: radial-gradient(circle, rgba(74,130,255,0.06) 0%, transparent 60%);
	filter: blur(60px);
	animation: pgAuFloat2 10s ease-in-out infinite;
}
.pg-au-hero__grid {
	position: absolute;
	inset: 0;
	opacity: 0.03;

    background-image: linear-gradient(rgba(255, 255, 255, 0.6) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.6) 1px, transparent 1px);
	background-size: 80px 80px;
	pointer-events: none;
}
.pg-au-hero__inner {
	max-width: 1400px;
	margin: 0 auto;
	padding: 160px 30px 100px;
	position: relative;
	z-index: 2;
	width: 100%;
}
.pg-au-hero__layout {
	display: grid;
	grid-template-columns: 1.1fr 1fr;
	gap: 80px;
	align-items: center;
}

.pg-au-hero__chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 5px 14px 5px 6px;
	border-radius: 100px;
	border: 1px solid rgba(16,185,129,0.2);
	background-color: rgba(16,185,129,0.05);
	margin-bottom: 24px;
	flex-wrap: wrap;
}
.pg-au-hero__chip-tag {
	background-color: rgba(16,185,129,0.15);
	border-radius: 100px;
	padding: 3px 10px;
	font-family: var(--au-f-head);
	font-weight: 600;
	font-size: 10px;
	color: var(--au-emerald);
	letter-spacing: 1px;
}
.pg-au-hero__chip-label {
	font-family: var(--au-f-body);
	font-size: 16px;
    color: rgba(255, 255, 255, 0.698);
}

.pg-au-hero__title {
	font-family: var(--au-f-head);
	font-weight: 700;
	font-size: 56px;
	line-height: 1.08;
	color: var(--au-white);
	margin: 0 0 24px;
	letter-spacing: -0.02em;
}
.pg-au-hero__title-accent {
	background: linear-gradient(135deg, var(--au-emerald) 0%, var(--au-green) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.pg-au-hero__desc {
	font-family: var(--au-f-body);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.8);
	max-width: 480px;
	margin: 0 0 16px;
}
.pg-au-hero__sub {
	font-family: var(--au-f-body);
	font-weight: 400;
    font-size: 18px;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.6);
	max-width: 480px;
	margin: 0 0 36px;
}
.pg-au-hero__ctas {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
}

/* Hero media */
.pg-au-hero__media { position: relative; }
.pg-au-hero__main {
	width: 100%;
	aspect-ratio: 4 / 3.2;
	object-fit: cover;
	border-radius: var(--au-radius-xl);
	box-shadow: 0 24px 64px rgba(0,0,0,0.3);
}
.pg-au-hero__inset-wrap {
	position: absolute;
	bottom: -28px;
	left: -36px;
	width: 170px;
}
.pg-au-hero__inset {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: var(--au-radius-md);
	border: 4px solid rgba(35,39,85,0.95);
	box-shadow: 0 12px 40px rgba(0,0,0,0.25);
}

.pg-au-hero__stat-card {
	position: absolute;
	top: -16px;
	right: -16px;
	background-color: var(--au-white);
	border-radius: var(--au-radius-md);
	padding: 22px 26px;
	box-shadow: 0 12px 40px rgba(0,0,0,0.12);
	border: 1px solid rgba(14,107,59,0.1);
}
.pg-au-hero__stat-value {
	font-family: var(--au-f-head);
	font-weight: 800;
	font-size: 36px;
	background: linear-gradient(135deg, var(--au-green) 0%, var(--au-emerald) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	line-height: 1;
	margin-bottom: 4px;
}
.pg-au-hero__stat-label {
	font-family: var(--au-f-body);
	font-weight: 400;
    font-size: 16px;
    color: rgb(75, 85, 99);;
	margin-bottom: 2px;
}
.pg-au-hero__stat-sub {
	font-family: var(--au-f-body);
	font-weight: 400;
    font-size: 16px;
    color: rgb(156, 163, 175);
}

.pg-au-hero__pill {
	position: absolute;
	top: 20px;
	left: 20px;
	display: flex;
	align-items: center;
	gap: 6px;
	background-color: rgba(0,0,0,0.5);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	border-radius: 100px;
	padding: 6px 14px;
}
.pg-au-hero__pill-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: var(--au-emerald);
	animation: pgAuPulse 2s infinite;
}
.pg-au-hero__pill-text {
	font-family: var(--au-f-head);
	font-size: 12px;
	font-weight: 500;
	color: rgba(255,255,255,0.8);
	letter-spacing: 0.5px;
}

.pg-au-hero__marquee {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(255,255,255,0.04);
	border-top: 1px solid rgba(255,255,255,0.06);
	padding: 14px 0;
	overflow: hidden;
}
.pg-au-hero__marquee-track {
	display: flex;
	gap: 64px;
	animation: pgAuMarquee 30s linear infinite;
	white-space: nowrap;
	width: -webkit-max-content;
	width: max-content;
}
.pg-au-hero__marquee-item {
	font-family: var(--au-f-head);
	font-weight: 400;
	font-size: 16px;
	color: rgba(255,255,255);
	letter-spacing: 1.2px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
}
.pg-au-hero__marquee-item svg {
	color: #10B981;
	opacity: 0.6;
	width: 20px;
	height: 20px;
}

@keyframes pgAuFloat1 {
	0%, 100% { transform: translate(0, 0); }
	50% { transform: translate(-40px, 30px); }
}
@keyframes pgAuFloat2 {
	0%, 100% { transform: translate(0, 0); }
	50% { transform: translate(30px, -25px); }
}
@keyframes pgAuMarquee {
	0% { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}
@keyframes pgAuPulse {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.6; }
}


/* ════════════════════════════════════════════════════════════════════
   2. OUTCOMES BAND
   ════════════════════════════════════════════════════════════════════ */
.pg-au-out-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 40px;
	text-align: center;
}
.pg-au-out-item__value {
	font-family: var(--au-f-head);
	font-weight: 800;
	font-size: 44px;
	background: linear-gradient(135deg, #FFFFFF 0%, rgba(255,255,255,0.7) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	margin-bottom: 6px;
	line-height: 1;
}
.pg-au-out-item__label {
	font-family: var(--au-f-head);
	font-weight: 600;
	font-size: 16px;
	color: rgba(255,255,255,0.7);
	margin-bottom: 4px;
}
.pg-au-out-item__detail {
	font-family: var(--au-f-body);
	font-weight: 400;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.35);
}


/* ════════════════════════════════════════════════════════════════════
   3. CAPABILITIES (lifted panel)
   ════════════════════════════════════════════════════════════════════ */
.pg-au-cap-panel {
	top: -60px;
	background-color: var(--au-white);
	border-radius: var(--au-radius-2xl);
	box-shadow: 0 12px 56px rgba(35,39,85,0.07), 0 1px 3px rgba(35,39,85,0.04);
	padding: 44px 48px 40px;
	position: relative;
	z-index: 10;
	border: 1px solid rgba(229,231,235,0.6);
}
.pg-au-cap-panel__head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 36px;
	gap: 48px;
	flex-wrap: wrap;
}
.pg-au-cap-panel__title {
	font-family: var(--au-f-head);
	font-weight: 700;
	font-size: 32px;
	line-height: 1.3;
	color: #424351;
	margin: 0;
	letter-spacing: -0.01em;
}
.pg-au-cap-panel__stats {
	display: flex;
	gap: 32px;
	flex-shrink: 0;
	align-items: center;
}
.pg-au-cap-panel__stat { text-align: right; }
.pg-au-cap-panel__stat-value {
	font-family: var(--au-f-head);
	font-weight: 800;
	font-size: 32px;
	color: rgb(66, 67, 81);
	line-height: 1;
	margin-bottom: 4px;
}
.pg-au-cap-panel__stat-label {
	font-family: var(--au-f-body);
	font-weight: 400;
	font-size: 16px;
	color: var(--au-g400);
	line-height: 20px;
}
.pg-au-cap-panel__divider {
	width: 1px;
	min-height: 44px;
	background-color: var(--au-g200);
}

.pg-au-cap-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 12px;
}
.pg-au-cap-card {
	padding: 28px 22px;
	border-radius: var(--au-radius-md);
	background-color: var(--au-alice);
	border: 1px solid var(--au-g200);
	transition: all 0.35s cubic-bezier(.16,1,.3,1);
	cursor: default;
}
.pg-au-cap-card:hover,
.pg-au-cap-card:focus-within {
	background-color: var(--au-indigo);
	border-color: transparent;
	transform: translateY(-2px);
}
.pg-au-cap-card__tag {
	display: block;
	font-family: var(--au-f-head);
	font-weight: 600;
    font-size: 16px;
    color: rgb(156, 163, 175);
    letter-spacing: 2.5px;
	text-transform: uppercase;
	margin-bottom: 16px;
	transition: color 0.35s;
}
.pg-au-cap-card:hover .pg-au-cap-card__tag { color: rgba(255,255,255,0.35); }
.pg-au-cap-card__icon {
	color: var(--au-green);
	margin-bottom: 14px;
	transition: color 0.35s;
}
.pg-au-cap-card__icon svg{width:32px;height:32px;}
.pg-au-cap-card:hover .pg-au-cap-card__icon { color: var(--au-emerald); }
.pg-au-cap-card__title {
	font-family: var(--au-f-head);
	font-weight: 700;
	font-size: 17px;
	color: rgb(66, 67, 81);
	margin: 0 0 8px;
	transition: color 0.35s;
}
.pg-au-cap-card:hover .pg-au-cap-card__title { color: var(--au-white); }
.pg-au-cap-card__desc {
	font-family: var(--au-f-body);
	font-size: 16px;
  font-weight:400;
    line-height: 1.6;
    margin: 0px;
    color: rgb(107, 114, 128);
	margin: 0;
	transition: color 0.35s;
}
.pg-au-cap-card:hover .pg-au-cap-card__desc { color: rgba(255,255,255,0.55); }

.pg-au-cap-panel__footer {
	margin-top: 28px;
	padding-top: 20px;
	border-top: 1px solid var(--au-g100);
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 32px;
	flex-wrap: wrap;
}
.pg-au-cap-panel__footnote {
	font-family: var(--au-f-body);
	font-weight: 400;
	font-size: 16px;
	color: var(--au-g500);
	margin: 0;
	flex: 1;
	min-width: 240px;
}
.pg-au-cap-panel__footnote strong {
	font-family: var(--au-f-head);
	font-weight: 600;
	color: var(--au-indigo);
}
.pg-au-cap-panel__link {
	font-family: var(--au-f-head);
	font-weight: 600;
	font-size: 16px;
	color: var(--au-green);
	text-decoration: none;
	white-space: nowrap;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	transition: color 0.2s;
}
.pg-au-cap-panel__link:hover { color: var(--au-emerald); }


/* ════════════════════════════════════════════════════════════════════
   4. BUILD VS LICENSE
   ════════════════════════════════════════════════════════════════════ */
.pg-au-bvl {
	display: grid;
	grid-template-columns: 1.15fr 1fr;
	gap: 80px;
	align-items: center;
}
.pg-au-bvl__desc2 { margin-top: 20px; margin-bottom: 36px; }

.pg-au-bvl__deploy {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}
.pg-au-bvl__deploy-card {
	border-radius: var(--au-radius-md);
	padding: 24px;
}
.pg-au-bvl__deploy-card--green {
	background: linear-gradient(135deg, var(--au-alice) 0%, var(--au-sage) 100%);
	border-left: 3px solid var(--au-green);
}
.pg-au-bvl__deploy-card--grey {
	background-color: var(--au-g100);
	border-left: 3px solid var(--au-g300);
}
.pg-au-bvl__deploy-value {
	font-family: var(--au-f-head);
	font-weight: 800;
	font-size: 32px;
	line-height: 1;
	margin-bottom: 6px;
}
.pg-au-bvl__deploy-card--green .pg-au-bvl__deploy-value {
	background: linear-gradient(135deg, var(--au-green), var(--au-emerald));
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}
.pg-au-bvl__deploy-card--grey .pg-au-bvl__deploy-value {
	    color: rgb(75, 85, 99);
	font-weight: 700;
}
.pg-au-bvl__deploy-label {
	font-family: var(--au-f-body);
	font-weight: 400;
	font-size: 16px;
}
.pg-au-bvl__deploy-card--green .pg-au-bvl__deploy-label { color: var(--au-g500); }
.pg-au-bvl__deploy-card--grey .pg-au-bvl__deploy-label { color: var(--au-g400); }

.pg-au-bvl__right {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.pg-au-bvl-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}
.pg-au-bvl-row__cell {
	border-radius: var(--au-radius-md);
	padding: 18px 20px;
	border-left: 3px solid;
}
.pg-au-bvl-row__cell--etech {
	background: linear-gradient(135deg, var(--au-alice) 0%, var(--au-sage) 100%);
	border-left-color: var(--au-green);
}
.pg-au-bvl-row__cell--industry {
	background-color: var(--au-g100);
	border-left-color: var(--au-g300);
}
.pg-au-bvl-row__label {
	font-family: var(--au-f-head);
	font-weight: 600;
	font-size: 18px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	margin-bottom: 6px;
}
.pg-au-bvl-row__cell--etech .pg-au-bvl-row__label { color: var(--au-green); }
.pg-au-bvl-row__cell--industry .pg-au-bvl-row__label {color: rgb(75, 85, 99);}
.pg-au-bvl-row__text {
	font-family: var(--au-f-body);
	    font-size: 16px;
    color: rgb(75, 85, 99);
	line-height: 1.5;
	margin: 0;
}
.pg-au-bvl-row__cell--etech .pg-au-bvl-row__text { color: var(--au-g600); }
.pg-au-bvl-row__cell--industry .pg-au-bvl-row__text { color: var(--au-g400); }


/* ════════════════════════════════════════════════════════════════════
   5. HOW IT WORKS
   ════════════════════════════════════════════════════════════════════ */
.pg-au-hiw {
	display: grid;
	grid-template-columns: 1fr 1.4fr;
	gap: 80px;
	align-items: flex-start;
}
.pg-au-hiw__left { position: sticky; top: 120px; }
.pg-au-hiw__desc { margin-bottom: 28px; }
.pg-au-hiw__deploy-card {
	background-color: var(--au-white);
	border-radius: var(--au-radius-md);
	padding: 28px;
	border: 1px solid var(--au-g200);
}
.pg-au-hiw__deploy-value {
	font-family: var(--au-f-head);
	font-weight: 800;
	font-size: 32px;
	    color: rgb(66, 67, 81);
	margin-bottom: 4px;
	line-height: 1;
}
.pg-au-hiw__deploy-label {
	font-family: var(--au-f-body);
	font-weight: 500;
	font-size: 16px;
	color: rgb(107, 114, 128);
	margin-bottom: 4px;
}
.pg-au-hiw__deploy-sub {
	font-family: var(--au-f-body);
	font-weight: 400;
	    font-size: 16px;
    color: rgb(156, 163, 175);
}

.pg-au-hiw__steps {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.pg-au-hiw-step {
	background-color: var(--au-white);
	border-radius: var(--au-radius-lg);
	padding: 32px 28px;
	border: 1px solid var(--au-g200);
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 20px;
	align-items: start;
	transition: border-color 0.2s, box-shadow 0.2s;
}
.pg-au-hiw-step:hover {
	border-color: var(--au-green);
	box-shadow: 0 4px 20px rgba(14,107,59,0.06);
}
.pg-au-hiw-step__num {
	width: 48px;
	height: 48px;
	border-radius: var(--au-radius-md);
	background: linear-gradient(135deg, var(--au-alice) 0%, var(--au-sage) 100%);
	border: 1px solid var(--au-g200);
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--au-f-head);
	font-weight: 700;
	font-size: 16px;
	color: var(--au-indigo);
	flex-shrink: 0;
}
.pg-au-hiw-step__title {
	font-family: var(--au-f-head);
	font-weight: 700;
	font-size: 20px;
	color: rgb(66, 67, 81);
	margin: 0 0 8px;
}
.pg-au-hiw-step__desc {
	font-family: var(--au-f-body);
	font-weight: 400;
	font-size: 16px;
	line-height: 23px;
	color: var(--au-g500);
	margin: 0;
}

.pg-au-hiw__callout {
	border-radius: var(--au-radius-lg);
	padding: 24px 28px;
	background: linear-gradient(135deg, var(--au-indigo) 0%, var(--au-indigo-deep) 100%);
	display: flex;
	align-items: center;
	gap: 20px;
}
.pg-au-hiw__callout-img {
	width: 56px;
	height: 56px;
	min-width: 56px;
	border-radius: var(--au-radius-md);
	flex-shrink: 0;
	object-fit: cover;
}
.pg-au-hiw__callout-text {
	font-family: var(--au-f-body);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.65;
	color: rgba(255,255,255,0.7);
	margin: 0;
}


/* ════════════════════════════════════════════════════════════════════
   6. AUTOMATION IN ACTION
   ════════════════════════════════════════════════════════════════════ */
.pg-au-aia-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}
.pg-au-aia-card {
	background-color: var(--au-white);
	border-radius: var(--au-radius-xl);
	overflow: hidden;
	border: 1px solid var(--au-g200);
	display: flex;
	flex-direction: column;
	height: 100%;
	transition: all 0.3s ease;
}
.pg-au-aia-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 40px rgba(35,39,85,0.08);
}
.pg-au-aia-card__head {
	background-color: var(--au-indigo);
	padding: 24px 28px;
}
.pg-au-aia-card__industry {
	font-family: var(--au-f-head);
	font-weight: 500;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.698);
	letter-spacing: 1.5px;
	text-transform: uppercase;
}
.pg-au-aia-card__body {
	padding: 28px;
	flex: 1;
	display: flex;
	flex-direction: column;
}
.pg-au-aia-card__block { margin-bottom: 20px; }
.pg-au-aia-card__block:nth-child(2) { margin-bottom: 24px; }
.pg-au-aia-card__label {
	font-family: var(--au-f-head);
	font-weight: 600;
    font-size: 16px;
    color: rgb(156, 163, 175);
    letter-spacing: 1.5px;
	text-transform: uppercase;
	margin: 0 0 6px;
}
.pg-au-aia-card__label--green { color: var(--au-green); }
.pg-au-aia-card__text {
	font-family: var(--au-f-body);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.65;
	color: var(--au-g600);
	margin: 0;
}
.pg-au-aia-card__results {
	margin-top: auto;
	padding-top: 20px;
	border-top: 1px solid var(--au-g100);
}
.pg-au-aia-card__results .pg-au-aia-card__label { margin-bottom: 12px; }
.pg-au-aia-card__results-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 12px;
}
.pg-au-aia-card__result-value {
	font-family: var(--au-f-head);
	font-weight: 700;
	    font-size: 20px;
    color: rgb(66, 67, 81);
}
.pg-au-aia-card__result-label {
	font-family: var(--au-f-body);
	font-weight: 400;
	    font-size: 16px;
    color: rgb(156, 163, 175);
	margin-top: 2px;
}


/* ════════════════════════════════════════════════════════════════════
   7. TECH SECTION
   ════════════════════════════════════════════════════════════════════ */
.pg-au-tech {
	display: grid;
	grid-template-columns: 1fr 1.15fr;
	gap: 80px;
	align-items: center;
}
.pg-au-tech__desc { margin-bottom: 32px; }
.pg-au-tech__list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.pg-au-tech__item {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	margin-bottom: 16px;
}
.pg-au-tech__dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: var(--au-green);
	margin-top: 7px;
	flex-shrink: 0;
}
.pg-au-tech__item-name {
	font-family: var(--au-f-head);
	font-weight: 600;
	font-size: 16px;
    color: rgb(66, 67, 81);
}
.pg-au-tech__item-desc {
	font-family: var(--au-f-body);
	font-weight: 400;
	font-size: 16px;
  line-height:23px;
	    color: rgb(107, 114, 128);
}

.pg-au-tech__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}
.pg-au-tech__col {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.pg-au-tech__col--offset { padding-top: 44px; }
.pg-au-tech__photo {
	width: 100%;
	border-radius: var(--au-radius-md);
	object-fit: cover;
}
.pg-au-tech__photo--a { aspect-ratio: 4 / 3; }
.pg-au-tech__photo--b { aspect-ratio: 3 / 4; }

.pg-au-tech__stat-card {
	border-radius: var(--au-radius-md);
	padding: 28px;
}
.pg-au-tech__stat-card--green {
	background: linear-gradient(135deg, var(--au-alice) 0%, var(--au-sage) 100%);
}
.pg-au-tech__stat-card--dark {
	background: linear-gradient(135deg, var(--au-indigo) 0%, var(--au-indigo-deep) 100%);
}
.pg-au-tech__stat-value {
	font-family: var(--au-f-head);
	font-weight: 800;
	font-size: 36px;
	    color: rgb(66, 67, 81);
	line-height: 1;
	margin-bottom: 4px;
}
.pg-au-tech__stat-value--white { color: var(--au-white); }
.pg-au-tech__stat-label {
	font-family: var(--au-f-body);
	font-weight: 400;
	font-size: 16px;
	color: rgb(107, 114, 128);
	margin-bottom: 2px;
}
.pg-au-tech__stat-label--white { color: rgba(255,255,255,0.7); }
.pg-au-tech__stat-sub {
	font-family: var(--au-f-body);
	font-weight: 400;
	font-size: 16px;
	color: rgb(156, 163, 175);
}


/* ════════════════════════════════════════════════════════════════════
   8. RUN / SEE / BUILD
   ════════════════════════════════════════════════════════════════════ */
.pg-au-rsb-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}
.pg-au-rsb-card {
	padding: 40px 32px;
	border-radius: var(--au-radius-xl);
	background-color: var(--au-white);
	border: 1px solid var(--au-g200);
	transition: all 0.35s cubic-bezier(.16,1,.3,1);
	cursor: default;
}
.pg-au-rsb-card:hover {
	background-color: var(--au-indigo);
	border-color: transparent;
	transform: translateY(-4px);
	box-shadow: 0 12px 40px rgba(35,39,85,0.12);
}
.pg-au-rsb-card__tag {
	display: block;
	font-family: var(--au-f-head);
	font-weight: 600;
	font-size: 16px;
	color: var(--au-green);
	letter-spacing: 2.5px;
	text-transform: uppercase;
	margin-bottom: 20px;
	transition: color 0.35s;
}
.pg-au-rsb-card:hover .pg-au-rsb-card__tag { color: var(--au-emerald); }
.pg-au-rsb-card__icon {
	color: var(--au-green);
	margin-bottom: 16px;
	transition: color 0.35s;
}
.pg-au-rsb-card:hover .pg-au-rsb-card__icon { color: var(--au-emerald); }
.pg-au-rsb-card__title {
	font-family: var(--au-f-head);
	font-weight: 700;
	font-size: 22px;
	    color: rgb(66, 67, 81);
	margin: 0 0 12px;
	transition: color 0.35s;
}
.pg-au-rsb-card:hover .pg-au-rsb-card__title { color: var(--au-white); }
.pg-au-rsb-card__desc {
	font-family: var(--au-f-body);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.7;
	color: var(--au-g500);
	margin: 0 0 20px;
	transition: color 0.35s;
}
.pg-au-rsb-card:hover .pg-au-rsb-card__desc { color: rgba(255,255,255,0.6); }
.pg-au-rsb-card__link {
	font-family: var(--au-f-head);
	font-weight: 600;
	font-size: 16px;
	color: var(--au-green);
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	transition: color 0.35s;
}
.pg-au-rsb-card:hover .pg-au-rsb-card__link { color: var(--au-emerald); }


/* ════════════════════════════════════════════════════════════════════
   9. SECURITY BRIEF
   ════════════════════════════════════════════════════════════════════ */
.pg-au-sec {
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap: 80px;
	align-items: start;
}
.pg-au-sec__label-row {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 16px;
}
.pg-au-sec__shield {
	color: var(--au-green);
	display: inline-flex;
}
.pg-au-sec__shield svg { width: 22px; height: 22px; }
.pg-au-sec__grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 12px;
}
.pg-au-sec-card {
	background-color: var(--au-white);
	border-radius: var(--au-radius-md);
	padding: 24px 20px;
	border: 1px solid var(--au-g200);
	transition: all 0.3s ease;
}
.pg-au-sec-card:hover {
	border-color: rgba(14,107,59,0.2);
	transform: translateY(-2px);
}
.pg-au-sec-card__head {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 10px;
}
.pg-au-sec-card__shield {
	color: var(--au-green);
	opacity: 0.6;
	display: inline-flex;
}
.pg-au-sec-card__shield svg { width: 18px; height: 18px; }
.pg-au-sec-card__title {
	font-family: var(--au-f-head);
	font-weight: 700;
	font-size: 16px;
	    color: rgb(66, 67, 81);
	margin: 0;
}
.pg-au-sec-card__desc {
	font-family: var(--au-f-body);
	font-weight: 400;
	font-size: 16px;
	line-height: 23px;
	color: var(--au-g500);
	margin: 0;
}


/* ════════════════════════════════════════════════════════════════════
  10. CTA SECTION
   ════════════════════════════════════════════════════════════════════ */
.pg-au-cta {
	display: grid;
	grid-template-columns: 1.2fr 1fr;
	background-color: var(--au-indigo);
	border-radius: var(--au-radius-3xl);
	overflow: hidden;
	box-shadow: 0 24px 64px rgba(35,39,85,0.15);
}
.pg-au-cta__body { padding: 64px 56px; }
.pg-au-cta__title {
	font-family: var(--au-f-head);
	font-weight: 700;
	font-size: 38px;
	line-height: 1.15;
	color: var(--au-white);
	margin: 0 0 20px;
	letter-spacing: -0.01em;
}
.pg-au-cta__desc {
	font-family: var(--au-f-body);
	font-weight: 400;
	font-size: 18px;
	line-height: 1.75;
	color: rgb(255 255 255 / 80%);
	margin: 0 0 36px;
}
.pg-au-cta__actions {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
	margin-bottom: 40px;
}
.pg-au-cta__stats {
	display: flex;
	gap: 32px;
	flex-wrap: wrap;
}
.pg-au-cta-stat__value {
	font-family: var(--au-f-head);
	font-weight: 600;
	font-size: 14px;
	color: var(--au-white);
	margin-bottom: 2px;
}
.pg-au-cta-stat__label {
	font-family: var(--au-f-body);
	font-weight: 400;
	font-size: 14px;
	color: rgba(255,255,255,0.35);
}
.pg-au-cta__media { position: relative; min-height: 100%; }
.pg-au-cta__img {
	width: 100%;
	height: 100%;
	min-height: 320px;
	object-fit: cover;
	display: block;
}


/* ════════════════════════════════════════════════════════════════════
   RESPONSIVE — Tablet (768–1199)
   ════════════════════════════════════════════════════════════════════ */
@media (max-width: 1199px) {
	.pg-au-container { padding: 0 5px; }
	.pg-au-section { padding: 80px 0; }
	.pg-au-section--cta-container { padding: 80px 0; }
	.pg-au-hero__inner { padding: 140px 10px 120px;max-width:90%; }
	.pg-au-hero__layout { grid-template-columns: 1fr; gap: 48px; }
	.pg-au-hero__title { font-size: 42px; }

	.pg-au-section__title { font-size: 32px; }
	.pg-au-cta__title { font-size: 30px; }

	.pg-au-out-grid { grid-template-columns: repeat(3, 1fr); gap: 32px; }
	.pg-au-out-item:nth-child(4),
	.pg-au-out-item:nth-child(5) { grid-column: span 1; }

	.pg-au-cap-panel { padding: 36px 32px; top:-150px;}
  .pg-au-cap-panel__stat{text-align:left;}
	.pg-au-cap-panel__head { flex-direction: column; align-items: flex-start; gap: 24px; }
	.pg-au-cap-grid { grid-template-columns: repeat(2, 1fr); }
	.pg-au-cap-card:nth-child(4),
	.pg-au-cap-card:nth-child(5) { grid-column: span 1; }

	.pg-au-bvl { grid-template-columns: 1fr; gap: 48px; }
	.pg-au-hiw { grid-template-columns: 1fr; gap: 48px; }
	.pg-au-hiw__left { position: static; }
	.pg-au-aia-grid { grid-template-columns: 1fr; }
	.pg-au-tech { grid-template-columns: 1fr; gap: 48px; }
	.pg-au-rsb-grid { grid-template-columns: 1fr; }
	.pg-au-sec { grid-template-columns: 1fr; gap: 40px; }
	.pg-au-sec__grid { grid-template-columns: repeat(2, 1fr); }
	.pg-au-cta { grid-template-columns: 1fr; }
	.pg-au-cta__body { padding: 48px 32px; }
}

/* ════════════════════════════════════════════════════════════════════
   RESPONSIVE — Mobile (<768)
   ════════════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
	.pg-au-container { padding: 0 5px; }
	.pg-au-section { padding: 60px 0; }
	.pg-au-section--proof { padding: 48px 0; }
	.pg-au-section--cta-container { padding: 60px 0; }
	.pg-au-section--cap-container { padding: 0 0 60px; }

	.pg-au-hero__inner { padding: 120px 0px 80px;max-width:100%; }
	.pg-au-hero__title { font-size: 32px; }
	.pg-au-hero__desc { font-size: 15px; }
	.pg-au-hero__inset-wrap { display: none; }
	.pg-au-hero__stat-card {
		position: static;
		margin-top: 16px;
		display: inline-block;
	}

	.pg-au-section__title { font-size: 26px; }
	.pg-au-section__desc { font-size: 15px; }
	.pg-au-section__head { margin-bottom: 40px; }

	.pg-au-out-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; }
	.pg-au-out-item:nth-child(5) { grid-column: 1 / -1; }
	.pg-au-out-item__value { font-size: 32px; }

	.pg-au-cap-panel { padding: 28px 22px; top:-100px; }
  .pg-au-cap-panel__divider{display:none;}
  .pg-au-cap-panel__stats{flex-direction:column;}
	.pg-au-cap-panel__title { font-size: 22px; }
	.pg-au-cap-panel__stats { gap: 20px; }
	.pg-au-cap-panel__stat { text-align: left; }
	.pg-au-cap-panel__stat-value { font-size: 26px; }
	.pg-au-cap-grid { grid-template-columns: 1fr; }

	.pg-au-bvl__deploy { grid-template-columns: 1fr; }
	.pg-au-bvl-row { grid-template-columns: 1fr; gap: 8px; }

	.pg-au-hiw-step { grid-template-columns: 1fr; gap: 16px; padding: 24px 20px; }
	.pg-au-hiw__callout { flex-direction: column; align-items: flex-start; padding: 22px; }

	.pg-au-aia-card__results-grid { grid-template-columns:  1fr 1fr; gap: 8px; }
	.pg-au-aia-card__result-value { font-size: 18px; }
	.pg-au-aia-card__body { padding: 22px; }

	.pg-au-tech__grid { grid-template-columns: 1fr; }
	.pg-au-tech__col--offset { padding-top: 0; }

	.pg-au-sec__grid { grid-template-columns: 1fr; }

	.pg-au-cta__body { padding: 32px 22px; }
	.pg-au-cta__title { font-size: 24px; }
	.pg-au-cta__stats { gap: 20px; }

	.pg-au-btn { font-size: 14px; padding: 13px 22px; }
	.pg-au-btn--ghost { padding: 13px 20px; }
}

/* ════════════════════════════════════════════════════════════════════
   REDUCED MOTION
   ════════════════════════════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
	.pg-au *,
	.pg-au *::before,
	.pg-au *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
	.pg-au-hero__orb-a,
	.pg-au-hero__orb-b,
	.pg-au-hero__pill-dot,
	.pg-au-hero__marquee-track { animation: none; }
}
/* ════════════════════════════════════════════════════════════════════
   Financial Services Page
   Namespace: .pg-fs
   Self-contained: own design tokens scoped under .pg-fs root.
   Responsive breakpoints: desktop 1200+, tablet 768-1199, mobile <768.
   Cross-browser: -webkit- prefixes for background-clip/backdrop-filter.
   Honors prefers-reduced-motion.
   ════════════════════════════════════════════════════════════════════ */

/* ─── Scoped design tokens ─────────────────────────────────────────── */
.pg-fs {
	--fs-indigo: #232755;
	--fs-indigo-2: #1d2248;
	--fs-indigo-3: #252b55;
	--fs-indigo-4: #2f3462;
	--fs-indigo-deep: #1a1f45;
	--fs-indigo-dark: #0f1330;
	--fs-green: #0E6B3B;
	--fs-green-alt: #0a8a4a;
	--fs-emerald: #10B981;
	--fs-emerald-lt: #34d399;
	--fs-alice: #F5F7FB;
	--fs-sage: #E8F5E9;
	--fs-white: #FFFFFF;
	--fs-g100: #F5F7FB;
	--fs-g200: #E5E8EF;
	--fs-g300: #CBD1DC;
	--fs-g400: #8A92A6;
	--fs-g500: #6C7489;
	--fs-g600: #4A5269;
	--fs-g700: #2E3448;

	--fs-f-head: 'Outfit', system-ui, -apple-system, sans-serif;
	--fs-f-body: 'Josefin Sans', system-ui, -apple-system, sans-serif;

	--fs-radius-sm: 10px;
	--fs-radius-md: 14px;
	--fs-radius-lg: 18px;
	--fs-radius-xl: 20px;
	--fs-radius-2xl: 24px;

	font-family: var(--fs-f-body);
	color: var(--fs-g700);
}
.pg-fs *,
.pg-fs *::before,
.pg-fs *::after { box-sizing: border-box; }
.pg-fs img { max-width: 100%; display: block; }


/* ─── Shared layout utilities ──────────────────────────────────────── */
.pg-fs-container {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 20px;
}
.pg-fs-container--narrow { max-width: 1400px; }
.pg-fs-container--cta { max-width: 1400px; }
.pg-fs-container--relative { position: relative; z-index: 2; }

.pg-fs-section { padding: 110px 0; position: relative; overflow: hidden; }
.pg-fs-section--white { background-color: var(--fs-white); }
.pg-fs-section--alice { background-color: var(--fs-alice); }
.pg-fs-section--sage { background: linear-gradient(135deg, var(--fs-alice) 0%, var(--fs-sage) 100%); }
.pg-fs-section--results {
	background: linear-gradient(135deg, var(--fs-indigo) 0%, var(--fs-indigo-deep) 50%, var(--fs-indigo-dark) 100%);
}

.pg-fs-section__orb {
	position: absolute;
	top: -30%;
	left: -10%;
	width: 600px;
	height: 600px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(16,185,129,0.05) 0%, transparent 60%);
	filter: blur(60px);
	pointer-events: none;
}

.pg-fs-section__head { margin-bottom: 56px; }
.pg-fs-section__head--center { text-align: center; max-width: 950px; margin-left: auto; margin-right: auto; }

.pg-fs-label {
	font-family: var(--f-heading);
    font-weight: 600;
    font-size: 16px;
    color: var(--c-green);
    letter-spacing: 2.5px;
    text-transform: uppercase;
	margin: 0 0 14px;
}
.pg-fs-label--emerald { color: var(--fs-emerald); }
.pg-fs-label--lg { font-size: 16px; letter-spacing: 2.5px; }

.pg-fs-section__title {
	font-family: var(--fs-f-head);
	font-weight: 700;
	font-size: 42px;
	line-height: 1.15;
	color:#424351;
	margin: 0 0 18px;
	letter-spacing: -0.02em;
}
.pg-fs-section__title--white { color: var(--fs-white); }

.pg-fs-section__desc {
	font-family: var(--fs-f-body);
	font-weight: 400;
	font-size: 18px!important;
	line-height: 30px;
	    color: rgb(107, 114, 128);
	margin: 0;
}
.pg-fs-section__head--center .pg-fs-section__desc {
	font-size: 18px;
	max-width: 820px;
	margin: 0 auto;
}
.pg-fs-section__desc--muted { color: rgba(255,255,255,0.55); }

.pg-fs-accent-green {
	background: linear-gradient(135deg, var(--fs-emerald) 0%, var(--fs-green) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

/* ─── Buttons ──────────────────────────────────────────────────────── */
.pg-fs-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
font-family: var(--font-heading);
    font-weight: 500;
    font-size: var(--text-base);
    padding: 15px 28px;
    border-radius: 10px;
    text-decoration: none;
    display: inline-block;
    font-size:18px;
	text-decoration: none;
	transition: all 0.3s cubic-bezier(.16,1,.3,1);
	min-height: 48px;
	cursor: pointer;
	border: 0;
}
.pg-fs-btn:focus-visible {
	outline: 2px solid var(--fs-emerald);
	outline-offset: 3px;
}
.pg-fs-btn--primary {
	color: var(--fs-white)!important;
	background: linear-gradient(135deg, var(--fs-green) 0%, var(--fs-green-alt) 100%);
	box-shadow: 0 4px 24px rgba(14,107,59,0.3);
}
.pg-fs-btn--primary:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 32px rgba(14,107,59,0.4);
}
.pg-fs-btn--ghost {
	color: rgba(255,255,255,0.85)!important;
	background-color: transparent;
	border: 1px solid rgba(255,255,255,0.15);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	padding: 15px 28px;
	font-weight: 500;
}
.pg-fs-btn--ghost:hover {
	background-color: rgba(255,255,255,0.08);
	border-color: rgba(255,255,255,0.25);
}


/* ════════════════════════════════════════════════════════════════════
   1. HERO
   ════════════════════════════════════════════════════════════════════ */
.pg-fs-hero {
	position: relative;
	min-height: 100vh;
	display: flex;
	align-items: center;
	background: linear-gradient(165deg, var(--fs-indigo) 0%, var(--fs-indigo-2) 35%, var(--fs-indigo-3) 65%, var(--fs-indigo-4) 100%);
	overflow: hidden;
  flex-direction:column;
}
.pg-fs-hero__orb-a,
.pg-fs-hero__orb-b {
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
}
.pg-fs-hero__orb-a {
	top: -20%;
	right: -15%;
	width: 800px;
	height: 800px;
	background: radial-gradient(circle, rgba(14,107,59,0.08) 0%, transparent 60%);
	filter: blur(80px);
	animation: pgFsFloat1 12s ease-in-out infinite;
}
.pg-fs-hero__orb-b {
	bottom: -10%;
	left: -10%;
	width: 600px;
	height: 600px;
	background: radial-gradient(circle, rgba(74,130,255,0.06) 0%, transparent 60%);
	filter: blur(60px);
	animation: pgFsFloat2 10s ease-in-out infinite;
}
.pg-fs-hero__grid {
	position: absolute;
	inset: 0;
	opacity: 0.03;
	background-image: linear-gradient(rgba(255, 255, 255, 0.6) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.6) 1px, transparent 1px);
	background-size: 80px 80px;
	pointer-events: none;
}
.pg-fs-hero__inner {
	max-width: 1400px;
	margin: 0 auto;
	padding: 160px 30px 140px;
	position: relative;
	z-index: 2;
	width: 100%;
}
.pg-fs-hero__layout {
	display: grid;
	grid-template-columns: 1.2fr 1fr;
	gap: 80px;
	align-items: center;
}

.pg-fs-hero__chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 5px 14px 5px 6px;
	border-radius: 100px;
	border: 1px solid rgba(16,185,129,0.2);
	background-color: rgba(16,185,129,0.05);
	margin-bottom: 24px;
	flex-wrap: wrap;
}
.pg-fs-hero__chip-tag {
	background-color: rgba(16,185,129,0.15);
	border-radius: 100px;
	padding: 3px 10px;
	font-family: var(--fs-f-head);
	font-weight: 600;
	font-size: 10px;
	color: var(--fs-emerald);
	letter-spacing: 1px;
}
.pg-fs-hero__chip-label {
	font-family: var(--fs-f-body);
	font-size: 16px;
	color: rgba(255,255,255,0.6);
}

.pg-fs-hero__title {
	font-family: var(--fs-f-head);
	font-weight: 700;
	font-size: 52px;
	line-height: 1.1;
	color: var(--fs-white);
	margin: 0 0 24px;
	letter-spacing: -0.02em;
}
.pg-fs-hero__title-accent {
	background: linear-gradient(90deg, var(--fs-emerald) 0%, var(--fs-emerald-lt) 25%, var(--fs-green) 50%, var(--fs-emerald) 75%, var(--fs-emerald-lt) 100%);
	background-size: 200% auto;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	animation: pgFsShimmer 8s linear infinite;
}

.pg-fs-hero__desc {
	font-family: var(--fs-f-body);
	font-weight: 400;
	font-size: 18px;
	line-height: 1.8;
	color: rgba(255,255,255,0.62);
	max-width: 600px;
	margin: 0 0 36px;
}

.pg-fs-hero__ctas {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
}

/* Hero media composition */
.pg-fs-hero__media { position: relative; }
.pg-fs-hero__photo {
	width: 100%;
	aspect-ratio: 4 / 3.2;
	object-fit: cover;
	border-radius: var(--fs-radius-xl);
}
.pg-fs-hero__placeholder {
	width: 100%;
	aspect-ratio: 4 / 3.2;
	border-radius: var(--fs-radius-xl);
	background: linear-gradient(135deg, #3D4580, #252B55);
}

.pg-fs-hero__savings-card {
	position: absolute;
	bottom: -28px;
	left: -20px;
	background: linear-gradient(135deg, rgba(255,255,255,0.98), rgba(245,247,251,0.96));
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	border-radius: var(--fs-radius-md);
	padding: 22px 26px;
	box-shadow: 0 16px 48px rgba(0,0,0,0.14), 0 0 0 1px rgba(14,107,59,0.08);
	max-width: 320px;
}
.pg-fs-hero__savings-value {
	font-family: var(--fs-f-head);
	font-weight: 800;
	font-size: 34px;
	background: linear-gradient(135deg, var(--fs-green) 0%, var(--fs-emerald) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	line-height: 1;
}
.pg-fs-hero__savings-label {
	font-family: var(--fs-f-body);
	font-weight: 400;
	    font-size: 16px;
    color: rgb(107, 114, 128);
	margin-top: 6px;
	line-height: 1.55;
}

.pg-fs-hero__pci-pill {
	position: absolute;
	top: 20px;
	right: -16px;
	display: flex;
	align-items: center;
	gap: 6px;
	background-color: rgba(255,255,255,0.96);
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
	border-radius: 12px;
	padding: 14px 18px;
	box-shadow: 0 8px 28px rgba(0,0,0,0.08);
}
.pg-fs-hero__pci-dot {
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background-color: var(--fs-emerald);
	animation: pgFsPulse 2s infinite;
}
.pg-fs-hero__pci-text {
	font-family: var(--fs-f-head);
	    font-size: 12px;
    color: rgb(66, 67, 81);
	color: var(--fs-indigo);
}

.pg-fs-hero__coverage-card {
	position: absolute;
	bottom: 90px;
	right: -36px;
	background-color: var(--fs-white);
	border-radius: 12px;
	padding: 12px 16px;
	box-shadow: 0 8px 28px rgba(0,0,0,0.08);
	border: 1px solid rgba(14,107,59,0.12);
}
.pg-fs-hero__coverage-value {
	font-family: var(--fs-f-head);
	font-weight: 700;
	    font-size: 16px;
	    color: rgb(66, 67, 81);
}
.pg-fs-hero__coverage-label {
	font-family: var(--fs-f-body);
	font-weight: 400;
	font-size: 14px;
	color: var(--fs-g500);
}

/* Bottom stats strip */
.pg-fs-hero__strip {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(255,255,255,0.04);
	border-top: 1px solid rgba(255,255,255,0.06);
	padding: 14px 48px;
	display: flex;
	justify-content: space-around;
	gap: 40px;
	flex-wrap: wrap;
	max-width: 100%;
	margin: 0 auto;
	z-index: 2;
}
.pg-fs-hero__strip-item { text-align: center; }
.pg-fs-hero__strip-value {
	font-family: var(--fs-f-head);
	font-weight: 700;
	font-size: 18px;
	color: var(--fs-white);
}
.pg-fs-hero__strip-label {
	font-family: var(--fs-f-body);
	font-size: 16px;
    color: rgba(255, 255, 255, 0.4);
	margin-top: 2px;
}

@keyframes pgFsFloat1 {
	0%, 100% { transform: translate(0, 0); }
	50% { transform: translate(-40px, 30px); }
}
@keyframes pgFsFloat2 {
	0%, 100% { transform: translate(0, 0); }
	50% { transform: translate(30px, -25px); }
}
@keyframes pgFsPulse {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.6; }
}
@keyframes pgFsShimmer {
	0% { background-position: 0% center; }
	100% { background-position: 200% center; }
}


/* ════════════════════════════════════════════════════════════════════
   2. BUYER VOICE
   ════════════════════════════════════════════════════════════════════ */
.pg-fs-bv__head {
	max-width: 830px;
	margin-bottom: 52px;
}
.pg-fs-bv__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 22px;
}
.pg-fs-bv-card {
	padding: 32px 30px;
	background-color: var(--fs-alice);
	border-radius: var(--fs-radius-lg);
	border: 1px solid var(--fs-g200);
	border-left: 3px solid var(--fs-g200);
	height: 100%;
	display: flex;
	flex-direction: column;
	transition: all 0.35s cubic-bezier(.16,1,.3,1);
	margin: 0;
}
.pg-fs-bv-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 40px rgba(35,39,85,0.06);
	border-left-color: var(--fs-green);
	background-color: var(--fs-white);
}
.pg-fs-bv-card__meta {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 20px;
	flex-wrap: wrap;
}
.pg-fs-bv-card__tag {
	font-family: var(--fs-f-head);
	font-weight: 700;
	font-size: 16px;
	color: var(--fs-green);
	background-color: rgba(14,107,59,0.1);
	padding: 4px 12px;
	border-radius: 100px;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}
.pg-fs-bv-card__cat {
	font-family: var(--fs-f-body);
	font-weight: 400;
	font-size: 16px;
	color: var(--fs-g400);
	letter-spacing: 0.3px;
}
.pg-fs-bv-card__quotemark {
	color: var(--fs-green);
	opacity: 0.18;
	margin-bottom: 12px;
	flex-shrink: 0;
}
.pg-fs-bv-card__quote {
	font-family: var(--fs-f-body);
	font-weight: 400;
	font-size: 16px;
	line-height: 23px;
	color: var(--fs-g700);
	margin: 0 0 22px;
	flex: 1;
	font-style: italic;
}
.pg-fs-bv-card__author {
	font-family: var(--fs-f-head);
	font-weight: 600;
	font-size: 16px;
	color: var(--fs-g500);
	letter-spacing: 0.5px;
	line-height: 1.5;
	margin: 0;
	padding-top: 18px;
	border-top: 1px solid var(--fs-g200);
	font-style: normal;
	display: block;
}


/* ════════════════════════════════════════════════════════════════════
   3. SUB-SECTORS (4 program cards)
   ════════════════════════════════════════════════════════════════════ */
.pg-fs-sub__grid {
	display: grid;
	gap: 28px;
}
.pg-fs-sub-card {
	background-color: var(--fs-alice);
	border-radius: var(--fs-radius-xl);
	border: 1px solid var(--fs-g200);
	overflow: hidden;
	transition: all 0.35s cubic-bezier(.16,1,.3,1);
	position: relative;
}
.pg-fs-sub-card:hover {
	box-shadow: 0 14px 48px rgba(35,39,85,0.06);
	border-color: rgba(14,107,59,0.15);
}
.pg-fs-sub-card__topbar {
	height: 3px;
	background: linear-gradient(90deg, var(--fs-green) 0%, var(--fs-emerald) 50%, rgba(16,185,129,0.2) 100%);
	border-radius: 20px 20px 0 0;
}
.pg-fs-sub-card__body { padding: 36px 44px; }
.pg-fs-sub-card__tag {
	display: inline-block;
	font-family: var(--fs-f-head);
	font-weight: 700;
	font-size: 16px;
	color: var(--fs-green);
	background-color: rgba(14,107,59,0.1);
	padding: 5px 14px;
	border-radius: 100px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.pg-fs-sub-card__layout {
	display: grid;
	grid-template-columns: 1.3fr 1fr;
	gap: 48px;
	align-items: start;
}
.pg-fs-sub-card__title {
	font-family: var(--fs-f-head);
	font-weight: 700;
	font-size: 26px;
	color: rgb(66, 67, 81);
	margin: 0 0 14px;
	line-height: 1.2;
}
.pg-fs-sub-card__desc {
	font-family: var(--fs-f-body);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.75;
	color: var(--fs-g500);
	margin: 0 0 24px;
}
.pg-fs-sub-card__proof {
	padding: 20px 24px;
	background-color: var(--fs-white);
	border-radius: var(--fs-radius-md);
	border: 1px solid rgba(14,107,59,0.12);
}
.pg-fs-sub-card__proof-label {
	font-family: var(--fs-f-head);
	font-weight: 600;
	font-size: 16px;
	color: var(--fs-green);
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0 0 10px;
}
.pg-fs-sub-card__proof-text {
	font-family: var(--fs-f-body);
	font-weight: 400;
	    font-size: 16px;
    line-height: 1.7;
    color: rgb(55, 65, 81);
	margin: 0;
}
.pg-fs-sub-card__services-label {
	font-family: var(--fs-f-head);
	font-weight: 600;
	font-size: 18px;
	color: var(--fs-g400);
	letter-spacing: 1.5px;
	text-transform: uppercase;
	margin: 0 0 14px;
}
.pg-fs-sub-card__services-list {
	display: grid;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.pg-fs-sub-card__service {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 14px;
	background-color: var(--fs-white);
	border-radius: var(--fs-radius-sm);
	font-family: var(--fs-f-body);
	font-weight: 400;
	font-size: 16px;
	color: var(--fs-g600);
}
.pg-fs-sub-card__dot {
	width: 6px;
	height: 6px;
	border-radius: 3px;
	background-color: var(--fs-green);
	flex-shrink: 0;
}


/* ════════════════════════════════════════════════════════════════════
   4. QUALITY OVERSIGHT
   ════════════════════════════════════════════════════════════════════ */
.pg-fs-qo {
	display: grid;
	grid-template-columns: 1fr 1.1fr;
	gap: 72px;
	align-items: center;
}
.pg-fs-qo__points {
	display: grid;
	gap: 14px;
	margin: 28px 0 0;
	padding: 0;
	list-style: none;
}
.pg-fs-qo__point {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 18px 20px;
	background-color: var(--fs-white);
	border-radius: 12px;
	border: 1px solid rgba(14,107,59,0.15);
}
.pg-fs-qo__check {
	width: 30px;
	height: 30px;
	min-width: 30px;
	border-radius: 8px;
	background: linear-gradient(135deg, var(--fs-green), var(--fs-emerald));
	color: var(--fs-white);
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pg-fs-qo__point-title {
	font-family: var(--fs-f-head);
	font-weight: 700;
	font-size: 20px;
    color: rgb(66, 67, 81);
	margin: 0 0 4px;
}
.pg-fs-qo__point-desc {
	font-family: var(--fs-f-body);
	font-weight: 400;
	    font-size: 16px;
    line-height: 1.65;
    color: rgb(107, 114, 128);
	margin: 0;
}

.pg-fs-qo__panel {
	background: linear-gradient(135deg, rgba(255,255,255,0.95), rgba(245,247,251,0.9));
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	border-radius: var(--fs-radius-xl);
	padding: 40px 38px;
	border: 1px solid rgba(14,107,59,0.1);
	box-shadow: 0 16px 64px rgba(35,39,85,0.08), 0 0 0 1px rgba(229,231,235,0.5);
}
.pg-fs-qo__panel-title {
	font-family: var(--fs-f-head);
	font-weight: 700;
font-size: 22px;
    line-height: 1.3;
    color: rgb(66, 67, 81);
	margin: 0 0 26px;
}
.pg-fs-qo__metrics {
	display: grid;
	gap: 14px;
	margin: 0 0 24px;
	padding: 0;
	list-style: none;
}
.pg-fs-qo__metric {
	padding: 18px 22px;
	background-color: var(--fs-alice);
	border-radius: 12px;
	border-left: 3px solid var(--fs-green);
	display: flex;
	align-items: center;
	gap: 18px;
}
.pg-fs-qo__metric-value {
	font-family: var(--fs-f-head);
	font-weight: 800;
	    font-size: 26px;
    color: rgb(66, 67, 81);
	min-width: 90px;
	letter-spacing: -0.01em;
	line-height: 1;
}
.pg-fs-qo__metric-label {
	font-family: var(--fs-f-head);
	font-weight: 600;
	font-size: 18px;
    color: rgb(66, 67, 81);
	margin: 0 0 2px;
}
.pg-fs-qo__metric-sub {
	font-family: var(--fs-f-body);
	font-weight: 400;
	font-size: 16px;
	color: var(--fs-g400);
	margin: 0;
}
.pg-fs-qo__quote {
	padding: 16px 18px;
	background-color: rgba(14,107,59,0.04);
	border-radius: var(--fs-radius-sm);
	border: 1px solid rgba(14,107,59,0.12);
	margin: 0;
}
.pg-fs-qo__quote p {
	font-family: var(--fs-f-body);
	font-weight: 300;
	font-size: 16px;
	line-height: 1.7;
	color: var(--fs-g700);
	margin: 0;
	font-style: italic;
}


/* ════════════════════════════════════════════════════════════════════
   5. COVERAGE
   ════════════════════════════════════════════════════════════════════ */
.pg-fs-cov {
	display: grid;
	grid-template-columns: 1fr 1.3fr;
	gap: 64px;
	align-items: start;
}
.pg-fs-cov__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
}
.pg-fs-cov-card {
	padding: 20px;
	background-color: var(--fs-alice);
	border-radius: var(--fs-radius-md);
	border: 1px solid var(--fs-g200);
	transition: all 0.3s ease;
}
.pg-fs-cov-card:hover {
	border-color: rgba(14,107,59,0.2);
	transform: translateY(-2px);
}
.pg-fs-cov-card__title {
	font-family: var(--fs-f-head);
	font-weight: 700;
	font-size: 20px;
	    color: rgb(66, 67, 81);
	margin: 0 0 8px;
}
.pg-fs-cov-card__desc {
	font-family: var(--fs-f-body);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.7;
	color: var(--fs-g500);
	margin: 0;
}


/* ════════════════════════════════════════════════════════════════════
   6. RESULTS
   ════════════════════════════════════════════════════════════════════ */
.pg-fs-res__grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
}
.pg-fs-res-card {
	padding: 28px 22px;
	background: linear-gradient(135deg, rgba(255,255,255,0.06) 0%, rgba(16,185,129,0.04) 100%);
	border-radius: var(--fs-radius-md);
	border: 1px solid rgba(16,185,129,0.12);
	text-align: center;
	height: 100%;
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}
.pg-fs-res-card__value {
	font-family: var(--fs-f-head);
	font-weight: 800;
	font-size: 40px;
	background: linear-gradient(135deg, var(--fs-emerald) 0%, var(--fs-green) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	margin-bottom: 10px;
	letter-spacing: -0.02em;
	line-height: 1;
}
.pg-fs-res-card__label {
	font-family: var(--fs-f-head);
	font-weight: 600;
	font-size: 16px;
	color: var(--fs-white);
	margin-bottom: 6px;
}
.pg-fs-res-card__sub {
	font-family: var(--fs-f-body);
	font-weight: 400;
	font-size: 16px;
	color: rgba(255,255,255,0.42);
	line-height: 1.55;
}


/* ════════════════════════════════════════════════════════════════════
   7. COMPLIANCE
   ════════════════════════════════════════════════════════════════════ */
.pg-fs-comp {
	display: grid;
	grid-template-columns: 1fr 1.35fr;
	gap: 72px;
	align-items: start;
}
.pg-fs-comp__facts {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin-bottom: 28px;
  margin-top:28px;
}
.pg-fs-comp-fact {
	padding: 18px 20px;
	background-color: var(--fs-alice);
	border-radius: 12px;
	border-left: 3px solid var(--fs-green);
}
.pg-fs-comp-fact__value {
	font-family: var(--fs-f-head);
	font-weight: 800;
	font-size: 22px;
    color: rgb(66, 67, 81);
	letter-spacing: -0.01em;
	line-height: 1;
	margin-bottom: 6px;
}
.pg-fs-comp-fact__label {
	font-family: var(--fs-f-body);
	font-weight: 400;
	font-size: 16px;
	color: var(--fs-g500);
	line-height: 1.5;
}
.pg-fs-comp__callout {
	font-family: var(--fs-f-body);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.7;
	color: var(--fs-g700);
	margin: 0 0 28px;
	padding: 18px 22px;
	background-color: rgba(14,107,59,0.04);
	border-radius: 12px;
	border-left: 3px solid var(--fs-green);
}
.pg-fs-comp__link {
	font-family: var(--fs-f-head);
	font-weight: 600;
	font-size: 16px;
	color: var(--fs-green);
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	transition: color 0.2s;
}
.pg-fs-comp__link:hover { color: var(--fs-emerald); }

.pg-fs-comp__right {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
}
.pg-fs-comp-cert {
	padding: 22px;
	border-radius: var(--fs-radius-md);
	background-color: var(--fs-alice);
	border: 1px solid var(--fs-g200);
	transition: all 0.3s ease;
}
.pg-fs-comp-cert:hover {
	border-color: rgba(14,107,59,0.2);
	transform: translateY(-2px);
}
.pg-fs-comp-cert__head {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
}
.pg-fs-comp-cert__shield {
	width: 34px;
	height: 34px;
	min-width: 34px;
	border-radius: 8px;
	background: linear-gradient(135deg, var(--fs-green), var(--fs-emerald));
	color: var(--fs-white);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.pg-fs-comp-cert__title {
	font-family: var(--fs-f-head);
    font-size: 20px;
    color: rgb(66, 67, 81);
	color: var(--fs-indigo);
	margin: 0;
}
.pg-fs-comp-cert__desc {
	font-family: var(--fs-f-body);
	font-weight: 400;
	font-size: 16px;
	line-height: 23px;
	color: var(--fs-g500);
	margin: 0;
  margin-top:20px;
}


/* ════════════════════════════════════════════════════════════════════
   8. TENURE ADVANTAGE
   ════════════════════════════════════════════════════════════════════ */
.pg-fs-ten {
	display: grid;
	grid-template-columns: 1.1fr 1fr;
	gap: 64px;
	align-items: center;
}
.pg-fs-ten__compare {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
  margin-top:30px;
}
.pg-fs-rsb-card:hover svg{color: rgb(16, 185, 129);}
.pg-fs-ten-col {
	padding: 24px 22px;
	border-radius: var(--fs-radius-md);
	border: 1px solid;
}
.pg-fs-ten-col--accent {
	background-color: var(--fs-white);
	border-color: rgba(14,107,59,0.15);
	border-left: 3px solid var(--fs-green);
}
.pg-fs-ten-col--neutral {
	background-color: var(--fs-g100);
	border-color: var(--fs-g300);
	border-left: 3px solid var(--fs-g300);
}
.pg-fs-ten-col__label {
	font-family: var(--fs-f-head);
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	margin: 0 0 16px;
}
.pg-fs-ten-col--accent .pg-fs-ten-col__label { color: var(--fs-green); }
.pg-fs-ten-col--neutral .pg-fs-ten-col__label { color: var(--fs-g400); }
.pg-fs-ten-col__list {
	display: grid;
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.pg-fs-ten-col__value {
	font-family: var(--fs-f-head);
	font-weight: 800;
	font-size: 20px;
	line-height: 1;
	margin-bottom: 4px;
}
.pg-fs-ten-col--accent .pg-fs-ten-col__value { color: var(--fs-indigo); }
.pg-fs-ten-col--neutral .pg-fs-ten-col__value { color: var(--fs-g500); }
.pg-fs-ten-col__desc {
	font-family: var(--fs-f-body);
	font-weight: 400;
	font-size: 16px;
	line-height: 23px;
 
}
.pg-fs-ten-col--accent .pg-fs-ten-col__desc { color: var(--fs-g500); }
.pg-fs-ten-col--neutral .pg-fs-ten-col__desc { color: var(--fs-g400); }

.pg-fs-ten__right { position: relative; }
.pg-fs-ten__photo {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: var(--fs-radius-xl);
}
.pg-fs-ten__quote-card {
	position: relative;
	margin: -60px 28px 0;
	background-color: rgba(255,255,255,0.95);
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
	border-radius: var(--fs-radius-md);
	padding: 22px 26px;
	box-shadow: 0 12px 40px rgba(0,0,0,0.08);
}
.pg-fs-ten__quote-card svg {
	color: var(--fs-green);
	opacity: 0.2;
	margin-bottom: 8px;
}
.pg-fs-ten__quote-text {
	font-family: var(--fs-f-body);
	font-weight: 400;
	font-size: 16px;
	line-height: 23px;
	color: var(--fs-g700);
	margin: 0 0 12px;
	font-style: italic;
}
.pg-fs-ten__quote-author {
	font-family: var(--fs-f-head);
	font-weight: 600;
	font-size: 16px;
	color: var(--fs-g500);
	letter-spacing: 0.5px;
	margin: 0;
	font-style: normal;
	display: block;
}


/* ════════════════════════════════════════════════════════════════════
   9. CASE STUDIES
   ════════════════════════════════════════════════════════════════════ */
.pg-fs-cs__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 22px;
}
.pg-fs-cs-card {
	border-radius: var(--fs-radius-xl);
	overflow: hidden;
	border: 1px solid var(--fs-g200);
	height: 100%;
	display: flex;
	flex-direction: column;
	transition: all 0.35s cubic-bezier(.16,1,.3,1);
	background-color: var(--fs-white);
	margin: 0;
}
.pg-fs-cs-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 48px rgba(35,39,85,0.08);
}
.pg-fs-cs-card__head {
	padding: 22px 26px;
	background: linear-gradient(135deg, var(--fs-indigo) 0%, var(--fs-indigo-deep) 100%);
}
.pg-fs-cs-card__tag {
	font-family: var(--fs-f-head);
	font-weight: 600;
	font-size: 16px;
	color: var(--fs-emerald);
	letter-spacing: 1.5px;
	text-transform: uppercase;
}
.pg-fs-cs-card__title {
	font-family: var(--fs-f-head);
	font-weight: 700;
	font-size: 18px;
	color: var(--fs-white);
	margin: 10px 0 0;
	line-height: 1.35;
}
.pg-fs-cs-card__body {
	padding: 26px;
	flex: 1;
	display: flex;
	flex-direction: column;
}
.pg-fs-cs-card__block { margin-bottom: 16px; }
.pg-fs-cs-card__label {
	font-family: var(--fs-f-head);
	font-weight: 600;
	font-size: 16px;
	color: var(--fs-green);
	letter-spacing: 1.5px;
	text-transform: uppercase;
	margin: 0 0 6px;
}
.pg-fs-cs-card__text {
	font-family: var(--fs-f-body);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.7;
	color: var(--fs-g500);
	margin: 0;
}
.pg-fs-cs-card__results {
	margin-top: auto;
	padding-top: 16px;
	border-top: 1px solid var(--fs-g200);
}
.pg-fs-cs-card__results .pg-fs-cs-card__label { margin-bottom: 12px; }
.pg-fs-cs-card__results-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}
.pg-fs-cs-card__result-value {
	font-family: var(--fs-f-head);
	font-weight: 800;
	font-size: 22px;
	color: rgb(66, 67, 81);
	letter-spacing: -0.01em;
}
.pg-fs-cs-card__result-label {
	font-family: var(--fs-f-body);
	font-weight: 400;
	font-size: 16px;
    color: rgb(156, 163, 175);
	margin-top: 2px;
}


/* ════════════════════════════════════════════════════════════════════
  10. RUN / SEE / BUILD (3 pillar cards)
   ════════════════════════════════════════════════════════════════════ */
.pg-fs-rsb__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 22px;
}
.pg-fs-rsb-card {
	padding: 36px 30px;
	border-radius: var(--fs-radius-lg);
	background-color: var(--fs-white);
	border: 1px solid var(--fs-g200);
	height: 100%;
	transition: all 0.35s cubic-bezier(.16,1,.3,1);
}
.pg-fs-rsb-card:hover {
	background-color: var(--fs-indigo);
	transform: translateY(-4px);
	box-shadow: 0 14px 48px rgba(35,39,85,0.12);
}
.pg-fs-rsb-card__tag {
	display: inline-block;
	font-family: var(--fs-f-head);
	font-weight: 700;
	font-size: 16px;
	color: var(--fs-green);
	background-color: rgba(14,107,59,0.1);
	padding: 5px 14px;
	border-radius: 100px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	margin-bottom: 16px;
	transition: all 0.35s;
}
.pg-fs-rsb-card:hover .pg-fs-rsb-card__tag {
	color: var(--fs-emerald);
	background-color: rgba(16,185,129,0.14);
}
.pg-fs-rsb-card__title {
	font-family: var(--fs-f-head);
	font-weight: 700;
	font-size: 20px;
	color: rgb(66, 67, 81);
	margin: 0 0 14px;
	transition: color 0.35s;
}
.pg-fs-rsb-card:hover .pg-fs-rsb-card__title { color: var(--fs-white); }
.pg-fs-rsb-card__desc {
	font-family: var(--fs-f-body);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.7;
	color: var(--fs-g500);
	margin: 0;
	transition: color 0.35s;
}
.pg-fs-rsb-card:hover .pg-fs-rsb-card__desc { color: rgba(255,255,255,0.65); }


/* ════════════════════════════════════════════════════════════════════
  11. DELIVERY (3 location cards)
   ════════════════════════════════════════════════════════════════════ */
.pg-fs-del__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 22px;
}
.pg-fs-del-card {
	border-radius: var(--fs-radius-xl);
	overflow: hidden;
	border: 1px solid var(--fs-g200);
	height: 100%;
	display: flex;
	flex-direction: column;
	transition: all 0.35s cubic-bezier(.16,1,.3,1);
	background-color: var(--fs-white);
}
.pg-fs-del-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 40px rgba(35,39,85,0.06);
}
.pg-fs-del-card__photo {
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}
.pg-fs-del-card__body { padding: 26px; }
.pg-fs-del-card__loc {
	font-family: var(--fs-f-head);
	font-weight: 700;
	font-size: 20px;
	color: rgb(66, 67, 81);
	margin: 0 0 4px;
}
.pg-fs-del-card__sites {
	font-family: var(--fs-f-head);
	font-weight: 500;
	font-size: 16px;
	color: var(--fs-green);
	margin: 0 0 12px;
}
.pg-fs-del-card__desc {
	font-family: var(--fs-f-body);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.7;
	color: var(--fs-g500);
	margin: 0;
}


/* ════════════════════════════════════════════════════════════════════
  12. CTA
   ════════════════════════════════════════════════════════════════════ */
.pg-fs-cta {
	display: grid;
	grid-template-columns: 1.2fr 1fr;
	border-radius: var(--fs-radius-2xl);
 background-color: #232755;
	box-shadow: 0 12px 56px rgba(35,39,85,0.07);
	border: 1px solid var(--fs-g200);
  align-items:center;
}
.pg-fs-cta__body {
	padding: 64px 56px;
	background-color: #232755;
	position: relative;
  border-radius: 28px 0px 0px 28px;
}
.pg-fs-cta__title {
	font-family: var(--fs-f-head);
	font-weight: 700;
	font-size: 38px;
	line-height: 1.15;
	color: var(--fs-white);
	margin: 0 0 20px;
	letter-spacing: -0.01em;
}
.pg-fs-cta__desc {
	font-family: var(--fs-f-body);
	font-weight: 400;
	font-size: 18px;
	line-height: 1.8;
	color: rgba(255,255,255,0.6);
	margin: 0 0 36px;
}
.pg-fs-cta__media {
	position: relative;
	min-height: 320px;
}
.pg-fs-cta__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.pg-fs-cta__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to right, rgba(35,39,85,0.15), transparent);
	pointer-events: none;
}


/* ════════════════════════════════════════════════════════════════════
   RESPONSIVE — Tablet (768–1199)
   ════════════════════════════════════════════════════════════════════ */
@media (max-width: 1199px) {
	.pg-fs-container,
	.pg-fs-container--narrow,
	.pg-fs-container--cta { padding: 0 20px; }
	.pg-fs-section { padding: 80px 0; }
	.pg-fs-hero__inner { padding: 140px 5px 250px; }
	.pg-fs-hero__layout { grid-template-columns: 1fr; gap: 56px; }
	.pg-fs-hero__title { font-size: 40px; }
	.pg-fs-hero__strip { padding: 14px 32px; }

	.pg-fs-section__title { font-size: 32px; }
	.pg-fs-cta__title { font-size: 30px; }

	.pg-fs-bv__grid { grid-template-columns: 1fr; }
	.pg-fs-sub-card__layout { grid-template-columns: 1fr; gap: 28px; }
	.pg-fs-sub-card__body { padding: 32px 32px; }

	.pg-fs-qo { grid-template-columns: 1fr; gap: 48px; }
	.pg-fs-cov { grid-template-columns: 1fr; gap: 40px; }
	.pg-fs-cov__grid { grid-template-columns: 1fr 1fr; }

	.pg-fs-res__grid { grid-template-columns: repeat(3, 1fr); }
	.pg-fs-res-card:nth-child(4),
	.pg-fs-res-card:nth-child(5) { grid-column: span 1; }

	.pg-fs-comp { grid-template-columns: 1fr; gap: 48px; }
	.pg-fs-ten { grid-template-columns: 1fr; gap: 48px; }

	.pg-fs-cs__grid { grid-template-columns: 1fr; }
	.pg-fs-rsb__grid { grid-template-columns: 1fr; }
	.pg-fs-del__grid { grid-template-columns: 1fr; }
	.pg-fs-cta { grid-template-columns: 1fr; }
	.pg-fs-cta__body { padding: 48px 36px; }
}

/* ════════════════════════════════════════════════════════════════════
   RESPONSIVE — Mobile (<768)
   ════════════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
	.pg-fs-container,
	.pg-fs-container--narrow,
	.pg-fs-container--cta { padding: 0 10px; }
	.pg-fs-section { padding: 60px 0; }

	.pg-fs-hero__inner { padding: 120px 5px 80px; }
	.pg-fs-hero__title { font-size: 30px; }
	.pg-fs-hero__desc { font-size: 15px; }

	/* Hide absolute floating cards to keep layout clean on mobile */
	.pg-fs-hero__savings-card,
	.pg-fs-hero__pci-pill,
	.pg-fs-hero__coverage-card { position: static; margin-top: 12px; max-width: none; right: 0; left: 0; }

	.pg-fs-hero__strip {
		position: static;
		margin-top: 32px;
		padding: 14px 20px;
		gap: 20px;
	}

	.pg-fs-section__title { font-size: 24px; }
	.pg-fs-section__desc { font-size: 15px; }
	.pg-fs-section__head--center .pg-fs-section__desc { font-size: 15px; }
	.pg-fs-section__head { margin-bottom: 32px; }

	.pg-fs-sub-card__body { padding: 28px 20px; }
	.pg-fs-sub-card__title { font-size: 22px; }

	.pg-fs-comp__facts { grid-template-columns: 1fr; }
	.pg-fs-comp__right { grid-template-columns: 1fr; }

	.pg-fs-ten__compare { grid-template-columns: 1fr; }
	.pg-fs-ten__quote-card { margin: -32px 12px 0; }

	.pg-fs-cov__grid { grid-template-columns: 1fr; }
	.pg-fs-res__grid { grid-template-columns: 1fr; }
	.pg-fs-res-card__value { font-size: 32px; }

	.pg-fs-qo__metric { flex-wrap: wrap; gap: 8px; }
	.pg-fs-qo__metric-value { min-width: auto; }
	.pg-fs-qo__panel { padding: 28px 22px; }

	.pg-fs-cs-card__results-grid { grid-template-columns: 1fr 1fr; }

	.pg-fs-cta__body { padding: 36px 24px; }
	.pg-fs-cta__title { font-size: 24px; }
	.pg-fs-cta__media { min-height: 220px; }

	.pg-fs-btn { font-size: 14px; padding: 13px 22px; }
	.pg-fs-btn--ghost { padding: 13px 20px; }
}

/* ════════════════════════════════════════════════════════════════════
   REDUCED MOTION
   ════════════════════════════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
	.pg-fs *,
	.pg-fs *::before,
	.pg-fs *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
	.pg-fs-hero__orb-a,
	.pg-fs-hero__orb-b,
	.pg-fs-hero__pci-dot,
	.pg-fs-hero__title-accent { animation: none; }
}
/* ════════════════════════════════════════════════════════════════════
   RTAA Page — Real-Time Agent Assist
   Namespace: .pg-rt
   Self-contained: own design tokens scoped under .pg-rt root.
   Responsive breakpoints: desktop 1200+, tablet 768-1199, mobile <768.
   Cross-browser: -webkit- prefixes for background-clip/backdrop-filter.
   Honors prefers-reduced-motion.
   ════════════════════════════════════════════════════════════════════ */

/* ─── Scoped design tokens ─────────────────────────────────────────── */
.pg-rt {
	--rt-indigo: #232755;
	--rt-indigo-2: #1d2248;
	--rt-indigo-3: #252b55;
	--rt-indigo-4: #2f3462;
	--rt-indigo-deep: #1a1f45;
	--rt-indigo-dark: #0f1330;
	--rt-green: #0E6B3B;
	--rt-green-alt: #0a8a4a;
	--rt-emerald: #10B981;
	--rt-blue: #4A82FF;
	--rt-alice: #F5F7FB;
	--rt-alice-alt: #E8F5E9;
	--rt-white: #FFFFFF;
	--rt-g100: #F5F7FB;
	--rt-g200: #E5E8EF;
	--rt-g300: #CBD1DC;
	--rt-g400: #8A92A6;
	--rt-g500: #6C7489;
	--rt-g600: #4A5269;
	--rt-g700: #2E3448;

	--rt-f-head: 'Outfit', system-ui, -apple-system, sans-serif;
	--rt-f-body: 'Josefin Sans', system-ui, -apple-system, sans-serif;

	--rt-s-xs: 4px;
	--rt-s-sm: 8px;
	--rt-s-md: 16px;
	--rt-s-lg: 24px;
	--rt-s-xl: 32px;
	--rt-s-2xl: 48px;
	--rt-s-3xl: 64px;
	--rt-s-4xl: 80px;
	--rt-s-5xl: 120px;

	--rt-radius-sm: 10px;
	--rt-radius-md: 16px;
	--rt-radius-lg: 20px;
	--rt-radius-xl: 24px;

	font-family: var(--rt-f-body);
	color: var(--rt-g700);
}
.pg-rt *,
.pg-rt *::before,
.pg-rt *::after { box-sizing: border-box; }
.pg-rt img { max-width: 100%; display: block; }
.pg-rt a { color: inherit; }

/* ─── Shared layout utilities ──────────────────────────────────────── */
.pg-rt-container {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 48px;
}
.pg-rt-container--relative { position: relative; z-index: 2; }

.pg-rt-section { padding: 120px 0; position: relative;  }
.pg-rt-section--white { background-color: var(--rt-white); }
.pg-rt-section--alice { background-color: var(--rt-alice); }
.pg-rt-section--indigo { background-color: var(--rt-indigo); }
.pg-rt-section--proof {
	padding: 80px 0;
	background: linear-gradient(135deg, var(--rt-indigo) 0%, var(--rt-indigo-deep) 50%, var(--rt-indigo-dark) 100%);
}

.pg-rt-section__pattern {
	position: absolute;
	inset: 0;
	opacity: 0.04;
	background-image: radial-gradient(circle at 1.5px 1.5px, rgba(255,255,255,0.8) 1px, transparent 0);
	background-size: 28px 28px;
	pointer-events: none;
}

.pg-rt-section__head { margin-bottom: 60px; }
.pg-rt-section__head--center { text-align: center; }

.pg-rt-eyebrow {
    font-family: var(--f-heading) ;
    font-weight: 600 ;
    font-size: 16px ;
    color: var(--c-green) ;
    letter-spacing: 2.5px ;
    text-transform: uppercase ;
    margin-bottom: 8px ;
}
.pg-rt-eyebrow--green { color: var(--rt-emerald); }

.pg-rt-section__title {
	font-family: var(--rt-f-head);
	font-weight: 700;
	font-size: 42px;
	color: #424351;
	line-height: 1.15;
	margin: 0 0 20px;
	letter-spacing: -0.01em;
}
.pg-rt-section__title--white { color: var(--rt-white); }

.pg-rt-section__desc {
	font-family: var(--f-body) ;
    font-weight: 400 ;
    font-size: 18px ;
    line-height: 30px ;
    color: #374151 ;
	margin: 0 auto;
}
.pg-rt-section__head:not(.pg-rt-section__head--center) .pg-rt-section__desc { margin: 0; }
.pg-rt-section__desc--muted { color: rgba(255,255,255,0.65); }

/* ─── Buttons ──────────────────────────────────────────────────────── */
.pg-rt-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: var(--rt-f-head);
	font-weight: 600;
	font-size: 15px;
	padding: 15px 32px;
	border-radius: var(--rt-radius-sm);
	text-decoration: none;
	transition: all 0.3s cubic-bezier(.16,1,.3,1);
	min-height: 48px;
	cursor: pointer;
	border: 0;
}
.pg-rt-btn:focus-visible {
	outline: 2px solid var(--rt-emerald);
	outline-offset: 3px;
}
.pg-rt-btn--primary {
  font-family: var(--font-heading);
  font-size:18px;
	color: var(--rt-white) !important;
	background: linear-gradient(135deg, var(--rt-green) 0%, var(--rt-green-alt) 100%);
	box-shadow: 0 4px 24px rgba(14,107,59,0.3);
}
.pg-rt-btn--primary:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 32px rgba(14,107,59,0.4);
}
.pg-rt-btn--ghost {
  font-family: var(--font-heading);
  font-size:18px;
	color: rgba(255,255,255,0.85) !important;
	background-color: transparent;
	border: 1px solid rgba(255,255,255,0.15);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	padding: 15px 28px;
	font-weight: 500;
}
.pg-rt-btn--ghost:hover {
	background-color: rgba(255,255,255,0.08);
	border-color: rgba(255,255,255,0.25);
}


/* ════════════════════════════════════════════════════════════════════
   1. HERO
   ════════════════════════════════════════════════════════════════════ */
.pg-rt-hero {
	position: relative;
	min-height: 100vh;
	display: flex;
	align-items: center;
	background: linear-gradient(165deg, var(--rt-indigo) 0%, var(--rt-indigo-2) 35%, var(--rt-indigo-3) 65%, var(--rt-indigo-4) 100%);
	overflow: hidden;
}
.pg-rt-hero__orb-a,
.pg-rt-hero__orb-b {
	position: absolute;
	border-radius: 50%;
	filter: blur(80px);
	pointer-events: none;
}
.pg-rt-hero__orb-a {
	top: -20%;
	right: -15%;
	width: 800px;
	height: 800px;
	background: radial-gradient(circle, rgba(14,107,59,0.08) 0%, transparent 60%);
	animation: pgRtFloat1 12s ease-in-out infinite;
}
.pg-rt-hero__orb-b {
	bottom: -10%;
	left: -10%;
	width: 600px;
	height: 600px;
	background: radial-gradient(circle, rgba(74,130,255,0.06) 0%, transparent 60%);
	filter: blur(60px);
	animation: pgRtFloat2 10s ease-in-out infinite;
}
.pg-rt-hero__grid {
	position: absolute;
	inset: 0;
	opacity: 0.03;
	background-image:
		linear-gradient(rgba(255,255,255,0.4) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,0.4) 1px, transparent 1px);
	background-size: 80px 80px;
	pointer-events: none;
}
.pg-rt-hero__inner {
	max-width: 1400px;
	margin: 0 auto;
	padding: 160px 48px 100px;
	position: relative;
	z-index: 2;
	width: 100%;
}
.pg-rt-hero__grid-layout {
	display: grid;
	grid-template-columns: 1.1fr 1fr;
	gap: 80px;
	align-items: center;
}

.pg-rt-hero__tags {
	display: flex;
	gap: 8px;
	margin-bottom: 24px;
}
.pg-rt-tag {
	display: inline-flex;
	align-items: center;
	padding: 5px 12px;
	border-radius: 100px;
	font-family: var(--rt-f-head);
	font-weight: 600;
	font-size: 10px;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.pg-rt-tag--build {
	background-color: rgba(16,185,129,0.15);
	border: 1px solid rgba(16,185,129,0.25);
	color: var(--rt-emerald);
}
.pg-rt-tag--see {
	background-color: rgba(59,150,226,0.15);
	border: 1px solid rgba(59,150,226,0.25);
	color: rgba(59,150,226,0.9);
}

.pg-rt-hero__title {
	font-family: var(--rt-f-head);
	font-weight: 700;
	font-size: 56px;
	line-height: 1.08;
	color: var(--rt-white);
	margin: 0 0 24px;
	letter-spacing: -0.02em;
}
.pg-rt-hero__title-accent {
	background: linear-gradient(135deg, var(--rt-emerald) 0%, var(--rt-green) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.pg-rt-hero__desc {
	font-family: var(--rt-f-body);
	font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    color: #FFFFFFCC;
	max-width: 500px;
	margin: 0 0 32px;
}

.pg-rt-hero__ctas {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
}

.pg-rt-hero__media {
	position: relative;
}
.pg-rt-hero__main {
	width: 100%;
	aspect-ratio: 4 / 3.2;
	object-fit: cover;
	border-radius: var(--rt-radius-lg);
	box-shadow: 0 24px 64px rgba(0,0,0,0.3);
}
.pg-rt-hero__placeholder {
	width: 100%;
	aspect-ratio: 4 / 3.2;
	border-radius: var(--rt-radius-lg);
	background: linear-gradient(135deg, #3D4580, #252B55);
}

.pg-rt-hero__inset-wrap {
	position: absolute;
	bottom: -28px;
	left: -36px;
	width: 170px;
}
.pg-rt-hero__inset {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: var(--rt-radius-md);
	border: 4px solid rgba(35,39,85,0.95);
	box-shadow: 0 12px 40px rgba(0,0,0,0.25);
  border-radius: 20px;
}

.pg-rt-hero__stat-card {
	position: absolute;
	top: -16px;
	right: -16px;
	background-color: var(--rt-white);
	border-radius: var(--rt-radius-md);
	padding: 22px 26px;
	box-shadow: 0 12px 40px rgba(0,0,0,0.12);
	border: 1px solid rgba(14,107,59,0.1);
}
.pg-rt-hero__stat-value {
	font-family: var(--rt-f-head);
	font-weight: 800;
	font-size: 36px;
	background: linear-gradient(135deg, var(--rt-green) 0%, var(--rt-emerald) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	line-height: 1;
	margin-bottom: 4px;
}
.pg-rt-hero__stat-label {
	font-family: var(--rt-f-body);
	font-weight: 500;
	font-size: 14px;
	color: var(--rt-g600);
	margin-bottom: 2px;
}
.pg-rt-hero__stat-sub {
	font-family: var(--rt-f-body);
	font-weight: 300;
	font-size: 14px;
	color: var(--rt-g400);
}

.pg-rt-hero__pill {
	position: absolute;
	top: 20px;
	left: 20px;
	display: flex;
	align-items: center;
	gap: 6px;
	background-color: rgba(0,0,0,0.5);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	border-radius: 100px;
	padding: 6px 14px;
}
.pg-rt-hero__pill-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: var(--rt-emerald);
	animation: pgRtPulse 2s infinite;
}
.pg-rt-hero__pill-text {
	font-family: var(--rt-f-head);
	font-size: 10px;
	font-weight: 500;
	color: rgba(255,255,255,0.8);
	letter-spacing: 0.5px;
}

.pg-rt-hero__marquee {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(255,255,255,0.04);
	border-top: 1px solid rgba(255,255,255,0.06);
	padding: 14px 0;
	overflow: hidden;
}
.pg-rt-hero__marquee-track {
	display: flex;
	gap: 64px;
	animation: pgRtMarquee 30s linear infinite;
	white-space: nowrap;
	width: -webkit-max-content;
	width: max-content;
}
.pg-rt-hero__marquee-item {
	font-family: var(--rt-f-head);
	font-weight: 400;
	font-size: 16px;
	color: rgba(255,255,255);
	letter-spacing: 1.2px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
}
.pg-rt-hero__marquee-item svg {
	color: #10B981;
	opacity: 0.6;
	width: 20px;
	height: 20px;
}

@keyframes pgRtFloat1 {
	0%, 100% { transform: translate(0, 0); }
	50% { transform: translate(-40px, 30px); }
}
@keyframes pgRtFloat2 {
	0%, 100% { transform: translate(0, 0); }
	50% { transform: translate(30px, -25px); }
}
@keyframes pgRtMarquee {
	0% { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}
@keyframes pgRtPulse {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.6; }
}


/* ════════════════════════════════════════════════════════════════════
   2. PROBLEM (compare cards)
   ════════════════════════════════════════════════════════════════════ */
.pg-rt-compare-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px;
	margin-top: 40px;
}
.pg-rt-compare {
	padding: 32px;
	border-radius: var(--rt-radius-lg);
}
.pg-rt-compare--typical {
	background-color: var(--rt-g100);
	border: 1px solid var(--rt-g200);
}
.pg-rt-compare--rtaa {
	background: linear-gradient(135deg, var(--rt-alice) 0%, var(--rt-alice-alt) 100%);
	border: 3px solid var(--rt-green);
	position: relative;
}
.pg-rt-compare__title {
	font-family: var(--rt-f-head);
	font-weight: 700;
	font-size: 20px;
	color: var(--rt-g700);
	margin: 0 0 20px;
}
.pg-rt-compare--rtaa .pg-rt-compare__title { color: var(--rt-indigo); }

.pg-rt-compare__list {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.pg-rt-compare__item {
	display: flex;
	gap: 12px;
	font-family: var(--rt-f-body);
	font-size: 16px;
	line-height: 1.7;
	color: var(--rt-g600);
}
.pg-rt-compare--rtaa .pg-rt-compare__item { color: var(--rt-indigo); }
.pg-rt-compare__x {
	color: var(--rt-g400);
	font-family: var(--rt-f-head);
	font-weight: 700;
	font-size: 18px;
	line-height: 1;
	flex-shrink: 0;
}
.pg-rt-compare__check {
	color: var(--rt-green);
	font-family: var(--rt-f-head);
	font-weight: 700;
	font-size: 18px;
	line-height: 1;
	flex-shrink: 0;
}


/* ════════════════════════════════════════════════════════════════════
   3. CAPABILITIES (5 hoverable cards)
   ════════════════════════════════════════════════════════════════════ */
.pg-rt-caps {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 24px;
}
.pg-rt-cap-card {
	padding: 28px 22px;
	border-radius: var(--rt-radius-md);
	background-color: var(--rt-alice);
	border: 1px solid var(--rt-g200);
	transition: all 0.35s cubic-bezier(.16,1,.3,1);
	cursor: default;
}
.bg-white{background-color:#ffffff;}
.pg-rt-cap-card.bg-white{background-color:#ffffff;}
.pg-rt-cap-card:hover,
.pg-rt-cap-card:focus-within {
	background-color: var(--rt-indigo);
	border-color: transparent;
	transform: translateY(-4px);
	box-shadow: 0 12px 40px rgba(35,39,85,0.15);
}
.pg-rt-cap-card__icon {
	color: var(--rt-g400);
	margin-bottom: 16px;
	transition: color 0.35s;
}
.pg-rt-cap-card:hover .pg-rt-cap-card__icon {
	color: var(--rt-emerald);
}
.pg-rt-cap-card__tag {
	display: block;
	font-family: var(--rt-f-head);
	font-weight: 600;
	font-size: 16px;
	color: var(--rt-green);
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom: 8px;
	transition: color 0.35s;
}
.pg-rt-cap-card:hover .pg-rt-cap-card__tag { color: var(--rt-emerald); }
.pg-rt-cap-card__title {
	font-family: var(--rt-f-head);
	font-weight: 700;
	font-size: 20px;
	color: rgb(66, 67, 81);
	margin: 0 0 12px;
	transition: color 0.35s;
}
.pg-rt-cap-card:hover .pg-rt-cap-card__title { color: var(--rt-white); }
.pg-rt-cap-card__desc {
	font-family: var(--rt-f-body);
	font-weight: 400;
	font-size: 16px;
	line-height: 23px;
	color: var(--rt-g600);
	margin: 0;
	transition: color 0.35s;
}
.pg-rt-cap-card:hover .pg-rt-cap-card__desc { color: rgba(255,255,255,0.75); }


/* ════════════════════════════════════════════════════════════════════
   4. HOW IT WORKS (sticky-left + numbered steps)
   ════════════════════════════════════════════════════════════════════ */
.pg-rt-hiw {
	display: grid;
	grid-template-columns: 1fr 1.2fr;
	gap: 80px;
	align-items: flex-start;
}
.pg-rt-hiw__left {
	position: sticky;
	top: 120px;
}
.pg-rt-hiw__left .pg-rt-section__desc { max-width: none; }
.pg-rt-hiw__steps {
	display: flex;
	flex-direction: column;
	gap: 28px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.pg-rt-hiw-step {
	display: flex;
	gap: 24px;
}
.pg-rt-hiw-step__num {
	min-width: 48px;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--rt-green) 0%, var(--rt-green-alt) 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--rt-f-head);
	font-weight: 700;
	font-size: 20px;
	color: var(--rt-white);
	flex-shrink: 0;
}
.pg-rt-hiw-step__body { flex: 1; }
.pg-rt-hiw-step__title {
	font-family: var(--rt-f-head);
	font-weight: 700;
	font-size: 18px;
	color: var(--rt-indigo);
	margin: 0 0 8px;
}
.pg-rt-hiw-step__desc {
	font-family: var(--rt-f-body);
	font-weight: 400;
	font-size: 16px;
	color: var(--rt-g600);
	line-height: 23px;
	margin: 0;
}


/* ════════════════════════════════════════════════════════════════════
   5. QEVAL LOOP (dark indigo, 4 cards)
   ════════════════════════════════════════════════════════════════════ */
.pg-rt-qeval-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin-top: 40px;
}
.pg-rt-qeval-card {
	padding: 32px;
	border-radius: var(--rt-radius-md);
	background-color: rgba(255,255,255,0.05);
	border: 1px solid rgba(255,255,255,0.1);
	transition: all 0.3s ease;
}
.pg-rt-qeval-card:hover {
	background-color: rgba(255,255,255,0.08);
	transform: translateY(-2px);
}
.pg-rt-qeval-card__icon {
	color: var(--rt-emerald);
	margin-bottom: 16px;
}
.pg-rt-qeval-card__title {
	font-family: var(--rt-f-head);
	font-weight: 700;
	font-size: 20px;
	color: var(--rt-white);
	margin: 0 0 12px;
}
.pg-rt-qeval-card__desc {
	font-family: var(--rt-f-body);
	font-weight: 400;
	font-size: 16px;
	color: rgba(255,255,255,0.6);
	line-height: 23px;
	margin: 0;
}


/* ════════════════════════════════════════════════════════════════════
   6. PROOF BAND (5 counters)
   ════════════════════════════════════════════════════════════════════ */
.pg-rt-proof-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 40px;
	text-align: center;
}
.pg-rt-proof-item__value {
	font-family: var(--rt-f-head);
	font-weight: 800;
	font-size: 44px;
	background: linear-gradient(135deg, #FFFFFF 0%, rgba(255,255,255,0.7) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	margin-bottom: 6px;
	line-height: 1;
}
.pg-rt-proof-item__label {
	font-family: var(--rt-f-head);
	font-weight: 600;
	font-size: 16px;
	color: rgba(255,255,255,0.7);
	margin-bottom: 4px;
}
.pg-rt-proof-item__detail {
	font-family: var(--rt-f-body);
	font-weight: 400;
	font-size: 16px;
	color: rgba(255,255,255,0.35);
}


/* ════════════════════════════════════════════════════════════════════
   7. FULL STACK ADVANTAGE (dark card inside alice bg)
   ════════════════════════════════════════════════════════════════════ */
.pg-rt-fsa {
	background-color: var(--rt-indigo);
	border-radius: var(--rt-radius-xl);
	padding: 60px 48px;
	position: relative;
	overflow: hidden;
}
.pg-rt-fsa__pattern {
	position: absolute;
	inset: 0;
	opacity: 0.04;
	background-image: radial-gradient(circle at 1.5px 1.5px, rgba(255,255,255,0.8) 1px, transparent 0);
	background-size: 28px 28px;
	pointer-events: none;
}
.pg-rt-fsa__inner { position: relative; z-index: 2; }
.pg-rt-fsa .pg-rt-section__title { margin-bottom: 24px; }
.pg-rt-fsa .pg-rt-section__desc {
	max-width: 700px;
	margin: 0 0 32px;
	font-size: 16px;
}

.pg-rt-fsa__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}
.pg-rt-fsa-card {
	padding: 24px;
	border-radius: var(--rt-radius-md);
	background-color: rgba(255,255,255,0.05);
	border: 1px solid rgba(255,255,255,0.1);
	transition: all 0.3s ease;
}
.pg-rt-fsa-card:hover {
	background-color: rgba(255,255,255,0.08);
}
.pg-rt-fsa-card__tag {
	display: block;
	font-family: var(--rt-f-head);
	font-weight: 600;
	font-size: 16px;
	color: var(--rt-emerald);
	letter-spacing: 1.5px;
	text-transform: uppercase;
	margin-bottom: 8px;
}
.pg-rt-fsa-card__title {
	font-family: var(--rt-f-head);
	font-weight: 700;
	font-size: 18px;
	color: var(--rt-white);
	margin: 0 0 8px;
}
.pg-rt-fsa-card__desc {
	font-family: var(--rt-f-body);
	font-weight: 400;
	font-size: 16px;
	color: rgba(255,255,255,0.6);
	line-height: 23px;
	margin: 0;
}


/* ════════════════════════════════════════════════════════════════════
   8. RUN / SEE / BUILD (3 pillar cards)
   ════════════════════════════════════════════════════════════════════ */
.pg-rt-rsb-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 32px;
}
.pg-rt-rsb-card {
	padding: 40px;
	border-radius: var(--rt-radius-lg);
	background-color: var(--rt-alice);
	border: 1px solid var(--rt-g200);
	transition: all 0.3s cubic-bezier(.16,1,.3,1);
}
.pg-rt-rsb-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 40px rgba(35,39,85,0.08);
}
.pg-rt-rsb-card__pillar {
	display: block;
	font-family: var(--rt-f-head);
	font-weight: 600;
	font-size: 16px;
	color: var(--rt-green);
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom: 12px;
}
.pg-rt-rsb-card__title {
	font-family: var(--rt-f-head);
	font-weight: 700;
	font-size: 20px;
	color: rgb(66, 67, 81);
	margin: 0 0 16px;
}
.pg-rt-rsb-card__desc {
	font-family: var(--rt-f-body);
	font-weight: 400;
	font-size: 16px;
	color: var(--rt-g600);
	line-height: 23px;
	margin: 0;
}


/* ════════════════════════════════════════════════════════════════════
   9. CTA (dark indigo split + 3 mini stats + image)
   ════════════════════════════════════════════════════════════════════ */
.pg-rt-cta {
	background-color: var(--rt-indigo);
	padding: 120px 0;
	position: relative;
	overflow: hidden;
}
.pg-rt-cta.rtaa-cta-sec{
  display:block!important;
}
.pg-rt-cta__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	align-items: center;
}
.pg-rt-cta__title {
	font-family: var(--rt-f-head);
	font-weight: 700;
	font-size: 42px;
	color: var(--rt-white);
	line-height: 1.15;
	margin: 0 0 24px;
	letter-spacing: -0.01em;
}
.pg-rt-cta__desc {
	font-family: var(--rt-f-body);
	font-weight: 400;
	font-size: 16px;
	color: rgba(255,255,255,0.7);
	line-height: 23px;
	margin: 0 0 32px;
}
.pg-rt-cta__actions {
	display: flex;
	gap: 14px;
	margin-bottom: 40px;
	flex-wrap: wrap;
}
.pg-rt-cta__stats {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}
.pg-rt-cta-stat__value {
	font-family: var(--rt-f-head);
	font-weight: 800;
	font-size: 28px;
	color: var(--rt-emerald);
	margin-bottom: 4px;
	line-height: 1;
}
.pg-rt-cta-stat__label {
	font-family: var(--rt-f-body);
	font-weight: 400;
	font-size: 16px;
	color: rgba(255,255,255,0.5);
}

.pg-rt-cta__img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: var(--rt-radius-lg);
	box-shadow: 0 24px 64px rgba(0,0,0,0.3);
}


/* ════════════════════════════════════════════════════════════════════
   RESPONSIVE — Tablet (768–1199)
   ════════════════════════════════════════════════════════════════════ */
@media (max-width: 1199px) {
	.pg-rt-container { padding: 0 32px; }
	.pg-rt-section { padding: 80px 0; }
	.pg-rt-hero__inner { padding: 140px 32px 130px; }
	.pg-rt-hero__grid-layout { grid-template-columns: 1fr; gap: 48px; }
	.pg-rt-hero__title { font-size: 44px; }
	.pg-rt-section__title { font-size: 34px; }
	.pg-rt-cta__title { font-size: 34px; }

	.pg-rt-caps { grid-template-columns: repeat(3, 1fr); }
	.pg-rt-cap-card:nth-child(4),
	.pg-rt-cap-card:nth-child(5) { grid-column: span 1; }

	.pg-rt-hiw {
		grid-template-columns: 1fr;
		gap: 48px;
	}
	.pg-rt-hiw__left { position: static; }

	.pg-rt-qeval-grid { grid-template-columns: repeat(2, 1fr); }
	.pg-rt-proof-grid { grid-template-columns: repeat(3, 1fr); gap: 32px; }
	.pg-rt-fsa { padding: 48px 32px; }
	.pg-rt-fsa__grid { grid-template-columns: 1fr; gap: 16px; }
	.pg-rt-cta__grid { grid-template-columns: 1fr; gap: 48px; }
}

/* ════════════════════════════════════════════════════════════════════
   RESPONSIVE — Mobile (<768)
   ════════════════════════════════════════════════════════════════════ */
@media (max-width: 1024px){
    .pg-rt-caps {
        grid-template-columns: repeat(2, 1fr);
    }
    .pg-rt-rsb-grid{
        grid-template-columns: repeat(2, 1fr);
    }
}
/* ════════════════════════════════════════════════════════════════════
   RESPONSIVE — Mobile (<768)
   ════════════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
	.pg-rt-container { padding: 0 20px; }
	.pg-rt-section { padding: 64px 0; }

	.pg-rt-hero__inner { padding: 120px 20px 64px; }
	.pg-rt-hero__title { font-size: 34px; }
	.pg-rt-hero__desc { font-size: 15px; }
	.pg-rt-hero__inset-wrap { display: none; }
	.pg-rt-hero__stat-card {
		position: static;
		margin-top: 16px;
		display: inline-block;
	}

	.pg-rt-section__title { font-size: 26px; }
	.pg-rt-section__desc { font-size: 15px; }
	.pg-rt-section__head { margin-bottom: 40px; }

	.pg-rt-compare-grid { grid-template-columns: 1fr; gap: 16px; }
	.pg-rt-caps { grid-template-columns: 1fr; }
	.pg-rt-qeval-grid { grid-template-columns: 1fr; }
	.pg-rt-proof-grid { grid-template-columns: repeat(1, 1fr); gap: 24px; }
	.pg-rt-proof-item__value { font-size: 32px; }
	.pg-rt-rsb-grid { grid-template-columns: 1fr; }
	.pg-rt-rsb-card { padding: 28px; }
	.pg-rt-fsa { padding: 32px 20px; }
	.pg-rt-fsa .pg-rt-section__title { font-size: 24px; }
	.pg-rt-cta { padding: 64px 0; }
	.pg-rt-cta__title { font-size: 26px; }
	.pg-rt-cta__stats { grid-template-columns: 1fr; gap: 16px; }
	.pg-rt-cta-stat__value { font-size: 24px; }

	.pg-rt-btn { font-size: 14px; padding: 14px 24px; }
	.pg-rt-btn--ghost { padding: 14px 20px; }
}
@media (max-width: 767px) {
    .pg-rt-hero__inset-wrap {
       display:block;
       position:relative;
       left:0px;bottom:0px;
       margin-top:10px;
    }
    .pg-rt-hero__stat-card{padding:15px;}
}
/* ════════════════════════════════════════════════════════════════════
   REDUCED MOTION
   ════════════════════════════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
	.pg-rt *,
	.pg-rt *::before,
	.pg-rt *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
	.pg-rt-hero__orb-a,
	.pg-rt-hero__orb-b,
	.pg-rt-hero__pill-dot { animation: none; }
	.pg-rt-hero__marquee-track { animation: none; }
}

/* ════════════════════════════════════════════════════════════
   TELECOM PAGE  —  pg-tel-*
   Appended to inner-pages.css
   No inline styles. Cross-browser: Chrome, Firefox, Safari, Edge.
   Responsive: 320-767 (mobile) · 768-1199 (tablet) · 1200+ (desktop)
   ════════════════════════════════════════════════════════════ */

/* ────────────────────────────────────────────────────────────
   1. HERO
   ──────────────────────────────────────────────────────────── */
.pg-tel-hero__grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 80px;
  align-items: center;
}
.pg-tel-hero__desc { max-width: 540px; margin-left: inherit;}

.pg-tel-hero__photo {
  position: relative;
  border-radius: 20px;
  aspect-ratio: 4 / 3.2;
  overflow: visible !important;
}
.pg-tel-hero__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 20px;
}

/* Floats */
.pg-tel-hero__float {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  border-radius: 14px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
  z-index: 4;
}
.pg-tel-hero__float--bl {
  bottom: -28px;
  left: -20px;
  padding: 22px 26px;
}
.pg-tel-hero__float-n {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 36px;
  line-height: 1;
}
.pg-tel-hero__float-l {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g500);
  margin-top: 4px;
}
.pg-tel-hero__float--tr {
  top: 20px;
  right: -16px;
  padding: 14px 18px;
  border-radius: 12px;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08);
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 8px;
}
.pg-tel-hero__pulse {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #10B981;
  -webkit-animation: pg-tel-pulse 2s ease-in-out infinite;
          animation: pg-tel-pulse 2s ease-in-out infinite;
  flex-shrink: 0;
}
@-webkit-keyframes pg-tel-pulse { 0%,100%{opacity:1}50%{opacity:0.6} }
@keyframes         pg-tel-pulse { 0%,100%{opacity:1}50%{opacity:0.6} }
.pg-tel-hero__float-badge {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 12px;
  color: #374151;
  white-space: nowrap;
}

/* Bottom stat bar */
.pg-tel-hero__statbar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.04);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  padding: 14px 0;
}
.pg-tel-hero__statbar-inner {
  display: -webkit-flex;
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
}
.pg-tel-hero__stat { text-align: center; }
.pg-tel-hero__stat-n {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 18px;
  color: var(--c-white);
}
.pg-tel-hero__stat-l {
  font-family: var(--f-body);
  font-size: 16px;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 4px;
}

/* ────────────────────────────────────────────────────────────
   2. BUYER VOICE
   ──────────────────────────────────────────────────────────── */
.pg-tel-buyer__grid {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: 64px;
  align-items: flex-start;
}
.pg-tel-buyer__quotes { display: flex; flex-direction: column; gap: 14px; }
.pg-tel-buyer__quote {
  padding: 22px 26px;
  background-color: var(--c-alice);
  border-radius: 14px;
  border-left: 3px solid var(--c-green);
  margin: 0;
}
.pg-tel-buyer__quote-text {
  font-family: var(--f-body);
  font-style: italic;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  color: var(--c-g700);
  margin: 0 0 10px;
}
.pg-tel-buyer__quote-attr {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  color: var(--c-g500);
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

/* ────────────────────────────────────────────────────────────
   3. TENURE / TIMELINE
   ──────────────────────────────────────────────────────────── */
.pg-tel-tenure__header-grid {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: 64px;
  align-items: center;
  margin-bottom: 48px;
}
.pg-tel-tenure__timeline {
  position: relative;
  padding-top: 40px;
  padding-bottom: 10px;
  overflow: hidden;
}
.pg-tel-tenure__line {
  position: absolute;
  top: 64px;
  left: 4%;
  width: 92%;
  height: 2px;
  background: linear-gradient(to right, var(--c-green) 0%, #10B981 100%);
  opacity: 0.9;
}
.pg-tel-tenure__nodes {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 12px;
}
.pg-tel-tenure__node {
  text-align: center;
  position: relative;
  padding-top: 18px;
}
.pg-tel-tenure__node-dot {
  position: absolute;
  top: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: linear-gradient(135deg, #10B981, var(--c-green));
  box-shadow: 0 4px 12px rgba(14, 107, 59, 0.3);
  border: 3px solid var(--c-white);
}
.pg-tel-tenure__node-year {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 22px;
  color: rgb(66, 67, 81);
  margin-top: 36px;
  margin-bottom: 10px;
}
.pg-tel-tenure__node-label {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.55;
  color: var(--c-g600);
  padding: 0 8px;
  margin: 0;
}

/* ────────────────────────────────────────────────────────────
   4. PROGRAMS (8 cards, 4-col)
   ──────────────────────────────────────────────────────────── */
.pg-tel-programs__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.pg-tel-programs__card {
  padding: 30px 26px;
  border-radius: 16px;
  background-color: var(--c-alice);
  border: 1px solid var(--c-g200);
  height: 100%;
  cursor: default;
  transition: background-color 0.35s cubic-bezier(.16,1,.3,1),
              -webkit-transform  0.35s cubic-bezier(.16,1,.3,1),
              transform          0.35s cubic-bezier(.16,1,.3,1),
              box-shadow         0.35s cubic-bezier(.16,1,.3,1);
}
.pg-tel-programs__card:hover {
  background-color: var(--c-indigo);
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(35, 39, 85, 0.14);
}
.pg-tel-programs__card-tag {
  display: inline-block;
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  color: var(--c-green);
  background-color: rgba(14, 107, 59, 0.08);
  padding: 3px 10px;
  border-radius: 100px;
  letter-spacing: 1px;
  margin-bottom: 16px;
  transition: color 0.35s, background-color 0.35s;
}
.pg-tel-programs__card:hover .pg-tel-programs__card-tag {
  color: #10B981;
  background-color: rgba(16, 185, 129, 0.14);
}
.pg-tel-programs__card-title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
  color:rgb(66, 67, 81);
  margin: 0 0 10px;
  transition: color 0.35s;
}
.pg-tel-programs__card:hover .pg-tel-programs__card-title { color: var(--c-white); }
.pg-tel-programs__card-desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  color: var(--c-g500);
  margin: 0;
  transition: color 0.35s;
}
.pg-tel-programs__card:hover .pg-tel-programs__card-desc { color: rgba(255,255,255,0.65); }

/* ────────────────────────────────────────────────────────────
   5. B2B DISCIPLINE
   ──────────────────────────────────────────────────────────── */
.pg-tel-b2b {
  background: linear-gradient(135deg, var(--c-alice) 0%, #E8F5E9 100%);
}
.pg-tel-b2b__grid {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: 72px;
  align-items: center;
}
.pg-tel-b2b__segments { display: flex; flex-direction: column; gap: 14px; margin-top: 24px; }
.pg-tel-b2b__segment {
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 18px 20px;
  background-color: var(--c-white);
  border-radius: 12px;
  border: 1px solid rgba(14, 107, 59, 0.15);
}
.pg-tel-b2b__segment-icon {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: linear-gradient(135deg, var(--c-green), #10B981);
  flex-shrink: 0;
}
.pg-tel-b2b__segment-title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 16px;
  color: rgb(66, 67, 81);
  margin: 0 0 4px;
}
.pg-tel-b2b__segment-desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.65;
  color: var(--c-g500);
  margin: 0;
}
/* CC methodology card */
.pg-tel-b2b__cc-card {
  background-color: var(--c-white);
  border-radius: 20px;
  padding: 40px 38px;
  border: 1px solid var(--c-g200);
  box-shadow: 0 12px 56px rgba(35, 39, 85, 0.07);
}
.pg-tel-b2b__cc-title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 24px;
  line-height: 1.25;
  color: rgb(66, 67, 81);
  margin: 0 0 18px;
}
.pg-tel-b2b__cc-desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.75;
  color: var(--c-g600);
  margin: 0 0 26px;
}
.pg-tel-b2b__cc-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 24px;
}
.pg-tel-b2b__cc-stat {
  padding: 18px 14px;
  background-color: var(--c-alice);
  border-radius: 12px;
  text-align: center;
}
.pg-tel-b2b__cc-stat-n {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 24px;
  color: rgb(66, 67, 81);
}
.pg-tel-b2b__cc-stat-l {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: var(--c-g500);
  margin-top: 2px;
}
.pg-tel-b2b__pathway-label { margin-top: 0; margin-bottom: 10px; }
.pg-tel-b2b__pathway-desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.75;
  color: rgb(107, 114, 128);
  margin: 0;
}

/* ────────────────────────────────────────────────────────────
   6. RESULTS BAND (dark)
   ──────────────────────────────────────────────────────────── */
.pg-tel-results__grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
}
.pg-tel-results__card {
  padding: 28px 22px;
  background-color: rgba(255, 255, 255, 0.04);
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  text-align: center;
  height: 100%;
}
.pg-tel-results__value {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 44px;
  margin-bottom: 10px;
  letter-spacing: -0.02em;
  line-height: 1;
}
.pg-tel-results__label {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  color: var(--c-white);
  margin-bottom: 6px;
  line-height: 1.3;
}
.pg-tel-results__sub {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.4);
  line-height: 1.55;
}
/* ep-section__eyebrow--emerald modifier */
.ep-section__eyebrow--emerald { color: #10B981; }
/* ep-section__title--light modifier */
.ep-section__title--light { color: var(--c-white); }
/* ep-section__desc--light modifier */
.ep-section__desc--light { color: rgba(255, 255, 255, 0.55); }

/* ────────────────────────────────────────────────────────────
   7. COMPLIANCE
   ──────────────────────────────────────────────────────────── */
.pg-tel-compliance__grid {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: 72px;
  align-items: start;
}
.pg-tel-compliance__link {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  color: var(--c-green);
  text-decoration: none;
  display: -webkit-inline-flex;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}
.pg-tel-compliance__link:hover { opacity: 0.88; }
.pg-tel-compliance__certs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.pg-tel-compliance__cert {
  padding: 22px;
  border-radius: 14px;
  background-color: var(--c-alice);
  border: 1px solid var(--c-g200);
  display: -webkit-flex;
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.pg-tel-compliance__cert-icon {
  width: 34px;
  height: 34px;
  min-width: 34px;
  border-radius: 8px;
  background: linear-gradient(135deg, var(--c-green), #10B981);
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.pg-tel-compliance__cert-title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
  color: rgb(66, 67, 81);
  margin: 0 0 6px;
}
.pg-tel-compliance__cert-desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.65;
  color: var(--c-g500);
  margin: 0;
}

/* ────────────────────────────────────────────────────────────
   8. TENURE COMPARE
   ──────────────────────────────────────────────────────────── */
.pg-tel-compare__cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}
.pg-tel-compare__col {
  padding: 36px 34px;
  border-radius: 20px;
  height: 100%;
}
.pg-tel-compare__col--etech {
  background: linear-gradient(135deg, var(--c-alice) 0%, #E8F5E9 100%);
  border-left: 3px solid var(--c-green);
  border: 1px solid rgba(14, 107, 59, 0.18);
}
.pg-tel-compare__col--bpo {
  background: linear-gradient(135deg, var(--c-white) 0%, var(--c-g100) 100%);
  border-left: 3px solid var(--c-g300);
  border: 1px solid var(--c-g200);
}
.pg-tel-compare__col-eyebrow {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 18px;
}
.pg-tel-compare__col--etech .pg-tel-compare__col-eyebrow { color: var(--c-green); }
.pg-tel-compare__col--bpo   .pg-tel-compare__col-eyebrow { color: rgb(107, 114, 128); }
.pg-tel-compare__row {
  display: -webkit-flex;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 14px 0;
  border-bottom: 1px solid transparent;
}
.pg-tel-compare__col--etech .pg-tel-compare__row { border-bottom-color: rgba(14,107,59,0.12); }
.pg-tel-compare__col--bpo   .pg-tel-compare__row { border-bottom-color: var(--c-g200); }
.pg-tel-compare__row-l {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
}
.pg-tel-compare__col--etech .pg-tel-compare__row-l { color: var(--c-g700); }
.pg-tel-compare__col--bpo   .pg-tel-compare__row-l { color: var(--c-g600); }
.pg-tel-compare__row-n {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 20px;
  white-space: nowrap;
  margin-left: 16px;
}
.pg-tel-compare__col--etech .pg-tel-compare__row-n {     color: rgb(66, 67, 81); }
.pg-tel-compare__col--bpo   .pg-tel-compare__row-n { color: var(--c-g600); font-weight: 700; }

/* ────────────────────────────────────────────────────────────
   9. PLATFORM (QEval + RTAA)
   ──────────────────────────────────────────────────────────── */
.pg-tel-platform__grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 72px;
  align-items: center;
}
.pg-tel-platform__features { display: flex; flex-direction: column; gap: 20px; margin-top: 24px; }
.pg-tel-platform__feature {
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.pg-tel-platform__feature-dot {
  width: 6px;
  height: 6px;
  min-width: 6px;
  border-radius: 50%;
  background-color: #10B981;
  margin-top: 10px;
  flex-shrink: 0;
}
.pg-tel-platform__feature-title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 16px;
  color:rgb(66, 67, 81);
  margin: 0 0 4px;
}
.pg-tel-platform__feature-desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  color: var(--c-g500);
  margin: 0;
}
.pg-tel-platform__links {
  display: -webkit-flex;
  display: flex;
  gap: 22px;
  margin-top: 32px;
}
.pg-tel-platform__link {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  color: var(--c-green);
  text-decoration: none;
}
.pg-tel-platform__link:hover { opacity: 0.88; }
.pg-tel-platform__photo {
  position: relative;
  border-radius: 20px;
  aspect-ratio: 4 / 3.4;
  overflow: visible !important;
}
.pg-tel-platform__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
  display: block;
}
.pg-tel-platform__award {
  position: absolute;
  bottom: -30px;
  right: -20px;
  background-color: var(--c-white);
  border-radius: 16px;
  padding: 22px 26px;
  box-shadow: 0 16px 44px rgba(35, 39, 85, 0.12);
  border: 1px solid var(--c-g200);
  max-width: 280px;
  z-index: 4;
}
.pg-tel-platform__award-label {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  color: var(--c-green);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0 0 8px;
}
.pg-tel-platform__award-text {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 16px;
  color: rgb(66, 67, 81);
  line-height: 1.35;
  margin: 0;
}

/* ────────────────────────────────────────────────────────────
   10. PLATFORM COUNTER
   ──────────────────────────────────────────────────────────── */
.pg-tel-plcounter__card {
  padding: 48px 52px;
  background-color: var(--c-white);
  border-radius: 24px;
  border: 1px solid var(--c-g200);
  box-shadow: 0 12px 56px rgba(35, 39, 85, 0.05);
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: 56px;
  align-items: center;
}
.pg-tel-plcounter__rows { display: flex; flex-direction: column; gap: 0; }
.pg-tel-plcounter__row {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 20px;
  padding: 14px 0;
  border-bottom: 1px dashed var(--c-g200);
}
.pg-tel-plcounter__row:last-child { border-bottom: none; }
.pg-tel-plcounter__row-title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 16px;
  color: rgb(66, 67, 81);
  margin: 0;
}
.pg-tel-plcounter__row-desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.65;
  color: var(--c-g500);
  margin: 0;
}

/* ────────────────────────────────────────────────────────────
   11. CASE STUDY
   ──────────────────────────────────────────────────────────── */
.pg-tel-case__card {
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 16px 48px rgba(35, 39, 85, 0.08);
  border: 1px solid var(--c-g200);
}
.pg-tel-case__header {
  background-color: var(--c-indigo);
  padding: 26px 40px;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
}
.pg-tel-case__header-eyebrow {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  color: #10B981;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0 0 4px;
}
.pg-tel-case__header-desc {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 18px;
  color: var(--c-white);
  margin: 0;
}
.pg-tel-case__header-stats {
  display: -webkit-flex;
  display: flex;
  gap: 28px;
}
.pg-tel-case__header-stat { text-align: right; }
.pg-tel-case__header-stat-n {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 22px;
  color: #10B981;
}
.pg-tel-case__header-stat-l {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.5);
}
.pg-tel-case__body {
  background-color: var(--c-white);
  padding: 42px 48px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
.pg-tel-case__col-heading {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 16px;
  color: var(--c-green);
  margin: 0 0 10px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}
.pg-tel-case__col-body {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.75;
  color: var(--c-g600);
  margin: 0;
}

/* ────────────────────────────────────────────────────────────
   12. RSB
   ──────────────────────────────────────────────────────────── */
.pg-tel-rsb__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.pg-tel-rsb__card {
  padding: 36px 32px;
  border-radius: 20px;
  background-color: var(--c-white);
  border: 1px solid var(--c-g200);
  height: 100%;
  transition: -webkit-transform 0.35s cubic-bezier(.16,1,.3,1), transform 0.35s cubic-bezier(.16,1,.3,1), box-shadow 0.35s;
}
.pg-tel-rsb__card:hover {
  -webkit-transform: translateY(-6px);
          transform: translateY(-6px);
  box-shadow: 0 18px 54px rgba(35, 39, 85, 0.1);
}
.pg-tel-rsb__card-tag {
  display: -webkit-inline-flex;
  display: inline-flex;
  padding: 5px 12px;
  border-radius: 100px;
  background-color: rgba(14, 107, 59, 0.08);
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 16px;
  color: var(--c-green);
  letter-spacing: 2px;
  margin-bottom: 22px;
}
.pg-tel-rsb__card-title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 20px;
  line-height: 1.25;
  color: rgb(66, 67, 81);
  margin: 0 0 14px;
}
.pg-tel-rsb__card-desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.75;
  color: var(--c-g500);
  margin: 0;
}

/* ────────────────────────────────────────────────────────────
   13. FOOTPRINT
   ──────────────────────────────────────────────────────────── */
.pg-tel-footprint__grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 18px;
}
.pg-tel-footprint__site {
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid var(--c-g200);
  background-color: var(--c-white);
  height: 100%;
  transition: -webkit-transform 0.35s, transform 0.35s, box-shadow 0.35s;
}
.pg-tel-footprint__site:hover {
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
  box-shadow: 0 14px 40px rgba(35, 39, 85, 0.08);
}
.pg-tel-footprint__site-thumb {
  aspect-ratio: 16 / 7;
  overflow: hidden;
}
.pg-tel-footprint__site-thumb img,
.pg-tel-footprint__site-thumb .ep-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 0;
}
.pg-tel-footprint__site-body { padding: 22px 24px; }
.pg-tel-footprint__site-type {
  font-family: var(--f-heading);
  font-weight: 600;
  font-size: 16px;
  color: var(--c-green);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0 0 8px;
}
.pg-tel-footprint__site-loc {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 18px;
  color: rgb(66, 67, 81);
  margin: 0 0 8px;
}
.pg-tel-footprint__site-desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  color:rgb(107, 114, 128);
  margin: 0;
}

/* ────────────────────────────────────────────────────────────
   14. STABILITY (dark)
   ──────────────────────────────────────────────────────────── */
.pg-tel-stability__stats {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  gap: 48px;
  flex-wrap: wrap;
  margin-top: 30px;
}
.pg-tel-stability__stat { text-align: center; }
.pg-tel-stability__stat-n {
  font-family: var(--f-heading);
  font-weight: 800;
  font-size: 28px;
  color: var(--c-white);
}
.pg-tel-stability__stat-l {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.5);
}

/* ────────────────────────────────────────────────────────────
   15. CTA (dark split)
   ──────────────────────────────────────────────────────────── */
.pg-tel-cta__card {
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(35, 39, 85, 0.1);
  display: grid;
  grid-template-columns: 1.1fr 1fr;
}
.pg-tel-cta__copy {
  background: linear-gradient(135deg, var(--c-indigo) 0%, #1a1f45 100%);
  padding: 64px 56px;
  color: var(--c-white);
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pg-tel-cta__title {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 40px;
  line-height: 1.2;
  color: var(--c-white);
  margin: 0 0 22px;
  letter-spacing: -0.01em;
}
.pg-tel-cta__desc {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 18px;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.6);
  margin: 0 0 34px;
}
.pg-tel-cta__media {
  overflow: hidden;
  min-height: 400px;
}
.pg-tel-cta__media img,
.pg-tel-cta__media .ep-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 0;
}

/* ════════════════════════════════════════════════════════════
   RESPONSIVE — TABLET  768–1199px
   ════════════════════════════════════════════════════════════ */
@media (max-width: 1199px) {
  /* Hero */
  .pg-tel-hero__grid           { grid-template-columns: 1fr; gap: 48px; }
  .pg-tel-hero__float--bl      { display: block; }
  .pg-tel-hero__float--tr      { top: 12px; right: 12px; }
  .pg-tel-hero__desc           { max-width: 100%; }

  /* BuyerVoice */
  .pg-tel-buyer__grid          { grid-template-columns: 1fr; gap: 40px; }

  /* Timeline */
  .pg-tel-tenure__header-grid  { grid-template-columns: 1fr; gap: 20px; }
  .pg-tel-tenure__nodes        { grid-template-columns: repeat(3, 1fr); gap:12px 0px;}
  .pg-tel-tenure__node         {border-top:2px solid #0E6B3B;}

  /* Programs: 2-col */
  .pg-tel-programs__grid       { grid-template-columns: repeat(2, 1fr); }

  /* B2B */
  .pg-tel-b2b__grid            { grid-template-columns: 1fr; gap: 40px; }

  /* Results: 3-col */
  .pg-tel-results__grid        { grid-template-columns: repeat(3, 1fr); }

  /* Compliance */
  .pg-tel-compliance__grid     { grid-template-columns: 1fr; gap: 40px; }

  /* TenureCompare: stack */
  .pg-tel-compare__cols        { grid-template-columns: 1fr; }

  /* Platform */
  .pg-tel-platform__grid       { grid-template-columns: 1fr; gap: 48px; }
  .pg-tel-platform__award      { display: none; }

  /* PlatCounter */
  .pg-tel-plcounter__card      { grid-template-columns: 1fr; gap: 32px; padding: 32px; }
  .pg-tel-plcounter__row       { grid-template-columns: 180px 1fr; }

  /* Case Study body: stack */
  .pg-tel-case__body           { grid-template-columns: 1fr; gap: 24px; padding: 28px; }

  /* RSB */
  .pg-tel-rsb__grid            { grid-template-columns: 1fr; }

  /* Footprint */
  .pg-tel-footprint__grid      { grid-template-columns: 1fr 1fr; }

  /* CTA: stack */
  .pg-tel-cta__card            { grid-template-columns: 1fr; }
  .pg-tel-cta__media           { min-height: 300px; }
}

/* ════════════════════════════════════════════════════════════
   RESPONSIVE — MOBILE  up to 767px
   ════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  /* Hero floats: hide */
  .pg-tel-hero__float          { display: none; }
  .pg-tel-hero__statbar-inner  { justify-content: center; gap: 20px; }

  /* Timeline: 2-col */
  .pg-tel-tenure__nodes        { grid-template-columns: repeat(1, 1fr); }
  .pg-tel-tenure__line         { display: none; }

  /* Programs: 1-col */
  .pg-tel-programs__grid       { grid-template-columns: 1fr; }

  /* B2B CC stats */
  .pg-tel-b2b__cc-stats        { grid-template-columns: 1fr; }

  /* Results: 2-col */
  .pg-tel-results__grid        { grid-template-columns: repeat(1, 1fr); }
  .pg-tel-results__value       { font-size: 32px; }

  /* Compliance certs: 1-col */
  .pg-tel-compliance__certs    { grid-template-columns: 1fr; }

  /* PlatCounter rows: stack */
  .pg-tel-plcounter__row       { grid-template-columns: 1fr; gap: 4px; }

  /* Footprint: 1-col */
  .pg-tel-footprint__grid      { grid-template-columns: 1fr; }

  /* Stability stats */
  .pg-tel-stability__stats     { gap: 28px; }

  /* CTA copy padding */
  .pg-tel-cta__copy            { padding: 40px 28px; }
  .pg-tel-cta__title           { font-size: 30px; }
}
@media (min-width: 1200px) {
  .pg-au-cap-panel__head{flex-wrap: nowrap;}
  .pg-ets-mission__head-copy{width: 65%;}
  .pg-ets-mission__head-stats{width:30%;}
}
 .fs-banner-1{
	background:url("/wp-content/uploads/2026/04/financial-1.png");
  background-repeat: no-repeat;
  background-size:cover;
  background-position:center;
}

@media (max-width: 767px) {
  .pg-qa-cta-photo img{object-position: top;}
  .pg-qa-hero-float__label{font-size: 14px;}
  .pg-qa-hero-float__sub{font-size:14px;}
  .tw-stats{flex-direction:column;align-items: baseline!important;}
  .tw-stats div{ text-align: left!important;}
}




/* ════════════════════════════════════════════════════════════════════
   Healthcare Page
   Namespace: .pg-hc
   Responsive: desktop 1200+, tablet 768-1199, mobile <768.
   Cross-browser: -webkit- prefixes for background-clip/backdrop-filter.
   Honors prefers-reduced-motion.
   ════════════════════════════════════════════════════════════════════ */

/* ─── Tokens ───────────────────────────────────────────────────────── */
.pg-hc {
	--hc-indigo: #232755;
	--hc-indigo-2: #1d2248;
	--hc-indigo-3: #252b55;
	--hc-indigo-4: #2f3462;
	--hc-indigo-deep: #1a1f45;
	--hc-indigo-dark: #0f1330;
	--hc-green: #0E6B3B;
	--hc-green-alt: #0a8a4a;
	--hc-emerald: #10B981;
	--hc-alice: #F5F7FB;
	--hc-sage: #E8F5E9;
	--hc-white: #FFFFFF;
	--hc-g100: #F5F7FB;
	--hc-g200: #E5E8EF;
	--hc-g300: #CBD1DC;
	--hc-g400: #8A92A6;
	--hc-g500: #6C7489;
	--hc-g600: #4A5269;
	--hc-g700: #2E3448;

	--hc-f-head: 'Outfit', system-ui, -apple-system, sans-serif;
	--hc-f-body: 'Josefin Sans', system-ui, -apple-system, sans-serif;

	font-family: var(--hc-f-body);
	color: var(--hc-g700);
}
.pg-hc *,
.pg-hc *::before,
.pg-hc *::after { box-sizing: border-box; }
.pg-hc img { max-width: 100%; display: block; }

.pg-hc-container { max-width: 1400px; margin: 0 auto; padding: 0 48px; }
.pg-hc-container--narrow { max-width: 1280px; }
.pg-hc-container--relative { position: relative; }
.pg-hc-section { padding: 120px 0; position: relative; overflow: hidden; }
.pg-hc-section--white { background-color: var(--hc-white); }
.pg-hc-section--alice { background-color: var(--hc-alice); }
.pg-hc-section--sage { background: linear-gradient(135deg, var(--hc-alice) 0%, var(--hc-sage) 100%); }
.pg-hc-section--results { background: linear-gradient(135deg, var(--hc-indigo) 0%, var(--hc-indigo-deep) 50%, var(--hc-indigo-dark) 100%); }
.pg-hc-section--stability { background: linear-gradient(135deg, var(--hc-indigo) 0%, var(--hc-indigo-deep) 100%); }
.pg-hc-section__orb {
	position: absolute;
	top: -30%; left: -10%;
	width: 600px; height: 600px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(16,185,129,0.06) 0%, transparent 60%);
	filter: blur(60px);
	pointer-events: none;
}
.pg-hc-section--stability .pg-hc-section__orb { top: -20%; left: auto; right: -10%; }
.pg-hc-section__head { margin-bottom: 56px; }
.pg-hc-section__head--center { text-align: center; max-width: 860px; margin-left: auto; margin-right: auto; }

.pg-hc-label {
	font-family: var(--hc-f-head);
	font-weight: 600;
	font-size: 13px;
	color: var(--hc-green);
	letter-spacing: 2.5px;
	text-transform: uppercase;
	margin: 0 0 16px;
}
.pg-hc-label--emerald { color: var(--hc-emerald); }
.pg-hc-label--lg { font-size: 14px; margin-bottom: 14px; }

.pg-hc-section__title {
	font-family: var(--hc-f-head);
	font-weight: 700;
	font-size: 40px;
	line-height: 1.14;
	color: var(--hc-indigo);
	margin: 0 0 18px;
	letter-spacing: -0.02em;
}
.pg-hc-section__title--white { color: var(--hc-white); }
.pg-hc-section__desc {
	font-family: var(--hc-f-body);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.8;
	color: var(--hc-g500);
	margin: 0;
}
.pg-hc-section__desc--muted { color: rgba(255,255,255,0.62); }
.pg-hc-placeholder { background: linear-gradient(135deg, #3D4580, #252B55); }
.pg-hc-accent,
.pg-hc-accent-em {
	background: linear-gradient(135deg, var(--hc-emerald) 0%, var(--hc-green) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}
.pg-hc-accent-em { color: var(--hc-emerald); -webkit-text-fill-color: var(--hc-emerald); }

/* Buttons */
.pg-hc-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: var(--hc-f-head);
	font-weight: 600;
	font-size: 15px;
	padding: 15px 32px;
	border-radius: 10px;
	text-decoration: none;
	transition: all 0.3s cubic-bezier(.16,1,.3,1);
	min-height: 44px;
	cursor: pointer;
	border: 0;
}
.pg-hc-btn:focus-visible { outline: 2px solid var(--hc-emerald); outline-offset: 3px; }
.pg-hc-btn--primary {
	color: var(--hc-white);
	background: linear-gradient(135deg, var(--hc-green) 0%, var(--hc-green-alt) 100%);
	box-shadow: 0 4px 24px rgba(14,107,59,0.3);
}
.pg-hc-btn--primary:hover { transform: translateY(-2px); box-shadow: 0 8px 32px rgba(14,107,59,0.4); }
.pg-hc-btn--ghost {
	color: var(--hc-white);
	background: transparent;
	border: 1px solid rgba(255,255,255,0.15);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	padding: 15px 28px;
	font-weight: 500;
}
.pg-hc-btn--ghost-dark { color: rgba(255,255,255,0.85); background: transparent; border: 1px solid rgba(255,255,255,0.15); padding: 15px 28px; font-weight: 500; }
.pg-hc-btn--ghost:hover,
.pg-hc-btn--ghost-dark:hover { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.25); }


/* ═══ 1. HERO ═══ */
.pg-hc-hero {
	position: relative;
	min-height: 86vh;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	background: linear-gradient(165deg, var(--hc-indigo) 0%, var(--hc-indigo-2) 35%, var(--hc-indigo-3) 65%, var(--hc-indigo-4) 100%);
	overflow: hidden;
}
.pg-hc-hero__orb-a,
.pg-hc-hero__orb-b { position: absolute; border-radius: 50%; pointer-events: none; }
.pg-hc-hero__orb-a {
	top: -20%; right: -15%; width: 800px; height: 800px;
	background: radial-gradient(circle, rgba(14,107,59,0.08) 0%, transparent 60%);
	filter: blur(80px);
	animation: pgHcFloat1 12s ease-in-out infinite;
}
.pg-hc-hero__orb-b {
	bottom: -10%; left: -10%; width: 600px; height: 600px;
	background: radial-gradient(circle, rgba(74,130,255,0.06) 0%, transparent 60%);
	filter: blur(60px);
	animation: pgHcFloat2 10s ease-in-out infinite;
}
.pg-hc-hero__grid {
	position: absolute; inset: 0; opacity: 0.03; pointer-events: none;
	background-image:
		linear-gradient(rgba(255,255,255,0.4) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,0.4) 1px, transparent 1px);
	background-size: 80px 80px;
}
.pg-hc-hero__inner {
	max-width: 1400px; margin: 0 auto; padding: 160px 48px 90px;
	position: relative; z-index: 2; width: 100%;
}
.pg-hc-hero__layout {
	display: grid;
	grid-template-columns: 1.2fr 1fr;
	gap: 80px;
	align-items: center;
}
.pg-hc-hero__chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 5px 14px 5px 6px;
	border-radius: 100px;
	border: 1px solid rgba(16,185,129,0.2);
	background-color: rgba(16,185,129,0.05);
	margin-bottom: 24px;
}
.pg-hc-hero__chip-tag {
	background-color: rgba(16,185,129,0.15);
	border-radius: 100px;
	padding: 3px 10px;
	font-family: var(--hc-f-head);
	font-weight: 600;
	font-size: 10px;
	color: var(--hc-emerald);
	letter-spacing: 1px;
}
.pg-hc-hero__chip-label {
	font-family: var(--hc-f-body);
	font-size: 13px;
	color: rgba(255,255,255,0.6);
}
.pg-hc-hero__title {
	font-family: var(--hc-f-head);
	font-weight: 700;
	font-size: 56px;
	line-height: 1.1;
	color: var(--hc-white);
	margin: 0 0 24px;
	letter-spacing: -0.02em;
}
.pg-hc-hero__title-accent {
	background: linear-gradient(135deg, var(--hc-emerald) 0%, var(--hc-green) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}
.pg-hc-hero__desc {
	font-family: var(--hc-f-body);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.8;
	color: rgba(255,255,255,0.62);
	max-width: 600px;
	margin: 0 0 36px;
}
.pg-hc-hero__ctas { display: flex; gap: 14px; flex-wrap: wrap; }
.pg-hc-hero__media { position: relative; }
.pg-hc-hero__photo {
	width: 100%;
	aspect-ratio: 4 / 3.2;
	object-fit: cover;
	border-radius: 20px;
}
.pg-hc-hero__years-card {
	position: absolute;
	bottom: -28px;
	left: -20px;
	background-color: rgba(255,255,255,0.96);
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
	border-radius: 14px;
	padding: 22px 26px;
	box-shadow: 0 12px 40px rgba(0,0,0,0.12);
	border: 1px solid rgba(14,107,59,0.1);
	max-width: 320px;
}
.pg-hc-hero__years-value {
	font-family: var(--hc-f-head);
	font-weight: 800;
	font-size: 34px;
	background: linear-gradient(135deg, var(--hc-green) 0%, var(--hc-emerald) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	line-height: 1;
}
.pg-hc-hero__years-label {
	font-family: var(--hc-f-body);
	font-weight: 400;
	font-size: 14px;
	color: var(--hc-g500);
	margin-top: 6px;
	line-height: 1.55;
}
.pg-hc-hero__phi-pill {
	position: absolute;
	top: 20px;
	right: -16px;
	background-color: rgba(255,255,255,0.96);
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
	border-radius: 12px;
	padding: 14px 18px;
	box-shadow: 0 8px 28px rgba(0,0,0,0.08);
	display: flex;
	align-items: center;
	gap: 6px;
}
.pg-hc-hero__phi-dot { width: 8px; height: 8px; border-radius: 4px; background-color: var(--hc-emerald); animation: pgHcPulse 2s infinite; }
.pg-hc-hero__phi-text { font-family: var(--hc-f-head); font-weight: 600; font-size: 13px; color: var(--hc-indigo); }
.pg-hc-hero__pods-card {
	position: absolute;
	bottom: 90px;
	right: -36px;
	background-color: var(--hc-white);
	border-radius: 12px;
	padding: 12px 16px;
	box-shadow: 0 8px 28px rgba(0,0,0,0.08);
	border: 1px solid rgba(14,107,59,0.12);
}
.pg-hc-hero__pods-value { font-family: var(--hc-f-head); font-weight: 700; font-size: 14px; color: var(--hc-indigo); }
.pg-hc-hero__pods-label { font-family: var(--hc-f-body); font-weight: 400; font-size: 12px; color: var(--hc-g500); }

.pg-hc-hero__strip {
	position: absolute;
	bottom: 0; left: 0; right: 0;
	background-color: rgba(255,255,255,0.04);
	border-top: 1px solid rgba(255,255,255,0.06);
	padding: 14px 0;
	overflow: hidden;
	display: flex;
	justify-content: space-around;
	gap: 40px;
	flex-wrap: wrap;
	max-width: 1400px;
	margin: 0 auto;
	padding-left: 48px;
	padding-right: 48px;
}
.pg-hc-hero__strip-item { text-align: center; }
.pg-hc-hero__strip-value { font-family: var(--hc-f-head); font-weight: 700; font-size: 18px; color: var(--hc-white); }
.pg-hc-hero__strip-label { font-family: var(--hc-f-body); font-size: 12px; color: rgba(255,255,255,0.4); margin-top: 2px; }

@keyframes pgHcFloat1 { 0%,100%{transform:translate(0,0)} 50%{transform:translate(-40px,30px)} }
@keyframes pgHcFloat2 { 0%,100%{transform:translate(0,0)} 50%{transform:translate(30px,-25px)} }
@keyframes pgHcPulse { 0%,100%{opacity:1} 50%{opacity:0.6} }


/* ═══ 2. BUYER VOICE ═══ */
.pg-hc-bv__head { max-width: 780px; margin-bottom: 52px; }
.pg-hc-bv__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.pg-hc-bv-card {
	margin: 0;
	padding: 32px 30px;
	background-color: var(--hc-alice);
	border-radius: 18px;
	border: 1px solid var(--hc-g200);
	display: flex;
	flex-direction: column;
	transition: all 0.35s cubic-bezier(.16,1,.3,1);
}
.pg-hc-bv-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 40px rgba(35,39,85,0.06);
	border-color: rgba(14,107,59,0.2);
}
.pg-hc-bv-card__meta { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; }
.pg-hc-bv-card__tag {
	font-family: var(--hc-f-head);
	font-weight: 700;
	font-size: 11px;
	color: var(--hc-green);
	background-color: rgba(14,107,59,0.1);
	padding: 4px 12px;
	border-radius: 100px;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}
.pg-hc-bv-card__cat { font-family: var(--hc-f-body); font-size: 13px; color: var(--hc-g400); letter-spacing: 0.3px; }
.pg-hc-bv-card__quotemark { color: var(--hc-green); opacity: 0.18; margin-bottom: 12px; }
.pg-hc-bv-card__quote {
	font-family: var(--hc-f-body);
	font-size: 16px;
	line-height: 1.65;
	color: var(--hc-g700);
	margin: 0 0 22px;
	flex: 1;
	font-style: italic;
}
.pg-hc-bv-card__author {
	font-family: var(--hc-f-head);
	font-weight: 600;
	font-size: 13px;
	color: var(--hc-g500);
	letter-spacing: 0.5px;
	line-height: 1.5;
	padding-top: 18px;
	border-top: 1px solid var(--hc-g200);
	font-style: normal;
}


/* ═══ 3. TENURE TIMELINE ═══ */
.pg-hc-ten__head {
	display: grid;
	grid-template-columns: 1fr 1.3fr;
	gap: 64px;
	align-items: center;
	margin-bottom: 48px;
}
.pg-hc-ten__line { position: relative; height: 2px; margin: 0 4%; }
.pg-hc-ten__line-bg { position: absolute; inset: 0; background-color: var(--hc-g300); }
.pg-hc-ten__line-fill {
	position: absolute; inset: 0;
	background: linear-gradient(to right, var(--hc-green) 0%, var(--hc-emerald) 100%);
	opacity: 0.9;
	width: 100%;
}
.pg-hc-ten__marks {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 12px;
	margin-top: -8px;
	position: relative;
}
.pg-hc-ten-mark { text-align: center; position: relative; padding-top: 24px; }
.pg-hc-ten-mark__dot {
	position: absolute;
	top: -8px;
	left: 50%;
	transform: translateX(-50%);
	width: 16px; height: 16px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--hc-emerald), var(--hc-green));
	box-shadow: 0 4px 12px rgba(14,107,59,0.3);
	border: 3px solid var(--hc-white);
}
.pg-hc-ten-mark__year { font-family: var(--hc-f-head); font-weight: 800; font-size: 22px; color: var(--hc-indigo); margin: 8px 0 10px; }
.pg-hc-ten-mark__label { font-family: var(--hc-f-body); font-weight: 400; font-size: 13px; line-height: 1.55; color: var(--hc-g600); padding: 0 8px; }


/* ═══ 4. PROGRAMS ═══ */
.pg-hc-prog__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}
.pg-hc-prog-card {
	padding: 30px 26px;
	border-radius: 16px;
	background-color: var(--hc-alice);
	border: 1px solid var(--hc-g200);
	transition: all 0.35s cubic-bezier(.16,1,.3,1);
}
.pg-hc-prog-card:hover {
	background-color: var(--hc-indigo);
	transform: translateY(-4px);
	box-shadow: 0 12px 40px rgba(35,39,85,0.14);
}
.pg-hc-prog-card__tag {
	display: inline-block;
	font-family: var(--hc-f-head);
	font-weight: 600;
	font-size: 10px;
	color: var(--hc-green);
	background-color: rgba(14,107,59,0.08);
	padding: 3px 10px;
	border-radius: 100px;
	letter-spacing: 1px;
	margin-bottom: 16px;
	transition: all 0.35s;
}
.pg-hc-prog-card:hover .pg-hc-prog-card__tag { color: var(--hc-emerald); background-color: rgba(16,185,129,0.14); }
.pg-hc-prog-card__title { font-family: var(--hc-f-head); font-weight: 700; font-size: 19px; color: var(--hc-indigo); margin: 0 0 10px; transition: color 0.35s; }
.pg-hc-prog-card:hover .pg-hc-prog-card__title { color: var(--hc-white); }
.pg-hc-prog-card__desc { font-family: var(--hc-f-body); font-weight: 400; font-size: 14px; line-height: 1.7; color: var(--hc-g500); margin: 0; transition: color 0.35s; }
.pg-hc-prog-card:hover .pg-hc-prog-card__desc { color: rgba(255,255,255,0.65); }


/* ═══ 5. PHI REDACTION ═══ */
.pg-hc-phi { display: grid; grid-template-columns: 1fr 1.15fr; gap: 72px; align-items: center; }
.pg-hc-phi__points { list-style: none; padding: 0; margin: 0; display: grid; gap: 14px; }
.pg-hc-phi__point { display: flex; align-items: flex-start; gap: 14px; padding: 18px 20px; background-color: var(--hc-white); border-radius: 12px; border: 1px solid rgba(14,107,59,0.15); }
.pg-hc-phi__check {
	width: 30px; height: 30px;
	border-radius: 8px;
	background: linear-gradient(135deg, var(--hc-green), var(--hc-emerald));
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--hc-white);
}
.pg-hc-phi__point-title { font-family: var(--hc-f-head); font-weight: 700; font-size: 16px; color: var(--hc-indigo); margin: 0 0 4px; }
.pg-hc-phi__point-desc { font-family: var(--hc-f-body); font-weight: 400; font-size: 14px; line-height: 1.65; color: var(--hc-g500); margin: 0; }

.pg-hc-phi__panel {
	background-color: var(--hc-white);
	border-radius: 20px;
	padding: 40px 38px;
	border: 1px solid var(--hc-g200);
	box-shadow: 0 12px 56px rgba(35,39,85,0.07);
}
.pg-hc-phi__panel-title { font-family: var(--hc-f-head); font-weight: 700; font-size: 22px; line-height: 1.3; color: var(--hc-indigo); margin: 0 0 22px; }
.pg-hc-phi__cats { display: grid; gap: 14px; margin-bottom: 24px; }
.pg-hc-phi-cat { padding: 18px 22px; background-color: var(--hc-alice); border-radius: 12px; border-left: 3px solid var(--hc-green); }
.pg-hc-phi-cat--phi { border-left-color: var(--hc-indigo); }
.pg-hc-phi-cat--pii { border-left-color: var(--hc-g600); }
.pg-hc-phi-cat__head { display: flex; align-items: center; gap: 12px; margin-bottom: 6px; }
.pg-hc-phi-cat__tag { font-family: var(--hc-f-head); font-weight: 700; font-size: 11px; padding: 4px 12px; border-radius: 100px; letter-spacing: 1.5px; color: var(--hc-green); background-color: rgba(14,107,59,0.12); }
.pg-hc-phi-cat--phi .pg-hc-phi-cat__tag { color: var(--hc-indigo); background-color: rgba(35,39,85,0.08); }
.pg-hc-phi-cat--pii .pg-hc-phi-cat__tag { color: var(--hc-g600); background-color: rgba(107,114,128,0.1); }
.pg-hc-phi-cat__heading { font-family: var(--hc-f-head); font-weight: 700; font-size: 14px; color: var(--hc-indigo); }
.pg-hc-phi-cat__desc { font-family: var(--hc-f-body); font-weight: 400; font-size: 13px; line-height: 1.65; color: var(--hc-g500); margin: 0; }

.pg-hc-phi__attest { padding: 16px 18px; background-color: rgba(14,107,59,0.04); border-radius: 10px; border: 1px solid rgba(14,107,59,0.12); }
.pg-hc-phi__attest-label { font-family: var(--hc-f-head); font-weight: 600; font-size: 11px; color: var(--hc-green); letter-spacing: 2px; text-transform: uppercase; margin: 0 0 6px; }
.pg-hc-phi__attest-quote { font-family: var(--hc-f-body); font-weight: 400; font-size: 14px; line-height: 1.7; color: var(--hc-g700); margin: 0; font-style: italic; }


/* ═══ 6. RESULTS ═══ */
.pg-hc-res__grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; }
.pg-hc-res-card { padding: 28px 22px; background-color: rgba(255,255,255,0.04); border-radius: 16px; border: 1px solid rgba(255,255,255,0.08); text-align: center; }
.pg-hc-res-card__value {
	font-family: var(--hc-f-head);
	font-weight: 800;
	font-size: 36px;
	background: linear-gradient(135deg, var(--hc-emerald) 0%, var(--hc-green) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	margin-bottom: 10px;
	letter-spacing: -0.02em;
	line-height: 1;
}
.pg-hc-res-card__label { font-family: var(--hc-f-head); font-weight: 600; font-size: 14px; color: var(--hc-white); margin-bottom: 6px; }
.pg-hc-res-card__sub { font-family: var(--hc-f-body); font-weight: 400; font-size: 12px; color: rgba(255,255,255,0.42); line-height: 1.55; }


/* ═══ 7. COMPLIANCE ═══ */
.pg-hc-comp { display: grid; grid-template-columns: 1fr 1.35fr; gap: 72px; align-items: start; }
.pg-hc-comp__facts { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 24px 0 28px; }
.pg-hc-comp-fact { padding: 18px 20px; background-color: var(--hc-alice); border-radius: 12px; border-left: 3px solid var(--hc-green); }
.pg-hc-comp-fact__value { font-family: var(--hc-f-head); font-weight: 800; font-size: 24px; color: var(--hc-indigo); letter-spacing: -0.01em; line-height: 1; margin-bottom: 6px; }
.pg-hc-comp-fact__label { font-family: var(--hc-f-body); font-weight: 400; font-size: 13px; color: var(--hc-g500); line-height: 1.5; }
.pg-hc-comp__callout { font-family: var(--hc-f-body); font-weight: 400; font-size: 15px; line-height: 1.7; color: var(--hc-g700); margin: 0 0 28px; padding: 18px 22px; background-color: rgba(14,107,59,0.04); border-radius: 12px; border-left: 3px solid var(--hc-green); }
.pg-hc-comp__link { font-family: var(--hc-f-head); font-weight: 600; font-size: 14px; color: var(--hc-green); text-decoration: none; display: inline-flex; align-items: center; gap: 8px; }
.pg-hc-comp__link:hover { text-decoration: underline; }
.pg-hc-comp__right { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.pg-hc-comp-cert { padding: 22px; border-radius: 14px; background-color: var(--hc-alice); border: 1px solid var(--hc-g200); }
.pg-hc-comp-cert__head { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.pg-hc-comp-cert__shield { width: 34px; height: 34px; border-radius: 8px; background: linear-gradient(135deg, var(--hc-green), var(--hc-emerald)); display: flex; align-items: center; justify-content: center; color: var(--hc-white); flex-shrink: 0; }
.pg-hc-comp-cert__title { font-family: var(--hc-f-head); font-weight: 700; font-size: 16px; color: var(--hc-indigo); margin: 0; }
.pg-hc-comp-cert__desc { font-family: var(--hc-f-body); font-weight: 400; font-size: 13px; line-height: 1.65; color: var(--hc-g500); margin: 0; }


/* ═══ 8. TENURE COMPARE ═══ */
.pg-hc-tc { display: grid; grid-template-columns: 1fr 1.1fr; gap: 64px; align-items: center; }
.pg-hc-tc__table {
	background-color: var(--hc-white);
	border-radius: 20px;
	overflow: hidden;
	border: 1px solid var(--hc-g200);
	box-shadow: 0 12px 40px rgba(35,39,85,0.05);
}
.pg-hc-tc__thead { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid var(--hc-g200); }
.pg-hc-tc__th { padding: 18px 24px; font-family: var(--hc-f-head); font-weight: 700; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; margin: 0; }
.pg-hc-tc__th--etech { background: linear-gradient(135deg, var(--hc-green) 0%, var(--hc-emerald) 100%); color: var(--hc-white); }
.pg-hc-tc__th--industry { background-color: var(--hc-g100); color: var(--hc-g500); }
.pg-hc-tc__row { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid var(--hc-g100); }
.pg-hc-tc__row:last-child { border-bottom: 0; }
.pg-hc-tc__cell { padding: 22px 24px; }
.pg-hc-tc__cell--etech { background-color: var(--hc-white); }
.pg-hc-tc__row--highlight .pg-hc-tc__cell--etech { background-color: rgba(14,107,59,0.04); }
.pg-hc-tc__cell--industry { background-color: var(--hc-g100); }
.pg-hc-tc__cell-value { font-family: var(--hc-f-head); font-weight: 800; font-size: 24px; color: var(--hc-indigo); letter-spacing: -0.02em; line-height: 1; margin-bottom: 4px; }
.pg-hc-tc__cell--industry .pg-hc-tc__cell-value { font-weight: 700; font-size: 20px; color: var(--hc-g600); }
.pg-hc-tc__cell-label { font-family: var(--hc-f-body); font-weight: 400; font-size: 13px; color: var(--hc-g500); }
.pg-hc-tc__cell--industry .pg-hc-tc__cell-label { color: var(--hc-g400); }


/* ═══ 9. PLATFORM ═══ */
.pg-hc-plat { display: grid; grid-template-columns: 1fr 1.1fr; gap: 72px; align-items: center; }
.pg-hc-plat__feats { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 28px; }
.pg-hc-plat-feat { padding: 20px 22px; border-radius: 14px; background-color: var(--hc-alice); border: 1px solid var(--hc-g200); transition: all 0.3s; }
.pg-hc-plat-feat:hover { background-color: rgba(14,107,59,0.04); border-color: rgba(14,107,59,0.2); }
.pg-hc-plat-feat__icon {
	width: 36px; height: 36px;
	border-radius: 10px;
	background: linear-gradient(135deg, var(--hc-green), var(--hc-emerald));
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--hc-white);
	margin-bottom: 12px;
}
.pg-hc-plat-feat__title { font-family: var(--hc-f-head); font-weight: 700; font-size: 15px; color: var(--hc-indigo); margin: 0 0 4px; }
.pg-hc-plat-feat__desc { font-family: var(--hc-f-body); font-weight: 400; font-size: 13px; line-height: 1.6; color: var(--hc-g500); margin: 0; }
.pg-hc-plat__links { display: flex; gap: 22px; flex-wrap: wrap; }
.pg-hc-plat__link { font-family: var(--hc-f-head); font-weight: 600; font-size: 14px; color: var(--hc-green); text-decoration: none; }
.pg-hc-plat__link:hover { text-decoration: underline; }

.pg-hc-plat__right { position: relative; }
.pg-hc-plat__photo { width: 100%; aspect-ratio: 4 / 3.4; object-fit: cover; border-radius: 20px; }
.pg-hc-plat__award {
	position: absolute;
	bottom: -30px;
	right: -20px;
	background-color: var(--hc-white);
	border-radius: 16px;
	padding: 20px 24px;
	box-shadow: 0 16px 44px rgba(35,39,85,0.14);
	border: 1px solid var(--hc-g200);
	max-width: 280px;
}
.pg-hc-plat__award-head { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.pg-hc-plat__award-icon { width: 34px; height: 34px; border-radius: 8px; background: linear-gradient(135deg, var(--hc-green), var(--hc-emerald)); display: flex; align-items: center; justify-content: center; color: var(--hc-white); flex-shrink: 0; }
.pg-hc-plat__award-label { font-family: var(--hc-f-head); font-weight: 600; font-size: 11px; color: var(--hc-green); letter-spacing: 2px; text-transform: uppercase; margin: 0; }
.pg-hc-plat__award-title { font-family: var(--hc-f-head); font-weight: 700; font-size: 14px; color: var(--hc-indigo); line-height: 1.4; margin: 0; }
.pg-hc-plat__live {
	position: absolute;
	top: 24px;
	left: -24px;
	background-color: var(--hc-white);
	border-radius: 12px;
	padding: 14px 18px;
	box-shadow: 0 10px 30px rgba(35,39,85,0.1);
	border: 1px solid var(--hc-g200);
	display: flex;
	align-items: center;
	gap: 10px;
}
.pg-hc-plat__live-dot { width: 8px; height: 8px; border-radius: 4px; background-color: var(--hc-emerald); animation: pgHcPulse 2s infinite; flex-shrink: 0; }
.pg-hc-plat__live-value { font-family: var(--hc-f-head); font-weight: 800; font-size: 18px; color: var(--hc-indigo); line-height: 1; }
.pg-hc-plat__live-label { font-family: var(--hc-f-body); font-size: 12px; color: var(--hc-g500); margin-top: 2px; }


/* ═══ 10. TRUSTED PARTNER ═══ */
.pg-hc-tp { display: grid; grid-template-columns: 1fr 1.4fr; gap: 72px; align-items: center; }
.pg-hc-tp__quote {
	margin: 0;
	padding: 22px 26px;
	background-color: var(--hc-white);
	border-radius: 14px;
	border-left: 3px solid var(--hc-green);
	box-shadow: 0 4px 18px rgba(35,39,85,0.04);
}
.pg-hc-tp__quote svg { color: var(--hc-green); opacity: 0.3; margin-bottom: 8px; }
.pg-hc-tp__quote p { font-family: var(--hc-f-body); font-weight: 400; font-size: 15px; line-height: 1.7; color: var(--hc-g700); margin: 0; font-style: italic; }

.pg-hc-tp__pillars { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.pg-hc-tp-pillar { padding: 30px 28px; background-color: var(--hc-white); border-radius: 18px; border: 1px solid var(--hc-g200); transition: all 0.35s cubic-bezier(.16,1,.3,1); }
.pg-hc-tp-pillar:hover { transform: translateY(-4px); box-shadow: 0 16px 48px rgba(35,39,85,0.08); border-color: rgba(14,107,59,0.2); }
.pg-hc-tp-pillar__icon { width: 42px; height: 42px; border-radius: 10px; background: linear-gradient(135deg, var(--hc-green), var(--hc-emerald)); display: flex; align-items: center; justify-content: center; color: var(--hc-white); margin-bottom: 18px; }
.pg-hc-tp-pillar__title { font-family: var(--hc-f-head); font-weight: 700; font-size: 18px; color: var(--hc-indigo); margin: 0 0 8px; }
.pg-hc-tp-pillar__desc { font-family: var(--hc-f-body); font-weight: 400; font-size: 14px; line-height: 1.7; color: var(--hc-g500); margin: 0; }


/* ═══ 11. CASE STUDIES ═══ */
.pg-hc-cs__head { display: grid; grid-template-columns: 1fr 1.1fr; gap: 56px; align-items: end; margin-bottom: 56px; }
.pg-hc-cs__head-desc { font-family: var(--hc-f-body); font-weight: 400; font-size: 16px; line-height: 1.85; color: var(--hc-g500); margin: 0; max-width: 560px; }
.pg-hc-cs__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.pg-hc-cs-card {
	border-radius: 22px;
	overflow: hidden;
	border: 1px solid var(--hc-g200);
	background-color: var(--hc-white);
	display: flex;
	flex-direction: column;
	transition: all 0.35s cubic-bezier(.16,1,.3,1);
}
.pg-hc-cs-card:hover { transform: translateY(-6px); box-shadow: 0 20px 60px rgba(35,39,85,0.12); }
.pg-hc-cs-card__media { position: relative; aspect-ratio: 16 / 10; overflow: hidden; }
.pg-hc-cs-card__photo { width: 100%; height: 100%; object-fit: cover; }
.pg-hc-cs-card__overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(35,39,85,0.25) 0%, rgba(35,39,85,0.05) 35%, rgba(35,39,85,0.85) 100%); }
.pg-hc-cs-card__tag {
	position: absolute; top: 18px; left: 18px;
	display: inline-flex;
	background-color: rgba(255,255,255,0.92);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	padding: 6px 12px;
	border-radius: 100px;
	font-family: var(--hc-f-head);
	font-weight: 600;
	font-size: 11px;
	color: var(--hc-green);
	letter-spacing: 1px;
	text-transform: uppercase;
}
.pg-hc-cs-card__hero { position: absolute; bottom: 18px; left: 18px; right: 18px; color: var(--hc-white); }
.pg-hc-cs-card__hero-value { font-family: var(--hc-f-head); font-weight: 800; font-size: 32px; letter-spacing: -0.02em; line-height: 1; margin-bottom: 4px; }
.pg-hc-cs-card__hero-label { font-family: var(--hc-f-body); font-weight: 400; font-size: 13px; color: rgba(255,255,255,0.85); }
.pg-hc-cs-card__body { padding: 26px 26px 28px; display: flex; flex-direction: column; flex: 1; }
.pg-hc-cs-card__title { font-family: var(--hc-f-head); font-weight: 700; font-size: 18px; color: var(--hc-indigo); margin: 0 0 6px; }
.pg-hc-cs-card__audience { font-family: var(--hc-f-body); font-weight: 400; font-size: 13px; color: var(--hc-g400); margin: 0 0 18px; letter-spacing: 0.2px; }
.pg-hc-cs-card__line { font-family: var(--hc-f-body); font-weight: 400; font-size: 14px; line-height: 1.7; color: var(--hc-g600); margin: 0 0 22px; flex: 1; }
.pg-hc-cs-card__stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; padding-top: 20px; border-top: 1px solid var(--hc-g100); }
.pg-hc-cs-card__stat-value { font-family: var(--hc-f-head); font-weight: 700; font-size: 16px; color: var(--hc-indigo); letter-spacing: -0.01em; }
.pg-hc-cs-card__stat-label { font-family: var(--hc-f-body); font-weight: 400; font-size: 11px; color: var(--hc-g500); line-height: 1.4; margin-top: 3px; }


/* ═══ 12. RSB ═══ */
.pg-hc-rsb__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.pg-hc-rsb-card { padding: 36px 32px; border-radius: 20px; background-color: var(--hc-white); border: 1px solid var(--hc-g200); transition: all 0.35s cubic-bezier(.16,1,.3,1); }
.pg-hc-rsb-card:hover { transform: translateY(-6px); box-shadow: 0 18px 54px rgba(35,39,85,0.1); }
.pg-hc-rsb-card__tag {
	display: inline-flex;
	padding: 5px 12px;
	border-radius: 100px;
	background-color: rgba(14,107,59,0.08);
	font-family: var(--hc-f-head);
	font-weight: 700;
	font-size: 11px;
	color: var(--hc-emerald);
	letter-spacing: 2px;
	margin-bottom: 22px;
}
.pg-hc-rsb-card__title { font-family: var(--hc-f-head); font-weight: 700; font-size: 22px; line-height: 1.25; color: var(--hc-indigo); margin: 0 0 14px; }
.pg-hc-rsb-card__desc { font-family: var(--hc-f-body); font-weight: 400; font-size: 15px; line-height: 1.75; color: var(--hc-g500); margin: 0; }


/* ═══ 13. FOOTPRINT ═══ */
.pg-hc-fp__grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 18px; }
.pg-hc-fp-card { border-radius: 18px; overflow: hidden; border: 1px solid var(--hc-g200); background-color: var(--hc-white); transition: all 0.35s; display: flex; flex-direction: column; }
.pg-hc-fp-card:hover { transform: translateY(-4px); box-shadow: 0 14px 40px rgba(35,39,85,0.08); }
.pg-hc-fp-card__photo { width: 100%; aspect-ratio: 16 / 7; object-fit: cover; }
.pg-hc-fp-card__body { padding: 22px 24px; }
.pg-hc-fp-card__heading { font-family: var(--hc-f-head); font-weight: 600; font-size: 11px; color: var(--hc-green); letter-spacing: 2px; text-transform: uppercase; margin: 0 0 8px; }
.pg-hc-fp-card__location { font-family: var(--hc-f-head); font-weight: 700; font-size: 18px; color: var(--hc-indigo); margin: 0 0 8px; }
.pg-hc-fp-card__desc { font-family: var(--hc-f-body); font-weight: 400; font-size: 14px; line-height: 1.7; color: var(--hc-g500); margin: 0; }


/* ═══ 14. STABILITY ═══ */
.pg-hc-stab { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; }
.pg-hc-stab__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.pg-hc-stab-card {
	padding: 30px 26px;
	border-radius: 18px;
	background-color: rgba(255,255,255,0.04);
	border: 1px solid rgba(255,255,255,0.08);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}
.pg-hc-stab-card__value {
	font-family: var(--hc-f-head);
	font-weight: 800;
	font-size: 48px;
	background: linear-gradient(135deg, var(--hc-emerald) 0%, var(--hc-green) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	letter-spacing: -0.03em;
	line-height: 1;
	margin-bottom: 6px;
}
.pg-hc-stab-card__unit { font-size: 22px; margin-left: 4px; }
.pg-hc-stab-card__label { font-family: var(--hc-f-body); font-weight: 400; font-size: 14px; color: rgba(255,255,255,0.55); line-height: 1.55; }


/* ═══ 15. CTA ═══ */
.pg-hc-cta {
	border-radius: 24px;
	overflow: hidden;
	box-shadow: 0 20px 60px rgba(35,39,85,0.1);
	display: grid;
	grid-template-columns: 1.1fr 1fr;
}
.pg-hc-cta__body {
	background: linear-gradient(135deg, var(--hc-indigo) 0%, var(--hc-indigo-deep) 100%);
	padding: 64px 56px;
	color: var(--hc-white);
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.pg-hc-cta__title {
	font-family: var(--hc-f-head);
	font-weight: 700;
	font-size: 40px;
	line-height: 1.22;
	margin: 0 0 22px;
	letter-spacing: -0.01em;
}
.pg-hc-cta__desc { font-family: var(--hc-f-body); font-weight: 400; font-size: 17px; line-height: 1.8; color: rgba(255,255,255,0.62); margin: 0 0 34px; }
.pg-hc-cta__actions { display: flex; gap: 14px; flex-wrap: wrap; }
.pg-hc-cta__media { position: relative; min-height: 100%; }
.pg-hc-cta__img { width: 100%; height: 100%; min-height: 320px; object-fit: cover; }


/* ════════════════════════════════════════════════════════════════════
   RESPONSIVE — Tablet
   ════════════════════════════════════════════════════════════════════ */
@media (max-width: 1199px) {
	.pg-hc-container { padding: 0 32px; }
	.pg-hc-section { padding: 80px 0; }

	.pg-hc-hero { min-height: auto; }
	.pg-hc-hero__inner { padding: 140px 32px 90px; }
	.pg-hc-hero__layout { grid-template-columns: 1fr; gap: 60px; }
	.pg-hc-hero__title { font-size: 42px; }
	.pg-hc-hero__years-card { left: 0; }
	.pg-hc-hero__phi-pill { right: 0; }
	.pg-hc-hero__pods-card { right: 0; }
	.pg-hc-hero__strip { padding-left: 32px; padding-right: 32px; gap: 24px; }

	.pg-hc-section__title { font-size: 32px; }
	.pg-hc-cta__title { font-size: 30px; }

	.pg-hc-bv__grid,
	.pg-hc-prog__grid,
	.pg-hc-res__grid,
	.pg-hc-cs__grid,
	.pg-hc-rsb__grid,
	.pg-hc-comp__right,
	.pg-hc-tp__pillars { grid-template-columns: 1fr 1fr; }
	.pg-hc-prog__grid { gap: 16px; }
	.pg-hc-res__grid { grid-template-columns: repeat(3, 1fr); }

	.pg-hc-ten__head { grid-template-columns: 1fr; gap: 24px; }
	.pg-hc-ten__marks { grid-template-columns: repeat(3, 1fr); row-gap: 32px; }

	.pg-hc-phi,
	.pg-hc-comp,
	.pg-hc-tc,
	.pg-hc-plat,
	.pg-hc-tp,
	.pg-hc-stab { grid-template-columns: 1fr; gap: 48px; }

	.pg-hc-cs__head { grid-template-columns: 1fr; gap: 24px; }

	.pg-hc-fp__grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }

	.pg-hc-plat__award { right: 0; }
	.pg-hc-plat__live { left: 0; }

	.pg-hc-cta { grid-template-columns: 1fr; }
	.pg-hc-cta__body { padding: 48px 36px; }
}

/* ════════════════════════════════════════════════════════════════════
   RESPONSIVE — Mobile
   ════════════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
	.pg-hc-container { padding: 0 20px; }
	.pg-hc-section { padding: 60px 0; }

	.pg-hc-hero__inner { padding: 120px 20px 72px; }
	.pg-hc-hero__title { font-size: 30px; }
	.pg-hc-hero__desc { font-size: 15px; }
	.pg-hc-hero__years-card,
	.pg-hc-hero__phi-pill,
	.pg-hc-hero__pods-card { position: static; margin-top: 12px; max-width: none; }
	.pg-hc-hero__strip { position: static; padding-left: 20px; padding-right: 20px; gap: 16px; justify-content: flex-start; }

	.pg-hc-section__title { font-size: 24px; }
	.pg-hc-section__desc { font-size: 14px; }

	.pg-hc-bv__grid,
	.pg-hc-prog__grid,
	.pg-hc-cs__grid,
	.pg-hc-rsb__grid,
	.pg-hc-comp__right,
	.pg-hc-tp__pillars,
	.pg-hc-comp__facts,
	.pg-hc-plat__feats,
	.pg-hc-stab__grid,
	.pg-hc-fp__grid { grid-template-columns: 1fr; }

	.pg-hc-res__grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
	.pg-hc-res-card__value { font-size: 28px; }

	.pg-hc-ten__marks { grid-template-columns: 1fr 1fr; }

	.pg-hc-prog-card,
	.pg-hc-rsb-card,
	.pg-hc-tp-pillar { padding: 24px 20px; }

	.pg-hc-phi__panel { padding: 28px 22px; }

	.pg-hc-tc__table { border-radius: 14px; }
	.pg-hc-tc__cell { padding: 16px 18px; }
	.pg-hc-tc__cell-value { font-size: 20px; }

	.pg-hc-plat__award,
	.pg-hc-plat__live { position: static; margin-top: 12px; max-width: none; }

	.pg-hc-cs-card__body { padding: 20px; }
	.pg-hc-cs-card__hero-value { font-size: 26px; }

	.pg-hc-stab-card { padding: 22px 18px; }
	.pg-hc-stab-card__value { font-size: 38px; }

	.pg-hc-cta__body { padding: 32px 22px; }
	.pg-hc-cta__title { font-size: 24px; }
	.pg-hc-cta__media { min-height: 220px; }

	.pg-hc-btn { font-size: 14px; padding: 13px 22px; }

}

/* ════════════════════════════════════════════════════════════════════
   REDUCED MOTION
   ════════════════════════════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
	.pg-hc *,
	.pg-hc *::before,
	.pg-hc *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
	.pg-hc-hero__orb-a,
	.pg-hc-hero__orb-b,
	.pg-hc-hero__phi-dot,
	.pg-hc-plat__live-dot { animation: none; }
}
.ep-cta-split__actions{align-items:center;}
  .pg-rh-newsletter__privacy{font-size:15px;font-weight:400;}

.pg-form-grid.resources-form{display:flex;justify-content:center;align-items:center;gap:10px;}
.pg-form-grid.resources-form input[type="email"]{    padding: 14px 16px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    font-size: 16px;
    outline: none;
    color: #374151;
    font-family: var(--f-body);
  }
  .pg-form-grid.resources-form input[type="submit"]{    padding: 14px 16px;
       font-family: var(--font-heading);
    font-weight: 600;
    font-size: 19px;
    color: #ffffff;
    background: linear-gradient(135deg, #0E6B3B 0%, #0a8a4a 100%);
    padding: 15px var(--space-xl);
    border-radius: 10px;
    text-decoration: none;
    box-shadow: 0 4px 24px rgba(14, 107, 59, 0.3);
    transition: opacity 0.2s;
    border: none;
    cursor: pointer;
    margin-top: 16px;
    margin-top:0px;
  }
   .pg-form-grid.resources-form  .pg-form-submit{position:relative;}
   .pg-form-grid.resources-form  .pg-form-submit .wpcf7-spinner{
    position: absolute;
    left: -15px;
    bottom: -28px;
   }
   @media (max-width: 767px) {
    .pg-op-leader-caption {
        position: relative;
        left: 0px;
        bottom: 0px;
        border: 1px solid #E5E7EB;
        right: 0px;
        margin-top: 20px;
    }
    .pg-proof-grid{
          grid-template-columns: repeat(1, 1fr);
    }
    .pg-op-cta-grid .ep-reveal--d1 .ep-photo{background:none;}
    .pg-op-cta-grid .ep-reveal--d1 .ep-photo img{object-fit: contain;}
    .custom-care-cta{min-height:300px;}
}
.pg-qa-rsb .pg-ab-rsb__tag{
    border-radius: 0px;
    padding:0px;
    margin-bottom:10px;
    font-weight: 600;
    font-size: 16px;
    color: rgb(156, 163, 175);
    letter-spacing: 2.5px;
    text-transform: uppercase;
    border:none;
  }
  .pg-qa-integrations .ep-section__header {max-width: 700px;}

 @media (min-width: 1191px){
    .backoffice-cta .ep-cta-custom-image{aspect-ratio: 3.7/4;}
    .backoffice-cta .ep-cta-split{align-items: center;}
 }
 .csaf-card-title{font-size:18px!important;font-weight:700;color:#424351!important;}
 .csaf-filters{background-color:#ffffff;}
 .cv-hero-title{max-width:390px;}
 .mb-15{margin-bottom:15px;}
 .max-w-100{max-width:100%!important;}
 .mb-10{margin-bottom:10px;}
 .mb-0{margin-bottom:0px!important;}

 @media (max-width: 1300px) and (min-width:1023px){
    section{padding-left:20px!important;padding-right:20px!important;}
 }

 .pg-in-eco-panel__icon svg{height:32px;width:32px;color:#0E6B3B;}
  @media (max-width: 767px){
    .pg-car-stories__fade-l{display:none;}
    .pg-car-stories__fade-r{display:none;}
  }
  .pg-qa-hero-photo.ep-photo > img{border-radius:20px;}
  .pg-qa-hero-photo{background:none!important;}