/* ============================================================================
   PAGE CSS: /technology - cycle 10 (DESIGN-LEDGER execution).
   Hero, section heads, the five-system numbered list, the mono foot line and
   the closing CTA band are all component-layer (c-hero*/c-center+c-head*/
   c-rows*/c-foot/c-cta*/c-btn-row). What remains here is only:
     1. genuine deltas - the blue-band recolor of .c-rows and of the closing
        statement (the shared set is tuned for black sections; this page runs
        both on --blue);
     2. page-scoped signatures - the hero ring (a plain stroked circle, no
        arrow tail, per DESIGN-LANGUAGE.md - never a ring+diagonal shape), the
        mono role line inside each system row, and the mask-revealed closing
        statement, which now closes the systems band.
   Removed this cycle: the inside/outside split rail (#tech-loop deleted).
   Every selector scoped under .p-technology.
   ========================================================================== */

/* ================= HERO (ring signature) ================= */
.p-technology .p-tech__hero{ position:relative; overflow:hidden; }
.p-technology .p-tech__hero-wrap{ position:relative; }
.p-technology .p-tech__ring{
  position:absolute; top:50%; right:-120px; transform:translateY(-50%);
  width:clamp(280px,32vw,460px); height:clamp(280px,32vw,460px);
  fill:none; stroke:var(--royal); stroke-width:1.5; opacity:.35;
  pointer-events:none; z-index:0;
}
/* the ring must stay OUT of flow - the blanket `> *` stacking rule below used
   to re-declare position:relative on it, dropping a ~460px empty block above
   the eyebrow and pushing the h1 out of the first viewport (ledger #tech-hero). */
.p-technology .p-tech__hero-wrap > *:not(.p-tech__ring){ position:relative; z-index:1; }

/* ================= SYSTEMS (blue-band deltas) ================= */
.p-technology .p-tech__systems .c-rows__num{ color:var(--lime); }
.p-technology .p-tech__systems .c-rows__name{ color:var(--text-on-blue); }
.p-technology .p-tech__systems .c-rows__copy{ color:var(--text-on-blue-muted); }

/* the role line under each system name - no component role matches */
.p-technology .p-tech__row-role{
  font-size:var(--t-label); letter-spacing:.12em; text-transform:uppercase; color:var(--lime);
}

/* the mask-revealed closing statement (h3 scale, centered) - now the foot of
   the systems band, so it reads on --blue */
.p-technology .p-tech__close{
  margin-top:clamp(56px,7vw,88px); margin-inline:auto; text-align:center;
  font-family:var(--f-display); font-size:var(--t-h3); line-height:var(--lh-h3);
  font-weight:600; letter-spacing:var(--track-h3); color:var(--text-on-blue);
  max-width:46ch;
}

/* ================= FINAL CTA (stagger wrapper only) ================= */
.p-technology .p-tech__final-actions{ margin-top:clamp(32px,5vw,44px); }
/* the mono kicker is a standalone line, not helper text under the buttons */
.p-technology .p-tech__final-actions .c-cta__note{ margin-top:clamp(22px,2.8vw,32px); }

/* ================= RESPONSIVE ================= */
@media (max-width:767px){
  .p-technology .p-tech__ring{ display:none; }
}