.home-hero { min-height: 820px; padding: calc(var(--header-h) + clamp(70px, 9vw, 130px)) 0 clamp(80px, 10vw, 130px); overflow: hidden; }
.home-hero__grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(460px, .98fr); gap: clamp(42px, 6vw, 90px); align-items: center; }
.home-hero .display-title { font-size: clamp(3.7rem, 6.6vw, 7rem); }
.hero-principles { display: flex; flex-wrap: wrap; gap: .75rem 1.5rem; list-style: none; margin: 1.8rem 0 0; padding: 0; color: #9ea89f; font-size: .74rem; font-weight: 700; }
.hero-principles li::before { content: ""; display: inline-block; width: 5px; height: 5px; margin-right: .5rem; border-radius: 50%; background: var(--bronze-light); vertical-align: 2px; }
.delivery-console { position: relative; border: 1px solid rgba(255,255,255,.15); border-radius: 27px; padding: 26px; background: rgba(11,26,17,.82); box-shadow: 0 40px 100px rgba(0,0,0,.25); }
.delivery-console__bar { display: flex; align-items: center; gap: 6px; padding-bottom: 22px; }
.delivery-console__bar > span { width: 8px; height: 8px; border-radius: 50%; background: #58645b; }
.delivery-console__bar > span:first-child { background: var(--bronze-light); }
.delivery-console__bar small { margin-left: auto; color: #89948b; font-size: .62rem; letter-spacing: .12em; }
.delivery-console__code { border: 1px solid rgba(255,255,255,.1); border-radius: 17px; padding: 23px; background: rgba(255,255,255,.035); color: #b9c3b3; font-size: clamp(.72rem, 1vw, .9rem); line-height: 1.8; }
.delivery-console__code code::first-line { color: var(--bronze-light); }
.delivery-flow { display: grid; grid-template-columns: 1fr 1.15fr 1fr; gap: 10px; margin-top: 20px; }
.delivery-flow > div { min-width: 0; border: 1px solid rgba(255,255,255,.1); border-radius: 14px; padding: 15px; background: rgba(255,255,255,.025); }
.delivery-flow__engine { border-color: rgba(211,154,87,.35) !important; background: rgba(182,109,36,.12) !important; }
.delivery-flow small, .console-float small { display: block; color: #859087; font-size: .54rem; letter-spacing: .11em; }
.delivery-flow strong, .console-float strong { display: block; margin: .45rem 0; color: white; font-size: .77rem; }
.delivery-flow p { margin: 0; font-size: .63rem; }
.delivery-console__status { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 18px; }
.delivery-console__status span { border-radius: 8px; padding: .5rem; color: #a9b4aa; background: rgba(255,255,255,.04); font-size: .55rem; text-align: center; text-transform: uppercase; }
.delivery-console__status span::before { content: ""; display: inline-block; width: 5px; height: 5px; margin-right: 5px; border-radius: 50%; background: #78a566; }
.console-float { position: absolute; width: 145px; border: 1px solid rgba(255,255,255,.16); border-radius: 15px; padding: 14px; background: rgba(14,28,19,.96); box-shadow: 0 16px 40px rgba(0,0,0,.25); }
.console-float--one { top: -38px; right: -36px; }
.console-float--two { bottom: 56px; left: -46px; }
.capability-marquee { overflow: hidden; border-block: 1px solid rgba(255,255,255,.08); color: var(--cream); background: #0c1911; }
.capability-marquee > div { display: flex; width: max-content; }
.capability-marquee span { display: flex; align-items: center; gap: 2.3rem; padding: 1rem 1.3rem; color: #9ea79f; font-size: .72rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.capability-marquee span::after { content: "×"; color: var(--bronze-light); }
.capability-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line-dark); border-left: 1px solid var(--line-dark); }
.capability-card { position: relative; min-height: 330px; border-right: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); padding: clamp(24px, 3vw, 40px); transition: background .2s, transform .2s; }
.capability-card:hover { z-index: 1; background: var(--paper); transform: translateY(-5px); box-shadow: var(--shadow); }
.capability-card__number { color: var(--bronze); font-family: "K2D"; font-size: .8rem; }
.capability-card__arrow { position: absolute; top: 28px; right: 30px; }
.capability-card h3 { max-width: 260px; margin: 4rem 0 1rem; font-size: 1.65rem; }
.capability-card .tag-list { margin-top: 1.5rem; }
.problems-grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(420px, 1.15fr); gap: clamp(45px, 8vw, 110px); align-items: start; }
.problems-copy h2 { color: var(--cream); }
.problem-list { margin-top: 2.5rem; border-top: 1px solid var(--line-light); }
.problem-list button { display: grid; grid-template-columns: 38px 1fr; width: 100%; gap: .65rem; border: 0; border-bottom: 1px solid var(--line-light); padding: 1rem 0; color: #8f9990; background: transparent; cursor: pointer; text-align: left; }
.problem-list button span { color: var(--bronze-light); font-size: .7rem; }
.problem-list button[aria-pressed="true"], .problem-list button:hover { color: white; }
.solution-mapper { position: sticky; top: calc(var(--header-h) + 40px); border: 1px solid var(--line-light); border-radius: var(--radius); padding: clamp(26px, 4vw, 52px); background: rgba(255,255,255,.04); }
.solution-mapper__bar { display: flex; justify-content: space-between; border-bottom: 1px solid var(--line-light); padding-bottom: 1rem; color: #a8b0a9; font-size: .67rem; text-transform: uppercase; letter-spacing: .13em; }
.solution-mapper h3 { margin-top: 3rem; color: var(--cream); font-size: clamp(1.8rem, 3vw, 2.8rem); }
.solution-flow { display: grid; gap: 8px; margin-top: 2rem; }
.solution-flow div { border-left: 2px solid var(--bronze); padding: .9rem 1rem; background: rgba(255,255,255,.035); }
.solution-flow small, .solution-flow strong { display: block; }
.solution-flow small { color: #7f8b81; font-size: .6rem; text-transform: uppercase; letter-spacing: .1em; }
.solution-flow strong { margin-top: .3rem; color: #dce0dc; }
.solution-flow i { color: var(--bronze-light); font-style: normal; text-align: center; transform: rotate(90deg); }
.principle-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.principle-card { min-height: 260px; border: 1px solid var(--line-dark); border-right: 0; padding: clamp(23px, 3vw, 36px); }
.principle-card:last-child { border-right: 1px solid var(--line-dark); }
.principle-card > span { color: var(--bronze); font-size: .72rem; }
.principle-card h3 { margin-top: 4rem; }
.process-summary { display: grid; grid-template-columns: repeat(4, 1fr); list-style: none; margin: 0; padding: 0; counter-reset: stage; }
.process-summary li { min-height: 290px; border-top: 1px solid var(--line-light); border-right: 1px solid var(--line-light); padding: 28px; }
.process-summary li:last-child { border-right: 0; }
.process-summary span { color: var(--bronze-light); font-size: .72rem; }
.process-summary h3 { margin-top: 5rem; color: var(--cream); }
.team-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.team-card { overflow: hidden; border: 1px solid var(--line-dark); border-radius: var(--radius); padding: 12px 12px 24px; background: rgba(255,255,255,.24); }
.team-card__image { aspect-ratio: 1 / .96; overflow: hidden; border-radius: 17px; background: linear-gradient(145deg, #213124, #c1a777); }
.team-card__image img { width: 100%; height: 100%; object-fit: contain; object-position: bottom; }
.team-card > small { display: block; margin: 1.3rem 12px .55rem; color: var(--bronze); font-size: .64rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.team-card > h3, .team-card > p, .team-card > .tag-list { margin-left: 12px; margin-right: 12px; }
.team-card > p { font-size: .85rem; }
.team-card .tag-list { margin-top: 1.3rem; }

@media (max-width: 1100px) {
  .home-hero__grid { grid-template-columns: 1fr; }
  .home-hero__copy { max-width: 780px; }
  .delivery-console { max-width: 680px; margin-inline: auto; }
  .capability-grid { grid-template-columns: repeat(2, 1fr); }
  .team-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 860px) {
  .problems-grid { grid-template-columns: 1fr; }
  .solution-mapper { position: relative; top: auto; }
  .principle-grid, .process-summary { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
  .home-hero { min-height: auto; padding-top: calc(var(--header-h) + 65px); }
  .delivery-console { padding: 15px; }
  .delivery-flow { grid-template-columns: 1fr; }
  .delivery-console__status { grid-template-columns: 1fr; }
  .console-float { position: static; width: auto; margin-top: 9px; }
  .capability-grid, .principle-grid, .process-summary, .team-grid { grid-template-columns: 1fr; }
  .capability-card { min-height: 280px; }
  .principle-card, .principle-card:last-child { border-right: 1px solid var(--line-dark); }
  .process-summary li { min-height: 220px; border-right: 0; }
}