.product-hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:92vh;overflow:hidden;padding:clamp(120px,16vh,190px) clamp(24px,8vw,120px) clamp(58px,9vh,110px);background:#08100b;color:#eef7e9}.hero-video,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-video{z-index:-2}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(4,10,7,.9),rgba(4,10,7,.4) 70%),linear-gradient(0deg,rgba(4,10,7,.72),transparent 54%)}.product-hero .hero-copy{max-width:760px}.product-hero h1{max-width:800px;font-size:clamp(52px,7vw,108px);line-height:.94}.hero-lead{font-size:clamp(20px,2vw,29px);max-width:720px}.hero-proof{margin-left:auto;display:grid;gap:10px;color:#d8e9d3}.hero-proof span,.workflow-meta,.workflow-detail small{font-size:10px;letter-spacing:.18em;font-weight:800;color:var(--lime)}.hero-proof strong{font-size:20px;line-height:1.1}.intro-band{padding:clamp(82px,11vw,150px) max(24px,calc((100% - 1120px)/2));background:#eaf5e5}.intro-band h2,.operating-loop h2{max-width:860px;font-size:clamp(46px,6vw,86px);line-height:.96;letter-spacing:-.045em}.intro-band>p:last-child{max-width:700px;color:#5f6d61;font-size:clamp(19px,2vw,26px)}.workflows{padding:clamp(88px,11vw,150px) max(24px,calc((100% - 1120px)/2));background:#f3f7ef}.section-head h2{max-width:900px;margin:0;font-size:clamp(44px,5.5vw,78px);line-height:.98;letter-spacing:-.04em}.workflow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:62px}.workflow{min-height:560px;padding:30px;display:flex;flex-direction:column;background:#fff;border-top:2px solid #0a0b0a}.workflow--outbound{background:#dff5ad}.workflow-meta{display:flex;justify-content:space-between;color:#1d6c39}.workflow h3{max-width:460px;margin:88px 0 18px;font-size:clamp(35px,4vw,58px);line-height:.98;letter-spacing:-.04em}.workflow>p{max-width:500px;color:#5e6d60;font-size:17px}.workflow ul{margin:28px 0;padding:0;list-style:none;border-top:1px solid #cbd8c8}.workflow li{padding:11px 0;border-bottom:1px solid #cbd8c8}.workflow-toggle{margin-top:auto;align-self:flex-start;border:0;background:none;padding:0;color:#1d6c39;font:inherit;font-weight:800;cursor:pointer}.workflow-toggle span{margin-left:8px;font-size:20px}.workflow-detail{display:grid;gap:6px;margin-top:20px;padding-top:14px;border-top:1px solid #b9cfb3}.operating-loop{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;padding:clamp(88px,11vw,150px) max(24px,calc((100% - 1120px)/2));background:#0a0b0a;color:#edf6e9}.operating-loop .eyebrow{color:var(--lime)}.operating-loop>div>p:last-child{max-width:560px;color:#adbcad;font-size:19px}.loop-steps{border-top:1px solid rgba(163,239,34,.5)}.loop-steps>div{display:grid;grid-template-columns:42px 1fr;gap:10px;padding:22px 0;border-bottom:1px solid rgba(216,235,209,.2)}.loop-steps span{color:var(--lime);font-size:12px;font-weight:800}.loop-steps strong{font-size:25px}.loop-steps p{grid-column:2;margin:2px 0 0;color:#adbcad}.operating-loop+footer{background:#0a0b0a;border-top:1px solid rgba(163,239,34,.25)}@media(max-width:820px){.product-hero{min-height:88vh;padding:110px 24px 52px}.hero-proof{display:none}.product-hero h1{font-size:clamp(48px,13vw,78px)}.workflow-grid,.operating-loop{grid-template-columns:1fr}.workflow{min-height:0}.workflow h3{margin-top:54px}.operating-loop{gap:50px}.intro-band,.workflows{padding-inline:24px}}
/* Match the homepage hero film: clear, bright, and interactive. */
.product-hero .hero-video { z-index: 0; filter: saturate(1.08) contrast(1.05) brightness(1.12); cursor: pointer; }
.product-hero .hero-shade { z-index: 1; pointer-events: none; background: linear-gradient(90deg, rgba(4,10,7,.78), rgba(4,10,7,.25) 70%), linear-gradient(0deg, rgba(4,10,7,.48), transparent 54%); }
.product-hero .hero-copy { position: relative; z-index: 2; }
.intro-band { display: grid; grid-template-columns: minmax(180px, .34fr) minmax(0, 1fr); column-gap: clamp(32px, 8vw, 130px); row-gap: 28px; align-items: start; }
.intro-band .eyebrow { grid-column: 1; margin-top: 10px; }
.intro-band h2 { grid-column: 2; margin-bottom: 0; max-width: 900px; }
.intro-band > p:last-child { grid-column: 2; max-width: 780px; margin: 0; line-height: 1.55; }
@media (max-width: 820px) { .intro-band { display: block; }.intro-band .eyebrow { margin-bottom: 22px; }.intro-band h2 { margin-bottom: 28px; } }