.topstep-launch { position: relative; z-index: 1; background: linear-gradient(110deg, #123858, #0b243c); border-bottom: 1px solid rgba(128,196,255,.3); }
.topstep-launch-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-top: 24px; padding-bottom: 24px; }
.topstep-launch-label { display: flex; align-items: center; gap: 8px; color: #99cdff; font: 500 10px 'DM Mono', monospace; letter-spacing: .1em; }
.topstep-launch-label i { width: 7px; height: 7px; border-radius: 50%; background: #80c4ff; box-shadow: 0 0 0 4px rgba(128,196,255,.12); }
.topstep-launch strong { display: block; margin-top: 9px; color: #f4f8fc; font-size: clamp(20px, 2.3vw, 28px); letter-spacing: -.035em; }
.topstep-launch p { margin: 7px 0 0; color: #c4d7e9; font-size: 13px; line-height: 1.6; }
.topstep-launch a { flex-shrink: 0; display: inline-flex; align-items: center; gap: 22px; border: 1px solid #b4d9ff; border-radius: 100px; padding: 15px 22px; background: #b4d9ff; color: #071c32; font-size: 13px; font-weight: 750; text-decoration: none; }
.topstep-launch a:hover { background: #d5eaff; }
.topstep-launch a:focus-visible { outline: 3px solid white; outline-offset: 5px; }
.topstep-api-guide { scroll-margin-top: 90px; }
.topstep-api-guide h2 { font-size: clamp(34px, 4.2vw, 58px); }
.topstep-api-guide .guide-preview { width: 100%; max-width: 380px; justify-self: center; }
.topstep-api-guide .guide-copy > .topstep-api-offer { margin-top: 24px; padding: 18px 20px; border: 1px solid rgba(128,196,255,.3); border-radius: 14px; background: rgba(102,179,255,.08); font-size: 14px; line-height: 1.65; }
.topstep-api-offer strong { display: block; color: #f4f8fc; }
.topstep-api-guide .guide-copy > .topstep-api-cost { margin-top: 18px; font-size: 12px; line-height: 1.7; color: #9ab0c7; }
.topstep-api-guide .guide-actions { gap: 20px; }
.topstep-api-guide a:focus-visible { outline: 3px solid #80c4ff; outline-offset: 5px; }
@media (max-width: 560px) {
  .topstep-launch-inner { align-items: flex-start; flex-direction: column; gap: 17px; }
  .topstep-launch-label { font-size: 8px; }
  .topstep-api-guide .guide-preview { margin-right: 0; max-width: 340px; }
  .topstep-api-guide .guide-actions .button { max-width: 100%; text-align: center; }
}