/* ═══════════════════════════════════════════════════════
   PEXOVIA — INDEX PAGE STYLES
   Page-specific styles only. Shared styles in shared.css
   ═══════════════════════════════════════════════════════ */

/* ── HERO ── */
.hero {
  min-height: calc(100vh - var(--nav-h));
  background: var(--white);
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  padding: 5rem var(--pad) 4rem;
  gap: 4rem;
  border-bottom: 1px solid var(--border);
  position: relative;
  overflow: hidden;
}
.hero::before {
  content: '';
  position: absolute;
  top: -160px; right: -160px;
  width: 520px; height: 520px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,174,75,.13) 0%, transparent 68%);
  pointer-events: none;
}
.hero::after {
  content: '';
  position: absolute;
  bottom: -100px; left: -80px;
  width: 320px; height: 320px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,174,75,.07) 0%, transparent 70%);
  pointer-events: none;
}
.hero-left { position: relative; z-index: 2; }
.hero-badge {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  background: var(--amber4);
  border: 1px solid rgba(255,174,75,.3);
  padding: .4rem .9rem;
  margin-bottom: 2rem;
}
.hero-badge-dot {
  width: 7px; height: 7px;
  border-radius: 50%;
  background: var(--amber2);
  animation: blink 2.2s ease-in-out infinite;
  flex-shrink: 0;
}
@keyframes blink {
  0%, 100% { opacity: .5; transform: scale(1); }
  50%       { opacity: 1; transform: scale(1.35); }
}
.hero-badge span {
  font-size: .63rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .16em;
  color: #7a4a00;
}
.hero-h1 {
  font-family: var(--serif);
  font-size: clamp(3.2rem, 5.8vw, 5.4rem);
  line-height: .93;
  letter-spacing: -.03em;
  margin-bottom: 1.7rem;
  color: var(--ink);
}
.hero-h1 span { display: block; }
.hero-h1 .accent { font-style: italic; color: var(--amber2); }
.hero-p {
  font-size: 1rem;
  color: var(--gray);
  line-height: 1.76;
  max-width: 410px;
  margin-bottom: 2.4rem;
}
.hero-btns {
  display: flex;
  gap: .8rem;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 3rem;
}
.hero-trust {
  display: flex;
  align-items: center;
  gap: .75rem;
  padding-top: 2rem;
  border-top: 1px solid var(--border);
}
.hero-trust-avatars { display: flex; }
.avatar {
  width: 32px; height: 32px;
  border-radius: 50%;
  border: 2.5px solid white;
  overflow: hidden;
  margin-right: -9px;
  flex-shrink: 0;
}
.avatar img { width: 100%; height: 100%; object-fit: cover; }
.avatar-plus {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .65rem;
  font-weight: 800;
  color: #1b5e20;
  background: #e8f5e9;
}
.hero-trust span {
  font-size: .78rem;
  color: var(--gray);
  font-weight: 500;
  line-height: 1.4;
}
.hero-trust strong { color: var(--ink); font-weight: 800; }

/* ── HERO PANEL ── */
.hero-right {
  position: relative; z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-panel {
  width: 100%; max-width: 480px;
  background: var(--off);
  border: 1px solid var(--border);
  padding: 2.5rem;
  position: relative;
}
.hero-panel::before {
  content: 'Selected Metrics';
  position: absolute;
  top: -1px; left: 2rem;
  background: var(--amber);
  font-size: .58rem; font-weight: 800;
  text-transform: uppercase; letter-spacing: .2em;
  color: var(--ink); padding: .22rem .7rem;
}
.hp-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: var(--border);
  margin-bottom: 1px;
}
.hp-cell {
  background: var(--white);
  padding: 1.6rem 1.4rem;
  transition: background .3s;
}
.hp-cell:hover { background: var(--amber4); }
.hp-num {
  font-family: var(--serif);
  font-size: 2.4rem; line-height: 1;
  letter-spacing: -.04em; color: var(--ink);
  display: block; margin-bottom: .25rem;
}
.hp-num em { font-style: italic; color: var(--amber2); }
.hp-lbl {
  font-size: .62rem;
  text-transform: uppercase;
  letter-spacing: .18em; color: var(--gray);
  font-weight: 700; line-height: 1.4;
}
.hp-case {
  background: var(--ink); padding: 1.4rem;
  display: flex; justify-content: space-between;
  align-items: center; gap: 1rem;
}
.hp-case-text {
  font-size: .78rem; color: rgba(255,255,255,.7);
  line-height: 1.5;
}
.hp-case-text strong { color: var(--amber); font-weight: 800; }
.hp-case-link {
  font-size: .63rem; text-transform: uppercase;
  letter-spacing: .16em; color: var(--amber);
  font-weight: 700; white-space: nowrap;
  flex-shrink: 0; transition: color .2s;
}
.hp-case-link:hover { color: var(--amber2); }

