/* =========================================================
   WARpath landing page — v2.14
   Dedicated stylesheet intentionally loaded after site.css.
   This avoids stale Cloudflare/browser cache from swallowing
   the landing-page layout rules.
   ========================================================= */

.warpath-growth-page{
  overflow:hidden;
}

/* ---------- HERO ---------- */
.warpath-growth-hero{
  position:relative;
  min-height:680px;
  display:flex;
  align-items:center;
  overflow:hidden;
  border-bottom:1px solid var(--line);
}

.warpath-growth-hero-media{
  position:absolute;
  inset:0;
}

.warpath-growth-hero-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 42%;
  filter:saturate(.72) contrast(1.05) brightness(.62);
}

.warpath-growth-hero-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(5,5,5,.98) 0%,rgba(5,5,5,.92) 43%,rgba(5,5,5,.67) 72%,rgba(5,5,5,.80) 100%),
    linear-gradient(0deg,rgba(5,5,5,.88) 0%,transparent 45%);
}

.warpath-growth-hero::after{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(212,167,44,.22);
  pointer-events:none;
}

.warpath-growth-hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(180px,.6fr);
  gap:54px;
  align-items:center;
  padding-top:76px;
  padding-bottom:76px;
}

.warpath-growth-copy{
  max-width:850px;
}

.warpath-growth-copy h1{
  font-size:clamp(3.6rem,6.4vw,6.4rem);
  line-height:.88;
}

.warpath-growth-copy .lead{
  max-width:760px;
  margin:22px 0 0;
}

.warpath-proofline{
  margin:16px 0 0;
  color:#bcb7ad;
  font-size:.86rem;
}

.warpath-proofline strong{
  color:var(--cream);
}

.warpath-growth-mark{
  justify-self:end;
  width:min(230px,20vw);
  display:grid;
  justify-items:center;
  gap:14px;
  text-align:center;
}

.warpath-growth-mark img{
  display:block;
  width:100%;
  max-width:210px;
  height:auto;
  filter:drop-shadow(0 18px 34px rgba(0,0,0,.62));
}

.warpath-growth-mark span{
  max-width:210px;
  font-size:.67rem;
  line-height:1.5;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--gold-light);
}

/* ---------- THESIS ---------- */
.warpath-thesis .section-header{
  align-items:start;
}

.warpath-thesis .section-header h2{
  max-width:690px;
  font-size:clamp(2.8rem,4.8vw,4.9rem);
}

.warpath-thesis-copy{
  max-width:680px;
  justify-self:end;
}

.warpath-thesis-copy p{
  font-size:1rem;
  line-height:1.75;
}

.warpath-thesis-copy .warpath-callout{
  margin-top:26px;
  padding:20px 22px;
  border-left:3px solid var(--gold);
  background:rgba(212,167,44,.06);
  color:var(--cream);
}

.warpath-thesis-copy .warpath-callout strong{
  color:var(--gold-light);
}

/* ---------- PROGRESSION CARDS ---------- */
.warpath-path-heading{
  max-width:940px;
  margin:0 auto 42px;
}

.warpath-path-heading h2{
  font-size:clamp(2.7rem,4.8vw,4.8rem);
}

.growth-path{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:16px !important;
  align-items:stretch;
}

.growth-arrow{
  display:none !important;
}

.growth-step{
  min-height:190px !important;
  padding:58px 24px 24px !important;
  display:flex !important;
  flex-direction:column;
  justify-content:flex-end;
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018)) !important;
  border:1px solid rgba(255,255,255,.11) !important;
  border-radius:4px;
  box-shadow:0 16px 34px rgba(0,0,0,.22);
}

.growth-step::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:3px;
  background:var(--gold);
}

.growth-step::after{
  content:"";
  position:absolute;
  right:-54px;
  bottom:-78px;
  width:150px;
  height:150px;
  border:1px solid rgba(212,167,44,.09);
  transform:rotate(45deg);
}

.growth-step span{
  position:absolute !important;
  top:18px !important;
  left:22px !important;
  color:var(--gold-light) !important;
  font-size:.72rem !important;
  font-weight:800;
  letter-spacing:.14em;
}

.growth-step strong{
  position:relative;
  z-index:1;
  display:block;
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:clamp(1.75rem,2.4vw,2.45rem) !important;
  line-height:.95 !important;
  text-transform:uppercase;
  color:var(--cream);
}

.growth-step small{
  position:relative;
  z-index:1;
  display:block;
  margin-top:10px !important;
  color:#aaa59b !important;
  font-size:.8rem !important;
  line-height:1.45;
}

.growth-step-final{
  background:
    linear-gradient(145deg,rgba(212,167,44,.19),rgba(212,167,44,.045)) !important;
  border-color:rgba(212,167,44,.42) !important;
}

/* ---------- ECOSYSTEM CARDS ---------- */
.warpath-ecosystem .section-header h2{
  font-size:clamp(2.7rem,4.6vw,4.6rem);
}

.ecosystem-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
  align-items:stretch;
}

.ecosystem-card,
.ecosystem-card:last-child{
  grid-column:auto !important;
  min-height:430px !important;
  display:flex !important;
  flex-direction:column;
  padding:28px 26px 26px !important;
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(24,24,24,.98),rgba(9,9,9,.99)) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:4px;
  box-shadow:0 18px 38px rgba(0,0,0,.18);
}

