.mu-page{padding:56px 0 100px;display:flex;flex-direction:column;align-items:center}
.mu-intro{text-align:center;max-width:46ch;margin-bottom:20px}
.mu-intro .hero__eyebrow{margin-bottom:18px}
.mu-intro h1{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.4rem);letter-spacing:-0.02em;margin:0 0 10px}
.mu-intro p{color:var(--ink-soft);margin:0;line-height:1.6}
.mu-calc-wrap{width:100%;max-width:480px;margin-bottom:28px}
.mu-calculator{background:var(--ink);border-radius:var(--radius-lg);padding:28px 24px 20px;box-shadow:0 30px 60px -25px rgba(27,31,59,.45);display:flex;flex-direction:column;gap:14px}
.mu-input-group{flex:1;display:flex;flex-direction:column;gap:4px}
.mu-input-group label{font-size:.72rem;font-weight:600;color:rgba(255,255,255,.5)}
.mu-amount-input{border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:14px 16px;font-family:var(--font-mono);font-size:1.3rem;font-weight:700;background:rgba(255,255,255,.06);color:#fff;text-align:center;transition:border-color var(--dur-fast) var(--ease)}
.mu-amount-input:focus{outline:none;border-color:var(--accent)}
.mu-select{border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 10px;font-family:var(--font-mono);font-size:.82rem;font-weight:600;background:rgba(255,255,255,.08);color:#fff;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,.5)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}
.mu-select:focus{outline:none;border-color:var(--accent)}
.mu-row{display:flex;gap:8px;align-items:flex-end}
.mu-swap-btn{width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);cursor:pointer;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6);flex-shrink:0;transition:all var(--dur-fast) var(--ease);margin-bottom:4px}
.mu-swap-btn:hover{background:rgba(255,255,255,.12);border-color:var(--accent);color:#fff;transform:rotate(180deg)}
.mu-result{background:rgba(255,255,255,.06);border-radius:12px;padding:16px;text-align:center}
.mu-result-label{font-size:.66rem;font-weight:600;color:rgba(255,255,255,.4);display:block;margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}
.mu-result-value{font-family:var(--font-mono);font-size:1.4rem;font-weight:700;color:var(--highlight);display:block}
.mu-result-rate{font-family:var(--font-mono);font-size:.74rem;color:rgba(255,255,255,.4);margin-top:4px;display:block}
.mu-table-wrap{width:100%;max-width:480px;text-align:center}
.mu-table-wrap h2{font-family:var(--font-display);font-size:1.1rem;margin:0 0 10px}
.mu-table-scroll{border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;background:var(--surface);max-height:400px;overflow-y:auto}
.mu-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:.78rem}
.mu-table th{background:var(--ink);color:#fff;font-weight:600;padding:8px 12px;text-align:left;position:sticky;top:0}
.mu-table td{padding:8px 12px;border-bottom:1px solid var(--line);color:var(--ink)}
.mu-table tbody tr:nth-child(even) td{background:rgba(27,31,59,.015)}