/* ── FEATURED RESULT ── */
.featured-result {
  background: var(--ink);
  padding: 4rem var(--pad);
  border-bottom: 1px solid rgba(255,255,255,.07);
  position: relative; overflow: hidden;
}
.featured-result::before {
  content: '';
  position: absolute;
  top: -120px; right: -80px;
  width: 400px; height: 400px; border-radius: 50%;
  background: radial-gradient(circle, rgba(255,174,75,.1) 0%, transparent 68%);
  pointer-events: none;
}
.fr-inner {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 3rem;
  position: relative; z-index: 2;
}
.fr-tag {
  font-size: .6rem; text-transform: uppercase;
  letter-spacing: .26em; color: rgba(255,174,75,.6);
  font-weight: 800; display: block; margin-bottom: 1.2rem;
}
.fr-headline {
  font-family: var(--serif);
  font-size: clamp(1.8rem, 3.5vw, 3rem);
  color: var(--white);
  line-height: 1.05; letter-spacing: -.03em;
  margin-bottom: .6rem;
}
.fr-headline em { color: var(--amber); font-style: italic; }
.fr-meta {
  font-size: .78rem; color: rgba(255,255,255,.4);
  font-weight: 500; letter-spacing: .04em;
}
.fr-right {
  display: flex; flex-direction: column;
  align-items: flex-end; gap: 1.6rem;
  flex-shrink: 0;
}
.fr-num-block { text-align: right; }
.fr-num {
  font-family: var(--serif);
  font-size: clamp(2.8rem, 5vw, 4.5rem);
  color: var(--amber); line-height: 1;
  letter-spacing: -.04em; display: block;
  font-style: italic;
}
.fr-num-lbl {
  font-size: .62rem; text-transform: uppercase;
  letter-spacing: .2em; color: rgba(255,255,255,.35);
  font-weight: 700;
}
.fr-cta {
  display: inline-flex; align-items: center; gap: .55rem;
  background: var(--amber); color: var(--ink);
  font-size: .68rem; font-weight: 800;
  text-transform: uppercase; letter-spacing: .14em;
  padding: .8rem 1.5rem;
  transition: background .25s;
  white-space: nowrap;
}
.fr-cta:hover { background: var(--amber2); color: var(--white); }

/* ── TRUSTED BY ── */
.trusted-by {
  background: var(--off);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  padding: 3.5rem var(--pad);
}
.trusted-by-label {
  text-align: center;
  font-size: .62rem; text-transform: uppercase;
  letter-spacing: .26em; color: var(--gray2);
  font-weight: 700; margin-bottom: 2.6rem;
  display: block;
}
.trusted-by-logos {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3.2rem; flex-wrap: wrap;
}
.tb-logo {
  display: flex; align-items: center; justify-content: center;
  opacity: .28; transition: opacity .3s;
  filter: grayscale(1); cursor: default;
}
.tb-logo:hover { opacity: .55; }
.tb-logo svg { height: 22px; width: auto; fill: var(--ink); }
.tb-logo-text {
  font-size: .82rem; font-weight: 800;
  letter-spacing: -.02em; color: var(--ink);
  opacity: .28; transition: opacity .3s;
  cursor: default; font-family: var(--sans);
}
.tb-logo-text:hover { opacity: .55; }

