*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  /* ─── Sunset Core ─── */
  --orange:          #D4561A;
  --orange-light:    #E8720A;
  --orange-lighter:  #F0A820;
  --orange-dim:      rgba(212, 86, 26, 0.13);
  --orange-gradient: linear-gradient(135deg, #F5C840, #D4561A);

  --black:           #0D0806;
  --dark:            #140C08;
  --dark2:           #1E1008;
  --white:           #FFF8F2;
  --gray:            #9A7060;
  --border-dark:     rgba(212, 86, 26, 0.10);
  --border-light:    rgba(180, 80, 20, 0.08);

  /* Full sunset gradient */
  --spectrum: linear-gradient(90deg,
    #8B1A0A  0%,
    #C43010 18%,
    #D4561A 34%,
    #E8720A 50%,
    #F0A820 68%,
    #F5C840 84%,
    #FFF4DC 100%
  );
}

html { scroll-behavior: smooth; }
body {
  font-family: 'DM Sans', sans-serif;
  background: var(--white);
  color: var(--black);
  overflow-x: hidden;
  cursor: auto;
}

/* ═══════════════════════════════════
   HERO
═══════════════════════════════════ */
#hero {
  position: relative;
  height: 75vh; min-height: 520px;
  display: flex; align-items: flex-end;
  overflow: hidden;
}
.hero-bg {
  position: absolute; inset: 0;
  
  background-size: cover; background-position: center 40%;
  transform: scale(1.04);
  transition: transform 7s ease;
}
#hero.loaded .hero-bg { transform: scale(1); }

.hero-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(
    to top,
    rgba(13,8,6,1)    0%,
    rgba(13,8,6,.68)  45%,
    rgba(13,8,6,.22)  100%
  );
}
.hero-content {
  position: relative; z-index: 2;
  padding: 0 80px 72px; width: 100%;
}

/* Breadcrumb */
.breadcrumb {
  display: flex; align-items: center; gap: 10px;
  margin-bottom: 20px;
  opacity: 0; animation: fadeUp .6s .3s forwards;
}
.breadcrumb a {
  font-size: .75rem; color: rgba(255,220,180,.38);
  text-decoration: none; letter-spacing: .06em;
  text-transform: uppercase; transition: color .2s;
}
.breadcrumb a:hover { color: var(--orange-lighter); }
.breadcrumb-sep { color: rgba(255,200,140,.20); font-size: .7rem; }
.breadcrumb-cur {
  font-size: .75rem; color: var(--orange-lighter);
  letter-spacing: .06em; text-transform: uppercase;
}

/* Hero label pill */
.hero-label {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--orange-dim);
  border: 1px solid rgba(212,86,26,.42);
  color: var(--orange-lighter);
  padding: 5px 14px; border-radius: 100px;
  font-size: .7rem; letter-spacing: .1em;
  text-transform: uppercase; font-weight: 600;
  margin-bottom: 20px;
  opacity: 0; animation: fadeUp .6s .5s forwards;
}
.hero-label::before {
  content: '';
  width: 6px; height: 6px;
  background: var(--orange-light);
  border-radius: 50%;
  animation: pulse 2s infinite;
}
@keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.4;transform:scale(1.5)} }

