/* Multi page layout, client logos, more breathing room */
.nav__links a[aria-current="page"]{opacity:1;color:var(--lime)}
.leak{height:220vh}
.page-top{padding-top:clamp(150px,17vw,220px)!important}

.pagehead{padding-bottom:clamp(56px,7vw,96px)}
.pagehead__kicker{font-family:var(--serif);font-style:italic;font-size:clamp(1.3rem,2vw,1.8rem);color:var(--muted);margin-bottom:14px}
.pagehead__lede{margin-top:26px;max-width:52ch;font-size:clamp(1.05rem,1.4vw,1.25rem);color:var(--muted)}
.jump{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
.jump a{padding:.7em 1.2em;border:1.5px solid var(--ink);border-radius:999px;font-weight:650;text-decoration:none;transition:background-color .2s,color .2s}
.jump a:hover{background:var(--ink);color:var(--paper)}

.btn--line{border-color:var(--ink);color:var(--ink)}
.btn--line:hover{background:var(--ink);color:var(--paper)}

.brands{padding:clamp(88px,11vw,150px) 0 clamp(80px,10vw,130px)}
.logos{display:grid;gap:14px}
.logos__row{display:flex;width:max-content;animation:marquee 64s linear infinite}
.logos__row--rev{animation-direction:reverse;animation-duration:74s}
.logos:hover .logos__row{animation-play-state:paused}
.logos ul{display:flex;flex-shrink:0;gap:14px;padding-right:14px}
.logo{display:grid;place-items:center;flex:none;width:clamp(150px,15vw,196px);height:clamp(76px,7.4vw,96px);padding:14px 24px;background:#fff;border:1px solid var(--line);border-radius:22px;transition:border-color .25s,transform .25s var(--ease)}
.logo:hover{border-color:var(--ink);transform:translateY(-3px)}
.logo img{display:block;max-width:100%;max-height:44px;width:auto;height:auto;object-fit:contain;filter:grayscale(1);mix-blend-mode:multiply;opacity:.78;transition:filter .3s,opacity .3s}
.logo:hover img{filter:none;opacity:1}
.logo--inv img,.logo--inv:hover img{filter:invert(1) grayscale(1)}
.logo--lg img{max-height:58px}
.logo--boost img{filter:grayscale(1) brightness(.65) contrast(4)}
.logo--boost:hover img{filter:none}
.logo span{font-stretch:75%;font-weight:800;font-size:1rem;line-height:1.05;letter-spacing:.04em;text-transform:uppercase;text-align:center;color:#3f463b}
.logo img+span{display:none}
.logo.is-text img{display:none}
.logo.is-text span{display:block}

.funnel__more{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:clamp(40px,5vw,64px)}
.funnel__more p{color:var(--muted);max-width:44ch}

.teaser{padding:clamp(96px,12vw,170px) 0}
.teaser__grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px 72px;align-items:end}
.teaser__body p{font-size:clamp(1.05rem,1.35vw,1.2rem);color:#3a4137;max-width:44ch}
.teaser__body b{color:var(--ink)}
.teaser__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}

.offer__cta .btn--ghost{border-color:rgba(250,251,247,.35)}
.offer--plain .h-display{max-width:14ch}
.offer--plain .stack{margin-top:clamp(40px,5vw,64px)}

.sim{padding:clamp(88px,12vw,160px) 0}
.sim .fsim{margin-top:0}

@media (max-width: 900px){.teaser__grid{grid-template-columns:1fr}
}
@media (max-width: 760px){.logo{width:140px;height:72px;padding:12px 18px;border-radius:18px}
.logo img{max-height:36px}
.logo--lg img{max-height:48px}
.logos ul,.logos{gap:10px}
.logos ul{padding-right:10px}
}
@media (prefers-reduced-motion: reduce){.logos__row{animation:none;flex-wrap:wrap;width:auto}
.logos ul[aria-hidden]{display:none}
.logos ul{flex-wrap:wrap;justify-content:center}
}