/* ── SERVICES ── */
.services { background: var(--off); }
.srv-top {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 3rem; align-items: end; margin-bottom: 4rem;
}
.srv-grid {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 1px; background: var(--border);
}
.srv-card {
  background: var(--white); padding: 2.6rem 2.2rem;
  transition: background .3s; position: relative;
  overflow: hidden; cursor: default;
}
.srv-card::before {
  content: ''; position: absolute;
  left: 0; top: 0; width: 3px; height: 0;
  background: var(--amber);
  transition: height .4s cubic-bezier(.16,1,.3,1);
}
.srv-card:hover::before { height: 100%; }
.srv-card:hover { background: var(--ink); }
.srv-card:hover h3,
.srv-card:hover p,
.srv-card:hover .srv-num { color: var(--white); }
.srv-card:hover .srv-tag {
  border-color: rgba(255,255,255,.12);
  color: rgba(255,255,255,.45);
}
.srv-card:hover .srv-icon-wrap {
  background: var(--amber); border-color: transparent;
}
.srv-card:hover .srv-icon-wrap svg { stroke: var(--ink); }
.srv-icon-wrap {
  width: 46px; height: 46px;
  border: 1.5px solid var(--border);
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 2rem; transition: all .3s; background: var(--off);
}
.srv-icon-wrap svg {
  width: 21px; height: 21px;
  stroke: var(--gray); fill: none; stroke-width: 1.5;
  transition: all .3s;
}
.srv-num {
  font-size: .6rem; text-transform: uppercase;
  letter-spacing: .24em; color: var(--gray2);
  font-weight: 800; display: block; margin-bottom: .85rem;
  transition: color .3s;
}
.srv-card h3 {
  font-size: 1.05rem; font-weight: 800;
  margin-bottom: .85rem; color: var(--ink);
  letter-spacing: -.015em; transition: color .3s;
  line-height: 1.3;
}
.srv-card p {
  font-size: .82rem; color: var(--gray);
  line-height: 1.78; margin-bottom: 1.5rem;
  transition: color .3s;
}
.srv-tags { display: flex; flex-wrap: wrap; gap: .3rem; }
.srv-tag {
  font-size: .58rem; text-transform: uppercase;
  letter-spacing: .1em; color: var(--gray2);
  border: 1px solid var(--border);
  padding: .22rem .55rem; font-weight: 700;
  transition: all .3s;
}

/* ── STATS ── */
.stats {
  background: var(--white);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}
