/* Accesibilidad y adaptación compartidas por las tres páginas. */
.skip-link{position:fixed;top:8px;left:8px;z-index:100;padding:12px 18px;background:var(--aqua);color:#06201d;transform:translateY(-160%);font-weight:700}
.skip-link:focus{transform:translateY(0)}
:focus-visible{outline:3px solid var(--aqua);outline-offset:5px}
.live-tag,.marquee{color:#a8bad0}
.home-hero h1 em,.payment-hero h1 em{color:#a8bad0}
.code-top span,.terminal-bar span{color:#a8bad0}
.code-scroll .comment,.terminal .comment{color:#a8bad0}
.home-hero>div,.payment-hero>div,.implementation>div,.market>div,.faq-layout>div{min-width:0}
.shell.home-hero,.shell.payment-hero{padding:72px 40px 80px;gap:48px}
.home-hero h1,.payment-hero h1{font-size:clamp(42px,4.8vw,68px);line-height:1.12;letter-spacing:-.035em;margin:24px 0 28px;overflow-wrap:break-word}
.home-hero .lead,.payment-hero .lead{line-height:1.75;margin:0 0 28px}
.topbar{padding:12px 24px;line-height:1.7}
@media(max-width:800px){
  .nav{height:auto;min-height:67px;flex-wrap:wrap;gap:12px;padding-top:12px;padding-bottom:12px}
  .nav .links{display:flex;order:3;width:100%;flex-wrap:wrap;gap:8px 18px}
  .links a{display:inline-flex;align-items:center;min-height:44px}
  .home-hero h1,.payment-hero h1{font-size:clamp(36px,8vw,52px);line-height:1.14;letter-spacing:-.025em;margin:20px 0 24px}
  .shell.home-hero,.shell.payment-hero{padding:48px 24px 56px;gap:36px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .marquee span,.particle,.code-scroll pre{animation:none}
  .button,.mini-cta{transition:none}
}