.hero-title {
  font-family: 'Syne', sans-serif; font-weight: 800;
  font-size: clamp(3rem, 6vw, 5.5rem);
  color: var(--white); line-height: 1.0; letter-spacing: -.04em;
  opacity: 0; animation: fadeUp .8s .6s forwards;
}
.hero-title em {
  font-style: normal;
  background: linear-gradient(90deg, #E8720A, #F5C840);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.hero-meta {
  display: flex; align-items: center; gap: 32px;
  margin-top: 28px;
  opacity: 0; animation: fadeUp .7s .8s forwards;
}
.hero-meta-item {
  display: flex; align-items: center; gap: 8px;
  color: rgba(255,210,170,.48); font-size: .8rem;
}
.hero-meta-item svg { width: 14px; height: 14px; stroke: var(--orange-lighter); }

/* Sunset line bottom of hero */
.hero-line {
  position: absolute; bottom: 0; left: 0; right: 0;
  height: 2px;
  background: var(--spectrum);
  opacity: .60;
}

/* ═══════════════════════════════════
   TICKER
═══════════════════════════════════ */
.ticker-wrap {
  background: var(--spectrum);
  padding: 13px 0; overflow: hidden; white-space: nowrap;
  position: relative;
}
.ticker-wrap::before {
  content: '';
  position: absolute; inset: 0;
  background: rgba(0,0,0,.22);
  pointer-events: none;
}
.ticker-track {
  display: inline-flex;
  animation: ticker 20s linear infinite;
  position: relative;
}
.ticker-item {
  display: inline-flex; align-items: center; gap: 12px;
  padding: 0 24px;
  font-family: 'Syne', sans-serif;
  font-size: .72rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: .1em;
  color: rgba(255,255,255,.95);
}
.ticker-dot {
  width: 4px; height: 4px;
  background: rgba(255,255,255,.60);
  border-radius: 50%; flex-shrink: 0;
}
@keyframes ticker { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }

/* ═══════════════════════════════════
   TESTS ZONES
═══════════════════════════════════ */
.tests-dark       { background: var(--dark); }
.tests-transition {
  background: linear-gradient(
    to bottom,
    var(--dark) 0%,
    #1E1008 25%,
    #4A2810 45%,
    #C09060 65%,
    var(--white) 100%
  );
}
.tests-light      { background: var(--white); }

/* ═══════════════════════════════════
   TEST CARD
═══════════════════════════════════ */
.test-card {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 520px;
  overflow: hidden;
  position: relative;
}
.test-card.reverse { direction: rtl; }
.test-card.reverse > * { direction: ltr; }

.test-img-col { position: relative; overflow: hidden; }
.test-img {
  width: 100%; height: 100%;
  object-fit: cover; display: block;
  transition: transform 7s ease;
}
.test-card:hover .test-img { transform: scale(1.04); }

/* Image overlays — warm dark */
.dark-card .test-img-col::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(to right, transparent 60%, var(--dark) 100%);
}
.dark-card.reverse .test-img-col::after {
  background: linear-gradient(to left, transparent 60%, var(--dark) 100%);
}
.light-card .test-img-col::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(to right, transparent 60%, var(--white) 100%);
}
.light-card.reverse .test-img-col::after {
  background: linear-gradient(to left, transparent 60%, var(--white) 100%);
}

.test-content {
  display: flex; flex-direction: column;
  justify-content: center;
  padding: 72px 80px;
}
.test-card.reverse .test-content { padding: 72px 80px 72px 64px; }

