/* Fueltek v6.9.274 — deeper, source-led sector content.
   Adds benefits and evidence without turning the pages into dense text walls. */

#benefits .section-copy,
#evidence .section-copy{
  display:grid;
  grid-template-columns:minmax(270px,360px) minmax(0,1fr);
  gap:clamp(42px,6vw,96px);
  align-items:start;
}

#benefits .benefit-intro,
#evidence .evidence-intro{
  max-width:84ch;
  margin:0 0 24px;
  color:var(--sector-copy);
  font-size:clamp(16px,1.12vw,18px);
  line-height:1.72;
}

.benefit-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.benefit-card{
  min-height:220px;
  padding:clamp(24px,2.2vw,34px);
  border:1px solid rgba(255,255,255,.1);
  border-top-color:rgba(243,179,36,.45);
  border-radius:var(--sector-radius);
  background:
    radial-gradient(circle at 94% 8%,rgba(243,179,36,.12),transparent 30%),
    linear-gradient(145deg,rgba(255,255,255,.045),rgba(8,11,8,.88));
  box-shadow:0 20px 48px rgba(0,0,0,.2);
}

.benefit-card small,
.evidence-card small{
  display:block;
  margin-bottom:16px;
  color:var(--acid);
  font-size:10px;
  font-weight:950;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.benefit-card h3,
.evidence-card h3{
  margin:0 0 14px;
  color:#f5f7f2;
  font-size:clamp(25px,2vw,36px);
  line-height:1;
  letter-spacing:-.025em;
  text-wrap:balance;
}

.benefit-card p,
.evidence-card p,
.evidence-card li{
  color:var(--sector-copy);
  font-size:15px;
  line-height:1.65;
}

.benefit-card p,.evidence-card p{margin:0}

.evidence-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.evidence-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
  padding:clamp(26px,2.7vw,42px);
  border:1px solid rgba(243,179,36,.24);
  border-radius:var(--sector-radius);
  background:
    linear-gradient(135deg,rgba(243,179,36,.09),transparent 38%),
    rgba(7,10,8,.86);
  box-shadow:0 26px 65px rgba(0,0,0,.24);
}

.evidence-card.is-planning{
  border-color:rgba(255,255,255,.12);
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(7,10,8,.9));
}

.evidence-card ul{
  display:grid;
  gap:9px;
  margin:20px 0 0;
  padding:0;
  list-style:none;
}

.evidence-card li{position:relative;padding-left:20px}
.evidence-card li::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:8px;
  height:2px;
  background:var(--acid);
  box-shadow:0 0 12px rgba(243,179,36,.45);
}

.evidence-card .case-link{
  width:max-content;
  max-width:100%;
  margin-top:auto;
  padding-top:24px;
  color:#fff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.evidence-card .case-link::after{content:"  ↗";color:var(--acid)}
.evidence-card .case-link:hover,.evidence-card .case-link:focus-visible{color:var(--acid);outline:none}

.evidence-note{
  margin-top:18px;
  padding:18px 20px;
  border-left:3px solid var(--acid);
  border-radius:0 14px 14px 0;
  background:rgba(243,179,36,.07);
  color:#eef2eb;
  font-size:14px;
  line-height:1.62;
}

/* The deeper route remains readable at large desktop sizes and becomes a
   horizontal swipeable chapter rail on smaller screens. */
.sector-journey{grid-template-columns:minmax(140px,1.15fr) repeat(9,minmax(72px,1fr))}

html[data-theme="light"] .benefit-card,
html[data-theme="light"] .evidence-card{
  background:rgba(255,255,255,.79);
  box-shadow:0 18px 42px rgba(56,46,24,.08);
}

html[data-theme="light"] .benefit-card h3,
html[data-theme="light"] .evidence-card h3{color:#151b16;-webkit-text-fill-color:#151b16}

html[data-theme="light"] .benefit-card p,
html[data-theme="light"] .evidence-card p,
html[data-theme="light"] .evidence-card li,
html[data-theme="light"] #benefits .benefit-intro,
html[data-theme="light"] #evidence .evidence-intro{color:#475249;-webkit-text-fill-color:#475249}

html[data-theme="light"] .evidence-note{color:#263229;-webkit-text-fill-color:#263229}

@media(min-width:1181px){
  #benefits .section-copy > div:first-child,
  #evidence .section-copy > div:first-child{position:sticky;top:164px}
}

@media(max-width:1400px){
  .sector-journey{display:flex;overflow-x:auto;scrollbar-width:thin;scroll-snap-type:x proximity}
  .sector-journey > span{flex:0 0 auto;margin-right:8px}
  .sector-journey a{flex:0 0 auto;min-width:108px;scroll-snap-align:start}
}

@media(max-width:1180px){
  #benefits .section-copy,#evidence .section-copy{grid-template-columns:1fr;gap:30px}
}

@media(max-width:760px){
  .benefit-grid,.evidence-grid{grid-template-columns:1fr}
  .benefit-card{min-height:0}
}