/* Gate 3 — homepage conversion order, spacing/type budgets, LCP hero */

:root{
  --section-y:clamp(56px,6vw,96px);
  --home-gap:clamp(16px,2.2vw,28px);
}

/* Commercial hero: copy + one authentic image (not award carousel) */
.hero-commercial{
  padding:clamp(40px,6vw,72px) 0 clamp(28px,4vw,48px);
  background:
    linear-gradient(180deg, #fff 0%, #f7f8fb 55%, #fff 100%);
}
.hero-commercial-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(24px,4vw,48px);
  align-items:center;
}
.hero-commercial .hero-lede{
  max-width:38ch;
  font-size:clamp(16px,1.15vw,18px);
  line-height:1.55;
  color:var(--muted-2);
}
.hero-commercial .hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px;
}
.hero-lcp-figure{
  margin:0;
  border-radius:18px;
  overflow:hidden;
  box-shadow:var(--soft-shadow);
  background:#0b1524;
}
.hero-lcp-img{
  width:100%;
  height:auto;
  aspect-ratio:4/3;
  object-fit:cover;
  display:block;
}

/* Proof strip — compact, verified-only language */
.proof-strip-section{
  padding:clamp(18px,3vw,28px) 0;
  border-block:1px solid var(--line);
  background:#fbfcfe;
}
.proof-strip{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--home-gap);
}
.proof-strip li,
.proof-strip a{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}
.proof-strip strong{
  font-family:var(--title);
  font-size:14px;
  letter-spacing:.01em;
  color:var(--dark);
}
.proof-strip span{
  font-size:13px;
  color:var(--muted);
  line-height:1.4;
}
.proof-strip-note{
  margin:14px 0 0;
  font-size:12px;
  color:var(--muted);
}

/* Pathways / sectors / packages */
.pathway-grid,
.sector-card-grid,
.package-preview-grid,
.insights-grid{
  display:grid;
  gap:var(--home-gap);
}
.pathway-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.sector-card-grid,
.package-preview-grid,
.insights-grid{grid-template-columns:repeat(3,minmax(0,1fr));}

.pathway-card,
.sector-card,
.package-preview-card,
.insight-card{
  display:block;
  padding:20px 18px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  transition:border-color .2s var(--ease), transform .2s var(--ease);
}
.pathway-card:hover,
.sector-card:hover,
.insight-card:hover,
.package-preview-card:hover{
  border-color:rgba(237,0,0,.35);
  transform:translateY(-2px);
}
.pathway-card h3,
.sector-card h3,
.package-preview-card h3,
.insight-card h3{
  margin:10px 0 6px;
  font-size:clamp(16px,1.1vw,18px);
  line-height:1.25;
  color:var(--dark);
}
.pathway-card p,
.sector-card p,
.package-preview-card p,
.insight-card p{
  margin:0;
  font-size:14.5px;
  line-height:1.5;
  color:var(--muted-2);
}
.package-preview-card.featured{
  border-color:rgba(237,0,0,.45);
  background:linear-gradient(180deg,#fff,#fff5f5);
}
.package-price{
  font-family:var(--title);
  font-weight:800;
  color:var(--red);
  margin:0 0 8px !important;
  font-size:18px !important;
}

/* File steps */
.file-steps{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
  counter-reset:file-step;
}
.file-steps li{
  position:relative;
  padding:18px 14px 16px 14px;
  border-radius:14px;
  background:#fff;
  border:1px solid var(--line);
  counter-increment:file-step;
}
.file-steps li::before{
  content:counter(file-step);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  margin-bottom:10px;
  border-radius:999px;
  background:var(--red);
  color:#fff;
  font-size:13px;
  font-weight:700;
}
.file-steps strong{
  display:block;
  font-size:15px;
  color:var(--dark);
  margin-bottom:4px;
}
.file-steps span{
  display:block;
  font-size:13.5px;
  line-height:1.45;
  color:var(--muted);
}

.concern-grid-compact{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.section-cta-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}

.leadership-preview-layout{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:clamp(20px,4vw,40px);
  align-items:center;
}
.leadership-preview-list{
  margin:16px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
}
.leadership-preview-list li{
  padding:12px 14px;
  border-left:3px solid var(--red);
  background:#fff;
  border-radius:0 10px 10px 0;
  font-size:14.5px;
  color:var(--muted-2);
}
.leadership-preview-visual{
  margin:0;
  border-radius:16px;
  overflow:hidden;
}
.leadership-preview-visual img{
  width:100%;
  height:auto;
  object-fit:cover;
  aspect-ratio:4/3;
}

/* Demoted carousel — below fold, reduced height, lazy images already in HTML */
.home-carousel-demoted{
  padding-top:clamp(24px,4vw,40px);
}
.home-carousel-demoted .home-hero-photo-carousel{
  max-height:min(52vh,420px);
}
.home-carousel-demoted .zatra-staff-slide img{
  max-height:min(52vh,420px);
  object-fit:cover;
}
.visually-quiet{
  font-size:clamp(20px,2.2vw,28px);
  color:var(--dark);
}

.faq-preview-grid{
  max-width:920px;
  margin-inline:auto;
}

/* WhatsApp green only on WA CTAs / status — do not bleed brand */
a.js-wa.btn-primary,
.floating-whatsapp,
a[href*="wa.me"] .wa-green{--wa-green:#25D366;}

@media (max-width:980px){
  .hero-commercial-grid,
  .leadership-preview-layout{
    grid-template-columns:1fr;
  }
  .hero-lcp-figure{order:-1;}
  .proof-strip{grid-template-columns:1fr 1fr;}
  .pathway-grid,
  .sector-card-grid,
  .package-preview-grid,
  .insights-grid,
  .concern-grid-compact,
  .file-steps{
    grid-template-columns:1fr 1fr;
  }
}
@media (max-width:640px){
  .proof-strip,
  .pathway-grid,
  .sector-card-grid,
  .package-preview-grid,
  .insights-grid,
  .concern-grid-compact,
  .file-steps{
    grid-template-columns:1fr;
  }
  .hero-commercial .hero-lede{max-width:none;}
}

@media (prefers-reduced-motion:reduce){
  .pathway-card,
  .sector-card,
  .insight-card,
  .package-preview-card{
    transition:none;
  }
}