.exchangePage{box-sizing:border-box;width:min(1440px,100%);color:var(--text-primary);gap:22px;margin:auto;padding:clamp(12px,2.2vw,28px);display:grid}.exchangePage *{box-sizing:border-box;min-width:0}.exchangeHero{border:1px solid var(--border);background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--accent) 6%,transparent),transparent 65%),var(--bg-card);border-radius:18px;grid-template-columns:minmax(0,1.4fr) minmax(230px,.6fr);align-items:center;gap:24px;padding:24px;display:grid}.exchangeEyebrow{color:var(--text-muted);font:600 9px/1.6 var(--font-mono);letter-spacing:.11em;margin:0}.exchangeHero h1{letter-spacing:-.04em;margin:10px 0;font-size:clamp(26px,3vw,36px);line-height:1.1}.exchangeIntro{color:var(--text-secondary);margin:12px 0;font-size:13px;line-height:1.65}.exchangeHeroLinks{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.exchangeHeroLinks a{border:1px solid var(--border);background:var(--bg-secondary);min-height:44px;color:var(--text-primary);border-radius:9px;align-items:center;gap:10px;padding:9px 12px;font-size:12px;text-decoration:none;display:inline-flex}.exchangeHeroLinks a:first-child{border-color:color-mix(in srgb,var(--accent) 50%,var(--border))}.exchangeSteps{border-inline-start:1px solid var(--border);padding:0 0 0 20px}.exchangeSteps ol{gap:12px;margin:0;padding:0;list-style:none;display:grid}.exchangeSteps li{align-items:center;gap:11px;display:flex}.exchangeSteps b{border:1px solid var(--border);height:28px;color:var(--text-secondary);background:var(--bg-secondary);font:500 10px var(--font-mono);border-radius:7px;flex:0 0 28px;place-items:center;display:grid}.exchangeSteps strong{font-size:12px;font-weight:500;line-height:1.5}.exchangeSectionHead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.exchangeSectionHead h2{letter-spacing:-.02em;margin:0;font-size:20px}.exchangeGrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px;display:grid}.exchangeTile{border:1px solid var(--border);background:var(--bg-card);min-width:0;box-shadow:inset 0 2px color-mix(in srgb,var(--exchange-accent) 65%,transparent);border-radius:14px;flex-direction:column;padding:17px;transition:border-color .15s;display:flex;position:relative}.exchangeTile:hover{border-color:color-mix(in srgb,var(--exchange-accent) 55%,var(--border))}.exchangeTileHead{align-items:center;gap:11px;display:flex}.exchangeTileHead h3{letter-spacing:-.025em;margin:0;font-size:19px;line-height:1.3}.exchangeArrow{color:var(--text-muted);margin-inline-start:auto;font-size:17px}.exchangeMark{border:1px solid var(--border);color:#fff;background:#080808;border-radius:10px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.exchangeMark svg{width:80%;height:80%}.exchangeDescription{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:13px 0 10px;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.exchangeFeatures{flex-wrap:wrap;gap:5px;margin:0 0 12px;padding:0;list-style:none;display:flex}.exchangeFeatures li{border:1px solid var(--border);color:var(--text-secondary);border-radius:5px;padding:3px 6px;font-size:10px;line-height:1.5}.exchangeBenefit{border-inline-start:2px solid var(--exchange-accent);color:var(--text-secondary);background:var(--bg-secondary);margin:0 0 12px;padding:8px 10px;font-size:11px;line-height:1.5}.exchangeTileBottom{margin-top:auto}.exchangeCode{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:10px 0;display:flex}.exchangeCode>div{flex:1;min-width:0}.exchangeCode span{color:var(--text-muted);margin-bottom:3px;font-size:10px;display:block}.exchangeCode code{color:var(--text-primary);font:600 12px/1.5 var(--font-mono);-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;display:block}.exchangeCode button{border:1px solid var(--border);min-height:44px;color:var(--text-secondary);background:var(--bg-secondary);cursor:pointer;border-radius:8px;flex-shrink:0;padding:8px 10px;font-size:11px}.exchangeActions{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.exchangeActions a{text-align:center;border:1px solid var(--border);min-height:44px;color:var(--text-secondary);border-radius:8px;flex:100px;justify-content:center;align-items:center;gap:8px;padding:8px;font-size:11px;font-weight:600;line-height:1.5;text-decoration:none;display:inline-flex}.exchangeActions a:first-child{border-color:color-mix(in srgb,var(--exchange-accent) 45%,var(--border));background:color-mix(in srgb,var(--exchange-accent) 8%,var(--bg-card));color:var(--text-primary)}.exchangeDisclosure{border-top:1px solid var(--border);color:var(--text-muted);margin-top:8px;font-size:11px;line-height:1.6}.exchangeDisclosure summary{cursor:pointer;align-content:center;min-height:44px}.exchangeDisclosure p{margin:0 0 6px}.exchangeFootnote{border:1px solid var(--border);background:var(--bg-card);border-radius:12px;padding:14px 17px}.exchangeFootnote p{max-width:100ch;color:var(--text-muted);margin:0;font-size:11px;line-height:1.7}.exchangeState{border:1px solid var(--border);color:var(--text-secondary);border-radius:10px;padding:16px;font-size:13px}.exchangePage :is(a,button,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (max-width:800px){.exchangeHero{grid-template-columns:1fr;gap:18px}.exchangeSteps{border-inline-start:0;border-top:1px solid var(--border);padding:16px 0 0}.exchangeSteps ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.exchangeSteps li{flex-direction:column;align-items:flex-start;gap:6px}.exchangeSteps strong{font-size:11px}}@media (max-width:420px){.exchangePage{gap:18px;padding:12px}.exchangeHero{padding:18px}.exchangeHeroLinks a{flex:120px;justify-content:center}.exchangeTile{padding:15px}.exchangeSteps li{gap:8px}.exchangeGrid{gap:10px}}@media (prefers-reduced-motion:reduce){.exchangeTile{transition:none}}