/* Degen & Poor's 20. Paper, ink, gold. Mobile first. */
:root{
  --paper:#F4F2EC; --paper-2:#ECE8DD; --paper-3:#E3DECF;
  --ink:#0F3B2D; --ink-2:#2E5546; --ink-3:#5F7169; --ink-4:#8E9B95;
  --gold:#C9A227; --gold-2:#A9861A; --gold-soft:rgba(201,162,39,.16);
  --rule:rgba(15,59,45,.18); --rule-2:rgba(15,59,45,.09);
  --up:#1F7A4D; --down:#9A3B2E; --warn:#A6711B;
  --display:'DM Serif Display',Georgia,'Times New Roman',serif;
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --body:Charter,'Iowan Old Style','Palatino Linotype','Book Antiqua',Georgia,serif;
  --wrap:1180px; --gutter:16px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:128px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 var(--body);
  background-image:radial-gradient(1200px 600px at 80% -10%, rgba(201,162,39,.10), transparent 60%);
  background-attachment:fixed}
a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px}
a:hover{color:var(--gold-2)}
code,.mono{font-family:var(--mono)}
h1,h2,h3,h4{font-family:var(--display);font-weight:400;letter-spacing:-.01em;margin:0}
h2{font-size:clamp(30px,5vw,44px);line-height:1.05}
h3{font-size:22px;margin:28px 0 8px}
h4{font-size:19px;margin:0 0 6px}
p{margin:0 0 12px}
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}
.small{font-size:14px;color:var(--ink-2)}.tiny{font-size:11px}.center{text-align:center}
.k{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.unit{font-family:var(--mono);font-size:.42em;letter-spacing:.08em;margin-left:6px;color:var(--ink-3);vertical-align:baseline}
.up{color:var(--up)}.down{color:var(--down)}.ok{color:var(--up)}.muted{color:var(--ink-4)}
.empty{color:var(--ink-4);text-align:center;font-style:italic}

/* banner */
.banner{background:var(--ink);color:var(--paper);font:12px/1.4 var(--mono);text-align:center;padding:8px 16px;letter-spacing:.04em}
.banner b{color:var(--gold)}

/* masthead */
.masthead{position:sticky;top:0;z-index:20;background:rgba(244,242,236,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--rule)}
.masthead .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;padding-bottom:8px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.mark{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--ink)}
.mark-fallback{display:inline-grid;place-items:center;color:var(--gold);font:28px/1 var(--display)}
.brand-text{display:flex;flex-direction:column;line-height:1}
.brand-name{font:22px/1 var(--display)}
.brand-sub{font:9.5px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2);margin-top:4px;white-space:nowrap}
.head-right{display:flex;align-items:center;gap:14px}
.xlink{display:inline-flex;align-items:center;gap:6px;font:11px/1 var(--mono);letter-spacing:.06em;color:var(--ink-2);text-decoration:none;border:1px solid var(--rule);border-radius:20px;padding:6px 10px}
.xlink:hover{border-color:var(--gold);color:var(--ink)}
.foot-links{font:12px/1.6 var(--mono)}
.live{font:11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);display:flex;align-items:center;gap:6px;white-space:nowrap}
.live .dot{width:8px;height:8px;border-radius:50%;background:var(--ink-4)}
.live.on .dot{background:var(--up);box-shadow:0 0 0 0 rgba(31,122,77,.6);animation:pulse 2s infinite}
.live.stale .dot{background:var(--warn)}.live.sample .dot{background:var(--gold)}.live.down .dot{background:var(--down)}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(31,122,77,.5)}70%{box-shadow:0 0 0 7px rgba(31,122,77,0)}100%{box-shadow:0 0 0 0 rgba(31,122,77,0)}}
.nav{border-top:1px solid var(--rule-2)}
.nav-row{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding-top:0;padding-bottom:0}
.nav-row::-webkit-scrollbar{display:none}
.nav a{font:12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;padding:9px 10px;white-space:nowrap;color:var(--ink-2);border-bottom:2px solid transparent}
.nav a:hover{color:var(--ink);border-bottom-color:var(--gold)}
.ticker{background:var(--ink);color:var(--paper);overflow:hidden;font:11.5px/1 var(--mono);letter-spacing:.03em;height:28px;display:flex;align-items:center}
.ticker-track{display:inline-flex;gap:28px;white-space:nowrap;padding-left:100%;animation:tick 70s linear infinite}
.ticker-track:hover{animation-play-state:paused}
.ticker-track span b{color:var(--gold);font-weight:500}
@keyframes tick{to{transform:translateX(-100%)}}