.stats-inner {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.stat-item {
  padding: 3.2rem 2.5rem;
  border-right: 1px solid var(--border);
  position: relative; overflow: hidden;
  transition: background .3s;
}
.stat-item:last-child { border-right: none; }
.stat-item:hover { background: var(--off); }
.stat-num {
  font-family: var(--serif);
  font-size: clamp(2.6rem, 4vw, 4rem);
  font-weight: 400; color: var(--ink);
  letter-spacing: -.05em; line-height: 1;
  display: block; margin-bottom: .45rem;
}
.stat-num em { font-style: italic; color: var(--amber2); }
.stat-lbl {
  font-size: .67rem; text-transform: uppercase;
  letter-spacing: .2em; color: var(--gray); font-weight: 700;
}
.stat-accent {
  position: absolute; top: 0; left: 0;
  width: 3px; height: 0;
  background: linear-gradient(to bottom, var(--amber), var(--amber2));
  transition: height .7s cubic-bezier(.16,1,.3,1);
}
.stat-item.up .stat-accent { height: 100%; }
.stats-footnote {
  text-align: center; padding: .9rem var(--pad) 1.1rem;
  font-size: .64rem; color: var(--gray2);
  letter-spacing: .06em; border-top: 1px solid var(--border);
}

/* ── PHILOSOPHY ── */
.philosophy {
  background: var(--ink);
  padding: 5.5rem var(--pad);
  text-align: center;
}
.philo-pre {
  font-size: .62rem; text-transform: uppercase;
  letter-spacing: .28em; color: rgba(255,174,75,.6);
  font-weight: 800; display: block; margin-bottom: 1.4rem;
}
.philo-q {
  font-family: var(--serif); font-style: italic;
  font-size: clamp(1.5rem, 2.8vw, 2.3rem);
  color: rgba(255,255,255,.5);
  max-width: 680px; margin: 0 auto 2.5rem;
  line-height: 1.5;
}
.philo-q em { color: var(--amber); }
.philo-pills {
  display: flex; gap: .75rem;
  justify-content: center; flex-wrap: wrap;
}
.philo-pill {
  font-size: .62rem; text-transform: uppercase;
  letter-spacing: .18em; color: rgba(255,255,255,.35);
  border: 1px solid rgba(255,255,255,.1);
  padding: .38rem .95rem; font-weight: 700;
  transition: all .25s; cursor: default;
}
.philo-pill:hover { border-color: var(--amber); color: var(--amber); }

/* ── HOW WE WORK ── */
.how-we-work { background: var(--white); border-top: 1px solid var(--border); }
.hww-top {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 3rem; align-items: end; margin-bottom: 4rem;
}
.hww-steps {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 1px; background: var(--border);
}
.hww-step {
  background: var(--white);
  padding: 3rem 2.4rem;
  position: relative; overflow: hidden;
  transition: background .3s; cursor: default;
}
.hww-step::before {
  content: ''; position: absolute;
  bottom: 0; left: 0; right: 0; height: 3px;
  background: var(--amber);
  transform: scaleX(0); transform-origin: left;
  transition: transform .4s cubic-bezier(.16,1,.3,1);
}
.hww-step:hover::before { transform: scaleX(1); }
.hww-step:hover { background: var(--off); }
.hww-step-num {
  font-family: var(--serif); font-style: italic;
  font-size: 3.5rem; line-height: 1;
  color: var(--border); letter-spacing: -.04em;
  display: block; margin-bottom: 1.6rem;
  transition: color .3s;
}
.hww-step:hover .hww-step-num { color: rgba(255,174,75,.25); }
.hww-step h3 {
  font-size: .98rem; font-weight: 800;
  color: var(--ink); letter-spacing: -.01em;
  margin-bottom: .7rem; line-height: 1.3;
}
.hww-step p { font-size: .8rem; color: var(--gray); line-height: 1.76; }

/* ── AUDIT STRIP ── */
.audit-strip {
  background: var(--amber4);
  border-top: 1px solid rgba(255,174,75,.35);
  border-bottom: 1px solid rgba(255,174,75,.35);
  padding: 4rem var(--pad);
}
.audit-inner {
  display: grid; grid-template-columns: 1fr auto;
  gap: 4rem; align-items: center;
}
.audit-badge {
  display: inline-block;
  background: var(--amber);
  font-size: .58rem; font-weight: 800;
  text-transform: uppercase; letter-spacing: .2em;
  color: var(--ink); padding: .3rem .8rem;
  margin-bottom: 1rem;
}
.audit-title {
  font-family: var(--serif);
  font-size: clamp(1.4rem, 2.4vw, 2rem);
  color: var(--ink); line-height: 1.15;
  letter-spacing: -.025em; margin-bottom: .85rem;
}
.audit-sub {
  font-size: .84rem; color: var(--gray);
  line-height: 1.78; max-width: 540px;
}
.audit-right {
  display: flex; flex-direction: column;
  align-items: flex-end; gap: .75rem; flex-shrink: 0;
}
.audit-btn {
  display: inline-flex; align-items: center; gap: .6rem;
  background: var(--ink); color: var(--white);
  font-size: .7rem; font-weight: 800;
  text-transform: uppercase; letter-spacing: .14em;
  padding: 1rem 1.8rem;
  transition: background .25s; white-space: nowrap;
}
.audit-btn:hover { background: #1a1a1a; }
.audit-note { font-size: .68rem; color: var(--gray2); text-align: right; }

/* ── FOUNDERS ── */
.founders { background: var(--white); border-top: 1px solid var(--border); }
.founders-head {
  display: flex; justify-content: space-between;
  align-items: flex-end; margin-bottom: 4rem;
  padding-bottom: 2.5rem; border-bottom: 1px solid var(--border);
}
.founders-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 3rem;
}
.founder-card {
  display: grid; grid-template-columns: 200px 1fr;
  gap: 2.5rem; align-items: start;
  padding: 2.5rem; border: 1px solid var(--border);
  transition: border-color .3s;
}
.founder-card:hover { border-color: var(--ink); }
.founder-img-wrap { position: relative; }
.founder-img {
  width: 200px; height: 240px;
  object-fit: cover; object-position: top center;
  display: block; background: var(--off2);
}
.founder-tag {
  position: absolute; bottom: 0; left: 0; right: 0;
  background: var(--ink); padding: .6rem .8rem; text-align: center;
}
.founder-tag span {
  font-size: .58rem; text-transform: uppercase;
  letter-spacing: .18em; color: var(--amber); font-weight: 700;
}
.founder-name {
  font-family: var(--serif);
  font-size: 1.5rem; line-height: 1.05;
  letter-spacing: -.02em; color: var(--ink); margin-bottom: .25rem;
}
.founder-role {
  font-size: .63rem; text-transform: uppercase;
  letter-spacing: .2em; color: var(--amber2);
  font-weight: 700; margin-bottom: 1rem; display: block;
}
.founder-bio {
  font-size: .84rem; color: var(--gray);
  line-height: 1.8; margin-bottom: 1.4rem;
}
.founder-stats {
  display: flex; gap: 1.5rem;
  padding-top: 1.2rem; border-top: 1px solid var(--border);
}
.fstat-num {
  font-family: var(--serif); font-size: 1.5rem;
  color: var(--ink); letter-spacing: -.03em; display: block;
}
.fstat-num em { font-style: italic; color: var(--amber2); }
.fstat-lbl {
  font-size: .6rem; text-transform: uppercase;
  letter-spacing: .16em; color: var(--gray2); font-weight: 700;
}

/* ── TESTIMONIALS ── */
.testimonials { background: var(--off); border-top: 1px solid var(--border); }
.testi-top {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 3rem; align-items: end; margin-bottom: 4rem;
}
.testi-grid {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 1px; background: var(--border);
}
.testi-card {
  background: var(--white); padding: 2.8rem 2.5rem;
  transition: background .3s; position: relative;
}
.testi-card:hover { background: var(--ink); }
.testi-card:hover .testi-quote,
.testi-card:hover .testi-name { color: var(--white); }
.testi-card:hover .testi-role { color: rgba(255,255,255,.45); }
.testi-card:hover .testi-result {
  background: rgba(255,174,75,.15);
  border-color: rgba(255,174,75,.3);
  color: var(--amber);
}
.testi-card:hover .testi-divider { background: rgba(255,255,255,.08); }
.testi-stars { display: flex; gap: .3rem; margin-bottom: 1.4rem; }
.testi-star { color: var(--amber); font-size: .9rem; }
.testi-result {
  display: inline-block;
  background: var(--amber4);
  border: 1px solid rgba(255,174,75,.25);
  font-size: .62rem; font-weight: 800;
  text-transform: uppercase; letter-spacing: .14em;
  color: #7a4a00; padding: .3rem .75rem;
  margin-bottom: 1.5rem; transition: all .3s;
}
.testi-quote {
  font-size: .9rem; color: var(--ink);
  line-height: 1.78; margin-bottom: 1.6rem;
  transition: color .3s;
}
.testi-divider {
  height: 1px; background: var(--border);
  margin-bottom: 1.4rem; transition: background .3s;
}
.testi-name {
  font-size: .85rem; font-weight: 800;
  color: var(--ink); letter-spacing: -.01em; transition: color .3s;
}
.testi-role {
  font-size: .68rem; color: var(--gray2);
  margin-top: .2rem; font-weight: 500; transition: color .3s;
}

/* ── WORK / PORTFOLIO ── */
.work { background: var(--off); }
.work-head {
  display: flex; justify-content: space-between;
  align-items: flex-end; margin-bottom: 3rem;
  padding-bottom: 2rem; border-bottom: 1px solid var(--border);
}
.wf-group { display: flex; gap: .6rem; flex-wrap: wrap; }
.wf-btn {
  background: none; border: 1.5px solid transparent;
  font-family: var(--sans); font-size: .67rem;
  text-transform: uppercase; letter-spacing: .16em;
  color: var(--gray); cursor: pointer;
  padding: .35rem .85rem; font-weight: 700;
  transition: all .25s;
}
.wf-btn:hover { color: var(--ink); border-color: var(--border); }
.wf-btn.active { background: var(--ink); color: var(--white); border-color: var(--ink); }
.work-grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 1px; background: var(--border);
}
.work-card {
  background: var(--white); padding: 2.4rem;
  transition: background .3s; cursor: pointer;
  display: flex; flex-direction: column; gap: 1.4rem;
  text-decoration: none; color: inherit;
}
.work-card:hover { background: var(--amber4); }
.work-card-top {
  display: flex; justify-content: space-between; align-items: flex-start;
}
.work-num {
  font-size: .6rem; text-transform: uppercase;
  letter-spacing: .24em; color: var(--gray2); font-weight: 800;
}
.work-tag-row { display: flex; gap: .4rem; flex-wrap: wrap; }
.work-tag {
  font-size: .58rem; text-transform: uppercase;
  letter-spacing: .1em; font-weight: 800; padding: .22rem .6rem;
}
.work-tag.ui   { background: #eef2ff; color: #4338ca; }
.work-tag.mkt  { background: #fef3c7; color: #92400e; }
.work-tag.auto { background: #ecfdf5; color: #065f46; }
.work-tag.shop { background: #fff7ed; color: #9a3412; }
.work-title {
  font-size: 1rem; font-weight: 800;
  color: var(--ink); line-height: 1.25; letter-spacing: -.015em;
}
.work-result {
  font-size: .8rem; color: var(--gray);
  font-weight: 500; line-height: 1.5;
}
.work-result strong { color: var(--amber2); font-weight: 800; }
.work-arrow {
  font-size: .65rem; text-transform: uppercase;
  letter-spacing: .16em; color: var(--gray2);
  font-weight: 700; margin-top: auto;
  display: flex; align-items: center; gap: .4rem;
  opacity: 0; transform: translateX(-6px);
  transition: all .3s;
}
.work-card:hover .work-arrow { opacity: 1; transform: none; color: var(--ink); }

/* ── TOOLS ── */
.tools {
  background: var(--white);
  border-top: 1px solid var(--border);
  padding-top: 4.5rem; padding-bottom: 4.5rem;
  overflow: hidden;
}
.tools-lbl {
  display: flex; align-items: center; gap: 1rem; margin-bottom: 2.5rem;
  padding: 0 var(--pad);
}
.tools-lbl span {
  font-size: .6rem; text-transform: uppercase;
  letter-spacing: .24em; color: var(--gray2);
  font-weight: 700; white-space: nowrap;
}
.tools-lbl::after { content: ''; flex: 1; height: 1px; background: var(--border); }
.trow { overflow: hidden; position: relative; margin-bottom: .6rem; }
.trow::before, .trow::after {
  content: ''; position: absolute;
  top: 0; bottom: 0; width: 80px; z-index: 2;
  pointer-events: none;
}
.trow::before { left: 0; background: linear-gradient(to right, var(--white), transparent); }
.trow::after  { right: 0; background: linear-gradient(to left, var(--white), transparent); }
.ttrack {
  display: inline-flex; gap: .6rem;
  animation: tscroll 28s linear infinite;
  width: max-content;
}
.ttrack.rev { animation-direction: reverse; animation-duration: 22s; }
.tchip {
  background: var(--off); border: 1px solid var(--border);
  padding: .55rem 1.2rem; font-size: .72rem;
  color: var(--gray); white-space: nowrap;
  font-weight: 600; transition: all .25s; cursor: default;
}
.tchip:hover { border-color: var(--amber); color: var(--ink); }
@keyframes tscroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* ── WHY PEXOVIA ── */
.why-pexovia { background: var(--ink); border-top: 1px solid rgba(255,255,255,.07); }
.why-top {
  display: grid; grid-template-columns: 1fr 1.6fr;
  gap: 5rem; align-items: start;
}
.why-left .eyebrow  { color: rgba(255,174,75,.6); }
.why-left .section-title { color: var(--white); }
.why-left .section-title em { font-style: italic; color: var(--amber); }
.why-sub { font-size: .86rem; color: rgba(255,255,255,.4); line-height: 1.8; margin-top: 1rem; }
.why-item { border-bottom: 1px solid rgba(255,255,255,.07); padding: 2rem 0; }
.why-item:first-child { padding-top: 0; }
.why-item:last-child  { border-bottom: none; padding-bottom: 0; }
.why-question {
  font-size: .72rem; text-transform: uppercase;
  letter-spacing: .2em; color: rgba(255,174,75,.5);
  font-weight: 800; display: block; margin-bottom: .7rem;
}
.why-answer { font-size: .9rem; color: rgba(255,255,255,.65); line-height: 1.8; }
.why-answer strong { color: var(--white); font-weight: 700; }

/* ── FAQ ── */
.faq-section { background: var(--off); border-top: 1px solid var(--border); }
.faq-inner {
  display: grid; grid-template-columns: 1fr 2fr;
  gap: 7rem; align-items: start;
}
.faq-left { position: sticky; top: 5.5rem; }
.faq-cta-box { margin-top: 2.5rem; background: var(--ink); padding: 2.2rem; }
.faq-cta-box p { font-size: .82rem; color: rgba(255,255,255,.55); margin-bottom: 1.4rem; line-height: 1.7; }
.faq-cta-box a {
  display: inline-flex; align-items: center; gap: .5rem;
  background: var(--amber); color: var(--ink);
  font-size: .68rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: .14em;
  padding: .78rem 1.4rem; transition: background .25s;
}
.faq-cta-box a:hover { background: var(--amber2); }
.faq-list { display: flex; flex-direction: column; }
.faq-item { border-bottom: 1px solid var(--border); }
.faq-q {
  width: 100%; background: none; border: none;
  font-family: var(--sans); font-size: .92rem;
  font-weight: 700; text-align: left;
  padding: 1.5rem 0; cursor: pointer;
  display: flex; justify-content: space-between;
  align-items: center; gap: 1rem;
  color: var(--ink); transition: color .2s; letter-spacing: -.01em;
}
.faq-q:hover { color: var(--amber2); }
.faq-icon {
  width: 28px; height: 28px; border: 1.5px solid var(--border);
  display: flex; align-items: center; justify-content: center;
  font-size: .75rem; color: var(--gray); flex-shrink: 0;
  transition: all .35s;
}
.faq-item.open .faq-icon {
  background: var(--ink); border-color: var(--ink);
  color: var(--white); transform: rotate(45deg);
}
.faq-ans {
  max-height: 0; overflow: hidden;
  transition: max-height .55s cubic-bezier(.16,1,.3,1);
}
.faq-item.open .faq-ans { max-height: 320px; }
.faq-ans-inner {
  padding: 0 0 1.5rem;
  color: var(--gray); font-size: .86rem;
  line-height: 1.85; max-width: 560px;
}

/* ── FINAL CTA ── */
.cta {
  background: var(--white); border-top: 1px solid var(--border);
  padding: 8rem var(--pad); text-align: center;
  position: relative; overflow: hidden;
}
.cta::before {
  content: ''; position: absolute;
  top: 50%; left: 50%; transform: translate(-50%, -50%);
  width: 800px; height: 500px;
  background: radial-gradient(ellipse, rgba(255,174,75,.09) 0%, transparent 70%);
  pointer-events: none;
}
.cta-inner { position: relative; z-index: 2; }
.cta-title {
  font-family: var(--serif);
  font-size: clamp(3rem, 5.5vw, 5.2rem);
  line-height: .92; letter-spacing: -.035em;
  margin-bottom: 1.4rem; color: var(--ink);
}
.cta-title em { font-style: italic; color: var(--amber2); }
.cta-sub {
  color: var(--gray); font-size: .9rem;
  line-height: 1.82; max-width: 400px;
  margin: 0 auto 3rem;
}
.cta-btns {
  display: flex; gap: .85rem;
  justify-content: center; flex-wrap: wrap;
  margin-bottom: 1.5rem;
}
.cta-reassurance {
  font-size: .7rem; color: var(--gray2);
  letter-spacing: .08em; margin-bottom: 3rem;
}
.cta-social {
  display: flex; gap: 2rem; justify-content: center;
  flex-wrap: wrap; padding-top: 3rem;
  border-top: 1px solid var(--border);
}
.cta-social a {
  font-size: .63rem; text-transform: uppercase;
  letter-spacing: .22em; color: var(--gray2);
  font-weight: 700; transition: color .2s;
}
.cta-social a:hover { color: var(--ink); }

/* ══════════════════════════════════════════════
   RESPONSIVE BREAKPOINTS
   ══════════════════════════════════════════════ */
@media (max-width: 1100px) {
  .founders-grid { grid-template-columns: 1fr; }
  .founder-card  { grid-template-columns: 180px 1fr; }
}

@media (max-width: 960px) {
  .hero { grid-template-columns: 1fr; min-height: auto; padding: 4rem var(--pad) 3.5rem; }
  .hero-right { display: none; }
  .srv-top  { grid-template-columns: 1fr; }
  .srv-grid { grid-template-columns: 1fr 1fr; }
  .stats-inner { grid-template-columns: 1fr 1fr; }
  .stat-item:nth-child(2) { border-right: none; }
  .stat-item:nth-child(3) { border-top: 1px solid var(--border); }
  .stat-item:nth-child(4) { border-right: none; border-top: 1px solid var(--border); }
  .work-grid   { grid-template-columns: 1fr 1fr; }
  .faq-inner   { grid-template-columns: 1fr; gap: 3.5rem; }
  .faq-left    { position: static; }
  .work-head   { flex-direction: column; align-items: flex-start; gap: 1.5rem; }
  .founders-grid { grid-template-columns: 1fr; }
  .founders-head { flex-direction: column; align-items: flex-start; gap: 1rem; }
  .fr-inner    { grid-template-columns: 1fr; gap: 2rem; }
  .fr-right    { align-items: flex-start; flex-direction: row; flex-wrap: wrap; gap: 1.2rem; }
  .fr-num-block { text-align: left; }
  .hww-top, .testi-top { grid-template-columns: 1fr; }
  .hww-steps   { grid-template-columns: 1fr 1fr; }
  .testi-grid  { grid-template-columns: 1fr; }
  .why-top     { grid-template-columns: 1fr; gap: 3rem; }
  .trusted-by-logos { gap: 2rem; }
  .audit-inner { grid-template-columns: 1fr; gap: 2rem; }
  .audit-right { align-items: flex-start; }
  .audit-note  { text-align: left; }
}

@media (max-width: 700px) {
  .founder-card  { grid-template-columns: 1fr; gap: 1.5rem; }
  .founder-img   { width: 100%; height: 280px; }
  .founder-tag   { position: static; margin-top: -4px; }
}

@media (max-width: 600px) {
  .srv-grid, .stats-inner, .work-grid { grid-template-columns: 1fr; }
  .stat-item { border-right: none; border-bottom: 1px solid var(--border); }
  .cta-btns  { flex-direction: column; align-items: center; }
  .hww-steps { grid-template-columns: 1fr; }
  .testi-grid { grid-template-columns: 1fr; }
}