/* direct-elastic-hero
   Page section for /company/partners/elastic. Source hero adapted to the wireframe.
   Hero exception: viewport rhythm controls padding (not --section-padding-y). */
.direct-elastic-hero{
  box-sizing:border-box;
  width:100%;
  padding:96px 0 0;
  background:var(--deep);
  color:var(--on-dark);
  font-family:var(--body);
}
.direct-elastic-hero *{box-sizing:border-box}
.direct-elastic-hero__in{
  width:var(--shell);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);
  gap:56px;
  align-items:start;
}
.direct-elastic-hero__crumb{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px 18px;
  margin-bottom:28px;
}
.direct-elastic-hero__path{
  font-size:var(--fs-content-kicker);
  font-weight:700;
  line-height:1;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--on-dark-faint);
}
.direct-elastic-hero__status{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border:1px solid rgba(212,175,55,.38);
  font-size:var(--fs-content-kicker);
  font-weight:700;
  line-height:1;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--gold);
}
.direct-elastic-hero__title{
  margin:0;
  font-family:var(--display);
  font-size:var(--fs-standard-section);
  font-weight:var(--display-weight);
  line-height:var(--lh-tight);
  letter-spacing:0;
  color:var(--paper);
  text-wrap:pretty;
}
.direct-elastic-hero__lede{
  margin:28px 0 0;
  padding-top:24px;
  border-top:2px solid var(--gold);
  max-width:36em;
  font-size:var(--fs-content-row-title);
  font-weight:400;
  line-height:var(--lh-copy);
  color:var(--paper);
  text-wrap:pretty;
}
.direct-elastic-hero__body{
  margin:18px 0 0;
  max-width:42em;
  font-size:var(--fs-standard-lede);
  line-height:1.55;
  color:var(--on-sage);
  text-wrap:pretty;
}
.direct-elastic-hero__actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:20px 32px;
  margin-top:40px;
}
.direct-elastic-hero__button{
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-height:48px;
  padding:17px 30px;
  background:var(--gold);
  color:var(--black);
  font-size:13px;
  font-weight:700;
  line-height:1;
  letter-spacing:.11em;
  text-transform:uppercase;
  transition:background .18s;
}
.direct-elastic-hero__button:hover{background:#F3CD29}
.direct-elastic-hero__link{
  padding-bottom:5px;
  border-bottom:1px solid var(--gold);
  color:var(--paper);
  font-size:var(--fs-content-cta);
  font-weight:700;
  line-height:1.1;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.direct-elastic-hero__link:hover{color:var(--gold)}
.direct-elastic-hero a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}

/* Proof dossier */
.direct-elastic-hero__proof{
  background:var(--paper);
  color:var(--black);
  border-top:4px solid var(--gold);
  padding:32px 32px 28px;
}
.direct-elastic-hero__proof-head{
  display:grid;
  grid-template-columns:88px minmax(0,1fr);
  gap:20px;
  align-items:center;
  padding-bottom:22px;
  border-bottom:1px solid var(--rule);
}
.direct-elastic-hero__proof-head img{width:88px;height:88px;object-fit:contain}
.direct-elastic-hero__proof-kicker{
  display:block;
  font-size:var(--fs-content-kicker);
  font-weight:700;
  line-height:1;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--bronze);
}
.direct-elastic-hero__proof-name{
  display:block;
  margin-top:8px;
  font-family:var(--display);
  font-size:var(--fs-card);
  font-weight:400;
  line-height:var(--lh-tight);
  color:var(--deep);
}
.direct-elastic-hero__proof-sub{
  display:block;
  margin-top:6px;
  font-size:var(--fs-small);
  line-height:1.4;
  color:var(--grey-mid);
}
.direct-elastic-hero__stats{margin:0;padding:0;list-style:none}
.direct-elastic-hero__stats li{
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:16px;
  align-items:baseline;
  padding:18px 0;
  border-bottom:1px solid var(--rule);
}
.direct-elastic-hero__stat-num{
  font-family:var(--display);
  font-size:var(--fs-hero);
  font-weight:400;
  line-height:1;
  color:var(--deep);
}
.direct-elastic-hero__stat-label{
  font-size:var(--fs-body);
  line-height:1.4;
  color:var(--grey-dark);
}
.direct-elastic-hero__certs{padding-top:20px}
.direct-elastic-hero__certs-label{
  display:block;
  margin-bottom:14px;
  font-size:var(--fs-content-kicker);
  font-weight:700;
  line-height:1.3;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--grey-mid);
}
.direct-elastic-hero__certs-row{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.direct-elastic-hero__certs-row img{width:100%;max-width:72px;height:auto;margin:0 auto}

/* Sales-cycle rail: where SquareShift joins an Elastic deal */
.direct-elastic-hero__rail{
  width:var(--shell);
  margin:80px auto 0;
  border-top:1px solid rgba(255,255,255,.22);
  display:grid;
  grid-template-columns:200px minmax(0,1fr);
  align-items:stretch;
}
.direct-elastic-hero__rail-label{
  padding:24px 20px 28px 0;
  font-size:var(--fs-content-kicker);
  font-weight:700;
  line-height:1.4;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--gold);
}
.direct-elastic-hero__rail-list{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  margin:0;
  padding:0;
  list-style:none;
}
.direct-elastic-hero__rail-list a{
  display:flex;
  flex-direction:column;
  gap:10px;
  height:100%;
  padding:24px 16px 28px;
  border-left:1px solid rgba(255,255,255,.22);
  color:var(--paper);
  transition:background .2s var(--ease);
}
.direct-elastic-hero__rail-list a:hover{background:rgba(212,175,55,.10)}
.direct-elastic-hero__rail-num{
  font-size:var(--fs-content-kicker);
  font-weight:700;
  line-height:1;
  letter-spacing:.14em;
  color:var(--gold);
}
.direct-elastic-hero__rail-name{
  font-size:var(--fs-small);
  font-weight:700;
  line-height:1.3;
  letter-spacing:.04em;
  text-transform:uppercase;
}

@media (max-width:1100px){
  .direct-elastic-hero__rail{grid-template-columns:1fr}
  .direct-elastic-hero__rail-label{padding:22px 0 0}
  .direct-elastic-hero__rail-list li:first-child a{border-left:0;padding-left:0}
}
@media (max-width:1000px){
  .direct-elastic-hero{padding-top:72px}
  .direct-elastic-hero__in{grid-template-columns:1fr;gap:48px}
  .direct-elastic-hero__rail-list{grid-template-columns:repeat(4,minmax(0,1fr))}
  .direct-elastic-hero__rail-list li:nth-child(5) a{border-left:0;padding-left:0}
}
@media (max-width:600px){
  .direct-elastic-hero{padding-top:56px}
  .direct-elastic-hero__title{font-size:var(--fs-hero)}
  .direct-elastic-hero__lede{font-size:var(--fs-standard-lede)}
  .direct-elastic-hero__proof{padding:26px 22px 22px}
  .direct-elastic-hero__stats li{grid-template-columns:96px minmax(0,1fr)}
  .direct-elastic-hero__rail{margin-top:56px}
  .direct-elastic-hero__rail-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .direct-elastic-hero__rail-list a{border-left:0;border-top:1px solid rgba(255,255,255,.22);padding:18px 12px 20px 0}
}
@media (prefers-reduced-motion:reduce){
  .direct-elastic-hero__button,.direct-elastic-hero__rail-list a{transition:none}
}