@font-face{font-family:Manrope;font-style:normal;font-weight:300;font-display:swap;src:url(/assets/fonts/manrope-latin-300-normal.woff2) format("woff2")}
@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/manrope-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/manrope-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/manrope-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"DM Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/dm-mono-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"DM Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/dm-mono-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Manrope Fallback";src:local("Arial"),local("Helvetica");size-adjust:103%;ascent-override:104%;descent-override:29%;line-gap-override:0%}
/* Accent = Robinhood Chain lime; up/down green/red kept apart from it. */
:root{
  --bg:#131313;--s1:#1b1b1b;--s2:#232323;--s3:#2e2e2e;
  --line:rgba(255,255,255,.10);--line2:rgba(255,255,255,.07);
  --t1:#f5f5f5;--t2:#9b9b9b;--t3:#5a5a5a;
  --lime:#ccff00;--on-lime:#131313;--lime-soft:rgba(204,255,0,.10);
  --up:#40b66b;--down:#ff5f52;--warn:#ffba49;
  --sans:Manrope,"Manrope Fallback",system-ui,-apple-system,sans-serif;--mono:"DM Mono",ui-monospace,monospace;
  --wrap:1424px;--r-card:32px;
  color-scheme:dark
}
*{box-sizing:border-box;margin:0;padding:0}
html{overflow-x:hidden;overflow-y:scroll;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{background:var(--bg);color:var(--t1);font:400 16px/1.5 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}
img{display:block}
a{color:inherit}
.mono{font-family:var(--mono)}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 32px}
[hidden]{display:none!important}
::selection{background:var(--lime);color:var(--on-lime)}
:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
input:focus-visible{outline:0}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;font:600 16px var(--sans);border:1px solid transparent;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background .15s,transform .1s,filter .15s}
.btn:active{transform:scale(.98)}
.btn-lime{background:var(--lime);color:var(--on-lime)}
.btn-lime:hover{filter:brightness(1.08)}
.btn-ghost{background:var(--s2);color:var(--t1)}
.btn-ghost:hover{background:var(--s3)}
.pillarrow{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 20px;border-radius:999px;background:rgba(0,0,0,.35);color:inherit;font:600 17px var(--sans);text-decoration:none;transition:background .15s}
.pillarrow:hover{background:rgba(0,0,0,.55)}
.pillarrow svg{transition:transform .2s}.pillarrow:hover svg{transform:translateX(3px)}

/* ---------- nav: logo + links left, search centre, action right ---------- */
.topnav{position:sticky;top:0;z-index:30;background:rgba(19,19,19,.82);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid transparent;transition:border-color .2s}
.topnav.scrolled{border-bottom-color:var(--line2)}
.topnav .in{height:72px;display:grid;grid-template-columns:1fr minmax(0,440px) 1fr;align-items:center;gap:24px;padding:0 20px}
.navl{display:flex;align-items:center;gap:8px;min-width:0}
.brand{display:flex;align-items:center;gap:10px;font:600 20px var(--sans);letter-spacing:-.03em;text-decoration:none;color:var(--t1);margin-right:16px}
.brand svg{flex:none}
.links{display:flex;gap:4px}
.links a{font:500 17px var(--sans);color:var(--t2);text-decoration:none;padding:8px 12px;border-radius:12px;transition:color .15s,background .15s}
.links a:hover,.links a[aria-current]{color:var(--t1)}
.nsearch{display:flex;align-items:center;gap:10px;height:44px;padding:0 6px 0 16px;border-radius:999px;background:var(--s1);border:1px solid var(--line);transition:border-color .15s,background .15s}
.nsearch:focus-within{border-color:var(--lime);background:var(--bg)}
.nsearch svg{color:var(--t2);flex:none}
.nsearch input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:400 16px var(--sans);color:var(--t1)}
.nsearch input::placeholder{color:var(--t2)}
.nsearch kbd{font:500 12px var(--sans);color:var(--t2);background:var(--s2);border-radius:6px;padding:2px 7px}
.navr{display:flex;justify-content:flex-end;gap:8px}
.navr .btn{height:40px;padding:0 18px;font-size:16px}
.acct{font:500 15px var(--sans);background:var(--s2);color:var(--t1)}
.glow{position:absolute;left:50%;top:38%;width:900px;height:600px;transform:translate(-50%,-50%);z-index:-2;background:radial-gradient(closest-side,rgba(204,255,0,.07),transparent 70%);pointer-events:none}