/* hero */
.hero{padding-top:34px;padding-bottom:20px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
.eyebrow{font:11px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-2);margin-bottom:16px}
h1{font-size:clamp(36px,8vw,68px);line-height:1;margin-bottom:18px}
h1 em{font-style:italic;color:var(--ink-2)}
.lede{font-size:17px;max-width:600px;color:var(--ink-2)}
.cta{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 18px}
.btn{display:inline-flex;align-items:baseline;gap:8px;padding:13px 18px;border-radius:3px;text-decoration:none;font:16px/1 var(--display);border:1.5px solid var(--ink);transition:transform .12s,box-shadow .12s}
.btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px -8px rgba(15,59,45,.6)}
.btn-gold{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.btn-line{background:transparent;color:var(--ink)}
.btn-sub{font:10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;opacity:.75}
.addrs{display:flex;flex-direction:column;gap:6px}
.addr{display:flex;align-items:center;gap:8px;font-size:12px;min-width:0}
.addr-k{font:10px/1 var(--mono);letter-spacing:.14em;color:var(--ink-3);width:44px;flex:none}
.addr code{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;color:var(--ink-2)}
.copy{font:10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;background:transparent;border:1px solid var(--rule);color:var(--ink-2);padding:6px 8px;border-radius:2px;cursor:pointer;flex:none}
.copy:hover{border-color:var(--gold);color:var(--ink)}.copy.done{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.hero-stats{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:0;border:1px solid var(--rule);background:rgba(255,255,255,.35);border-radius:4px;margin-top:22px}
.stat{padding:16px 18px;border-top:1px solid var(--rule-2)}
.stat:first-of-type{border-top:0}
.stat .v{font:34px/1.05 var(--display);margin:6px 0 4px;color:var(--ink);font-variant-numeric:tabular-nums}
.stat .v.mono{font:26px/1.1 var(--mono);font-weight:500}
.stat .v.small-v{font:16px/1.4 var(--body);color:var(--ink-2)}
.stat.big .v{font-size:40px}
.stat .s{font-size:12.5px;color:var(--ink-3);font-family:var(--mono)}
.seal{position:absolute;right:10px;top:-30px;width:76px;height:76px;color:var(--gold-2);transform:rotate(-12deg);opacity:.9;font-family:var(--mono);pointer-events:none}
.seal-grade{font-family:var(--display)}
.badge{display:inline-block;font:11px/1 var(--mono);letter-spacing:.06em;padding:3px 7px;border-radius:2px;border:1px solid var(--rule);color:var(--ink-2)}
.badge.up{border-color:var(--up);color:var(--up)}.badge.down{border-color:var(--down);color:var(--down)}

/* sections */
.sec{padding-top:40px;padding-bottom:16px}
.sec-head{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:baseline;border-top:2px solid var(--ink);padding-top:14px;margin-bottom:18px}
.sec-head .num{font:12px/1 var(--mono);letter-spacing:.2em;color:var(--gold-2)}
.sec-head p{grid-column:2;color:var(--ink-2);max-width:760px;margin-top:6px}
.foot{font:12px/1.5 var(--mono);color:var(--ink-3);margin-top:8px}
.card{border:1px solid var(--rule);border-radius:4px;padding:16px 18px;background:rgba(255,255,255,.35)}
.card p{color:var(--ink-2);font-size:15px;margin:0}
.split{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-top:22px;align-items:end}
.rb .v{font:28px/1.1 var(--mono);font-weight:500;margin:6px 0 4px}
.rb .s{font:12px/1.4 var(--mono);color:var(--ink-3)}

/* tables */
.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin:0 calc(-1*var(--gutter));padding:0 var(--gutter)}
.tbl{width:100%;border-collapse:collapse;font:13px/1.35 var(--mono);min-width:560px}
.tbl th,.tbl td{padding:9px 8px;text-align:right;white-space:nowrap;border-bottom:1px solid var(--rule-2);font-variant-numeric:tabular-nums}
.tbl th{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:500;border-bottom:1px solid var(--rule)}
.tbl th.l,.tbl td.l{text-align:left}
.tbl tbody tr:hover{background:var(--gold-soft)}
.tbl td.empty{text-align:center;white-space:normal}
.tbl .sym{font-weight:600;color:var(--ink)}
.tbl .mint{color:var(--ink-4);font-size:11px;text-decoration:none;margin-left:6px}
.tbl .mint:hover{color:var(--gold-2)}
.grade{display:inline-block;font:12px/1 var(--mono);font-weight:600;letter-spacing:.04em;padding:4px 6px;border-radius:2px;background:var(--ink);color:var(--paper);min-width:40px;text-align:center}
.grade.b{background:var(--ink-2)}.grade.c{background:var(--warn)}
.outlook{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-left:6px}
.wbar{display:inline-block;vertical-align:middle;width:56px;height:6px;background:var(--rule-2);border-radius:1px;margin-right:8px;overflow:hidden}
.wbar i{display:block;height:100%;background:var(--gold);border-radius:0 1px 1px 0}
.mk.in{color:var(--up)}.mk.bub{color:var(--warn)}
tr.bubble td{color:var(--ink-3)}tr.bubble .sym{color:var(--ink-2)}
.tag{font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--rule);padding:2px 5px;border-radius:2px;margin-left:6px;color:var(--ink-3)}