/* Code tag */
.test-code-tag {
  display: inline-flex; align-items: center;
  gap: 10px; margin-bottom: 20px; width: fit-content;
}
.test-code {
  font-family: 'Syne', sans-serif; font-weight: 800;
  font-size: .65rem; letter-spacing: .16em; text-transform: uppercase;
  background: linear-gradient(135deg, #C43010, #E8720A);
  color: #fff;
  padding: 4px 10px; border-radius: 4px;
  box-shadow: 0 3px 12px rgba(196,48,16,.30);
}
.test-num {
  font-family: 'Syne', sans-serif; font-size: .8rem;
  font-weight: 700; letter-spacing: .1em; opacity: .3;
}
.test-divider {
  width: 40px; height: 2px;
  background: var(--spectrum);
  margin-bottom: 22px; border-radius: 2px;
}
.test-full-name {
  font-size: 1.15rem; font-weight: 500;
  letter-spacing: .05em; text-transform: uppercase;
  margin-bottom: 14px; opacity: .48;
}
.test-title {
  font-family: 'Syne', sans-serif; font-weight: 800;
  font-size: clamp(1.4rem, 2.2vw, 2rem);
  line-height: 1.1; letter-spacing: -.02em;
  margin-bottom: 16px;
}
.test-desc {
  font-size: 1rem; line-height: 1.85;
  font-weight: 300; margin-bottom: 12px;
}
.test-standard {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: .7rem; font-weight: 600;
  letter-spacing: .08em; text-transform: uppercase;
  color: var(--orange-lighter);
  margin-bottom: 28px;
  opacity: .85;
}
.test-standard::before {
  content: '';
  width: 14px; height: 1px;
  background: var(--orange-light);
}

/* Dark card text */
.dark-card .test-num      { color: white; }
.dark-card .test-title    { color: var(--white); }
.dark-card .test-full-name{ color: rgba(255,220,180,.80); }
.dark-card .test-desc     { color: rgba(255,210,170,.50); }

/* Mid card text */
.mid-card .test-num       { color: rgba(255,210,170,.30); }
.mid-card .test-title     { color: var(--white); }
.mid-card .test-full-name { color: rgba(255,220,180,.80); }
.mid-card .test-desc      { color: rgba(255,210,170,.52); }
.mid-card.light-text .test-num       { color: var(--black); }
.mid-card.light-text .test-title     { color: var(--black); }
.mid-card.light-text .test-full-name { color: rgba(13,8,6,.70); }
.mid-card.light-text .test-desc      { color: #6A4030; }

/* Light card text */
.light-card .test-num       { color: var(--black); }
.light-card .test-title     { color: var(--black); }
.light-card .test-full-name { color: rgba(13,8,6,.65); }
.light-card .test-desc      { color: #6A4030; }

/* ═══════════════════════════════════
   QUOTE BUTTONS
═══════════════════════════════════ */
.btn-quote {
  display: inline-flex; align-items: center; gap: 10px;
  width: fit-content; padding: 13px 28px;
  border-radius: 6px; font-size: .82rem; font-weight: 600;
  letter-spacing: .04em; text-transform: uppercase;
  text-decoration: none;
  transition: transform .2s, box-shadow .2s, opacity .2s;
  cursor: pointer; border: none; font-family: 'DM Sans', sans-serif;
}
.btn-quote svg { width: 16px; height: 16px; transition: transform .2s; }
.btn-quote:hover svg { transform: translateX(4px); }
.btn-quote:hover { transform: translateY(-2px); }

/* Dark card CTA */
.btn-quote-dark {
  background: linear-gradient(135deg, #C43010, #E8720A);
  color: #fff;
  box-shadow: 0 8px 30px rgba(196,48,16,.32);
}
.btn-quote-dark:hover {
  opacity: .88;
  box-shadow: 0 14px 40px rgba(196,48,16,.50);
}

/* Ghost on dark */
.btn-quote-ghost-dark {
  background: transparent;
  border: 1px solid rgba(255,200,140,.22);
  color: rgba(255,220,180,.78);
}
.btn-quote-ghost-dark:hover {
  border-color: var(--orange-lighter);
  color: var(--orange-lighter);
}

/* Light card CTA */
.btn-quote-light {
  background: var(--black);
  color: #fff;
  box-shadow: 0 8px 30px rgba(0,0,0,.12);
}
.btn-quote-light:hover { box-shadow: 0 14px 40px rgba(0,0,0,.22); }

/* ═══════════════════════════════════
   DIVIDERS
═══════════════════════════════════ */
.card-divider-dark  { width:100%; height:1px; background: rgba(212,86,26,.08); }
.card-divider-light { width:100%; height:1px; background: rgba(180,80,20,.07); }


/* ═══════════════════════════════════
   ANIMATIONS
═══════════════════════════════════ */
@keyframes fadeUp  { from{opacity:0;transform:translateY(28px)} to{opacity:1;transform:translateY(0)} }
@keyframes fadeIn  { from{opacity:0} to{opacity:1} }
.reveal       { opacity:0; transform:translateY(32px);  transition:opacity .7s ease,transform .7s ease; }
.reveal-left  { opacity:0; transform:translateX(-32px); transition:opacity .7s ease,transform .7s ease; }
.reveal-right { opacity:0; transform:translateX(32px);  transition:opacity .7s ease,transform .7s ease; }
.reveal.visible,.reveal-left.visible,.reveal-right.visible { opacity:1; transform:none; }
.d1{transition-delay:.1s} .d2{transition-delay:.2s} .d3{transition-delay:.3s}

/* ═══════════════════════════════════
   FOOTER + NAVBAR overrides
   (mantiene consistencia con la paleta sunset)
═══════════════════════════════════ */
.zt-footer-logo span      { background: linear-gradient(90deg,#E8720A,#F5C840); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.zt-social-btn:hover      { border-color:#F0A820 !important; color:#F0A820 !important; background:rgba(232,114,10,.12) !important; }
.zt-footer-col ul a:hover { color:#F0A820 !important; }
.zt-newsletter-btn        { background:linear-gradient(135deg,#C43010,#E8720A) !important; }
.zt-newsletter-btn:hover  { opacity:.88 !important; }
.zt-newsletter-input:focus{ border-color:#E8720A !important; background:rgba(212,86,26,.07) !important; }
.zt-footer-copy span      { background:linear-gradient(90deg,#E8720A,#F0A820); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.zt-dropdown::before      { background: linear-gradient(90deg,#8B1A0A,#C43010,#E8720A,#F0A820,#F5C840) !important; }
.zt-nav-cta               { background:linear-gradient(135deg,#C43010,#E8720A) !important; box-shadow:0 4px 18px rgba(196,48,16,.35) !important; }
.zt-nav-cta:hover         { opacity:.88 !important; }
.zt-nav-links a:hover,
.zt-nav-links a.active    { color:#F0A820 !important; }
.zt-dropdown li a:hover   { color:#F0A820 !important; background:rgba(212,86,26,.10) !important; }
.breadcrumb a:hover       { color: var(--orange-lighter); }

/* ═══════════════════════════════════════════════════════
   RESPONSIVE — Reliability Tests Page
   tablet  → max-width: 1024px
   mobile  → max-width: 768px
   xs      → max-width: 480px
═══════════════════════════════════════════════════════ */

/* ──────────────────────────────────
   TABLET  (≤ 1024px)
────────────────────────────────── */
@media (max-width: 1024px) {

  /* Hero */
  .hero-content { padding: 0 48px 56px; }
  .hero-title   { letter-spacing: -.03em; }

  /* Test cards */
  .test-card { grid-template-columns: 1fr 1fr; min-height: 440px; }
  .test-content { padding: 56px 48px; }
  .test-card.reverse .test-content { padding: 56px 48px 56px 40px; }
  .test-title { font-size: clamp(1.3rem, 2vw, 1.8rem); }

  /* CTA */
  #cta { padding: 100px 48px; }
  .cta-perks { gap: 20px; }
}


/* ──────────────────────────────────
   MOBILE  (≤ 768px)
────────────────────────────────── */
@media (max-width: 768px) {

  /* ── Hero ── */
  #hero { height: auto; min-height: 56vh; align-items: flex-end; }
  .hero-content { padding: 0 24px 48px; }

  .hero-title {
    font-size: clamp(1.8rem, 9vw, 2.6rem);
    letter-spacing: -.025em;
    line-height: 1.05;
    text-align: left;
  }
  .hero-label   { font-size: .66rem; }
  .hero-meta    { flex-wrap: wrap; gap: 14px; margin-top: 20px; }
  .hero-meta-item { font-size: .75rem; }

  .breadcrumb a,
  .breadcrumb-cur { font-size: .68rem; }

  /* ── Ticker ── */
  .ticker-item { font-size: .68rem; padding: 0 16px; gap: 10px; }

  /* ── Test cards — apilados ── */
  .test-card {
    grid-template-columns: 1fr;
    min-height: unset;
    direction: ltr !important;    /* anula el .reverse en mobile */
  }
  .test-card > * { direction: ltr !important; }

  /* La imagen siempre arriba */
  .test-img-col {
    height: 240px;
    order: 0;
  }

  /* Elimina los gradientes laterales en mobile (ya no tienen sentido) */
  .dark-card  .test-img-col::after,
  .dark-card.reverse .test-img-col::after,
  .light-card .test-img-col::after,
  .light-card.reverse .test-img-col::after {
    background: linear-gradient(to bottom, transparent 55%, var(--dark) 100%);
  }
  .light-card .test-img-col::after,
  .light-card.reverse .test-img-col::after {
    background: linear-gradient(to bottom, transparent 55%, var(--white) 100%);
  }

  /* Contenido siempre abajo, texto a la izquierda */
  .test-content {
    padding: 32px 24px 44px !important;
    order: 1;
    text-align: left;
  }

  /* Títulos más pequeños y a la izquierda */
  .test-title {
    font-size: clamp(1.3rem, 6vw, 1.7rem);
    letter-spacing: -.02em;
    line-height: 1.1;
    text-align: left;
  }
  .test-full-name { font-size: .85rem; margin-bottom: 10px; }
  .test-desc      { font-size: .88rem; line-height: 1.75; }
  .test-standard  { font-size: .67rem; }
  .test-divider   { margin-bottom: 16px; }

  .test-code-tag  { margin-bottom: 14px; }
  .test-code      { font-size: .6rem; }
  .test-num       { font-size: .75rem; }

  /* Botones a ancho completo en mobile */
  .btn-quote {
    width: 100%;
    justify-content: center;
    padding: 14px 20px;
  }

  /* ── CTA ── */
  #cta {
    padding: 80px 24px;
    min-height: unset;
    align-items: flex-start;
  }
  .cta-content { text-align: left; max-width: 100%; }
  .cta-tag     { font-size: .67rem; }

  .cta-title {
    font-size: clamp(1.8rem, 8vw, 2.6rem);
    letter-spacing: -.03em;
    line-height: 1.05;
    text-align: left;
  }
  .cta-sub { font-size: .88rem; text-align: left; }

  .cta-perks {
    justify-content: flex-start;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 36px;
  }
  .cta-perk { font-size: .82rem; }

  .cta-btn {
    width: 100%;
    justify-content: center;
    padding: 15px 28px;
    font-size: .86rem;
  }

  /* ── Section titles globales ── */
  .section-title {
    font-size: clamp(1.6rem, 7vw, 2.2rem);
    letter-spacing: -.025em;
    text-align: left;
    margin-bottom: 36px;
  }
  .section-label { font-size: .66rem; }
}


/* ──────────────────────────────────
   XS  (≤ 480px)
────────────────────────────────── */
@media (max-width: 480px) {

  /* Hero */
  .hero-content { padding: 0 20px 40px; }
  .hero-title   { font-size: clamp(1.75rem, 10vw, 2.4rem); }
  .hero-meta    { gap: 10px; }

  /* Test cards */
  .test-img-col   { height: 200px; }
  .test-content   { padding: 26px 20px 36px !important; }
  .test-title     { font-size: clamp(1.2rem, 7vw, 1.5rem); }
  .test-desc      { font-size: .84rem; }
  .test-full-name { font-size: .8rem; }

  /* CTA */
  #cta         { padding: 64px 20px; }
  .cta-title   { font-size: clamp(1.6rem, 9vw, 2.2rem); }
  .cta-sub     { font-size: .84rem; }
  .cta-perks   { gap: 10px; }
  .cta-perk    { font-size: .78rem; }
  .cta-btn     { padding: 14px 22px; font-size: .82rem; }

  /* Ticker */
  .ticker-item { font-size: .64rem; padding: 0 12px; }
}


/* ══════════════════════════════════════
   FOUNDERS SECTION v2
══════════════════════════════════════ */
.founders-section {
  background: var(--dark, #140C08);
  padding: 130px 0 0;
  position: relative;
  overflow: hidden;
}
 
/* Ambient glow */
.founders-section::before {
  content: '';
  position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 55% 65% at 80% 30%, rgba(212,86,26,0.08) 0%, transparent 65%),
    radial-gradient(ellipse 40% 50% at 15% 70%, rgba(240,168,32,0.05) 0%, transparent 60%);
  pointer-events: none;
}
 
/* Top spectrum line */
.founders-section::after {
  content: '';
  position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg,
    transparent 0%, #C43010 15%, #D4561A 30%, #E8720A 50%,
    #F0A820 70%, #F5C840 85%, transparent 100%);
}
 
.founders-inner {
  position: relative; z-index: 1;
  max-width: 1440px; margin: 0 auto;
  padding: 0 80px;
}
 
/* ──────────────────────────
   TOP HEADER — full width
────────────────────────── */
.founders-header {
  display: flex; flex-direction: column; align-items: flex-start;
  margin-bottom: 80px;
}
.founders-tag {
  display: inline-flex; align-items: center; gap: 12px;
  margin-bottom: 18px;
}
.founders-tag-line {
  width: 32px; height: 2px;
  background: linear-gradient(90deg, #D4561A, #F0A820);
  border-radius: 2px;
}
.founders-tag-text {
  font-family: 'Syne', sans-serif; font-weight: 800;
  font-size: 0.65rem; letter-spacing: 0.20em; text-transform: uppercase;
  color: var(--spec-amber, #E8820A);
}
.founders-heading {
  font-family: 'Syne', sans-serif; font-weight: 800;
  font-size: clamp(2.6rem, 5vw, 4.4rem);
  color: var(--white, #FFF8F2);
  line-height: 1.0; letter-spacing: -0.04em;
  margin: 0;
}
.founders-heading em {
  font-style: normal;
  background: linear-gradient(90deg, #E8720A 0%, #F5C840 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
 
/* ──────────────────────────
   MAIN GRID: quote + photo
────────────────────────── */
.founders-main-grid {
  display: grid;
  grid-template-columns: 1fr 480px;
  gap: 100px;
  align-items: start;
  margin-bottom: 0;
}
 
/* ── LEFT — Quote block ── */
.founders-quote-col { display: flex; flex-direction: column; }
 
.founders-quote-mark {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 8rem; line-height: 0.6;
  color: var(--spec-orange, #D4561A);
  opacity: 0.22; margin-bottom: 0;
  user-select: none; display: block;
}
 
blockquote.founders-quote {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: clamp(1.4rem, 2.2vw, 1rem);
  font-weight: 500; font-style: italic;
  color: rgba(255,248,242,0.93);
  line-height: 1.70;
  margin: 0 0 14px 0; padding: 0; border: none;
}
 
.founders-quote-sub {
  font-size: 1rem; font-weight: 300;
    color: rgba(255, 255, 255, 0.79);
  line-height: 1.85; margin-bottom: 10px;
}
 
.founders-quote-attr {
  display: flex; flex-direction: column; gap: 5px;
  margin: 32px 0 60px;
  padding-left: 20px;
  border-left: 2px solid var(--spec-orange, #D4561A);
}
.founders-attr-name {
  font-family: 'Syne', sans-serif; font-weight: 700;
  font-size: 1rem; color: var(--white, #FFF8F2);
}
.founders-attr-role {
  font-size: 0.90rem; font-weight: 300;
     color: rgba(255, 255, 255, 0.79); letter-spacing: 0.04em;
}
 
/* Mission pillars */
.founders-pillars {
  display: flex; flex-direction: column;
  border-top: 1px solid rgba(255,200,140,0.08);
  padding-top: 40px;
}
.founders-pillar {
  display: flex; gap: 22px;
  padding: 24px 0;
  border-bottom: 1px solid rgba(255,200,140,0.06);
  align-items: flex-start;
}
.founders-pillar:last-child { border-bottom: none; }
.founders-pillar-icon {
  width: 46px; height: 46px; flex-shrink: 0;
  border-radius: 12px;
  background: rgba(212,86,26,0.09);
  border: 1px solid rgba(212,86,26,0.20);
  display: flex; align-items: center; justify-content: center;
  margin-top: 2px;
}
.founders-pillar-text { display: flex; flex-direction: column; gap: 6px; }
.founders-pillar-title {
  font-family: 'Syne', sans-serif; font-weight: 700;
  font-size: 1.1rem; color: var(--white, #FFF8F2);
}
.founders-pillar-desc {
  font-size: .98rem; font-weight: 300;
color: rgba(255, 255, 255, 0.79);; line-height: 1.72;
}
 
/* ── RIGHT — Profile card ── */
.founders-profile-col { position: sticky; top: 100px; }
 
.founders-profile-card {
  background: rgba(255,248,242,0.025);
  border: 1px solid rgba(212,86,26,0.18);
  border-radius: 24px; overflow: hidden;
  transition: border-color 0.35s, box-shadow 0.35s;
}
.founders-profile-card:hover {
  border-color: rgba(240,168,32,0.38);
  box-shadow: 0 24px 80px rgba(212,86,26,0.14);
}
 
/* Photo */
.founders-photo-wrap {
  position: relative; width: 100%;
  aspect-ratio: 3/3.8;
  overflow: hidden; background: #1E1008;
}
.founders-photo {
  width: 100%; height: 100%;
  object-fit: cover; object-position: center top;
  display: block; transition: transform 8s ease;
}
.founders-profile-card:hover .founders-photo { transform: scale(1.05); }
 
/* Fallback initials */
.founders-photo-fallback {
  width: 100%; height: 100%; display: none;
  align-items: center; justify-content: center;
  background: linear-gradient(160deg, #2A1408, #140C08);
}
.founders-photo-fallback span {
  font-family: 'Syne', sans-serif; font-weight: 800;
  font-size: 6rem;
  background: linear-gradient(135deg, #D4561A, #F5C840);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text; opacity: 0.50;
  letter-spacing: -0.06em;
}
 
/* Gradient over bottom of photo */
.founders-photo-wrap::after {
  content: ''; pointer-events: none;
  position: absolute; bottom: 0; left: 0; right: 0; height: 55%;
  background: linear-gradient(to top, rgba(20,12,8,0.92) 0%, rgba(20,12,8,0.4) 50%, transparent 100%);
}
 
/* Name overlay on photo */
.founders-photo-name-overlay {
  position: absolute; bottom: 0; left: 0; right: 0;
  z-index: 2; padding: 28px 28px 24px;
}
.founders-photo-badge {
  display: inline-flex; align-items: center;
  background: rgba(10,6,4,0.70);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(212,86,26,0.32);
  color: var(--spec-amber, #E8820A);
  font-family: 'Syne', sans-serif; font-weight: 700;
  font-size: 0.60rem; letter-spacing: 0.12em; text-transform: uppercase;
  padding: 5px 14px; border-radius: 100px;
  margin-bottom: 10px;
}
.founders-photo-name {
  font-family: 'Syne', sans-serif; font-weight: 800;
  font-size: 1.25rem; color: var(--white, #FFF8F2);
  letter-spacing: -0.02em; line-height: 1.15; display: block;
}
.founders-photo-role {
  font-size: 0.80rem; font-weight: 300;
  color: rgba(255,210,170,0.55); letter-spacing: 0.03em;
  display: block; margin-top: 4px;
}
 
/* Credentials body */
.founders-profile-body { padding: 28px 28px 32px; }
 
.founders-credentials-label {
  font-family: 'Syne', sans-serif; font-weight: 700;
  font-size: 0.58rem; letter-spacing: 0.18em; text-transform: uppercase;
  color: rgba(255,248,242,0.28); margin-bottom: 16px;
}
.founders-credentials {
  list-style: none; padding: 0; margin: 0;
  display: flex; flex-direction: column;
}
.founders-credential {
  display: flex; gap: 14px; align-items: flex-start;
  padding: 13px 0;
  border-bottom: 1px solid rgba(255,200,140,0.06);
}
.founders-credential:last-child { border-bottom: none; }
.founders-credential--highlight .founders-cred-icon {
  background: rgba(240,168,32,0.12);
  border-color: rgba(240,168,32,0.28);
}
.founders-cred-icon {
  width: 32px; height: 32px; flex-shrink: 0;
  border-radius: 8px;
  background: rgba(212,86,26,0.09);
  border: 1px solid rgba(212,86,26,0.20);
  display: flex; align-items: center; justify-content: center;
  margin-top: 1px;
}
.founders-cred-text { display: flex; flex-direction: column; gap: 3px; }
.founders-cred-degree {
  font-family: 'Syne', sans-serif; font-weight: 700;
  font-size: 0.9rem; color: var(--white, #FFF8F2);
}
.founders-cred-field {
  font-size: 0.86rem; font-weight: 300;
    color: rgba(255, 255, 255, 0.79); line-height: 1.4;
}
.founders-cred-inst {
  font-size: 0.78rem; font-weight: 400;
  color: var(--spec-amber, #E8820A); letter-spacing: 0.01em;
}
 
/* ──────────────────────────
   BOTTOM BAND — full bleed dark strip
   (flush against next section)
────────────────────────── */
.founders-bottom-band {
  margin-top: 100px;
  background: rgba(255,200,140,0.03);
  border-top: 1px solid rgba(255,200,140,0.06);
  padding: 48px 80px;
  display: flex; align-items: center;
  justify-content: space-between; gap: 40px;
  flex-wrap: wrap;
}
.founders-band-stats {
  display: flex; gap: 60px; flex-wrap: wrap;
}
.founders-band-stat {}
.founders-band-stat-val {
  font-family: 'Syne', sans-serif; font-weight: 800;
  font-size: 2rem; color: var(--white, #FFF8F2);
  letter-spacing: -0.04em; line-height: 1; display: block;
  margin-bottom: 5px;
}
.founders-band-stat-val span {
  background: linear-gradient(90deg, #E8720A, #F5C840);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.founders-band-stat-label {
  font-size: 0.9rem; font-weight: 400;
  letter-spacing: 0.08em; text-transform: uppercase;
     color: rgba(255, 255, 255, 0.79);
}
.founders-band-tagline {
  max-width: 420px;
  font-size: 0.92rem; line-height: 1.75; font-weight: 300;
    color: rgba(255, 255, 255, 0.79);
  font-style: italic;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 1.05rem;
}
 
/* ── Responsive ── */
@media (max-width: 1200px) {
  .founders-main-grid { grid-template-columns: 1fr 400px; gap: 64px; }
}
@media (max-width: 1024px) {
  .founders-inner { padding: 0 40px; }
  .founders-main-grid { grid-template-columns: 1fr; gap: 60px; }
  .founders-profile-col { position: static; }
  .founders-photo-wrap { aspect-ratio: 16/10; }
  .founders-photo { object-position: center 20%; }
  .founders-bottom-band { padding: 40px; gap: 32px; }
  .founders-band-stats { gap: 36px; }
}
@media (max-width: 768px) {
  .founders-section { padding-top: 80px; }
  .founders-inner { padding: 0 24px; }
  .founders-heading { font-size: clamp(2rem, 8vw, 3rem); }
  .founders-header { margin-bottom: 52px; }
  .founders-quote-mark { font-size: 7rem; }
  blockquote.founders-quote { font-size: 1.2rem; }
  .founders-bottom-band { padding: 36px 24px; flex-direction: column; align-items: flex-start; }
  .founders-band-stats { gap: 28px; }
}