/* Isolated hero visual pass; existing copy and workflow scenes are preserved. */
.hero .hero__grid{grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);gap:48px;align-items:center}
.hero .hero__copy{min-width:0;align-self:center;gap:26px}
.hero .t-display{font-size:clamp(42px,4.5vw,64px);line-height:1.06;letter-spacing:-.045em}
.hero .hero__lead{max-width:480px;font-size:18px;line-height:1.55}
.hero .ticker{flex-wrap:wrap;gap:10px;font-size:10px;letter-spacing:.11em;margin-bottom:8px}
.hero .ha{min-width:0;max-width:none;padding:28px;border-radius:2px;background:linear-gradient(145deg,#0f4a38 0%,#0f4a38 42%,#06251c 100%)!important;isolation:isolate}
.hero .ha::before{inset:-30%;background:repeating-linear-gradient(118deg,transparent 0 80px,rgba(143,227,198,.08) 90px,transparent 125px),radial-gradient(ellipse at 22% 20%,rgba(233,224,206,.32),transparent 44%),radial-gradient(ellipse at 75% 85%,rgba(16,16,16,.8),transparent 55%);filter:blur(7px);animation:heroLight 20s var(--ease) infinite alternate}
.hero .ha::after{background-image:var(--grain);background-size:110px;opacity:.3;mix-blend-mode:soft-light}
.hero .ha__label{position:relative;z-index:1;display:flex;justify-content:space-between;gap:16px;color:#dce7e0;font-size:10px;font-weight:400;text-transform:uppercase;letter-spacing:.14em;padding-bottom:20px;border-bottom:1px solid #ffffff26}
.hero .ha__label span:last-child{color:#c9c6bf}
.hero .ha__viewport{height:500px;mask-image:none!important;-webkit-mask-image:none!important;overflow:visible}
.hero .ha__track{position:relative;bottom:auto;min-height:100%;justify-content:center;gap:16px}
.hero .ha__card,.hero .ha__track.is-light .ha__card,.hero .ha__track.is-paper .ha__card{position:relative;padding:18px 20px;border-radius:2px!important;background:linear-gradient(120deg,rgba(74,72,66,.96),rgba(6,37,28,.96))!important;border:1px solid #ffffff30!important;box-shadow:0 12px 32px #06251c26!important;backdrop-filter:blur(12px)}
.hero .ha__track .ha__card:not(:last-child){opacity:1;transform:none}
.hero .ha__card+.ha__card::before{content:"";position:absolute;left:31px;top:-17px;height:16px;width:1px;background:#c9c6bf70}
.hero .ha__who,.hero .ha__head{padding-bottom:14px;margin-bottom:14px;gap:10px}
.hero .ha__who b,.hero .ha__head b,.hero .ha__working{font-size:14px;line-height:20px}
.hero .ha__quote,.hero .ha__panel{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;font-size:16px;line-height:24px}
.hero .ha__when{font-size:10px;white-space:nowrap;color:#c9c6bf!important}
.hero .ha__rows{gap:7px}
.hero .ha__rows li{font-size:13px;line-height:19px;align-items:flex-start}
.hero .ha__rows .ha__ok{width:16px;height:19px;flex-basis:16px}
.hero .ha__card--status,.hero .ha__card--status2{display:flex;align-items:center;gap:10px}
.hero .ha__working{flex:1;min-width:0}
.hero .ha__chip{font-size:10px;padding:4px 7px;border-radius:2px!important;white-space:nowrap}
.hero .ha__dots{display:none}
.hero .ha__track.is-paper .ha__card--win{padding:0}
.hero .ha__winbody{padding:18px 20px}
.hero .ha__bar-os{padding:9px 20px}
.hero .ha__bar{height:3px;margin:12px 0}
@keyframes heroLight{from{transform:translate3d(-2%,0,0)}to{transform:translate3d(3%,3%,0)}}
@media(max-width:999.98px){
  .hero .hero__grid{grid-template-columns:1fr;gap:36px}
  .hero .hero__copy{max-width:620px}
  .hero .ha{max-width:620px;width:100%}
  .hero .t-display{font-size:clamp(42px,6.5vw,60px)}
}
@media(max-width:599.98px){
  .hero{padding-top:40px}
  .hero .ha{padding:20px 14px}
  .hero .ha__viewport{height:520px}
  .hero .ha__card,.hero .ha__track.is-light .ha__card,.hero .ha__track.is-paper .ha__card{padding:16px 14px}
  .hero .ha__track.is-paper .ha__card--win{padding:0}
  .hero .ha__winbody{padding:16px 14px}
  .hero .ha__who{flex-wrap:wrap}
  .hero .ha__who .ha__when{margin-left:auto}
  .hero .ha__head--split{flex-wrap:wrap;gap:6px}
  .hero .ha__label{font-size:9px;letter-spacing:.1em;gap:8px}
  .hero .hero__lead{font-size:17px}
}
@media(prefers-reduced-motion:reduce){.hero .ha::before{animation:none}.hero .ha__rows li{animation:none;opacity:1;transform:none}}

/* Fine contour lines and visible grain give the field a material surface. */
.hero .ha::after{background-image:url('../img/hero-topography.svg');background-size:cover;opacity:.75;mix-blend-mode:soft-light}
.hero .ha__label{font-family:ui-monospace,SFMono-Regular,monospace;font-size:9px;letter-spacing:.07em}
/* Keep inherited full-bleed card headers within narrow screens. */
.hero .ha__who,.hero .ha__head{width:auto;max-width:100%;margin-left:0;margin-right:0;padding-left:0;padding-right:0}
/* Success icons must keep contrast against the dark workflow cards. */
.hero .ha__head .ha__tick{stroke:#8fe3c6;color:#8fe3c6;stroke-width:1.8;fill:none}