/* mint cost */
.mint-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-bottom:16px}
.seg{display:inline-flex;border:1px solid var(--ink);border-radius:3px;overflow:hidden}
.seg button{font:13px/1 var(--mono);padding:9px 14px;background:transparent;border:0;border-right:1px solid var(--rule);color:var(--ink-2);cursor:pointer}
.seg button:last-child{border-right:0}
.seg button.on{background:var(--ink);color:var(--paper)}
.mint-ctl input{font:13px/1 var(--mono);padding:8px 10px;border:1px solid var(--rule);border-radius:3px;background:transparent;width:110px;color:var(--ink);margin-left:6px}
.compare{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.route{border:1px solid var(--rule);border-radius:4px;padding:16px 18px;background:rgba(255,255,255,.35)}
.route .v{font:38px/1.05 var(--display);margin:6px 0 4px;font-variant-numeric:tabular-nums}
.route .s{font:12.5px/1.4 var(--mono);color:var(--ink-3)}
.route.best{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
.legs{margin:12px 0 0;padding-left:16px;font-size:13.5px;color:var(--ink-2)}
.legs li{margin:3px 0}
.verdict{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:12px}
.verdict .v{font:24px/1.15 var(--display);margin:6px 0 4px}
.verdict .s{font:12px/1.4 var(--mono);color:var(--ink-3)}

/* liquidity */
.stats4{display:grid;grid-template-columns:minmax(0,1fr);gap:0;border:1px solid var(--rule);border-radius:4px;overflow:hidden;background:rgba(255,255,255,.35)}
.stats4 .stat .v{font-size:32px}
.schedule{display:flex;height:64px;border:1px solid var(--rule);border-radius:3px;overflow:hidden;background:var(--paper-2);margin:4px 0 14px;font-family:var(--mono)}
.tranche{position:relative;border-right:1px solid var(--paper);display:flex;flex-direction:column;justify-content:flex-end;padding:6px;min-width:0;background:var(--paper-3);color:var(--ink-2)}
.tranche.perm{background:var(--ink);color:var(--paper)}
.tranche.cliff{background:var(--ink-2);color:var(--paper)}
.tranche.past{background:var(--gold);color:var(--ink)}
.tranche .tp{font-size:11px;font-weight:600}.tranche .td{font-size:9.5px;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.85}
.tranche:last-child{border-right:0}

/* bankroll */
.splitbar{display:flex;height:72px;border-radius:3px;overflow:hidden;border:1px solid var(--ink);margin-top:4px}
.half{flex:1;display:flex;flex-direction:column;justify-content:center;padding:0 14px;font-family:var(--mono)}
.half.liq{background:var(--ink);color:var(--paper)}.half.team{background:var(--gold);color:var(--ink)}
.half .pct{font:26px/1 var(--display)}.half .who{font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-top:4px}.half .what{font-size:10.5px;opacity:.75}
#split-note{margin:8px 0 18px}
.wallets{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.wallet{border:1px solid var(--rule);border-radius:4px;padding:14px 16px;background:rgba(255,255,255,.35)}
.wallet .top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.wallet .name{font:20px/1.1 var(--display)}
.wallet .role{font-size:13px;color:var(--ink-3);margin:4px 0 10px}
.wallet .sol{font:28px/1 var(--display);font-variant-numeric:tabular-nums}
.wallet .tok{display:flex;justify-content:space-between;font:12.5px/1.6 var(--mono);color:var(--ink-2);border-top:1px solid var(--rule-2);padding:4px 0}
.wallet .addrline{font:11px/1.4 var(--mono);color:var(--ink-3);display:flex;gap:8px;align-items:center;margin-top:10px}
.wallet .addrline code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}
.wallet .usd{color:var(--ink-3)}

/* log */
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.chips button{font:11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:8px 11px;border:1px solid var(--rule);background:transparent;border-radius:20px;color:var(--ink-2);cursor:pointer}
.chips button.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.feed{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.feed li{display:grid;grid-template-columns:minmax(0,1fr);gap:4px 16px;padding:12px 0;border-bottom:1px solid var(--rule-2)}
.feed .when{font:11px/1.4 var(--mono);color:var(--ink-3);letter-spacing:.04em}
.feed .kind{display:inline-block;font:9.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:3px 6px;border-radius:2px;border:1px solid var(--rule);color:var(--ink-2);margin-left:8px;vertical-align:middle}
.feed .kind.fees{border-color:var(--gold-2);color:var(--gold-2)}.feed .kind.nav{border-color:var(--ink-2)}.feed .kind.error{border-color:var(--down);color:var(--down)}.feed .kind.lp{border-color:var(--up);color:var(--up)}
.feed .title{font:18px/1.2 var(--display)}
.feed .lines{font-size:14px;color:var(--ink-2)}
.feed .lines div{margin:1px 0}
.feed .txs{display:flex;flex-wrap:wrap;gap:6px 12px;font:11.5px/1.4 var(--mono)}
.feed .txs a{text-decoration:none;color:var(--ink-2);border-bottom:1px solid var(--rule)}
.feed .txs a:hover{color:var(--gold-2)}
.feed .txs .c{color:var(--up)}.feed .txs .x{color:var(--down)}
.feed .amt{font:12px/1.4 var(--mono);color:var(--ink-3)}
.more{margin:14px auto 0;display:block;font:12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:10px 16px;border:1px solid var(--ink);background:transparent;cursor:pointer;border-radius:3px}

/* trust */
.trust-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:16px 0}
.prog ul{margin:6px 0 0;padding:0;list-style:none;font-size:14px;color:var(--ink-2)}
.prog li{padding:4px 0 4px 20px;position:relative}
.prog li::before{position:absolute;left:0;font-family:var(--mono);font-weight:600}
.prog li.can::before{content:"→";color:var(--warn)}.prog li.cant::before{content:"✕";color:var(--down)}
#addresses td.l code{font-size:11.5px;color:var(--ink-2)}
#addresses .copy{margin-left:6px;padding:4px 6px}
.foot-note{padding:36px var(--gutter) 60px;color:var(--ink-3);font-size:13px;border-top:1px solid var(--rule);margin-top:30px}

/* reveal */
@media (prefers-reduced-motion:no-preference){
  .hero-copy,.hero-stats{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}
  .hero-stats{animation-delay:.12s}
  @keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
  .flash{animation:flash .9s ease-out}
  @keyframes flash{0%{background:var(--gold-soft)}100%{background:transparent}}
}

/* tablet and up */
@media (min-width:720px){
  :root{--gutter:28px}
  .hero{padding-top:56px}
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(360px,440px);gap:40px;align-items:start}
  .stats4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stats4 .stat{border-top:0;border-bottom:1px solid var(--rule-2);border-right:1px solid var(--rule-2)}
  .stats4 .stat:nth-child(2n){border-right:0}
  .stats4 .stat:nth-last-child(-n+2){border-bottom:0}
  .split{grid-template-columns:minmax(0,1fr) 280px}
  .compare{grid-template-columns:minmax(0,1fr) 160px minmax(0,1fr);align-items:stretch}
  .wallets{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trust-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .feed li{grid-template-columns:170px minmax(0,1fr);}
  .feed .when{grid-row:span 3}
  .tablewrap{margin:0;padding:0}
  .stat .v{font-size:38px}.stat.big .v{font-size:54px}
}
@media (min-width:1024px){
  .stats4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .stats4 .stat{border-bottom:0}
  .stats4 .stat:nth-child(2n){border-right:1px solid var(--rule-2)}
  .stats4 .stat:last-child{border-right:0}
  .wallets{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* trust: wallet map, keeper steps */
h3.tight{margin-top:0}
.wmap{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:18px}
.wm{border:1px solid var(--rule);border-radius:4px;padding:14px 16px;background:rgba(255,255,255,.35);display:grid;gap:6px;grid-template-columns:minmax(0,1fr);min-width:0}
.wm .head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.wm .name{font:21px/1.1 var(--display)}
.wm .bal{font:15px/1.4 var(--mono);color:var(--ink-2);overflow-wrap:anywhere}
.wm .head .bal{white-space:nowrap;line-height:1}
.wm .bal b{font-weight:600;color:var(--ink)}
.wm .role{font-size:14px;color:var(--ink-2)}
.wm .powers{font-size:13px;color:var(--ink-3);margin:0;padding-left:16px}
.wm .powers li{margin:2px 0}
.wm .addrline{font:11px/1.4 var(--mono);color:var(--ink-3);display:flex;gap:8px;align-items:center}
.wm .addrline code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}
.wm.deployer{border-color:var(--ink)}
.checks{list-style:none;margin:4px 0 0;padding:0;font:12.5px/1.5 var(--mono)}
.checks li{display:flex;gap:8px;align-items:baseline;border-top:1px solid var(--rule-2);padding:4px 0}
.checks .st{width:16px;flex:none;font-weight:600}
.checks .pass .st{color:var(--up)}.checks .fail .st{color:var(--down)}.checks .wait .st{color:var(--ink-4)}
.checks .det{color:var(--ink-4);margin-left:auto;text-align:right}
.devalloc{border:1px solid var(--gold);background:var(--gold-soft);border-radius:3px;padding:8px 10px;margin:4px 0;font-family:var(--mono);font-size:13px}
.devalloc b{font-size:16px}
.keeper{border:1px solid var(--rule);border-left:4px solid var(--gold);border-radius:4px;padding:16px 18px;background:rgba(255,255,255,.35)}
.steps{margin:0 0 14px;padding-left:22px;font-size:15px;color:var(--ink-2)}
.steps li{margin:6px 0;padding-left:4px}
.steps li::marker{font-family:var(--mono);color:var(--gold-2);font-size:12px}
.steps b{color:var(--ink);font-family:var(--display);font-weight:400;font-size:17px}
.keeper .btn{margin:4px 0 12px}
@media (min-width:720px){.wmap{grid-template-columns:repeat(2,minmax(0,1fr))}.wm.deployer{grid-column:span 2}}
@media (min-width:1024px){.wmap{grid-template-columns:repeat(3,minmax(0,1fr))}.wm.deployer{grid-column:span 3}}
.stats4 .stat .v.small-v{font:15px/1.45 var(--body);color:var(--ink-2)}
.stats4 .stat .v.mono{font:22px/1.2 var(--mono);font-weight:500}

body{overflow-x:hidden}
code{overflow-wrap:anywhere}
.tbl code,.tbl .mint{overflow-wrap:normal}
@media (min-width:720px){.hero-stats{margin-top:0}.seal{width:96px;height:96px;top:-34px;right:14px}.stat.big .v{font-size:40px}}

/* hero swap panel (Jupiter Plugin) */
.swap{position:relative;isolation:isolate;z-index:0;border:1px solid var(--ink);border-radius:4px;background:var(--paper);box-shadow:0 18px 40px -28px rgba(15,59,45,.7);margin-top:28px}
.swap-tabs{display:flex;border-bottom:1px solid var(--rule)}
.swap-tabs button{flex:1;font:17px/1 var(--display);padding:14px 10px;background:transparent;border:0;color:var(--ink-3);cursor:pointer;border-bottom:2px solid transparent;display:flex;align-items:baseline;justify-content:center;gap:8px}
.swap-tabs button .btn-sub{font:10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.swap-tabs button.on{color:var(--ink);border-bottom-color:var(--gold)}
.swap-body{position:relative;isolation:isolate;z-index:0;overflow:hidden;min-height:390px;background:var(--paper-2);border-top:1px solid var(--ink)}
.jup{width:100%;min-height:390px;visibility:hidden}
.jup.on{visibility:visible}
.jup[hidden]{display:none}
.swap-placeholder{min-height:390px;display:flex;flex-direction:column;justify-content:center;padding:26px 22px;background:linear-gradient(160deg,rgba(201,162,39,.14),transparent 55%),var(--paper-2)}
.swap-placeholder[hidden]{display:none}
.ph-title{font:30px/1.1 var(--display);margin:10px 0 8px}
.ph-sub{font-size:14.5px;color:var(--ink-2);margin:0 0 14px}
.ph-steps{list-style:none;margin:0;padding:0;display:grid;gap:8px;font:13px/1.45 var(--body);color:var(--ink-2)}
.ph-steps li{display:flex;gap:10px;align-items:baseline}
.ph-steps span{font:11px/1 var(--mono);color:var(--gold-2);border:1px solid var(--gold);border-radius:50%;width:20px;height:20px;display:inline-grid;place-items:center;flex:none}
.swap-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;color:var(--ink-3);font:13px/1.6 var(--mono);background:var(--paper-2)}
.swap-fallback .btn-gold{color:var(--ink)}
.jup-skel{width:min(320px,90%);display:grid;gap:12px;margin-bottom:14px}
.jup-skel i{display:block;height:54px;border-radius:10px;background:linear-gradient(90deg,var(--paper-3) 25%,var(--paper) 50%,var(--paper-3) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}
.jup-skel i.w{height:20px;width:40%;margin:0 auto}
@keyframes shimmer{to{background-position:-200% 0}}
.swap-fallback[hidden]{display:none}
.swap-fallback .btn{margin-top:10px}
.swap-compare{border-top:1px solid var(--rule);padding:10px 14px;font:12px/1.5 var(--mono);color:var(--ink-2)}
.swap-compare .row{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;padding:3px 0}
.swap-compare .k{font-size:10px}
.swap-compare .v b{font-weight:600;color:var(--ink)}
.verdict-chip{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;background:var(--ink);color:var(--paper);padding:3px 7px;border-radius:2px}
.verdict-chip.pool{background:var(--gold);color:var(--ink)}
.swap-note{margin:6px 0 0;font-size:11.5px;color:var(--ink-3)}
.swap-note b{color:var(--ink)}
.small-cta{margin:0;padding:8px 14px 12px;gap:6px 14px;font:11px/1.4 var(--mono);letter-spacing:.04em}
.small-cta a{color:var(--ink-3);text-decoration-color:var(--rule)}
.small-cta a:hover{color:var(--gold-2)}
.hero-note{margin-top:18px;max-width:560px}
.hero .hero-stats{margin-top:28px}
.hero .hero-stats .stat.big .v{font-size:34px}
.hero .hero-stats .stat .v{font-size:30px}
@media (min-width:720px){.swap{margin-top:0}}

/* skeletons for values that have not arrived */
.sk{color:transparent!important;background:linear-gradient(90deg,var(--paper-3) 25%,var(--paper-2) 50%,var(--paper-3) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:3px;display:inline-block;min-width:5ch;line-height:.9}
.badge.sk,.chg.sk{min-width:8ch}

/* swap hint */
.swap-hint{margin:0;padding:10px 14px 0;font:12px/1.5 var(--mono);color:var(--ink-3)}

/* launch checklist */
.launch{margin-top:28px;border:1px solid var(--gold);border-left:4px solid var(--gold);border-radius:4px;background:var(--gold-soft);padding:14px 16px}
.launch-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:baseline}
.launch-head .k{grid-column:1/-1}
.launch-head h3{font-size:22px}
.launch-steps{list-style:none;margin:8px 0 10px;padding:0;display:grid;gap:4px;font:13px/1.5 var(--mono)}
.launch-steps li{display:flex;gap:10px;align-items:baseline;color:var(--ink-3)}
.launch-steps li.ok{color:var(--ink)}
.launch-steps .st{width:16px;font-weight:600;color:var(--gold-2)}
.launch-steps li.ok .st{color:var(--up)}
@media (min-width:720px){.launch-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* phone ergonomics */
@media (max-width:719px){
  .masthead .wrap{padding-top:6px;padding-bottom:5px}
  .mark{width:30px;height:30px}.mark-fallback{font-size:22px}
  .brand-name{font-size:19px}.brand-sub{font-size:8px;letter-spacing:.14em}
  .live{font-size:9.5px;letter-spacing:.04em}
  .xlink span{display:none}.xlink{padding:7px}
  .nav a{padding:8px 9px;font-size:11px}
  .ticker{height:24px;font-size:11px}
  html{scroll-padding-top:112px}
  .tablewrap[data-swipe]{position:relative}
  .tablewrap[data-swipe]::after{content:"swipe →";position:sticky;left:100%;display:block;width:max-content;margin:-28px 0 6px auto;font:10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4);pointer-events:none}
  .stat .v{font-size:30px}.stat.big .v{font-size:34px}
  .sec-head{grid-template-columns:minmax(0,1fr)}.sec-head .num{display:none}.sec-head p{grid-column:1}
  .hero{padding-top:26px}
  h1{font-size:clamp(34px,10vw,44px)}
  .swap-tabs button{font-size:16px;padding:12px 6px}
  .compare .verdict{padding:4px 0}
  .feed li{padding:10px 0}
  .btn{width:100%;justify-content:center}
}

/* Jupiter Plugin theme (RGB triplets, read by the plugin inside its shadow root) */
:root{--jupiter-plugin-primary:201,162,39;--jupiter-plugin-background:244,242,236;--jupiter-plugin-primaryText:15,59,45;--jupiter-plugin-primary-text:15,59,45;--jupiter-plugin-warning:166,113,27;--jupiter-plugin-interactive:227,222,207;--jupiter-plugin-module:255,255,255}