/* site-pages.css (promoted from design/brand-2026-10-09/site-r3/r3.css): the few additions the cleaned-up faq, pricing, contact and privacy pages share on top of
   /assets/site-chrome.css. Sections are the chrome's labelled rows (heading left, content right,
   hairlines between); this file only adds the jump list, the sticky row heading, plain figures and
   the homepage's quiet reveal. */
.jump{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 28px;margin-top:40px;padding:16px 0 0;border-top:1px solid var(--line)}
.jump .jl{font:500 11.5px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--tx3)}
.jump a{text-decoration:none;font:400 16px/1.3 var(--sans);color:var(--tx2);transition:color .2s}
.jump a:hover{color:#fff}
.jump a:focus-visible{outline:1px solid var(--teal-hi);outline-offset:3px}
[id]{scroll-margin-top:104px}
.row-h.stick{position:sticky;top:116px;align-self:start}
.row .faq details:first-of-type{border-top:0}
.row .faq details:first-of-type summary{padding-top:2px}
.row .faq summary{font-size:20px;padding:20px 0}
.row .faq .fb{font-size:16.5px}
.row-b .more{margin-top:22px}
.row-b .more .lnk{font-size:16px}
.fig{font-family:var(--sans);font-weight:600;font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.01em}
.sec3{padding-bottom:112px}
.endlinks{display:flex;flex-wrap:wrap;gap:16px 36px;padding:28px 0;border-top:1px solid var(--line2);border-bottom:1px solid var(--line)}

/* reveal: the homepage's rule (fade and rise on entry), only when the script has run and motion is allowed */
html.motion [data-r]{opacity:0;transform:translateY(16px);transition:opacity .8s var(--out),transform .9s var(--out);transition-delay:calc(var(--i,0) * 70ms)}
html.motion [data-r].in{opacity:1;transform:none}

@media(max-width:860px){
  [id]{scroll-margin-top:84px}
  .row-h.stick{position:static}
  .jump{gap:10px 22px;margin-top:30px}
  .jump .jl{flex-basis:100%}
  .jump a{font-size:15.5px}
  .row .faq summary{font-size:18px;padding:18px 0}
  .row .faq .fb{font-size:16px}
  .sec3{padding-bottom:80px}
}
@media (prefers-reduced-motion:reduce){
  html.motion [data-r]{opacity:1;transform:none;transition:none}
}