:root{--canvas:#fff;--canvas-subtle:#fafafa;--surface:#fff;--text:#111;--text-muted:#737373;--text-soft:#a3a3a3;--border:#e5e5e5;--border-strong:#d4d4d4;--fill-muted:#f5f5f5;--accent:#2563eb;--accent-soft:#eff6ff;--success:#15803d;--warning:#a16207;--danger:#b91c1c;--radius-control:8px;--radius-card:12px;--shadow-card:0 1px 2px #00000008}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}html{background:var(--canvas)}body{color:var(--text);background:var(--canvas);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.topbar{border-bottom:1px solid var(--border);z-index:20;background:#fffffff5;align-items:center;min-height:60px;display:flex;position:sticky;top:0}.topbar-inner{grid-template-columns:auto 1fr auto;align-items:center;gap:28px;width:min(1120px,100% - 40px);margin:0 auto;display:grid}.brand{letter-spacing:-.02em;align-items:center;gap:9px;font-weight:650;display:inline-flex}.brand-mark{border:1px solid var(--text);border-radius:50%;width:18px;height:18px;position:relative}.brand-mark:after{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:-2px;right:-2px}.main-nav{align-items:center;gap:18px;min-width:0;display:flex}.nav-link{color:var(--text-muted);border-bottom:2px solid #0000;padding:21px 0 19px;font-size:13px;transition:color .16s,border-color .16s}.nav-link:hover,.nav-link:focus-visible{color:var(--text)}.nav-link-active{color:var(--text);border-color:var(--accent)}.topbar-actions{align-items:center;gap:12px;display:flex}.status{color:var(--text-muted);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.status-dot{background:var(--warning);border-radius:50%;width:7px;height:7px}.language-select{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);color:var(--text);padding:7px 30px 7px 10px}.language-select:focus-visible,.asset-select:focus-visible,.network-select:focus-visible,.amount-input:focus-visible,.swap-button:focus-visible,.primary-button:focus-visible,.nav-link:focus-visible{outline-offset:2px;outline:3px solid #2563eb33}.page{width:min(1120px,100% - 40px);margin:0 auto;padding:50px 0 64px}.page-heading{text-align:center;max-width:660px;margin:0 auto 30px}.eyebrow{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:10px;font-size:12px;font-weight:650;display:inline-flex}.eyebrow-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}h1{letter-spacing:-.04em;margin:0 0 12px;font-size:clamp(30px,4vw,38px);font-weight:650;line-height:1.12}.lead{color:var(--text-muted);margin:0;line-height:1.65}.dashboard-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:14px;display:grid}.swap-card{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card);grid-column:4/span 6;animation:.26s both surface-in;overflow:hidden}.card-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:14px 18px;display:flex}.card-head>div{gap:3px;display:grid}.card-kicker{color:var(--text-soft);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:700}.card-title{font-size:17px;font-weight:650}.card-state{color:var(--text-muted);text-align:right;max-width:170px;font-size:11px}.card-body{padding:18px}.field-panel{border:1px solid var(--border);background:var(--canvas-subtle);border-radius:10px;padding:14px;transition:border-color .16s,background-color .16s}.field-panel:focus-within{background:#fcfdff;border-color:#bfdbfe}.field-label{color:var(--text-muted);margin-bottom:10px;font-size:12px;font-weight:650;display:block}.amount-row{grid-template-columns:minmax(0,1fr) 126px;align-items:center;gap:10px;display:grid}.amount-input{width:100%;min-width:0;color:var(--text);letter-spacing:-.035em;background:0 0;border:0;outline:none;font-size:30px;font-weight:520}.amount-input::placeholder{color:#a3a3a3;opacity:1}.amount-output{overflow-wrap:anywhere;min-height:36px;line-height:1.2;display:block}.asset-select{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-control);width:100%;color:var(--text);padding:10px;font-weight:650}.network-row{color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;margin-top:11px;font-size:12px;display:flex}.network-select{border:1px solid var(--border);background:var(--surface);max-width:150px;color:var(--text);border-radius:6px;padding:5px 8px;font-size:12px}.swap-divider{justify-content:center;height:16px;display:flex;position:relative}.swap-button{border:1px solid var(--border-strong);background:var(--surface);width:32px;height:32px;color:var(--text-muted);border-radius:8px;transition:transform .16s,color .16s,border-color .16s;position:absolute;top:-8px}.swap-button:hover{color:var(--accent);border-color:#93c5fd;transform:translateY(-1px)}.quote-loading{color:var(--text-muted);align-items:center;gap:8px;margin-top:16px;font-size:12px;animation:.18s both state-in;display:flex}.loading-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:.9s ease-in-out infinite loading-pulse}.quote-box{border-top:1px solid var(--border);margin-top:16px;padding-top:14px;animation:.18s both state-in}.quote-stale{border-top-color:#fde68a}.quote-state-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;display:flex}.quote-state{color:var(--success);align-items:center;gap:7px;font-size:11px;font-weight:650;display:inline-flex}.quote-state-stale{color:var(--warning)}.state-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.quote-status-text{color:var(--text-soft);text-align:right;font-size:11px}.quote-output{border:1px solid var(--border);background:var(--canvas-subtle);border-radius:9px;grid-template-columns:1fr auto;align-items:end;gap:4px 12px;padding:13px 14px;display:grid}.quote-output span{color:var(--text-muted);grid-column:1/-1;font-size:12px}.quote-output strong{overflow-wrap:anywhere;letter-spacing:-.03em;min-width:0;font-size:25px;font-weight:600}.quote-output em{color:var(--text-muted);font-size:13px;font-style:normal;font-weight:650}.quote-details{gap:9px;margin:13px 0 0;display:grid}.quote-row{color:var(--text-muted);justify-content:space-between;align-items:baseline;gap:20px;font-size:12px;display:flex}.quote-row dt{min-width:0}.quote-row dd{color:var(--text);text-align:right;overflow-wrap:anywhere;margin:0;font-weight:600}.error-box{color:var(--danger);background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:14px;padding:10px 12px;font-size:13px;line-height:1.5;animation:.18s both state-in}.primary-button{border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:8px;width:100%;margin-top:16px;padding:11px 14px;font-weight:650;transition:transform .16s,filter .16s,background-color .16s}.primary-button:hover:not(:disabled){filter:brightness(.96);transform:translateY(-1px)}.primary-button:active:not(:disabled){transform:translateY(0)}.primary-button:disabled{background:var(--fill-muted);border-color:var(--border);color:var(--text-muted);cursor:not-allowed}.disclosure{color:var(--text-muted);margin:12px 0 0;font-size:11px;line-height:1.6}.metrics{grid-column:3/span 8;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:2px;display:grid}.metric-card{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);min-width:0;padding:15px;animation:.26s both surface-in}.metric-card:nth-child(2){animation-delay:40ms}.metric-card:nth-child(3){animation-delay:80ms}.metric-label{color:var(--text-muted);margin-bottom:6px;font-size:12px}.metric-value{overflow-wrap:anywhere;min-height:20px;font-size:15px;font-weight:650}.metric-note{color:var(--text-soft);margin-top:7px;font-size:11px;line-height:1.45}.how-section{border-top:1px solid var(--border);grid-column:3/span 8;margin-top:24px;padding-top:24px}.section-heading{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px;display:flex}.section-kicker{color:var(--text-soft);letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:700}.section-heading h2{letter-spacing:-.02em;margin:0;font-size:18px}.step-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.step-card{border-left:2px solid var(--border);min-width:0;padding:2px 14px 2px 15px}.step-number{color:var(--accent);letter-spacing:.08em;font-size:11px;font-weight:700}.step-card h3{margin:8px 0 6px;font-size:14px}.step-card p{color:var(--text-muted);margin:0;font-size:12px;line-height:1.6}.info-note{color:var(--text-muted);grid-column:3/span 8;padding:2px 2px 0;font-size:12px;line-height:1.65}.footer{border-top:1px solid var(--border);margin-top:8px}.footer-inner{width:min(1120px,100% - 40px);min-height:70px;color:var(--text-muted);justify-content:space-between;align-items:center;margin:0 auto;font-size:12px;display:flex}.footer-links{gap:18px;display:flex}.footer a:hover{color:var(--text)}.legal-page{width:min(820px,100% - 40px);margin:0 auto;padding:48px 0 72px}.legal-page h1{text-align:left}.legal-intro{color:var(--text-muted);margin:0 0 30px;line-height:1.7}.legal-section{border-top:1px solid var(--border);padding:20px 0}.legal-section h2{margin:0 0 9px;font-size:15px}.legal-section p,.legal-section li{color:#3f3f46;font-size:13px;line-height:1.75}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes surface-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes state-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes loading-pulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}@media (max-width:840px){.page{padding-top:38px}.swap-card,.metrics,.how-section,.info-note{grid-column:2/span 10}}@media (max-width:640px){.topbar{padding:10px 0 8px}.topbar-inner{grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;width:min(100% - 28px,1120px)}.main-nav{grid-area:2/1/auto/-1;gap:16px;overflow-x:auto}.nav-link{white-space:nowrap;padding:8px 0 6px}.status{display:none}.page,.footer-inner,.legal-page{width:min(100% - 28px,1120px)}.page{padding-top:30px}.page-heading{text-align:left;margin-bottom:22px}.page-heading h1{font-size:30px}.dashboard-grid{display:block}.swap-card{width:100%}.metrics{grid-template-columns:1fr;gap:10px;margin-top:14px;display:grid}.metric-card{padding:13px 14px}.how-section{margin-top:25px}.section-heading{flex-direction:column-reverse;align-items:flex-start;gap:6px}.step-grid{grid-template-columns:1fr;gap:15px}.step-card{padding-left:13px}.info-note{margin-top:18px;padding:0}.card-body{padding:14px}.card-head{padding:13px 14px}.amount-input{font-size:27px}.amount-row{grid-template-columns:minmax(0,1fr) 104px;gap:8px}.quote-row{align-items:flex-start;gap:5px 12px}.quote-row dd{max-width:62%}.footer{margin-top:8px}.footer-inner{flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:18px 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}