/* =====================================================================
   FREIGHT AUDIT page (/audit/), Manifest 2.x: the RECORD mode page.
   Builds on /redesign/redesign.css (tokens, motifs, chrome, components).
   The homepage introduces Trazai on navy; this page is the audit desk
   itself, so it opens on paper: ledger ruling, the findings waybill, rubber
   stamps, signal orange. Radar appears once, in 06, as the hand-off to
   Pulse Intelligence (/intelligence/).
   ===================================================================== */

/* ---------- Hero: the audit desk (paper, ledger ruling) ---------- */
.a-hero{position:relative;isolation:isolate;overflow:hidden;color:var(--ink-700);
  background:radial-gradient(ellipse 48% 60% at 86% 8%,rgba(245,130,31,.13),transparent 70%),
             radial-gradient(ellipse 40% 50% at 0% 100%,rgba(30,109,181,.07),transparent 70%),
             var(--paper-50)}
/* Ledger ruling: faint feint lines plus a margin rule, fading out toward the proof band */
.a-hero::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,transparent 0 calc(var(--gutter) + 22px),rgba(184,50,28,.16) calc(var(--gutter) + 22px) calc(var(--gutter) + 23.5px),transparent calc(var(--gutter) + 23.5px)),
             repeating-linear-gradient(180deg,transparent 0 35px,rgba(10,26,47,.055) 35px 36px);
  -webkit-mask:linear-gradient(180deg,#000 55%,transparent 96%);mask:linear-gradient(180deg,#000 55%,transparent 96%)}
.a-hero .coords{color:var(--ink-500)}
.a-hero .coords--a{top:20px;right:var(--gutter)}
.a-hero h1{margin-top:18px}
.a-hero .terms{color:var(--ink-700)}
.a-hero .terms svg{color:var(--cleared)}
.a-hero .hero-visual{padding-top:12px}

/* Breadcrumb on paper (the shared one is drawn for navy heroes) */
.a-hero .crumbs{margin-bottom:14px}
.a-hero .crumbs ol{color:var(--ink-500)}
.a-hero .crumbs li + li::before{color:var(--paper-300)}
.a-hero .crumbs a{color:var(--ink-700);text-decoration-color:rgba(10,26,47,.25)}
.a-hero .crumbs a:hover{color:var(--ink-900)}
.a-hero .crumbs [aria-current]{color:var(--ink-900)}

/* Mode tag: the route node marks Record, as the violet live dot marks Radar */
.tag--record{border-color:rgba(245,130,31,.45);background:var(--signal-wash);color:var(--signal-ink)}
.tag--record .node{width:10px;height:10px;border-width:2.5px;box-shadow:none;background:var(--paper-0)}

/* A second stamp on the findings waybill: what the analyst flagged */
.a-hero .ledger-col{position:relative}
.a-hero-stamp{position:absolute;left:-14px;top:-26px;z-index:4;background:rgba(255,253,248,.92);transform:rotate(6deg);font-size:14px}

/* How it works sits on plain paper here: node halos follow the canvas */
#how .node{box-shadow:0 0 0 4px var(--paper-50)}
#how .stop.is-reached .node{box-shadow:0 0 0 4px var(--paper-50),0 0 14px rgba(245,130,31,.7)}
.law-more{display:inline-flex;margin-top:14px;min-height:44px;align-items:center}

/* ---------- 06 Pulse hand-off (Radar) ---------- */
.xsell-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:clamp(36px,5vw,80px);align-items:center}
.xsell .lede{margin-top:20px}
.xsell-list{display:grid;gap:10px;margin-top:26px}
.xsell-list li{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:650;color:var(--on-navy)}
.xsell-list .live{background:var(--pulse)}
.xsell-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:32px}
.xsell-cta span{font-size:15.5px;color:var(--on-navy-2)}
.xsell .console{max-width:560px;margin-left:auto}

/* ---------- Responsive ---------- */
@media (max-width:1024px){
  .xsell-grid{grid-template-columns:minmax(0,1fr)}
  .xsell .console{margin-left:0}
}
@media (max-width:768px){
  .a-hero::before{background:repeating-linear-gradient(180deg,transparent 0 35px,rgba(10,26,47,.055) 35px 36px)}
  .a-hero .hero-ctas .btn{flex:1 1 100%}
  .a-hero-stamp{font-size:12px}
}

/* Subscriber-offer stamp: clear of the plan cards in every language */
.offer-stamp{top:-76px}
@media (max-width:1024px){.offer-stamp{position:relative;top:auto;right:auto;display:inline-flex;margin:0 0 24px 8px}}