.exchange-page { background:#090c0e; }
.exchange-page .desktop-nav { gap:24px;margin-left:20px; }
.exchange-page .exchange-hero { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:80px;align-items:center;padding-block:48px 56px; }
.exchange-hero-copy,.exchange-quote-wrap { min-width:0; }
.exchange-eyebrow { color:var(--yellow);font-size:11px;font-weight:700;letter-spacing:1.8px;line-height:1.6;margin-bottom:18px; }
.exchange-hero h1 { font-size:clamp(48px,5.5vw,76px);font-weight:800;line-height:1.02;letter-spacing:-3px;margin:0; }
.exchange-hero h1 span,.exchange-crypto h2 span { color:var(--yellow); }
.exchange-lead { max-width:34ch;font-size:17px;color:#b7bfc0;line-height:1.8;margin-top:24px; }
.exchange-browse { display:inline-flex;align-items:center;gap:16px;min-height:46px;font-size:13px;margin-top:22px; }
.exchange-browse .icon { width:17px;height:17px;transform:rotate(90deg);color:var(--yellow); }
.exchange-facts { display:flex;gap:36px;border-top:1px solid #ffffff18;margin-top:28px;padding-top:24px; }
.exchange-facts>span { display:flex;align-items:baseline;gap:8px; }
.exchange-facts strong { font-size:26px;font-weight:600; }
.exchange-facts small { color:#9ca8aa;font-size:11px; }
.exchange-page .quote-panel { padding:25px;background:#141a1d;border:1px solid #efcf394d;border-radius:22px;box-shadow:0 24px 70px #0005; }
.exchange-page .quote-panel .panel-top { font-size:15px;margin-bottom:20px; }
.exchange-page .quote-panel .tag { color:#b7c0bb;border-color:#ffffff1f; }
.exchange-page .quote-panel .segmented { padding:4px;margin-bottom:18px;background:#090f12;border-color:#ffffff12;border-radius:10px; }
.exchange-page .quote-panel .segmented button { min-height:44px;font-size:13px;border-radius:7px; }
.exchange-page .quote-panel .segmented .selected { background:var(--yellow);color:#12170b; }
.exchange-page .quote-panel .exchange-field { padding:18px;background:#0b1114;border:1px solid #ffffff28;border-radius:12px; }
.exchange-page .quote-panel .field-label { font-size:12px;color:#b8c0bf;margin-bottom:10px; }
.exchange-page .quote-panel .amount-field input { font-size:36px; }
.exchange-page .quote-panel .exchange-divider button { width:34px;height:34px;background:#141a1d;border-color:#8b7c30;color:var(--yellow); }
.exchange-page .quote-panel .receive-row { font-size:12px;gap:10px; }
.exchange-page .quote-panel .quote-result { align-items:center;min-height:66px;gap:16px; }
.exchange-page .quote-panel .quote-result p { color:#a9b4b8;font-size:12px;line-height:1.7; }
.exchange-page .quote-panel .quote-call { min-height:50px;border-radius:9px;font-size:14px;margin-top:16px; }
.exchange-page .quote-panel .quote-footnote { font-size:11px;line-height:1.7;color:#98a5aa;margin-top:14px; }
.exchange-page .quote-panel .quote-call[aria-disabled=true] { opacity:.5; }
.exchange-page .asset-picker-trigger { min-height:44px; }
.exchange-branch-choice { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px; }
.exchange-branch-choice button { min-width:0;text-align:left;background:#101619;border:1px solid #ffffff18;border-radius:8px;padding:12px;min-height:64px; }
.exchange-branch-choice button>span { display:block;font-size:12px;font-weight:600; }
.exchange-branch-choice small { display:block;font-size:10px;color:#aab6b8;margin-top:3px;overflow-wrap:anywhere; }
.exchange-branch-choice button[aria-pressed=true] { border-color:#ddc43b;color:var(--yellow);background:#292b1a; }
.exchange-section-heading { display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:26px; }
.exchange-page h2 { font-size:36px;line-height:1.15;letter-spacing:-1.2px;font-weight:750; }
.exchange-section-heading .exchange-eyebrow { margin-bottom:12px; }
.exchange-section-heading>p { color:#aab5b8;font-size:14px;line-height:1.8;max-width:32ch; }
.exchange-asset:hover { background:#1b2327;border-color:#e5ca3970; }
.exchange-crypto { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;padding:42px;border:1px solid #ffffff17;border-radius:20px;background:#12191d;scroll-margin-top:24px; }
.exchange-crypto-copy>p:not(.exchange-eyebrow) { max-width:38ch;color:#b0b9bc;font-size:14px;line-height:1.85;margin-top:24px; }
.exchange-commission { display:flex;align-items:center;gap:20px;margin-top:32px;padding-top:26px;border-top:1px solid #ffffff1c; }
.exchange-commission>strong { flex-shrink:0;font-size:46px;font-weight:600;color:var(--yellow);letter-spacing:-2px;line-height:1; }
.exchange-commission>strong span { font-size:25px; }
.exchange-commission b { font-size:13px;font-weight:600; }
.exchange-commission p { font-size:11px;line-height:1.7;color:#9eacb0;margin-top:5px; }
.exchange-asset-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
.exchange-asset { position:relative;min-width:0;text-align:left;padding:19px;border:1px solid #ffffff1c;border-radius:12px;background:#0b1115;transition:border-color .2s,background .2s; }
.exchange-asset img { width:38px;height:38px;margin-bottom:15px; }
.exchange-asset strong { display:block;font-size:17px; }
.exchange-asset>span { display:block;font-size:11px;color:#a1afb3;margin-top:2px; }
.exchange-asset>.icon { position:absolute;right:16px;top:22px;width:16px;height:16px;color:#87969c; }
.exchange-networks { margin-top:22px; }
.exchange-networks h3 { font-size:12px;font-weight:600;letter-spacing:0;margin-bottom:12px; }
.exchange-networks ul { display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0; }
.exchange-networks li { border:1px solid #ffffff22;border-radius:5px;padding:5px 8px;font-size:10px;color:#c0c9cc; }
.exchange-networks li span { color:#8c9ca2; }
.exchange-networks p { color:#97a6ac;font-size:11px;line-height:1.7;margin-top:12px; }
.exchange-how { padding-block:48px; }
.exchange-how h2 { font-size:29px;margin-bottom:26px; }
.exchange-steps { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px; }
.exchange-steps article { border-top:1px solid #ffffff20;padding-top:20px; }
.exchange-steps article>span { font-size:11px;color:var(--yellow); }
.exchange-steps h3 { font-size:20px;font-weight:600;margin:12px 0 8px; }
.exchange-steps p { max-width:28ch;font-size:13px;color:#a7b4b9;line-height:1.8; }
.exchange-faq { display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:70px;padding-block:28px 42px;border-top:1px solid #ffffff18; }
.exchange-faq h2 { font-size:29px; }
.exchange-faq details { border-bottom:1px solid #ffffff1c; }
.exchange-faq summary { display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;cursor:pointer;font-size:15px;font-weight:600;line-height:1.6;padding:18px 0;min-height:60px; }
.exchange-faq summary::-webkit-details-marker { display:none; }
.exchange-faq summary>span:last-child { color:var(--yellow);font-size:23px;font-weight:400;transition:transform .2s; }
.exchange-faq details[open] summary>span:last-child { transform:rotate(45deg); }
.exchange-faq details p { padding-bottom:20px;color:#a7b4b9;line-height:1.85;font-size:13px;max-width:65ch; }
.exchange-visit { padding:32px;border:1px solid #ffffff18;border-radius:18px;background:#141b1f; }
.exchange-visit h2 { font-size:32px; }
.exchange-visit .text-link { min-height:44px;font-size:13px;color:var(--yellow); }
.exchange-visit-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px; }
.exchange-visit article { min-width:0;border-top:1px solid #ffffff20;padding-top:20px; }
.exchange-visit article>p { font-size:11px;color:#9dabb1; }
.exchange-visit h3 { font-size:20px;line-height:1.5;margin-top:7px;letter-spacing:-.3px; }
.exchange-visit article>div { display:flex;gap:24px;flex-wrap:wrap;margin-top:10px; }
.exchange-visit article a { display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:14px; }
.exchange-visit .icon { width:15px;height:15px;color:#96a5ab; }
.exchange-visit article .exchange-directions { color:var(--yellow);font-size:12px; }
.exchange-page .footer { padding-top:42px; }
@media(max-width:1100px){
  .exchange-page .exchange-hero { gap:36px; }
  .exchange-page .quote-panel { padding:20px; }
  .exchange-facts { gap:20px; }
  .exchange-facts>span { flex-direction:column;gap:0; }
  .exchange-crypto { gap:36px;padding:30px; }
}
@media(max-width:760px){
  .exchange-page .exchange-hero { grid-template-columns:minmax(0,1fr);gap:36px;padding-block:30px; }
  .exchange-hero-copy { text-align:center; }
  .exchange-hero h1 { font-size:clamp(43px,11vw,64px);letter-spacing:-2px; }
  .exchange-eyebrow { font-size:10px;letter-spacing:1.4px; }
  .exchange-lead { font-size:15px;line-height:1.75;margin:20px auto 0;max-width:31ch; }
  .exchange-browse { margin-top:12px; }
  .exchange-facts { justify-content:center;margin-top:20px;padding-top:18px;gap:30px; }
  .exchange-facts>span { align-items:center; }
  .exchange-facts strong { font-size:23px; }
  .exchange-facts small { font-size:10px; }
  .exchange-page .quote-panel { padding:20px;border-radius:18px; }
  .exchange-page .quote-panel .panel-top { font-size:14px; }
  .exchange-page .quote-panel .exchange-field { padding:16px 13px; }
  .exchange-page .quote-panel .amount-field input { font-size:32px; }
  .exchange-branch-choice button { padding:10px; }
  .exchange-branch-choice small { font-size:9px; }
  .exchange-section-heading { display:block;margin-bottom:22px; }
  .exchange-page h2 { font-size:30px;letter-spacing:-1px; }
  .exchange-section-heading>p { margin-top:15px;font-size:14px; }
  .exchange-crypto { grid-template-columns:minmax(0,1fr);padding:24px 20px;gap:26px;border-radius:16px; }
  .exchange-crypto-copy>p:not(.exchange-eyebrow) { margin-top:18px;font-size:14px; }
  .exchange-commission { margin-top:24px;padding-top:20px;gap:18px; }
  .exchange-commission>strong { font-size:40px; }
  .exchange-asset { padding:16px; }
  .exchange-asset>.icon { right:12px; }
  .exchange-how { padding-block:32px; }
  .exchange-steps { grid-template-columns:minmax(0,1fr);gap:20px; }
  .exchange-steps article { display:grid;grid-template-columns:30px minmax(0,1fr);gap:0 12px;padding-top:18px; }
  .exchange-steps article>span { padding-top:5px; }
  .exchange-steps h3 { margin:0 0 7px; }
  .exchange-steps p { grid-column:2;max-width:none; }
  .exchange-faq { grid-template-columns:minmax(0,1fr);gap:16px;padding-block:28px; }
  .exchange-faq summary { font-size:14px;gap:18px; }
  .exchange-visit { padding:24px 20px; }
  .exchange-visit .text-link { margin-top:10px; }
  .exchange-visit-grid { grid-template-columns:minmax(0,1fr);gap:20px; }
  .exchange-visit h3 { font-size:21px; }
  .exchange-visit article>div { gap:6px 18px; }
  .exchange-visit article a { font-size:14px; }
}
@media(max-width:360px){
  .exchange-page .quote-panel { padding:16px; }
  .exchange-page .quote-panel .panel-top { font-size:12px; }
  .exchange-page .quote-panel .amount-field input { font-size:28px; }
}
@media(prefers-reduced-motion:reduce){.exchange-page * { scroll-behavior:auto!important;transition:none!important; }}
