/* ============================================================
   THE HARNESS AND TRIGGERS (home page, the three solution pages and
   /how-it-works/). From 23 Oct 2026 they stood on one ground, a faint grid
   with a soft pink light and no rule between them; since 26 Oct 2026 (Dom:
   "same regular sections, remove from section with quadrant boxes") the
   band is a plain wrapper: no grid, no light. Each section is a regular one,
   on the page colour with its rule above and the page's usual 112px (80px
   on a phone).
   ============================================================ */
.hw-band { position: relative; }
.hw-band > section#how,
.hw-band > section#triggers { position: relative; background: var(--cream); border-top: 1px solid var(--line); }
.hw-band > section#how { padding: 112px 0; }
.hw-band > section#triggers { padding: 112px 0; }
@media (max-width: 767px) {
    .hw-band > section#how,
    .hw-band > section#triggers { padding: 80px 0; }
}

/* "agentic workflows" in the harness title links to the blog post on how
   agentic workflows are executed (Dom): the title's own ink, a soft magenta
   underline that turns full magenta on hover */
.sec-title-link {
    color: inherit; text-decoration: underline; text-decoration-color: #EEB3EE;
    text-decoration-thickness: .06em; text-underline-offset: .14em;
    transition: text-decoration-color .2s ease, color .2s ease;
}
.sec-title-link:hover { color: inherit; text-decoration-color: var(--brand-magenta, #D53BD5); }
.sec-title-link:focus-visible { outline: 2px solid var(--brand-blue, #4C6BEE); outline-offset: 4px; border-radius: 6px; }
/* a small arrow after the link, raised like a footnote mark: it opens a page */
.sec-title-link-ico {
    display: inline-block; width: .26em; height: .26em; margin: 0 -.05em 0 0; vertical-align: .62em;
    color: var(--brand-magenta, #D53BD5); transition: transform .2s ease;
}
.sec-title-link:hover .sec-title-link-ico { transform: translate(.04em, -.04em); }
.sec-title-link-ico { text-decoration: none; }

/* /how-it-works/: the "Go live today." hero is the first section in the band.
   No boxed grid (Dom, 26 Oct 2026: "the hero should look as on any other
   page"): the home hero's ground instead, the faint light of the logo's
   colours and the grid with the grey Askpilot mark at every fourth
   crossing, fading out under the title (fixed in px, as the section is
   tall) */
.hw-band > section#how-it-works.grid-band { position: relative; isolation: isolate; background: var(--cream); background-image: none; }
/* its glow and grid: the shared hero ground in css/hero-pmx.css */