*{box-sizing:border-box}
html,body{margin:0;background:#fff;color:#222;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow:visible}
a{color:inherit;text-decoration:none}
h1,h2,h3{letter-spacing:-.03em;font-weight:600;text-wrap:balance}
p{text-wrap:pretty}
img{max-width:100%}
.brand img,.chip img,.flex-row img,.cl-pill img,.cl-inner img,.note img{display:block}
button{font-family:inherit;cursor:pointer}
.btn,.swap-cta,button{-webkit-print-color-adjust:exact;print-color-adjust:exact}

:root{
  --w3m-z-index:1000000;
  --wcm-z-index:1000000;
}

.site-header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #f0f0f0;overflow:visible}
.header-inner{max-width:1120px;margin:0 auto;height:64px;display:flex;align-items:center;gap:8px;padding:0 16px;overflow:visible}
.brand{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:18px;flex-shrink:0}
.brand img{height:32px;width:auto}
.nav-desk{display:flex;align-items:center;gap:2px;margin-left:12px;flex:1}
.nav-link{padding:8px 12px;border-radius:12px;color:#7d7d7d;font-size:15px;font-weight:500}
.nav-link.is-active,.nav-link:hover{color:#222;background:#f5f6fc}
.nav-mob{display:none}
.header-inner .btn{margin-left:auto}
@media(max-width:560px){
  .nav-desk{display:none}
  .nav-mob{display:flex;gap:4px;padding:0 12px 10px}
}

.btn{
  display:inline-flex;align-items:center;justify-content:center;
  height:40px;padding:0 16px;border-radius:12px;
  background:#2b6cff;color:#fff;font-weight:600;font-size:14px;border:0;cursor:pointer
}
.btn:hover{filter:brightness(1.06)}

.hero{padding:48px 16px 32px;display:flex;flex-direction:column;align-items:center}
.hero h1{font-size:40px;margin:0 0 8px;text-align:center;font-weight:600}
@media(min-width:768px){.hero h1{font-size:48px}}
.sub{color:#7d7d7d;font-weight:500;margin:0 0 20px;text-align:center;font-size:15px}
.cl-pill{
  display:inline-flex;align-items:center;gap:8px;
  background:#2A5ADA;color:#fff;border-radius:999px;
  padding:6px 12px;font-size:12px;font-weight:600;margin:0 0 20px;
  -webkit-print-color-adjust:exact;print-color-adjust:exact
}
.cl-pill img{border-radius:999px;width:18px;height:18px}

.prose{max-width:42rem;margin:0 auto;padding:3rem 1rem}
.prose a{color:#2b6cff}
.wide{max-width:56rem;margin:0 auto;padding:3rem 1rem}
.narrow{max-width:480px;margin:0 auto;padding:1.5rem .75rem 4rem;display:flex;flex-direction:column;align-items:center;gap:1rem;overflow:visible}
.lead{font-size:1.05rem;line-height:1.6;color:#7d7d7d}
blockquote{background:#f5f6fc;border-radius:16px;padding:1.25rem;margin:0;line-height:1.6;text-align:left}
.cards{display:grid;gap:.75rem;margin-top:2rem}
@media(min-width:640px){.cards{grid-template-columns:repeat(3,1fr)}}
.cards a{background:#f5f6fc;border-radius:16px;padding:1rem;text-align:left}
.cards h2{margin:0 0 .35rem;font-size:1rem}
.cards p{margin:0;color:#7d7d7d;font-size:.875rem}
.muted{color:#7d7d7d}
.small{font-size:.875rem;line-height:1.5;max-width:28rem}
.tiny{font-size:.75rem;color:#7d7d7d}
.center{text-align:center}
.cl-bar{display:block;background:#2A5ADA;color:#fff;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.cl-inner{max-width:48rem;margin:0 auto;padding:2.5rem 1rem;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}
@media(min-width:640px){.cl-inner{flex-direction:row;text-align:left}}
.cl-inner img{border-radius:999px;box-shadow:0 0 0 2px rgb(255 255 255 / .5);width:56px;height:56px}
.eyebrow{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;opacity:.8;margin:0}
.cl-title{font-size:1.25rem;font-weight:600;margin:.25rem 0}
.cl-hero{background:#2A5ADA;color:#fff;padding:4rem 1rem}
.cl-hero-row{max-width:48rem;margin:1.25rem auto 0;display:flex;align-items:center;gap:1rem}
.cl-hero img{border-radius:999px}
.cta-band{border-top:1px solid #e8e8e8;background:#f5f6fc;text-align:center;padding:3.5rem 1rem}
.cta-band .h1{font-size:2.25rem;font-weight:600;margin:0}
.site-footer{border-top:1px solid #e8e8e8}
.footer-inner{max-width:72rem;margin:0 auto;padding:2.5rem 1rem;display:flex;flex-direction:column;gap:1.5rem}
@media(min-width:768px){.footer-inner{flex-direction:row;justify-content:space-between}}
.footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 2.5rem;font-size:.875rem;color:#7d7d7d}
.footer-nav a:hover{color:#222}
.table-wrap{overflow-x:auto;border:1px solid #e8e8e8;border-radius:12px;margin:2rem 0}
table{width:100%;border-collapse:collapse;font-size:.875rem;text-align:left}
th{background:#f5f6fc;color:#7d7d7d;font-weight:500;padding:.75rem 1rem}
td{padding:.75rem 1rem;border-top:1px solid #e8e8e8;vertical-align:top}
tr.ours{background:#f5f6fc}
table.plain{width:100%;margin:1.5rem 0}
table.plain td{border-bottom:1px solid #e8e8e8;padding:.75rem 0}
.faq-item{border-bottom:1px solid #e8e8e8;padding-bottom:1.5rem;margin-bottom:1.5rem}
.faq-item h2{font-size:1.125rem;margin:0 0 .5rem}
.note{display:flex;gap:.75rem;background:#f5f6fc;border-radius:12px;padding:.75rem 1rem;align-items:flex-start;text-align:left}
.note p{margin:0;font-size:.875rem;color:#7d7d7d;line-height:1.5}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

[data-swap-mount]{width:100%;max-width:464px;text-align:left}
.swap,[data-swap-root]{width:100%;text-align:left}
.swap-card{
  background:#fff;border:1px solid #e8e8e8;border-radius:24px;padding:8px;
  box-shadow:0 8px 32px rgb(17 17 17 / .06);text-align:left
}
.swap-head{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 10px}
.swap-title{margin:0;font-size:16px;font-weight:600;color:#222}
.swap-meta{margin:0;font-size:12px;color:#7d7d7d}
.swap-panel{background:#f5f6fc;border-radius:16px;padding:16px;text-align:left}
.swap-label{margin:0;font-size:14px;font-weight:500;color:#7d7d7d;text-align:left}
.swap-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}
.swap-amt{
  flex:1 1 auto;min-width:0;width:auto;max-width:none;
  margin:0;padding:0;border:0;background:transparent;
  font-size:36px;font-weight:500;line-height:1.1;color:#222;
  outline:none;text-align:left;font-variant-numeric:tabular-nums;font-family:inherit
}
.chip{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;
  height:40px;padding:4px 10px 4px 4px;border-radius:999px;
  background:#fff;border:1px solid #e8e8e8;color:#222;
  font-weight:600;font-size:16px;cursor:pointer;
  box-shadow:0 1px 3px rgb(0 0 0 / .08)
}
.chip img{width:24px;height:24px;border-radius:999px;flex-shrink:0}
.swap-usd{margin:8px 0 0;font-size:14px;color:#7d7d7d;text-align:left}
.swap-flip{
  display:flex;align-items:center;justify-content:center;
  width:40px;height:40px;margin:-14px auto;padding:0;
  border-radius:12px;border:4px solid #fff;background:#f5f6fc;
  cursor:pointer;position:relative;z-index:2;color:#222;font-size:16px
}
.swap-quote{margin:0;padding:12px;font-size:13px;color:#7d7d7d;text-align:left;line-height:1.4}
.swap-cta{
  display:flex;align-items:center;justify-content:center;
  width:100%;height:56px;border:0;border-radius:16px;
  background:#2b6cff;color:#fff;font-size:18px;font-weight:600;cursor:pointer
}
.swap-cta:hover{filter:brightness(1.06);color:#fff}

.swap-picker{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;padding:12px;background:rgb(34 34 34 / .5)}
@media(min-width:640px){.swap-picker{align-items:center}}
.swap-picker[hidden]{display:none!important}
.swap-picker-panel{width:100%;max-width:28rem;max-height:80vh;display:flex;flex-direction:column;border-radius:16px;background:#fff;box-shadow:0 20px 50px rgb(0 0 0 / .15);text-align:left}
.flex-row{display:flex;width:100%;min-height:3rem;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;border:0;background:transparent;text-align:left;cursor:pointer}
.flex-row:hover{background:#f5f6fc}
.flex-row .left{display:flex;align-items:center;gap:.75rem;min-width:0}
.flex-row img{border-radius:999px;width:32px;height:32px;object-fit:cover;flex-shrink:0}
.chip img{width:24px;height:24px;object-fit:cover}
.tok-fallback{
  display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
  border-radius:999px;background:#2b6cff;color:#fff;font-weight:700;font-size:11px;line-height:1
}
.flex-row small{display:block;color:#7d7d7d;font-size:.75rem}
.flex-row b{display:block}

#wallet-root{position:relative}