/* =========================================================
   LockedIn HQ — deep-dive subpage modules
   ========================================================= */
.phero{position:relative;min-height:62vh;display:flex;align-items:flex-end;overflow:clip;padding-top:var(--nav-h);background:#081813}
.phero.tall{min-height:78vh}
.phero-in{position:relative;z-index:3;width:100%;max-width:var(--wide);margin:0 auto;padding:0 var(--pad) clamp(40px,7vh,84px)}
.crumb{font-family:var(--disp);font-weight:700;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--green-soft);display:inline-flex;gap:9px;align-items:center}
.crumb a{color:rgba(255,255,255,.6)}.crumb a:hover{color:#fff}
.phero h1{font-size:clamp(2.6rem,6.4vw,5.2rem);color:#fff;max-width:17ch;margin-top:16px;line-height:.96}
.phero h1 .g{color:var(--green)}
.phero .psub{font-size:clamp(1.08rem,1.7vw,1.46rem);line-height:1.5;color:rgba(255,255,255,.86);max-width:54ch;margin-top:18px}
.phero .btnrow{margin-top:28px}
.phero .pstats{display:flex;gap:clamp(20px,3vw,44px);flex-wrap:wrap;margin-top:clamp(26px,4vh,42px);padding-top:22px;border-top:1px solid rgba(255,255,255,.16)}
.phero .pstats .m b{font-family:var(--disp);font-weight:800;font-size:clamp(1.4rem,2.4vw,2rem);color:#fff;display:block;line-height:1}
.phero .pstats .m b i{font-style:normal;color:var(--green)}
.phero .pstats .m span{font-size:.86rem;color:rgba(255,255,255,.62);margin-top:4px;display:block}

/* split feature block */
.split2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,4.5vw,72px);align-items:center}
.split2 .s2-media .mediacard{aspect-ratio:4/3;min-height:280px}
.split2 .s2-media .device{--dw:clamp(230px,24vw,300px);margin:0 auto}
@media(max-width:900px){.split2{grid-template-columns:1fr;gap:26px}.split2 .s2-media{order:-1}}
.split2.rev .s2-media{order:2}
@media(max-width:900px){.split2.rev .s2-media{order:-1}}

/* comparison table */
.cmp{border:1px solid var(--line);border-radius:18px;overflow:hidden}
.cmp .crow{display:grid;grid-template-columns:1.5fr 1fr 1fr}
.cmp .crow>div{padding:16px 20px;border-bottom:1px solid var(--line);font-size:.98rem}
.cmp .crow>div+div{border-left:1px solid var(--line);text-align:center}
.cmp .crow:last-child>div{border-bottom:0}
.cmp .chead>div{background:rgba(255,255,255,.05);font-family:var(--disp);font-weight:800}
.cmp .chead .hl{color:var(--green)}
.cmp .yes{color:var(--green);font-weight:700}
.cmp .no{opacity:.35}
.cmp .rk{font-family:var(--disp);font-weight:700}
.s-cream .cmp,.s-cream .cmp .crow>div,.s-cream .cmp .crow>div+div{border-color:var(--line-ink)}
.s-cream .cmp .chead>div{background:rgba(19,49,43,.05)}
@media(max-width:640px){.cmp .crow{grid-template-columns:1.3fr .8fr .8fr}.cmp .crow>div{padding:12px 12px;font-size:.86rem}}

/* icon bullet grid */
.bgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.bgrid.g3{grid-template-columns:repeat(3,1fr)}
.bgrid.g4{grid-template-columns:repeat(4,1fr)}
.bcard{border:1px solid var(--line);border-radius:16px;padding:24px;background:var(--surface)}
.s-cream .bcard,.s-cream-2 .bcard{background:#fff;border-color:var(--line-ink)}
.bcard .bi{width:44px;height:44px;border-radius:12px;background:rgba(24,188,43,.14);color:var(--green);display:grid;place-items:center;margin-bottom:14px}
.bcard .bi svg{width:22px;height:22px}
.bcard h4{font-family:var(--disp);font-weight:800;font-size:1.2rem}
.bcard p{opacity:.78;font-size:.97rem;line-height:1.5;margin-top:7px}
@media(max-width:820px){.bgrid.g3,.bgrid.g4{grid-template-columns:1fr}}
@media(max-width:600px){.bgrid{grid-template-columns:1fr}}

/* numbered timeline */
.tline{display:flex;flex-direction:column;gap:2px}
.tstep{display:grid;grid-template-columns:auto 1fr;gap:22px;padding:22px 0;border-bottom:1px solid var(--line)}
.s-cream .tstep{border-color:var(--line-ink)}
.tstep:last-child{border-bottom:0}
.tstep .tn{font-family:var(--disp);font-weight:800;font-size:1.5rem;color:var(--green);width:52px;height:52px;border-radius:14px;background:rgba(24,188,43,.12);display:grid;place-items:center}
.tstep h3{font-size:1.5rem}
.tstep p{opacity:.8;font-size:1.02rem;line-height:1.55;margin-top:6px;max-width:60ch}

/* pull quote band */
.pull{font-family:var(--disp);font-weight:800;font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.08;letter-spacing:-.01em;max-width:22ch}
.pull .g{color:var(--green)}