.ecosystem-card::after{
  content:"";
  position:absolute;
  right:-74px;
  bottom:-86px;
  width:190px;
  height:190px;
  border:1px solid rgba(212,167,44,.10);
  transform:rotate(45deg);
}

.ecosystem-foundation{
  border-color:rgba(212,167,44,.34) !important;
}

.ecosystem-number{
  margin-bottom:20px !important;
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:4.2rem !important;
  line-height:.8;
  color:rgba(212,167,44,.18) !important;
}

.ecosystem-card h3{
  font-size:clamp(1.8rem,2.2vw,2.35rem) !important;
}

.ecosystem-card>p:not(.eyebrow){
  color:#c7c2b8;
  line-height:1.68;
}

.compact-list{
  position:relative;
  z-index:2;
  margin-top:16px !important;
}

.compact-list li{
  padding:7px 0 7px 18px !important;
}

.ecosystem-tier{
  position:relative;
  z-index:2;
  margin-top:auto !important;
  padding-top:20px !important;
  color:var(--gold-light);
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
}

/* ---------- FRAGMENTED ALTERNATIVE ---------- */
.assemble-grid{
  border:1px solid rgba(255,255,255,.09);
  background:rgba(5,5,5,.42);
  border-radius:4px;
  overflow:hidden;
}

.assemble-row{
  display:grid;
  grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);
  gap:30px;
  padding:16px 22px;
  border-bottom:1px solid rgba(255,255,255,.07);
  align-items:center;
}

.assemble-row:last-child{
  border-bottom:0;
}

.assemble-row span{
  color:#aaa59b;
  font-size:.88rem;
}

.assemble-row strong{
  font-size:.86rem;
  color:#ded9cf;
}

.assemble-warpath{
  background:linear-gradient(90deg,rgba(212,167,44,.16),rgba(212,167,44,.055));
  border-top:1px solid var(--line);
}

.assemble-warpath span,
.assemble-warpath strong{
  color:var(--gold-light);
}

/* ---------- PRICING ---------- */
.warpath-offer-grid{
  max-width:1020px;
  margin-inline:auto;
}

.warpath-offer-grid .offer{
  padding:34px !important;
}

.offer-topline{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:center;
}

.tier-chip{
  padding:6px 9px;
  border-radius:99px;
  background:var(--gold);
  color:#080808;
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
  white-space:nowrap;
}

.tier-chip-outline{
  background:transparent;
  color:var(--gold-light);
  border:1px solid var(--line);
}

/* ---------- FINAL CTA: intentionally compact ---------- */
.warpath-final-cta{
  position:relative;
  min-height:480px !important;
  display:flex;
  align-items:center !important;
  overflow:hidden;
  border-top:1px solid var(--line);
}

.warpath-final-bg{
  position:absolute;
  inset:0;
}

.warpath-final-bg img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 38%;
  filter:saturate(.72) contrast(1.05) brightness(.72);
}

.warpath-final-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(0,0,0,.96),rgba(0,0,0,.72) 54%,rgba(0,0,0,.5)),
    linear-gradient(0deg,rgba(0,0,0,.82),transparent 58%);
}

.warpath-final-content{
  position:relative;
  z-index:2;
  padding-top:66px !important;
  padding-bottom:66px !important;
}

.warpath-final-content h2{
  max-width:900px;
}

.warpath-final-mark{
  display:block;
  width:64px !important;
  max-width:64px !important;
  height:auto;
  margin-bottom:18px !important;
  opacity:.88;
}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1100px){
  .warpath-growth-hero-grid{
    grid-template-columns:minmax(0,1.45fr) minmax(150px,.55fr);
    gap:36px;
  }

  .warpath-growth-mark{
    width:min(190px,18vw);
  }

  .warpath-growth-mark img{
    max-width:180px;
  }

  .growth-path{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .ecosystem-grid{
    grid-template-columns:1fr !important;
  }

  .ecosystem-card,
  .ecosystem-card:last-child{
    min-height:auto !important;
  }
}

@media(max-width:760px){
  .warpath-growth-hero{
    min-height:700px;
    align-items:end;
  }

  .warpath-growth-hero::after{
    inset:10px;
  }

  .warpath-growth-hero-media img{
    object-position:62% center;
  }

  .warpath-growth-hero-media::after{
    background:linear-gradient(0deg,rgba(5,5,5,.98) 0%,rgba(5,5,5,.91) 58%,rgba(5,5,5,.58) 100%);
  }

  .warpath-growth-hero-grid{
    grid-template-columns:1fr;
    padding-top:220px;
    padding-bottom:56px;
  }

  .warpath-growth-copy h1{
    font-size:clamp(3.1rem,14vw,4.6rem);
  }

  .warpath-growth-mark{
    display:none !important;
  }

  .warpath-thesis .section-header{
    grid-template-columns:1fr !important;
  }

  .growth-path{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .growth-step{
    min-height:142px !important;
  }

  .ecosystem-grid{
    grid-template-columns:1fr !important;
  }

  .assemble-row{
    grid-template-columns:1fr;
    gap:4px;
    padding:15px 18px;
  }

  .no-trial-grid{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }

  .warpath-offer-grid .offer{
    padding:26px 22px !important;
  }

  .offer-topline{
    align-items:flex-start;
    flex-direction:column;
  }

  .warpath-final-cta{
    min-height:430px !important;
  }

  .warpath-final-bg img{
    object-position:60% center;
  }
}