/* ============================================================================
   THE PROOF BAND, chosen variant 5 "смена фактов" (Mia 2026-10-01: "меняем на
   пятое смена фактов. Делай побольше").
   One fact at a time, changing in place on a slow vertical cross-fade, at a
   size that reads as a statement rather than a caption. Extracted from the
   ten-variant preview sheet (bands.css) so production carries only this one.
   ticker.css still loads underneath and scopes its rules through
   :is(#proof,#services,#why,#markets,.pl), which carries ID specificity, so
   every rule here uses the same shape or it loses silently.
   ========================================================================= */

/* ---- stop the marquee, drop its clones, unmask the edges ---------------- */
body.bd-5 main>section.pl--01:is(#proof,#services,#why,#markets,.pl) .ticker{
  -webkit-mask-image:none; mask-image:none; overflow:visible;
  padding-inline:var(--gm, clamp(20px,4.5vw,72px));
  box-sizing:border-box;
  background:linear-gradient(0deg, rgba(4,1,14,.84) 0%, rgba(4,1,14,0) 100%);
  padding-block:clamp(26px,2.8vw,44px);
}
body.bd-5 main>section.pl--01:is(#proof,#services,#why,#markets,.pl) .ticker.is-live .ticker__track,
body.bd-5 main>section.pl--01:is(#proof,#services,#why,#markets,.pl) .ticker__track{ animation:none !important; width:100%; }
body.bd-5 main>section.pl--01:is(#proof,#services,#why,#markets,.pl) .ticker__set[data-clone]{ display:none !important; }
body.bd-5 main>section.pl--01:is(#proof,#services,#why,#markets,.pl) .ticker__set{
  width:100%; display:grid; min-height:clamp(64px,5.6vw,92px);
}
body.bd-5 main>section.pl--01:is(#proof,#services,#why,#markets,.pl) .ticker__set>*{ margin-right:0; }
body.bd-5 main>section.pl--01:is(#proof,#services,#why,#markets,.pl) .tk__dot{ display:none; }

/* ---- all six facts share ONE grid cell and take turns in it -------------- */
body.bd-5 main>section.pl--01:is(#proof,#services,#why,#markets,.pl) .tk{
  grid-area:1 / 1; justify-self:center; align-self:center;
  opacity:0; animation:proofRotate 18s linear infinite;
  font-size:clamp(17px,1.55vw,24px); letter-spacing:.005em;
  /* measured 2026-10-01: at .84 alpha the caption read grey over the eagle's
     feathers, so it goes to full ink with a soft dark halo for the image ground */
  color:#F2EFF6; gap:.5em;
  text-shadow:0 2px 18px rgba(4,1,14,.85), 0 0 2px rgba(4,1,14,.6);
}
/* the number is the object: display face, large, carrying the brand gradient */
body.bd-5 main>section.pl--01:is(#proof,#services,#why,#markets,.pl) .tk b{
  font-family:var(--font-display); font-weight:400;
  font-size:clamp(34px,3.4vw,56px); line-height:1; letter-spacing:-.02em;
  /* measured 2026-10-01: the inherited text-clipped gradient read dim as a
     single digit, and a drop-shadow filter on a text-clipped fill renders it
     grey in Chromium. A solid light brand violet with a text halo holds over
     the image and stays legible. */
  background:none; -webkit-background-clip:border-box; background-clip:border-box;
  -webkit-text-fill-color:#D9C4FF; color:#D9C4FF;
  text-shadow:0 2px 18px rgba(4,1,14,.85), 0 0 2px rgba(4,1,14,.6);
}
body.bd-5 main>section.pl--01:is(#proof,#services,#why,#markets,.pl) .hmark--ss{ height:clamp(30px,2.7vw,44px); }
body.bd-5 main>section.pl--01:is(#proof,#services,#why,#markets,.pl) .hmark--ks{ height:clamp(26px,2.4vw,38px); }
body.bd-5 main>section.pl--01:is(#proof,#services,#why,#markets,.pl) .hmark--caf{ height:clamp(40px,3.6vw,58px); }

body.bd-5 main>section.pl--01:is(#proof,#services,#why,#markets,.pl) .tk:nth-of-type(1){ animation-delay:0s; }
body.bd-5 main>section.pl--01:is(#proof,#services,#why,#markets,.pl) .tk:nth-of-type(2){ animation-delay:3s; }
body.bd-5 main>section.pl--01:is(#proof,#services,#why,#markets,.pl) .tk:nth-of-type(3){ animation-delay:6s; }
body.bd-5 main>section.pl--01:is(#proof,#services,#why,#markets,.pl) .tk:nth-of-type(4){ animation-delay:9s; }
body.bd-5 main>section.pl--01:is(#proof,#services,#why,#markets,.pl) .tk:nth-of-type(5){ animation-delay:12s; }
body.bd-5 main>section.pl--01:is(#proof,#services,#why,#markets,.pl) .tk:nth-of-type(6){ animation-delay:15s; }
@keyframes proofRotate{
  0%{ opacity:0; transform:translateY(14px); }
  3%,14%{ opacity:1; transform:translateY(0); }
  17%,100%{ opacity:0; transform:translateY(-14px); }
}

/* no motion requested: every fact visible at once, wrapping, still large */
@media (prefers-reduced-motion:reduce){
  body.bd-5 main>section.pl--01:is(#proof,#services,#why,#markets,.pl) .tk{ grid-area:auto; opacity:1; animation:none; }
  body.bd-5 main>section.pl--01:is(#proof,#services,#why,#markets,.pl) .ticker__set{
    display:flex; justify-content:center; flex-wrap:wrap; gap:14px clamp(18px,2vw,32px);
  }
}

/* phones: same mechanism, sizes stepped down so one fact always fits a line */
@media (max-width:760px){
  body.bd-5 main>section.pl--01:is(#proof,#services,#why,#markets,.pl) .ticker{ padding-block:22px; }
  body.bd-5 main>section.pl--01:is(#proof,#services,#why,#markets,.pl) .ticker__set{ min-height:58px; }
  body.bd-5 main>section.pl--01:is(#proof,#services,#why,#markets,.pl) .tk{ font-size:16px; }
  body.bd-5 main>section.pl--01:is(#proof,#services,#why,#markets,.pl) .tk b{ font-size:30px; }
  body.bd-5 main>section.pl--01:is(#proof,#services,#why,#markets,.pl) .hmark--ss{ height:26px; }
  body.bd-5 main>section.pl--01:is(#proof,#services,#why,#markets,.pl) .hmark--ks{ height:22px; }
  body.bd-5 main>section.pl--01:is(#proof,#services,#why,#markets,.pl) .hmark--caf{ height:34px; }
}