@import url("headline-fit.css");
/* ZARYA type core: ONE source for headline tracking, word spacing and weight.
   Home and About set the same values through site.css (--display-*). Legacy companion pages and their embedded documents
   load this file, so no page carries its own tracking. Fixes ZRY-XPG-002, XPG-008, HOW-TYP-001/002, ERN-TYP-001, ELG-TYP-001, TRS-TYP-001, ABT-TYP-001. */
:root{--zt-track:-.036em;--zt-track-sm:-.02em;--zt-ws:.09em;--zt-ws-sm:.05em;--zt-weight:760;--zt-weight-sm:700}
/* display headlines (hero and section scale) */
.hero-copy h1,.wrap>h2,.z3-intro h2,.z3-story h3,.intro h1,.aside h2,.step h3,.bookend-copy h1,.copy h1{letter-spacing:var(--zt-track)!important;word-spacing:var(--zt-ws)!important;font-weight:var(--zt-weight)!important;font-kerning:normal;text-wrap:balance}
/* panel and card headlines */
.vehicle-stage-top h3,.panel-head h2,.evidence h2{letter-spacing:var(--zt-track-sm)!important;word-spacing:var(--zt-ws-sm)!important;font-weight:var(--zt-weight-sm)!important}
.bookend-copy h1{letter-spacing:var(--zt-track)!important;word-spacing:var(--zt-ws)!important;font-weight:var(--zt-weight)!important}

/* orphan control (V6): balanced headlines, no single-word last lines in running text */
h1,h2,h3,.eyebrow,.lede,.lead,.sub{text-wrap:balance}
p,li,figcaption,dd{text-wrap:balance}

/* V9 ZRY-XPG-012: How It Works stage headlines keep their authored line structure (no fourth line on stages 4 and 5) */
#stage-title{word-spacing:.05em!important;width:auto;max-width:100%}

/* V9 ZRY-XPG-011: Trust payments composite. The phone no longer ends on a hard crop line; the image dissolves into the page and the card frame is removed because the composite carries its own rounded photograph. */
.s04-final-photo{background:transparent!important;box-shadow:none!important;border-radius:0!important}
.s04-final-photo img{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 4%,#000 94%,transparent 100%),linear-gradient(90deg,transparent 0,#000 3%);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent 0,#000 4%,#000 94%,transparent 100%),linear-gradient(90deg,transparent 0,#000 3%);mask-composite:intersect}


/* V12 ZRY-V12-GAP-001: the phone slab on How It Works stages 4 and 7 hugs its phone instead of spanning the whole column (it left about 250px of empty slab either side of a 305px phone at 1440px). The slab is centred in its column; the phone keeps its size, so no image is scaled. */
@media(min-width:900px){
  .product-zone{justify-self:center;width:fit-content;max-width:100%;padding-inline:clamp(64px,7vw,104px);box-sizing:border-box}
}