/* ══════════════════════════════════════
   Inner Pages — Shared Styles
   ══════════════════════════════════════ */

/* Dark hero banner (reusable across inner pages) */
.inner-hero{
  background:var(--nav-bg);
  padding:72px 64px 64px;
  position:relative;
}
.inner-hero::after{
  content:'';position:absolute;bottom:0;left:0;right:0;
  height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent);
}
.inner-hero h1{
  font-family:var(--ff-head);font-weight:800;
  font-size:clamp(36px,4.5vw,56px);
  line-height:.95;letter-spacing:-1px;
  color:#fff;margin-bottom:18px;
}
.inner-hero h1 em{font-style:normal;color:var(--gold);display:block}
.inner-hero .ss{color:#888;margin-bottom:0}

/* Two-column layout */
.two-col{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:56px;
  align-items:start;
}

/* Stat row (dark bg) */
.stat-row{
  display:flex;gap:40px;flex-wrap:wrap;
  margin-top:36px;padding-top:32px;
  border-top:1px solid #2e2e2e;
}
.stat-row .num{font-family:var(--ff-head);font-size:32px;font-weight:800;color:var(--gold);line-height:1}
.stat-row .lbl{font-size:11px;color:#666;margin-top:4px;letter-spacing:.5px}

/* Content section with prose */
.prose h3{
  font-family:var(--ff-head);font-size:22px;font-weight:700;
  color:var(--text);margin-bottom:10px;margin-top:32px;letter-spacing:.2px;
}
.prose h3:first-child{margin-top:0}
.prose p{font-size:16px;color:var(--text-muted);line-height:1.75;margin-bottom:16px}
.prose ul{margin:0 0 16px 20px;color:var(--text-muted);font-size:15px;line-height:1.8}
.prose ul li{margin-bottom:4px}

/* Value/feature cards — horizontal */
.value-card{
  display:flex;align-items:flex-start;gap:16px;
  padding:24px 0;
  border-bottom:1px solid var(--card-border);
}
.value-card:last-child{border-bottom:none}
.value-icon{
  width:44px;height:44px;flex-shrink:0;
  background:var(--gold-bg);border:1.5px solid var(--gold-tint);
  border-radius:var(--radius);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--ff-head);font-size:18px;font-weight:800;color:var(--gold-dim);
}
.value-card h3{font-family:var(--ff-head);font-size:18px;font-weight:700;color:var(--text);margin-bottom:4px}
.value-card p{font-size:14px;color:var(--text-muted);line-height:1.6}

/* Equipment grid */
.equip-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:16px;
}
.equip-item{
  background:var(--card-bg);border:1px solid var(--card-border);
  border-radius:var(--radius);padding:20px;text-align:center;
  transition:border-color .25s;
}
.equip-item:hover{border-color:var(--gold)}
.equip-item h4{font-family:var(--ff-head);font-size:16px;font-weight:700;color:var(--text);margin-bottom:4px}
.equip-item p{font-size:13px;color:var(--text-muted)}

/* CTA band (reusable) */
.cta-band{
  background:var(--nav-bg);
  padding:72px 64px;
  text-align:center;
}
.cta-band .sh{color:#fff}
.cta-band .ss{margin-left:auto;margin-right:auto;color:#888}
.cta-band .btn-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}

/* Contact grid */
.contact-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:48px;
}
.contact-card{
  background:var(--card-bg);border:1px solid var(--card-border);
  border-radius:var(--radius-lg);padding:32px;
}
.contact-card h3{font-family:var(--ff-head);font-size:20px;font-weight:700;color:var(--text);margin-bottom:12px}
.contact-card p{font-size:15px;color:var(--text-muted);line-height:1.7;margin-bottom:8px}
.contact-card a{color:var(--gold-dim);font-weight:500}
.contact-card a:hover{color:var(--gold)}

/* Channel cards (How It Works) */
.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.channel-card{
  background:var(--card-bg);border:1px solid var(--card-border);
  border-radius:var(--radius-lg);overflow:hidden;
  transition:border-color .25s,box-shadow .25s,transform .25s;
}
.channel-card:hover{border-color:var(--gold);box-shadow:0 4px 24px rgba(201,168,76,0.08);transform:translateY(-2px)}
.channel-card-top{height:3px;background:linear-gradient(90deg,var(--gold),transparent)}
.channel-body{padding:28px 24px}
.channel-num{font-family:var(--ff-head);font-size:48px;font-weight:800;color:rgba(201,168,76,0.12);line-height:1;margin-bottom:4px}
.channel-body h3{font-family:var(--ff-head);font-size:22px;font-weight:700;color:var(--text);margin-bottom:10px}
.channel-body p{font-size:15px;color:var(--text-muted);line-height:1.7;margin-bottom:14px}
.channel-steps{list-style:none;padding:0;margin:0}
.channel-steps li{
  font-size:14px;color:var(--text-muted);line-height:1.6;
  padding:8px 0;border-bottom:1px solid var(--card-border);
  display:flex;align-items:flex-start;gap:8px;
}
.channel-steps li:last-child{border-bottom:none}
.channel-steps .step-marker{
  font-family:var(--ff-head);font-weight:700;color:var(--gold-dim);
  font-size:13px;flex-shrink:0;min-width:20px;
}

/* Sector page hero with bg image */
.sector-hero{
  background:var(--nav-bg);
  padding:72px 64px 64px;
  position:relative;
}
.sector-hero::after{
  content:'';position:absolute;bottom:0;left:0;right:0;
  height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent);
}
.sector-hero h1{
  font-family:var(--ff-head);font-weight:800;
  font-size:clamp(36px,4.5vw,56px);
  line-height:.95;letter-spacing:-1px;
  color:#fff;margin-bottom:18px;
}
.sector-hero h1 em{font-style:normal;color:var(--gold)}

/* Pain points list */
.pain-points{
  display:grid;grid-template-columns:1fr 1fr;gap:16px;
}
.pain-point{
  display:flex;align-items:flex-start;gap:12px;
  padding:16px;
  background:var(--card-bg);border:1px solid var(--card-border);
  border-radius:var(--radius);
}
.pain-marker{
  font-family:var(--ff-head);font-weight:800;font-size:16px;
  color:var(--gold-dim);flex-shrink:0;margin-top:2px;
}
.pain-point p{font-size:15px;color:var(--text-muted);line-height:1.6}
.pain-point p strong{color:var(--text);font-weight:600}

/* Service detail */
.svc-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.svc-detail-img{
  border-radius:var(--radius-lg);overflow:hidden;
  border:1px solid var(--card-border);
}
.svc-detail-img img{width:100%;height:auto;display:block}

/* ── Responsive ── */
@media(max-width:1024px){
  .inner-hero{padding:64px 32px 56px}
  .cta-band{padding:56px 32px}
  .sector-hero{padding:64px 32px 56px}
}

@media(max-width:900px){
  .two-col{grid-template-columns:1fr;gap:36px}
  .equip-grid{grid-template-columns:repeat(2,1fr)}
  .channel-grid{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .pain-points{grid-template-columns:1fr}
  .svc-detail-grid{grid-template-columns:1fr}
}

@media(max-width:768px){
  .inner-hero{padding:44px 20px 40px}
  .cta-band{padding:44px 20px}
  .sector-hero{padding:44px 20px 40px}
  .stat-row{gap:24px}
  .equip-grid{grid-template-columns:1fr}
}