@font-face { font-family:Inter; src:url("fonts/InterVariable.woff2") format("woff2"); font-style:normal; font-weight:100 900; font-display:swap; }
:root { --ink:#071321; --blue:#0874f9; font-family:Inter,Arial,sans-serif; color:var(--ink); font-synthesis:none; }
* { box-sizing:border-box; }
html,body { min-width:320px; margin:0; background:#fff; }
.skip-link { position:fixed; z-index:20; top:8px; left:8px; padding:10px 12px; color:#fff; background:var(--ink); transform:translateY(-150%); }
.skip-link:focus { transform:translateY(0); }
.sr-only { width:1px; height:1px; margin:-1px; padding:0; position:absolute; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.preview-page { overflow:hidden; }

.hero-context { height:350px; position:relative; overflow:hidden; color:#fff; background:var(--ink); }
.hero-context img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; object-position:center 62%; }
.hero-context > div { position:absolute; inset:0; background:linear-gradient(0deg,rgba(2,7,14,.9),rgba(2,7,14,.12) 70%); }
.hero-context p { position:absolute; bottom:34px; left:clamp(28px,5vw,80px); margin:0; color:#c4cedb; font-size:15px; }

.proof { padding:13px 0 16px; overflow:hidden; border-bottom:1px solid #dce2e9; background:#f6f7f9; }
.proof h2 { min-height:18px; margin:0; display:grid; place-items:center; color:#7b8796; font-size:9px; font-weight:780; letter-spacing:.1em; text-align:center; text-transform:uppercase; }
.proof-marquee { width:100%; margin-top:5px; overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); }
.proof-track { width:max-content; display:flex; align-items:center; animation:proof-scroll 32s linear infinite; will-change:transform; }
.proof-loop { display:flex; flex:0 0 auto; align-items:center; }
.proof-item { min-width:300px; padding:0 32px; display:inline-flex; align-items:center; justify-content:center; gap:12px; color:#253142; white-space:nowrap; font-size:16px; font-weight:720; }
.proof-item img { width:38px; height:38px; flex:0 0 auto; object-fit:contain; }
.proof-loop i { color:var(--ink); opacity:.58; font-size:18px; font-style:normal; }
@keyframes proof-scroll { to { transform:translateX(-50%); } }

.next-context { min-height:240px; padding:44px clamp(28px,5vw,80px); color:#7a8696; background:#f3f5f7; }
.next-context span { font-size:9px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }

@media (max-width:520px) {
  .preview-page { width:100%; }
  .hero-context { height:300px; }
  .hero-context img { object-position:center; }
  .hero-context p { right:22px; bottom:28px; left:22px; font-size:13px; }
  .proof { padding:11px 0 13px; }
  .proof h2 { font-size:8px; }
  .proof-item { min-width:230px; padding-inline:22px; gap:9px; font-size:14px; }
  .proof-item img { width:32px; height:32px; }
}

@media (prefers-reduced-motion:reduce) {
  .proof-marquee { overflow-x:auto; -webkit-mask-image:none; mask-image:none; }
  .proof-track { animation:none; }
  .proof-loop:last-child { display:none; }
}