/* ---------- stock ticker band (Launches banner) ---------- */
.up{color:var(--up)}.dn{color:var(--down)}
.chgv{font-variant-numeric:tabular-nums}

/* ---------- sections ---------- */
.ex{display:inline-flex;align-items:center;height:24px;font:500 12px var(--sans);color:var(--t2);background:rgba(255,255,255,.06);border-radius:999px;padding:0 10px;white-space:nowrap}
.dot{width:8px;height:8px;border-radius:50%;background:var(--up);box-shadow:0 0 0 4px rgba(64,182,107,.18);flex:none}

.dotted{background-color:var(--s1);background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.2px);background-size:14px 14px}

/* trending launches (Launches: logo, name, spark, big cap, %, volume; our badge = Data score pill) */
.spill{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:999px;background:var(--lime);color:var(--on-lime);font:700 14px var(--sans);font-variant-numeric:tabular-nums;white-space:nowrap}
.spill.pend{background:var(--s3);color:var(--t2);font-weight:500}
/* the pill's colour follows the score: lime only for 7+, so a 3/10 never looks like a recommendation */
.spill.mid{background:var(--s3);color:var(--lime)}.spill.lo{background:rgba(255,95,82,.14);color:var(--down)}

a.lrow:hover{background:rgba(0,0,0,.6)}
/* wallet visual: a mini Review sheet + steps */
.walletvis{display:grid;gap:12px}
.signin{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:rgba(255,255,255,.06);border-radius:999px;margin-bottom:18px}
.signin span{text-align:center;font:500 15px var(--sans);padding:8px;border-radius:999px;color:var(--t2)}
.signin .on{background:var(--s3);color:var(--t1)}
.steps{list-style:none;display:grid;gap:8px;text-align:left}
.steps li{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:center;padding:14px 18px;border-radius:18px;background:rgba(0,0,0,.3);color:var(--t1);font-size:16px}
.steps .c{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:600 13px var(--sans);border:1.5px solid var(--tone);color:var(--tone)}
.steps li.done .c{background:var(--tone);color:#131313}

/* footer */
footer{padding:120px 0 32px}
.fgrid{display:grid;grid-template-columns:1fr auto auto;gap:72px;padding-bottom:40px;border-bottom:1px solid var(--line)}
.fbrand{display:flex;align-items:center;gap:10px;font:600 20px var(--sans);letter-spacing:-.03em;margin-bottom:12px}
.fgrid p{color:var(--t2);font-size:15px}
.fchain{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:14px;color:var(--t2);font-variant-numeric:tabular-nums}
.fgrid b{display:block;font:600 16px var(--sans);margin-bottom:12px}
.fgrid a{display:block;color:var(--t2);text-decoration:none;padding:4px 0;font-size:15px}
.fgrid a:hover{color:var(--t1)}
.disc{padding-top:24px;font-size:13px;line-height:1.6;color:var(--t2);display:grid;gap:8px;max-width:980px}
.appfoot{padding:48px 0 32px}

/* ---------- /explore (Explore table + Launches tabs) ---------- */
.xhead{padding:56px 0 32px}
.xhead h1{font:500 56px/1.06 var(--sans);letter-spacing:-.04em}
.xhead p{font-size:20px;color:var(--t2);margin-top:12px;max-width:640px}
.xbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}
.xtabs{display:flex;gap:4px}
.xtabs button{height:40px;padding:0 16px;border-radius:999px;border:0;background:transparent;color:var(--t2);font:500 17px var(--sans);cursor:pointer}
.xtabs button:hover{color:var(--t1)}
.xtabs button.on{background:var(--s2);color:var(--t1)}
.xsearch{width:340px;max-width:100%}
.xtable{border:1px solid var(--line);border-radius:24px;overflow:hidden}
.xr{display:grid;grid-template-columns:48px minmax(220px,2.2fr) repeat(4,minmax(90px,1fr)) 120px 90px;align-items:center;gap:8px;padding:0 20px;height:72px;border-top:1px solid var(--line2);text-decoration:none;color:var(--t1);font-variant-numeric:tabular-nums;font-size:16px}
.xr:first-child{border-top:0}
a.xr:hover{background:var(--s1)}
.xr.xhd{height:52px;background:var(--s1);color:var(--t2);font-size:14px;font-weight:500}
.xr .num{text-align:right}
.xr .rk{color:var(--t2)}
.xr .tok{display:flex;align-items:center;gap:12px;min-width:0}
.xr .tok .tk{width:36px;height:36px}
.xr .tok b{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xr .tok i{font-style:normal;color:var(--t2);margin-left:6px}
.xr .scc{display:flex;justify-content:flex-end}
.xr.sk div{height:14px;background:var(--s2);border-radius:6px}
.xmsg{padding:56px 20px;text-align:center;color:var(--t2);display:grid;gap:6px}
.xmsg b{color:var(--t1);font-weight:500;font-size:18px}

/* app page */
.appmain{padding-top:48px;padding-bottom:72px}
.is-app{min-height:100vh;display:flex;flex-direction:column}
.is-app main{flex:1;width:100%}

/* ---------- responsive ---------- */
@media (max-width:1200px){
  .links a{font-size:16px;padding:8px}
  .xr{grid-template-columns:40px minmax(180px,2fr) repeat(3,minmax(80px,1fr)) 110px;}
  .xr .c-vol,.xr .c-age{display:none}
}
@media (max-width:1000px){
  .topnav .in{grid-template-columns:auto 1fr auto}
  .links{display:none}
}
@media (max-width:720px){
  .wrap{padding:0 16px}
  .topnav .in{height:64px;padding:0 16px;gap:12px}
  .nsearch{height:40px}.nsearch kbd{display:none}
  .brand{margin-right:0}
  .brand .wm{display:none}
  footer{padding-top:80px}
  .fgrid{grid-template-columns:1fr 1fr;gap:32px}.fgrid>div:first-child{grid-column:1/-1}
  .xhead h1{font-size:38px}.xhead p{font-size:17px}
  .xr{grid-template-columns:24px minmax(0,1fr) 84px 60px;padding:0 12px;font-size:14px;gap:6px}
  .xr .spill{height:26px;padding:0 8px;font-size:12px}
  .xr .tok .tk{width:32px;height:32px}
  .xr .c-mcap,.xr .c-1h,.xr .c-vol,.xr .c-age{display:none}
  .xsearch{width:100%}
  .appmain{padding-top:20px}
}
#xrows{min-height:960px}
.chgv{white-space:nowrap}

/* ---------- /docs (): sticky left contents ≥1024, collapsible on phones; big type like ---------- */
.dwrap{display:grid;grid-template-columns:240px minmax(0,1fr);gap:72px;padding-top:56px;padding-bottom:40px}
.dtoc{position:sticky;top:96px;align-self:start;max-height:calc(100vh - 120px);overflow:auto}
.dsum{display:none}
.dtoc b{display:block;font:600 14px var(--sans);color:var(--t2);margin-bottom:12px}
.dtoc a{display:block;padding:8px 12px;border-radius:12px;color:var(--t2);text-decoration:none;font:500 16px var(--sans);transition:color .15s,background .15s}
.dtoc a:hover{color:var(--t1)}
.dtoc a.on{color:var(--t1);background:var(--s1)}
.dmain{min-width:0;max-width:860px}
.dmain h1{font:500 64px/1.04 var(--sans);letter-spacing:-.045em}
.dlead{font-size:24px;line-height:1.4;color:var(--t2);margin-top:20px;max-width:720px}
.dsec{padding-top:88px;scroll-margin-top:72px}
.dsec h2{font:500 44px/1.08 var(--sans);letter-spacing:-.035em;margin-bottom:20px}
.dsec h3{font:500 26px/1.2 var(--sans);letter-spacing:-.02em;margin:40px 0 14px}
.dsec p{font-size:19px;line-height:1.6;color:var(--t1);max-width:760px}
.dsec p+p{margin-top:14px}.dsec ul+p{margin-top:16px}.dnote{color:var(--t2);font-size:16px}
.dsec ul{margin:14px 0 0 0;padding:0;list-style:none;display:grid;gap:10px;max-width:760px}
.dsec li{position:relative;padding-left:22px;font-size:18px;line-height:1.55}
.dsec li::before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--lime)}
.dsec a{color:var(--lime);text-decoration:none}.dsec a:hover{text-decoration:underline}
.dsec code,.formula-big{font-family:var(--mono)}
.dsec li>code{display:block;font-size:15px;color:var(--lime);margin-bottom:2px;word-break:break-word}
/* weight tiles + scale */
.dtiles{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px}
.dtile{border-radius:24px;padding:28px;min-height:180px;display:flex;flex-direction:column;justify-content:space-between}
.dtile .k{font:500 18px var(--sans);color:var(--t2)}
.dtile .v{font:500 64px/1 var(--sans);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.dtile p{font-size:16px;color:var(--t2);margin-top:8px}
.dtile.acc{background-color:#1a210c}.dtile.acc .v{color:var(--lime)}
.dscale{margin-top:28px;padding:28px;border-radius:24px;background:var(--s1)}
.dscale .cells10 i{height:24px;border-radius:7px}
.dscale .nums{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;margin-top:10px;font-size:14px;color:var(--t2);text-align:center;font-variant-numeric:tabular-nums}
.formula-big{display:block;margin-top:24px;padding:22px 24px;border-radius:20px;background:var(--s1);border:1px solid var(--line2);font-size:17px;line-height:1.7;color:var(--t1);overflow-x:auto;white-space:pre}
/* tables */
.dtable{margin-top:24px;border:1px solid var(--line);border-radius:24px;overflow:hidden}
.dtr{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.7fr) 120px;gap:16px;align-items:center;padding:18px 24px;border-top:1px solid var(--line2);font-size:17px}
.dtr:first-child{border-top:0}
.dtr.hd{background:var(--s1);font:500 14px var(--sans);color:var(--t2);padding-top:14px;padding-bottom:14px}
.dtr .r{text-align:right;font-variant-numeric:tabular-nums}
.dtr .sub{display:block;font-size:14px;color:var(--t2);margin-top:2px}
.pts{display:inline-flex;gap:4px}.pts i{width:14px;height:14px;border-radius:4px;background:var(--s3)}.pts i.on{background:var(--lime)}
.cappill{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;background:rgba(255,95,82,.12);color:var(--down);font:600 14px var(--sans);font-variant-numeric:tabular-nums;white-space:nowrap}
.cappill.mid{background:rgba(255,186,73,.12);color:var(--warn)}
.cappill.low{background:var(--s2);color:var(--t1)}
.droute{display:grid;gap:8px;margin-top:24px}
.droute .lrow{background:var(--s1)}
@media (max-width:1023px){
  .dwrap{grid-template-columns:1fr;gap:0;padding-top:24px}
  .dtoc{position:sticky;top:64px;z-index:5;max-height:none;overflow:visible;background:var(--bg);margin:0 -16px;padding:8px 16px;border-bottom:1px solid var(--line2)}
  .dsum{display:flex;width:100%;align-items:center;justify-content:space-between;height:44px;padding:0 16px;border:0;border-radius:999px;background:var(--s1);color:var(--t1);font:500 16px var(--sans);cursor:pointer}
  .dsum svg{transition:transform .2s}.dtoc.open .dsum svg{transform:rotate(180deg)}
  .dtoc nav{display:none;position:absolute;left:16px;right:16px;top:100%;padding:8px;max-height:60vh;overflow:auto;background:var(--s1);border:1px solid var(--line);border-radius:20px;box-shadow:0 16px 40px rgba(0,0,0,.5)}
  .dtoc.open nav{display:block}
  .dtoc b{display:none}
  .dmain h1{font-size:44px;margin-top:32px}
  .dlead{font-size:20px}
}
@media (max-width:720px){
  .dmain h1{font-size:38px}
  .dsec{padding-top:64px}.dsec h2{font-size:32px}.dsec h3{font-size:22px}
  .dsec p{font-size:17px}.dsec li{font-size:16px}
  .dtiles{grid-template-columns:1fr}
  .dtile{min-height:0;padding:22px}.dtile .v{font-size:48px}
  .dtr{grid-template-columns:minmax(0,1fr) auto;padding:14px 16px;font-size:15px}
  .dtr>:nth-child(2){grid-column:1/-1;grid-row:2;color:var(--t2);font-size:14px}
  .dtr.hd>:nth-child(2){display:none}
  .dscale{padding:18px}.formula-big{font-size:14px;padding:16px}
}
.dtr2{grid-template-columns:minmax(0,1fr) auto 96px}
.dtr3{grid-template-columns:minmax(0,1fr) auto}
.dpt{display:inline-grid;place-items:center;min-width:48px;height:32px;padding:0 10px;border-radius:999px;background:rgba(255,95,82,.12);color:var(--down);font:600 16px var(--sans);font-variant-numeric:tabular-nums}
.dpt.plus{background:rgba(64,182,107,.14);color:var(--up)}
.mfact{font-weight:500;display:block}.mrule{color:var(--t2);font-size:15px}
.dtable .dtr2:not(.hd)[data-slot^="docs.score.market"]{grid-template-columns:180px minmax(0,1fr) 96px}
.dtable .dtr2:not(.hd)[data-slot^="docs.score.market"] .r{display:flex;justify-content:flex-end}
.dcallout{margin-top:24px!important;padding:20px 24px;border-radius:20px;background:var(--lime-soft);color:var(--t1)!important;border-left:3px solid var(--lime)}
.formula-big{white-space:normal;display:grid;gap:6px}.formula-big .fex{color:var(--t2);font-size:15px}
.dquote{margin:8px 0 24px;padding:32px;border-radius:28px;background:#1a210c}
.dquote blockquote{font:500 30px/1.3 var(--sans);letter-spacing:-.02em;color:var(--lime)}
.dquote figcaption{margin-top:16px;font-size:16px}
.dfacts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}
.dfacts .dtile{min-height:150px;text-decoration:none;color:var(--t1)}
.dfacts .v{display:flex;align-items:center;gap:12px;font-size:48px}
.dfacts .v.sm{font-size:17px;letter-spacing:0;word-break:break-all;color:var(--lime)}
.dlink:hover{background-color:var(--s2)}
.fee{grid-template-columns:minmax(0,1fr) auto!important;height:auto!important;min-height:64px;padding:12px 20px!important}
.fee .fk{font:500 18px var(--sans)}.fee .fv{color:var(--t2);font-size:15px;text-align:right}
.droute .lrow{background:var(--s1)}
.dnote{margin-top:16px!important}
@media (max-width:1023px){.dfacts{grid-template-columns:1fr 1fr}.dfacts .dlink{grid-column:1/-1}}
@media (max-width:720px){
  .dtable .dtr2:not(.hd)[data-slot^="docs.score.market"]{grid-template-columns:minmax(0,1fr) auto}
  .dtr2{grid-template-columns:minmax(0,1fr) auto}
  .dtr2>:nth-child(2):empty{display:none}
  .dtr2>:nth-child(2):not(:empty){grid-column:1;grid-row:2;justify-self:start}
  .dquote{padding:22px}.dquote blockquote{font-size:22px}
  .dfacts .v{font-size:36px}
  .fee{grid-template-columns:1fr!important}.fee .fv{text-align:left}
}
@media (max-width:1023px){.dsec{scroll-margin-top:140px}}
@media (max-width:720px){.dtr3>:nth-child(2){grid-column:auto;grid-row:auto;font-size:inherit}}

.xr.xs{grid-template-columns:48px minmax(220px,2.2fr) minmax(120px,1fr) minmax(120px,1fr)}
.xr.xs .tk.img{padding:0}.xr.xs .tk.img img{width:62%;height:62%;object-fit:contain;margin:19%}
.xnote{margin-top:14px;font-size:14px;color:var(--t2)}
@media (max-width:720px){.xr.xs{grid-template-columns:24px minmax(0,1fr) 84px 72px}}
/* mobile menu (C-n8) */
.mbtn{display:none;width:40px;height:40px;border-radius:50%;border:0;background:var(--s1);color:var(--t1);place-items:center;cursor:pointer;flex:none}
.mbtn[aria-expanded="true"]{background:var(--s2)}
.msheet{position:absolute;left:0;right:0;top:100%;padding:8px 16px 16px;background:var(--bg);border-bottom:1px solid var(--line);display:grid;gap:2px}
.msheet a{display:block;padding:14px 12px;border-radius:14px;font:500 20px var(--sans);color:var(--t1);text-decoration:none}
.msheet a:hover{background:var(--s1)}
@media (max-width:1000px){.mbtn{display:grid}}
@media (min-width:1001px){.msheet{display:none!important}}
/* M-n2: brand mark keeps its room on phones */
.brand svg{flex:none}
@media (max-width:720px){.topnav .in{grid-template-columns:auto minmax(0,1fr) auto;gap:10px}.navl{flex:none}.brand{min-width:32px}.navr{gap:6px}.navr .btn{padding:0 14px}}
/* footer links on app/explore/docs */
.flinks{display:flex;flex-wrap:wrap;gap:6px 24px;margin-bottom:16px}
.flinks a{color:var(--t2);text-decoration:none;font-size:15px}.flinks a:hover{color:var(--t1)}
/* C-n13: contents is a static column on desktop regardless of the <details> state; collapsed by default below 1024 */

.dtrnote{padding-top:8px!important;padding-bottom:12px!important;border-top:0!important}.dcapnote{font-size:14px;color:var(--t2);grid-column:1/-1}

/* 404 */
.nfmain{position:relative;isolation:isolate;min-height:calc(100svh - 72px - 200px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-top:64px;padding-bottom:64px}
.nfmain .glow{top:45%}
.nfdial{width:112px;height:112px;margin-bottom:16px}
.nfcode{font:500 18px var(--sans);color:var(--lime);letter-spacing:.08em}
.nfmain h1{font:500 64px/1.05 var(--sans);letter-spacing:-.045em;margin-top:12px;max-width:760px}
.nfbody{font-size:20px;color:var(--t2);margin-top:16px;max-width:520px}
.nfacts{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:32px}
.nfacts .btn{height:48px;padding:0 22px;font-size:17px}
.nfacts .pillarrow{background:var(--s1)}
@media (max-width:720px){.nfmain h1{font-size:38px}.nfbody{font-size:17px}}
.tk.txt,.lo.txt{font:700 10px var(--sans);color:var(--t1);background:var(--s3)}
.tk.txt,.lo.txt{font:700 10px var(--sans);color:var(--t1);background:var(--s3)}

/* N-3: /explore on phones — name over ticker, tabs scroll sideways instead of wrapping */
.xtabs{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;max-width:100%}
.xtabs::-webkit-scrollbar{display:none}
.xtabs button{white-space:nowrap;flex:none}
@media (max-width:520px){
  .xbar{flex-direction:column;align-items:stretch}
  .xtabs button{padding:0 12px;font-size:15px}
  .xr .tok b{display:grid;min-width:0;white-space:normal;line-height:1.25;overflow:visible;overflow-wrap:anywhere;word-break:normal;hyphens:auto}
  .xr .tok b>i{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .xr:not(.xhd){height:auto;min-height:72px;padding-top:10px;padding-bottom:10px}
  .xr .tok b>i{margin:0;font-size:13px}
}
/* M-4: list rows on the landing let long names take a second line */
@media (max-width:720px){.lrow{height:auto;min-height:64px;padding-top:10px;padding-bottom:10px}.lrow .nm{white-space:normal;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}

/* ===== live search panel (search dropdown) ===== */
.nsearch{position:relative}
.nsearch.open{border-radius:22px 22px 0 0;border-color:var(--line)}
.spanel{position:absolute;left:-1px;right:-1px;top:100%;z-index:35;max-height:min(520px,70vh);overflow:auto;padding:6px;background:var(--s1);border:1px solid var(--line);border-top:0;border-radius:0 0 22px 22px;box-shadow:0 24px 48px rgba(0,0,0,.55)}
.sphd{padding:10px 10px 4px;font:500 13px var(--sans);color:var(--t2)}
.srow{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 10px;border-radius:14px;color:var(--t1);text-decoration:none}
.srow:hover,.srow.on{background:var(--s2)}
.srow .tk,.sch .tk{width:36px;height:36px;font-size:9px}
.sn{flex:1;min-width:0;display:grid}
.sn b{font:500 15px var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sn i{font-style:normal;font-size:13px;color:var(--t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sv{font-size:14px;color:var(--t2);font-variant-numeric:tabular-nums;white-space:nowrap}
.srow .spill{height:26px;font-size:12px}
.sall{display:block;padding:12px 10px;font:500 14px var(--sans);color:var(--lime);text-decoration:none;border-top:1px solid var(--line2);margin-top:4px}
.smsg{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 12px;font-size:14px;color:var(--t2)}
.smsg{flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px}
.smsg b{color:var(--t1);font-weight:500;width:100%}
.smsg .spin{width:14px;height:14px;border-radius:50%;border:2px solid var(--s3);border-top-color:var(--lime)}
@media (prefers-reduced-motion:no-preference){.smsg .spin{animation:rot .8s linear infinite}}
@keyframes rot{to{transform:rotate(360deg)}}
.scard{padding:10px;display:grid;gap:12px}
.sch{display:flex;align-items:center;gap:12px}
.scs{font:600 32px/1 var(--sans);letter-spacing:-.04em}.scs small{font-size:14px;color:var(--t2);letter-spacing:0}.scs.sm{font-size:20px}
.scard .cells10 i{height:8px}
.sfacts{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.sfacts div{display:grid;gap:2px;padding:10px 12px;border-radius:14px;background:var(--bg)}
.sfacts span{font-size:12px;color:var(--t2)}.sfacts b{font:500 16px var(--sans);font-variant-numeric:tabular-nums}
.sbuy{width:100%;height:44px}
.sbuy.on{outline:2px solid var(--lime);outline-offset:2px}

/* ===== v6: wallet pill + panel ===== */
.navr{position:relative}
.acct{display:inline-flex;align-items:center;gap:8px;padding:0 14px 0 6px!important}
.acct .idc{border-radius:50%;flex:none}
.wpanel{position:absolute;right:0;top:52px;z-index:36;width:340px;max-width:calc(100vw - 24px);padding:16px;border-radius:24px;background:var(--s1);border:1px solid var(--line);box-shadow:0 24px 64px rgba(0,0,0,.6);display:grid;gap:14px}
@media (prefers-reduced-motion:no-preference){.wpanel:not([hidden]){animation:wpin .18s ease-out}}
@keyframes wpin{from{opacity:0;transform:translateY(-6px)}}
.wph{display:flex;align-items:center;gap:12px}
.wph .idc{border-radius:50%}
.wpa{display:grid;gap:2px}.wpa b{font:600 17px var(--sans)}
.wcopy{justify-self:start;border:0;background:none;padding:0;color:var(--t2);font:500 13px var(--sans);cursor:pointer}.wcopy:hover{color:var(--t1)}
.wpt{display:grid;gap:2px}.wpt span{font-size:13px;color:var(--t2)}.wpt b{font:600 34px/1.15 var(--sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums;min-height:39px}
.skv{display:inline-block;width:120px;height:30px;border-radius:10px;background:var(--s2);vertical-align:middle}
.wpb{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wpb .btn{height:44px;border-radius:14px;font-size:15px}
.wpr{border-top:1px solid var(--line2);padding-top:12px;display:grid;gap:4px}
.wprh{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.wprh b{font:500 14px var(--sans);color:var(--t2)}.wprh a{font-size:14px;color:var(--lime);text-decoration:none}
.wrow{display:flex;align-items:center;gap:10px;padding:6px;border-radius:12px;color:var(--t1);text-decoration:none}
.wrow:hover{background:var(--s2)}
.wrow .tk{width:32px;height:32px;font-size:8px}
.wpe{font-size:14px;color:var(--t2);padding:4px 6px}
@media (max-width:720px){.acct span{display:none}.acct{padding:0 6px!important;width:40px;justify-content:center}.wpanel{position:fixed;left:12px;right:12px;top:64px;width:auto}}
@media (max-width:720px){.spanel{position:fixed;left:8px;right:8px;top:60px;border-top:1px solid var(--line);border-radius:22px}.nsearch.open{border-radius:999px}}

/* ===== /portfolio (Portfolio) ===== */
.pfmain{padding-top:48px;padding-bottom:40px;min-height:760px}
.pfout{display:flex;flex-direction:column;align-items:center;text-align:center;padding:64px 0;gap:14px}
.pfout .emptydial{width:96px;height:96px}
.pfout h1{font:500 44px/1.1 var(--sans);letter-spacing:-.035em}
.pfout p{font-size:18px;color:var(--t2);max-width:460px}
.pfout .btn{height:48px;padding:0 24px;margin-top:8px}
.pfhead{display:flex;align-items:center;gap:16px}
.pfav .idc{border-radius:50%;display:block}
.pfav{width:56px;height:56px;border-radius:50%;background:var(--s2);flex:none}
.pfaddr{font:600 28px var(--sans);letter-spacing:-.02em}
.pftotal{display:grid;gap:4px;margin:28px 0 32px}
.pftotal span{font-size:16px;color:var(--t2)}
.pftotal b{font:500 64px/1.05 var(--sans);letter-spacing:-.045em;font-variant-numeric:tabular-nums;min-height:67px}
.pftotal .skv{width:220px;height:56px;border-radius:16px}
.pftabs{margin-bottom:16px}
.xr.pfr{grid-template-columns:minmax(200px,2.2fr) repeat(3,minmax(100px,1fr)) 110px 80px}
.xr.pfr[data-href]{cursor:pointer}.xr.pfr[data-href]:hover{background:var(--s1)}
.pfsell{height:34px;padding:0 14px;font-size:14px;justify-self:end}
.pfr .tok i{font-style:normal;color:var(--t2);margin-left:6px}
.pfr .pfv{font-weight:500}
.xr.pfr.sk{height:72px}.xr.pfr.sk div:last-child{display:none}.xr.pfr.sk div{height:14px;background:var(--s2);border-radius:6px}
#pfRows{min-height:288px}
#pfRows .xmsg .btn{justify-self:center;margin-top:10px;height:44px}
.pfpane .act{min-height:288px}
@media (max-width:720px){
  .pfout h1{font-size:32px}
  .pftotal b{font-size:44px;min-height:47px}.pftotal .skv{height:40px}
  .pfaddr{font-size:22px}
  .xr.pfr{grid-template-columns:minmax(0,1fr) 84px 64px 56px;padding:10px 12px;height:auto;min-height:64px}
  .pfsell{height:44px;padding:0 12px;font-size:13px}
  .xr.pfr .c-price,.xr.pfr>:nth-child(3){display:none}
  .pfr .tok b{display:grid;white-space:normal;overflow-wrap:anywhere}.pfr .tok b>i{margin:0;font-size:13px}
}

.topnav .in{grid-template-columns:minmax(max-content,1fr) minmax(240px,440px) minmax(max-content,1fr)}
.links a{white-space:nowrap}
@media (max-width:1300px){.links a{padding:8px}.brand{margin-right:8px}}
.dchains{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin-top:16px}
.dchains span{display:flex;align-items:center;gap:10px;height:52px;padding:0 14px;border-radius:16px;background:var(--s1);font:500 15px var(--sans)}
.dchains img{border-radius:8px;flex:none}
@media (max-width:1000px){.topnav .in{grid-template-columns:auto minmax(0,1fr) auto;justify-content:stretch}}
@media (max-width:720px){.xr.pfr>:nth-child(2),.xr.pfr>:nth-child(3){display:none}}
/* on /app the footer starts below the fold, so the token card filling in never moves anything on screen */
.is-app .appmain{min-height:calc(100svh - 72px)}

/* Activity tail (, Recent activity): pill only for Pending/Failed, then time and the explorer arrow */
.atail{display:flex;align-items:center;gap:8px;flex:none;margin-left:auto;color:var(--t2);font:500 13px var(--sans);font-variant-numeric:tabular-nums;white-space:nowrap}
.aext{color:var(--t3);transition:color .15s}
a:hover>.atail .aext{color:var(--t1)}
.stt{display:inline-flex;align-items:center;gap:6px;font:500 12px/1 var(--sans);border-radius:999px;padding:5px 9px 5px 8px}
.stt::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.stt.pending{color:var(--warn);background:rgba(255,186,73,.12)}
.stt.failed{color:var(--down);background:rgba(255,95,82,.12)}
@media (prefers-reduced-motion:no-preference){.stt.pending::before{animation:sttp 1.4s ease-in-out infinite}}
@keyframes sttp{50%{opacity:.35}}

/* AI brief in the live search card (v10): label + first lines of Quoro AI */
.sbrief{padding:10px 12px;border-radius:14px;background:linear-gradient(135deg,rgba(204,255,0,.09),rgba(204,255,0,.03));border:1px solid rgba(204,255,0,.18)}
.sbrief .aib-h{display:flex;align-items:center;gap:6px;font:600 12px var(--sans);color:var(--lime);letter-spacing:.02em;margin-bottom:4px}
.sbrief p{font-size:13px;line-height:1.45;color:var(--t1);min-height:calc(1.45em * 2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}
.sbrief .skl{display:block;height:10px;margin:6px 0;background:var(--s2);border-radius:6px;width:100%}
@media (prefers-reduced-motion:no-preference){.sbrief.loading .skl{animation:aipulse 1.2s ease-in-out infinite}}
@keyframes aipulse{50%{opacity:.45}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.brand .wm,.fbrand .wm{flex:none;margin-top:2px}
.brand{gap:9px}
/* Dial Q in empty states: the ten segments are still unlit, only the lime tail shows */
.qdial .sg{fill:none;stroke:var(--s3)}.qdial .tl{fill:none;stroke:var(--lime)}
/* v10 hero A: eyebrow chip + title + lead (copy v3.1 A) */
.heye{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;background:var(--lime-soft);color:var(--lime);font:600 14px var(--sans);margin-bottom:18px}
.hlead{max-width:620px;margin:18px auto 0;font-size:19px;line-height:1.45;color:var(--t2)}
@media (max-height:940px) and (min-width:901px){.heye{margin-bottom:14px}.hlead{margin-top:14px;font-size:18px}}
@media (max-width:720px){.heye{height:28px;font-size:13px;margin-bottom:12px}.hlead{font-size:16px;margin-top:12px}}