.extraswap{scroll-margin-top:90px}.swap-intro{max-width:760px;font-size:1.1rem;line-height:1.7}.swap-rates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:32px 0}.swap-rate{padding:28px;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:28px;background:color-mix(in srgb,#42b8c7 10%,transparent);transition:transform .25s}.swap-rate:hover{transform:translateY(-4px)}.swap-rate>span{display:block;font-size:1.6rem}.swap-rate strong{display:block;font-size:clamp(2rem,4vw,3rem);margin:12px 0}.swap-rate small{font-size:1rem;font-weight:400}.swap-rate p{margin:0}.swap-info{display:grid;grid-template-columns:1.5fr 1fr;gap:32px}.swap-info p{line-height:1.7}.swap-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:24px}@media(max-width:600px){.swap-rates{gap:10px}.swap-rate{padding:18px 12px;border-radius:18px}.swap-rate>span{font-size:1.25rem}.swap-rate strong{font-size:1.7rem}.swap-rate small{font-size:.85rem}.swap-info{grid-template-columns:1fr;gap:12px}.swap-actions .button{width:100%;text-align:center}}@media(prefers-reduced-motion:reduce){.swap-rate{transition:none}.swap-rate:hover{transform:none}}