.cc-industry-page { background: var(--cc-paper); }
.cc-industry-page .cc-header { position: relative; }

.industry-hero { position: relative; min-height: 730px; display: grid; align-items: end; overflow: hidden; color: var(--cc-white); background: var(--cc-ink); }
.industry-hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .43; }
.industry-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(5, 8, 18, .98) 0%, rgba(8, 13, 27, .84) 45%, rgba(8, 13, 27, .22) 100%), linear-gradient(180deg, transparent 45%, rgba(5, 8, 18, .78)); }
.industry-hero .cc-shell { position: relative; z-index: 1; width: 100%; padding-block: clamp(90px, 10vw, 150px); }
.industry-hero-copy { max-width: 900px; }
.industry-hero h1 { max-width: 880px; margin: 0 0 28px; color: var(--cc-white); font-size: clamp(54px, 7vw, 104px); font-weight: 550; line-height: .95; letter-spacing: -.055em; }
.industry-hero-lead { max-width: 760px; margin: 0 0 36px; color: rgba(255, 255, 255, .8); font-size: clamp(19px, 1.8vw, 24px); line-height: 1.58; }
.industry-hero .cc-button-primary { color: var(--cc-ink); background: var(--cc-gold-light); }
.industry-hero .cc-button-primary:hover, .industry-hero .cc-button-primary:focus-visible { color: var(--cc-white); background: var(--cc-blue); }
.industry-hero .cc-button-secondary { color: var(--cc-white); border-color: rgba(255, 255, 255, .55); }
.industry-hero .cc-button-secondary:hover, .industry-hero .cc-button-secondary:focus-visible { color: var(--cc-ink); background: var(--cc-white); }

.industry-signal { color: var(--cc-white); background: linear-gradient(90deg, var(--cc-blue), var(--cc-violet)); }
.industry-signal .cc-shell { min-height: 116px; display: grid; grid-template-columns: minmax(220px, .65fr) minmax(0, 1.35fr); gap: clamp(30px, 6vw, 90px); align-items: center; }
.industry-signal strong { font-size: 12px; letter-spacing: .15em; text-transform: uppercase; }
.industry-signal p { margin: 0; color: rgba(255, 255, 255, .84); font-size: 17px; line-height: 1.55; }

.industry-pressure { background: var(--cc-white); }
.industry-pressure-grid { display: grid; grid-template-columns: minmax(0, .82fr) minmax(420px, 1.18fr); gap: clamp(50px, 9vw, 150px); align-items: start; }
.industry-pressure h2, .industry-leverage h2, .industry-deliverables h2, .industry-proof h2, .industry-cta h2 { margin: 0; font-size: clamp(42px, 5vw, 72px); font-weight: 550; line-height: 1.02; letter-spacing: -.045em; }
.industry-pressure-copy > p:not(.cc-eyebrow) { margin: 28px 0 0; font-size: 19px; line-height: 1.72; }
.industry-pressure-list { border-top: 1px solid var(--cc-border); }
.industry-pressure-list article { display: grid; grid-template-columns: 54px 1fr; gap: 22px; padding: 29px 0; border-bottom: 1px solid var(--cc-border); }
.industry-pressure-list article > span { color: var(--cc-blue); font-size: 12px; font-weight: 800; }
.industry-pressure-list h3 { margin: 0 0 8px; font-size: clamp(23px, 2vw, 29px); }
.industry-pressure-list p { margin: 0; line-height: 1.65; }

.industry-leverage { color: rgba(255, 255, 255, .72); background: #10182f; }
.industry-leverage h2 { max-width: 980px; color: var(--cc-white); }
.industry-leverage-intro { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr); gap: clamp(40px, 8vw, 130px); align-items: end; margin-bottom: 60px; }
.industry-leverage-intro > p { margin: 0; font-size: 18px; line-height: 1.72; }
.industry-leverage-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid rgba(255, 255, 255, .16); border-left: 1px solid rgba(255, 255, 255, .16); }
.industry-leverage-grid article { min-height: 340px; padding: clamp(28px, 3.5vw, 48px); border-right: 1px solid rgba(255, 255, 255, .16); border-bottom: 1px solid rgba(255, 255, 255, .16); }
.industry-leverage-grid span { display: block; margin-bottom: 82px; color: var(--cc-gold-light); font-size: 12px; font-weight: 800; }
.industry-leverage-grid h3 { margin: 0 0 14px; color: var(--cc-white); font-size: clamp(25px, 2.3vw, 34px); }
.industry-leverage-grid p { margin: 0; line-height: 1.68; }

