/* page-by-page scrolling (assets/steps.js) */
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
html{overflow-anchor:none}
/* each [data-step-page] is exactly one screen (minus the sticky sub-nav), content centred */
html.stepped [data-step-page]{min-height:var(--page-h,100svh);display:grid;align-content:center;box-sizing:border-box}

/* up/down buttons (same as the home page) */
.jump{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:50;display:flex;flex-direction:column;gap:8px}
.jump-btn{width:calc(46px*var(--fs,1));height:calc(46px*var(--fs,1));display:grid;place-items:center;border-radius:10px;border:1px solid var(--line-2);background:var(--card);color:var(--ink);cursor:pointer;
  box-shadow:0 6px 18px -8px rgba(17,34,54,.35);opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s,background-color .18s,color .18s,border-color .18s}
.jump-btn.on{opacity:1;visibility:visible;transform:none;transition:opacity .25s ease,transform .25s ease,visibility 0s,background-color .18s,color .18s,border-color .18s}
.jump-btn svg{width:calc(22px*var(--fs,1));height:calc(22px*var(--fs,1))}
@media (hover:hover){.jump-btn:hover{background:var(--ink);color:#fff;border-color:var(--ink)}}
.jump-btn:focus-visible{outline:2px solid var(--pri);outline-offset:3px}
.mnav-open .jump{display:none}
@media (max-width:600px){.jump{right:14px;bottom:max(16px,env(safe-area-inset-bottom));gap:12px}.jump-btn{width:52px;height:52px;border-radius:14px;box-shadow:0 8px 22px -8px rgba(17,34,54,.4)}.jump-btn svg{width:26px;height:26px}}
@media (prefers-reduced-motion:reduce){.jump-btn,.jump-btn.on{transition:none}}

/* phones: every other section on a plain white band, so each section reads as its own block */
@media (max-width:600px){
  main > section:nth-of-type(even):not(.lcta){background:var(--card);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  main > section:nth-of-type(even) .card,main > section:nth-of-type(even) details{background:var(--bg)}
}
