/* Dark hero (hero-d) rollout B — how-it-works, about, security, tools hub, press, partners, contact, 404.
   This file ships in the shared bundle, so every rule is scoped to a hero that holds one of these
   pages' own mocks (.hiw-track, .signoff, .sec-mock, .tools-hero, .press-mock, .partners-mock,
   .ct-mock, .nf-mock). Contrast measured against rendered pixels, 9 Oct. */

/* Fine print sits on the lime glow under the buttons: #A9AF9E measured 2.8–4.3:1 there. */
.hero-d:is(:has(.hiw-track),:has(.signoff),:has(.sec-mock),.tools-hero,:has(.press-mock),:has(.partners-mock),:has(.ct-mock),:has(.nf-mock)) .fine{color:#E1E5D8}

/* The sky and the grain stopped on a hard line 300px above the hero's foot (visible beside the window). */
.hero-d:is(:has(.hiw-track),:has(.signoff),:has(.sec-mock),.tools-hero,:has(.press-mock),:has(.partners-mock),:has(.ct-mock),:has(.nf-mock)) .hd-sky,
.hero-d:is(:has(.hiw-track),:has(.signoff),:has(.sec-mock),.tools-hero,:has(.press-mock),:has(.partners-mock),:has(.ct-mock),:has(.nf-mock)):after{-webkit-mask-image:linear-gradient(#000 calc(100% - 160px),transparent);mask-image:linear-gradient(#000 calc(100% - 160px),transparent)}

/* Heroes whose window carries a caption underneath: reach white before the caption, not at the very
   foot (the caption measured 1.9:1 on the mid-grey of the fade). */
.hero-d:is(:has(.hiw-track),:has(.signoff),.tools-hero){--hd-fade:360px;--hd-tail:70px}

/* About: the "Books closed" card sat on the window's SAMPLE label and shadowed the Reconciled heading.
   Wide screens: it hangs off the window's left edge, over the icon rail; narrower: it steps aside. */
@media (min-width:1061px){.hero-d .mock:has(.signoff) .float-b{display:none}}
@media (min-width:1360px){.hero-d .mock:has(.signoff) .float-b{display:block;top:auto;bottom:110px;right:auto;left:-150px;border:1px solid rgba(200,240,90,.28)}}

/* The window's drop shadow falls on the caption underneath (bg measured ~#7F7F7F behind it):
   a shorter shadow and ink caption text keep it above 4.5:1. */
.hero-d:is(:has(.hiw-track),:has(.signoff),.tools-hero) .win{box-shadow:0 0 0 1px rgba(200,240,90,.18),0 40px 90px -40px rgba(0,0,0,.8)}
.hero-d:is(:has(.hiw-track),:has(.signoff),.tools-hero) .illus{color:var(--ink)}