.industry-deliverables { background: var(--cc-cream); }
.industry-deliverables .cc-heading-grid { margin-bottom: 52px; }
.industry-deliverable-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.industry-deliverable-grid article { min-height: 220px; padding: clamp(29px, 4vw, 48px); border: 1px solid var(--cc-border); border-radius: 6px; background: var(--cc-white); }
.industry-deliverable-grid span { color: var(--cc-blue); font-size: 12px; font-weight: 800; }
.industry-deliverable-grid h3 { margin: 42px 0 12px; font-size: clamp(25px, 2.2vw, 34px); }
.industry-deliverable-grid p { margin: 0; line-height: 1.68; }

.industry-proof { background: var(--cc-white); }
.industry-proof-header { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 50px; }
.industry-proof-header p { max-width: 570px; margin: 0; font-size: 18px; line-height: 1.7; }
.industry-proof-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.industry-proof-card { position: relative; min-height: 420px; overflow: hidden; border-radius: 6px; background: var(--cc-ink); }
.industry-proof-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease, opacity .45s ease; }
.industry-proof-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 45%, rgba(5, 8, 18, .88)); }
.industry-proof-card:hover img { transform: scale(1.035); opacity: .88; }
.industry-proof-card div { position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; padding: 28px; }
.industry-proof-card span { color: var(--cc-gold-light); font-size: 11px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.industry-proof-card h3 { margin: 7px 0 0; color: var(--cc-white); font-size: clamp(23px, 2vw, 31px); }

.industry-cta { color: rgba(255, 255, 255, .74); background: linear-gradient(135deg, var(--cc-blue), var(--cc-violet)); }
.industry-cta-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) auto; gap: 60px; align-items: center; }
.industry-cta h2 { max-width: 920px; color: var(--cc-white); }
.industry-cta p:not(.cc-eyebrow) { max-width: 700px; margin: 25px 0 0; color: rgba(255, 255, 255, .78); font-size: 19px; line-height: 1.68; }
.industry-cta .cc-button { color: var(--cc-ink); background: var(--cc-white); }
.industry-cta .cc-button:hover, .industry-cta .cc-button:focus-visible { color: var(--cc-white); background: var(--cc-ink); }

.industry-nav-links { display: flex; flex-wrap: wrap; gap: 11px; padding: 28px 0; background: #050812; }
.industry-nav-links .cc-shell { display: flex; flex-wrap: wrap; gap: 10px; }
.industry-nav-links a { padding: 10px 14px; color: rgba(255, 255, 255, .7); border: 1px solid rgba(255, 255, 255, .14); border-radius: 4px; font-size: 13px; }
.industry-nav-links a:hover, .industry-nav-links a:focus-visible, .industry-nav-links a[aria-current="page"] { color: var(--cc-white); border-color: var(--cc-blue); background: rgba(49, 91, 255, .18); }

@media (max-width: 991px) {
  .industry-hero { min-height: 650px; }
  .industry-pressure-grid, .industry-leverage-intro, .industry-cta-grid { grid-template-columns: 1fr; }
  .industry-leverage-grid { grid-template-columns: 1fr; }
  .industry-leverage-grid article { min-height: 0; }
  .industry-leverage-grid span { margin-bottom: 45px; }
  .industry-proof-grid { grid-template-columns: 1fr; }
  .industry-proof-card { min-height: 520px; }
  .industry-cta-grid .cc-button { justify-self: start; }
}

@media (max-width: 767px) {
  .industry-hero { min-height: 610px; }
  .industry-hero::after { background: linear-gradient(90deg, rgba(5, 8, 18, .95), rgba(8, 13, 27, .65)), linear-gradient(180deg, transparent 35%, rgba(5, 8, 18, .82)); }
  .industry-signal .cc-shell { grid-template-columns: 1fr; gap: 10px; padding-block: 28px; }
  .industry-deliverable-grid { grid-template-columns: 1fr; }
  .industry-proof-header { align-items: flex-start; flex-direction: column; }
  .industry-proof-card { min-height: 390px; }
}

@media (max-width: 480px) {
  .industry-hero h1 { font-size: clamp(48px, 14vw, 66px); }
  .industry-hero .cc-actions .cc-button { width: 100%; }
  .industry-proof-card { min-height: 330px; }
}
