/* CURED — pump.fun's look: near-black, zinc greys, mint green, Geist, 8px corners. Loaded last, overrides the shared shell. */
:root, html[data-theme="dark"] { --bg: #0b0b0e; --bg2: #131316; --bg3: #1b1b1f; --bg4: #232327; --card: #131316; --line: #232327; --line2: #2e2e33; --text: #e4e4e7; --muted: #a1a1aa; --dim: #71717a; --cream: #ffffff; --acc: #86efac; --acc2: #4ade80; --accbg: rgba(134, 239, 172, 0.12); --lime: #86efac; --green: #86efac; --greenink: #052e16; --up: #4ade80; --up2: rgba(74, 222, 128, 0.14); --down: #f87171; --down2: rgba(248, 113, 113, 0.14); --warn: #fbbf24; --gold: #fbbf24; --pink: #f87171; --yellow: #fbbf24; --radius: 8px; --shadow: none;
  --sans: "Geist", system-ui, -apple-system, sans-serif; --mono: "Geist Mono", ui-monospace, Menlo, Consolas, monospace; --display: var(--sans); --pixel: var(--sans); }
html, body { background: var(--bg) !important; background-image: none !important; font-family: var(--sans) !important; font-size: 14px; color: var(--text); }
h1, .banner h1, .hw-hero h1, .tk-head h1 { font-family: var(--sans) !important; font-weight: 800 !important; text-transform: none; letter-spacing: -0.03em !important; line-height: 1.02 !important; color: #fff; text-shadow: none !important; }
h2, h3, .h { font-family: var(--sans) !important; font-weight: 700 !important; letter-spacing: -0.01em !important; text-transform: none; color: #fff; }
.lbl, .note, .small, .muted { font-family: var(--sans) !important; letter-spacing: 0 !important; text-transform: none; } .lbl { color: var(--dim) !important; font-size: 11px !important; font-weight: 600; text-transform: uppercase; letter-spacing: .06em !important; }
.mono { font-family: var(--mono) !important; }
.panel, .card, .kiosk, .hint, .regwrap, .fcard, .tfs, .kbox, .reg, .banner, .toast, .qres, .ccard, .row-card, .hw-grid > div, .stat { border: 1px solid var(--line) !important; background: var(--bg2) !important; border-radius: 12px !important; box-shadow: none !important; }
.top { border-bottom: 1px solid var(--line) !important; background: rgba(11, 11, 14, 0.9) !important; backdrop-filter: blur(10px); box-shadow: none !important; }
.top-in .brand { border-right: 0 !important; gap: 8px !important; } .brand .brand-mark { display: inline-block !important; width: 28px !important; height: 28px !important; } .brand span { font-family: var(--sans) !important; font-weight: 800 !important; font-size: 18px !important; color: #fff !important; letter-spacing: -0.02em !important; text-shadow: none !important; }
.top-in .toptabs { border: 0 !important; padding: 0 !important; gap: 2px !important; } .top-in .toptabs a { font-family: var(--sans) !important; font-size: 13px !important; font-weight: 600; color: var(--muted) !important; border: 0 !important; border-radius: 8px !important; padding: 7px 12px !important; } .top-in .toptabs a.on, .top-in .toptabs a:hover { color: #fff !important; background: var(--bg3) !important; }
.btn { font-family: var(--sans) !important; font-weight: 600 !important; text-transform: none; border: 1px solid var(--line2) !important; border-radius: 8px !important; box-shadow: none !important; background: var(--bg3) !important; color: var(--text) !important; letter-spacing: 0 !important; transform: none !important; } .btn:hover { background: var(--bg4) !important; border-color: var(--line2) !important; }
.btn.primary, .btn.kgo, .btn.kgo.up, .top-in .launch-btn { background: var(--green) !important; color: var(--greenink) !important; border-color: var(--green) !important; } .btn.kgo.down { background: var(--down) !important; color: #2a0a0a !important; border-color: var(--down) !important; }
.top-in #wallet { background: var(--bg3) !important; color: var(--text) !important; border-color: var(--line2) !important; }
.top-in .search input { border: 1px solid var(--line) !important; border-radius: 8px !important; background: var(--bg2) !important; color: var(--text); font-family: var(--sans); }
.strip a b { color: #fff; } .strip a .up { color: var(--up); } .strip a .down { color: var(--down); }
.sfoot { border-top: 1px solid var(--line); font-size: 12px; color: var(--dim); } .sfoot a { color: var(--muted); }
.mobnav { display: none; }
/* hero */
.banner { padding: 40px 40px 34px !important; display: grid; grid-template-columns: 1.2fr 1fr; gap: 36px; align-items: center; position: relative; overflow: hidden; background: radial-gradient(ellipse at 20% 0%, rgba(134, 239, 172, 0.10), transparent 55%), var(--bg2) !important; }
.banner h1 { font-size: 54px !important; margin: 8px 0 14px; } .banner h1 em { font-style: normal; color: var(--green); }
.banner p { color: var(--muted); font-size: 15px; line-height: 1.6; max-width: 540px; }
.banner .bacts { display: flex; gap: 10px; align-items: center; margin-top: 16px; } .banner .lnk { color: var(--muted); }
.pills { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 0; } .pill { display: inline-flex; align-items: center; gap: 6px; padding: 6px 11px; border: 1px solid var(--line2); border-radius: 999px; background: var(--bg3); font-size: 12px; font-weight: 600; color: var(--text); } .pill i { font-style: normal; color: var(--green); }
.kingwrap { display: flex; flex-direction: column; gap: 12px; } .king { border: 1px solid var(--line2); border-radius: 12px; padding: 16px; background: var(--bg3); } .king .lbl { color: var(--gold) !important; } .king b { display: block; font-size: 22px; margin: 6px 0 2px; color: #fff; } .king .mono { color: var(--green); font-size: 20px; }
.stat3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } .stat { padding: 12px 14px; } .stat b { display: block; font-size: 22px; font-weight: 800; color: #fff; letter-spacing: -0.02em; } .stat span { font-size: 11px; color: var(--dim); text-transform: uppercase; letter-spacing: .05em; font-weight: 600; }
/* board */
.boardbar { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin: 18px 0 12px; } .boardbar button { padding: 7px 12px; border-radius: 999px; border: 1px solid var(--line2); background: var(--bg2); color: var(--muted); font-weight: 600; font-size: 12px; cursor: pointer; } .boardbar button.on { background: var(--green); color: var(--greenink); border-color: var(--green); }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 12px; }
.ccard { display: grid; grid-template-columns: 76px 1fr; gap: 12px; padding: 12px; cursor: pointer; text-decoration: none; color: var(--text); transition: border-color .15s, transform .15s; } .ccard:hover { border-color: var(--green) !important; transform: translateY(-1px); }
.ccard img.cimg, .ccard .cimg { width: 76px; height: 76px; border-radius: 10px; object-fit: cover; background: var(--bg3); border: 1px solid var(--line); }
.ccard .ctop { display: flex; align-items: center; gap: 6px; font-size: 11px; color: var(--dim); } .ccard .ctop .who { color: var(--green); font-weight: 600; }
.ccard .cname { font-weight: 700; font-size: 15px; color: #fff; margin-top: 2px; } .ccard .cname span { color: var(--muted); font-weight: 500; font-size: 12px; margin-left: 4px; }
.ccard .cdesc { font-size: 12px; color: var(--muted); margin: 4px 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ccard .cmc { font-weight: 700; color: var(--green); font-size: 13px; } .ccard .cmc small { color: var(--dim); font-weight: 500; margin-left: 4px; }
.ccard .cfoot { display: flex; justify-content: space-between; align-items: center; margin-top: 6px; font-size: 11px; color: var(--dim); }
.pairtag { display: inline-flex; align-items: center; gap: 4px; padding: 2px 7px; border-radius: 999px; background: var(--bg3); border: 1px solid var(--line2); font-size: 10px; font-weight: 700; color: var(--text); }
.prog { height: 6px; border-radius: 3px; background: var(--bg4); overflow: hidden; margin-top: 8px; } .prog i { display: block; height: 100%; background: var(--green); } .prog.done i { background: var(--gold); }
/* coin page */
.tk-head h1 { font-size: 30px !important; } .tk-price b { color: var(--green); font-weight: 800; }
.chip { border: 1px solid var(--line2) !important; border-radius: 999px !important; background: var(--bg3) !important; font-family: var(--sans); font-weight: 600; } .chip.g { background: var(--green) !important; color: var(--greenink) !important; border-color: var(--green) !important; }
.kpct { background: var(--bg3); color: var(--green); border: 1px solid var(--line2); border-radius: 999px; padding: 1px 8px; font-size: 11px; font-weight: 700; }
.kprog { border: 0; border-radius: 4px; overflow: hidden; background: var(--bg4); height: 8px; } .kprog i { background: var(--green); height: 100%; display: block; }
.kbox input, .field input, .field select, .field textarea, #slip { background: var(--bg3) !important; border: 1px solid var(--line2) !important; border-radius: 8px !important; color: var(--text) !important; font-family: var(--sans) !important; }
.tabs { display: flex; gap: 4px; border-bottom: 1px solid var(--line); margin-bottom: 12px; } .tabs button { background: transparent; border: 0; color: var(--muted); font-weight: 600; padding: 8px 12px; cursor: pointer; border-bottom: 2px solid transparent; } .tabs button.on { color: #fff; border-bottom-color: var(--green); }
.msg { padding: 10px 0; border-bottom: 1px solid var(--line); font-size: 13px; } .msg .who { font-family: var(--mono); font-size: 11px; color: var(--green); } .msg .held { font-size: 11px; color: var(--dim); margin-left: 6px; } .msg p { margin: 4px 0 0; }
.send { display: flex; gap: 8px; margin-top: 10px; } .send input { flex: 1; }
.ledger { width: 100%; border-collapse: collapse; font-size: 12px; } .ledger th { text-align: left; font-size: 10px; letter-spacing: .06em; text-transform: uppercase; color: var(--dim); padding: 6px; border-bottom: 1px solid var(--line); font-weight: 600; } .ledger td { padding: 8px 6px; border-bottom: 1px solid var(--line); white-space: nowrap; } .ledger td.r, .ledger th.r { text-align: right; } .ledger .up { color: var(--up); } .ledger .down { color: var(--down); }
.timeline { list-style: none; margin: 0; padding: 0; } .timeline li { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid var(--line); font-size: 13px; } .timeline li span { color: var(--dim); font-size: 12px; }
.burnbox { border: 1px solid var(--line2) !important; background: linear-gradient(180deg, rgba(134, 239, 172, 0.06), transparent), var(--bg2) !important; } .burnbox .big { font-size: 26px; font-weight: 800; color: var(--green); } .kvl div { display: flex; justify-content: space-between; padding: 7px 0; border-bottom: 1px solid var(--line); font-size: 13px; } .kvl div span { color: var(--muted); } .kvl div b { color: #fff; font-weight: 600; }
.vamp { border: 1px solid var(--line) !important; } .vamp li { list-style: none; padding: 6px 0; font-size: 13px; color: var(--muted); } .vamp li::before { content: "✓ "; color: var(--green); font-weight: 700; }
/* launch */
.launch-grid { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 16px; max-width: 1180px; margin: 0 auto; padding: 24px 24px 60px; }
.pairgrid { display: flex; flex-wrap: wrap; gap: 6px; } .pairgrid button { padding: 6px 10px; border-radius: 999px; border: 1px solid var(--line2); background: var(--bg3); color: var(--text); font-weight: 700; font-size: 12px; cursor: pointer; } .pairgrid button.on { background: var(--green); color: var(--greenink); border-color: var(--green); }
.check { list-style: none; margin: 10px 0 0; padding: 0; } .check li { display: flex; justify-content: space-between; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--line); font-size: 13px; } .check li .ok { color: var(--green); font-weight: 700; } .check li .no { color: var(--down); font-weight: 600; text-align: right; } .check li .wait { color: var(--dim); }
.drop { border: 1px dashed var(--line2) !important; border-radius: 10px !important; }
.progress-list { list-style: none; padding: 0; margin: 12px 0 0; } .progress-list li { padding: 6px 0; color: var(--dim); font-size: 13px; } .progress-list li.now { color: var(--green); } .progress-list li.done { color: var(--text); }
/* live */
.livefeed { display: grid; gap: 10px; } .livefeed .row-card { display: grid; grid-template-columns: 48px 1fr auto; gap: 12px; align-items: center; padding: 10px 12px; text-decoration: none; color: var(--text); } .livefeed .row-card.new { animation: pop .6s ease-out; } @keyframes pop { from { background: var(--accbg); } to { background: var(--bg2); } }
.livefeed img { width: 48px; height: 48px; border-radius: 8px; object-fit: cover; background: var(--bg3); }
/* how */
.hw { max-width: 900px; margin: 0 auto; padding: 32px 24px 80px; } .hw-hero h1 { font-size: 46px !important; margin: 10px 0 14px; } .hw-hero p { font-size: 16px; color: var(--muted); max-width: 720px; line-height: 1.55; }
.hw-step { display: grid; grid-template-columns: 56px 1fr; gap: 16px; margin: 28px 0; } .hw-step .n { font-family: var(--mono); color: var(--green); font-size: 13px; padding-top: 6px; } .hw-step h2 { font-size: 24px; margin: 0 0 8px; } .hw-step p { font-size: 14.5px; line-height: 1.65; color: var(--muted); margin: 0 0 8px; }
.hw-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; margin: 14px 0; } .hw-grid > div { padding: 14px; } .hw-grid h3 { font-size: 14px; margin: 0 0 6px; } .hw-grid p { font-size: 13px; margin: 0; color: var(--muted); }
.toast { background: var(--green) !important; color: var(--greenink) !important; font-weight: 600; } .toast.err { background: var(--down) !important; color: #2a0a0a !important; }
.empty { text-align: center; padding: 60px 20px; color: var(--muted); }
@media (max-width: 900px) { .banner { grid-template-columns: 1fr; padding: 24px 18px !important; } .banner h1 { font-size: 36px !important; } .launch-grid { grid-template-columns: 1fr; padding: 16px 16px 90px; } .top-in .toptabs, .top-in .search, .top-in .strip, .top-in .launch-btn { display: none !important; } .mobnav { display: flex; position: fixed; left: 10px; right: 10px; bottom: 10px; background: var(--bg2); border: 1px solid var(--line2); border-radius: 14px; padding: 8px; justify-content: space-around; z-index: 60; } .mobnav a { color: var(--muted); font-size: 12px; font-weight: 600; text-decoration: none; padding: 6px 8px; } .mobnav a.on { color: var(--green); } .shell { padding-bottom: 70px; } .hw-hero h1 { font-size: 32px !important; } .stat3 { grid-template-columns: 1fr; } }

.pairgrid button { display: inline-flex; align-items: center; gap: 6px; } .pairgrid button img, .pairtag img { width: 16px; height: 16px; border-radius: 50%; object-fit: cover; }
.top-in .xlink { width: 36px; padding: 0 !important; }

.brand .brand-mark { width: 32px !important; height: 32px !important; object-fit: contain; }
.heropill { width: 220px; margin: -10px auto 4px; display: block; filter: drop-shadow(0 0 40px rgba(134, 239, 172, 0.35)); animation: float 5s ease-in-out infinite; } @keyframes float { 0%, 100% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-10px) rotate(2deg); } }

/* launch control + how: the sky of falling pills, hero, spotlight, tracks */
.lc, .hw-cured { position: relative; max-width: 1100px; margin: 0 auto; padding: 36px 24px 80px; overflow: hidden; }
.lc-sky { position: absolute; inset: 0; pointer-events: none; z-index: 0; } .lc-sky i { position: absolute; top: -40px; width: 18px; height: 34px; border-radius: 9px; background: linear-gradient(180deg, #e4e4e7 50%, #86efac 50%); opacity: 0.08; transform: rotate(-30deg); animation: fall linear infinite; } @keyframes fall { from { transform: translateY(0) rotate(-30deg); } to { transform: translateY(1400px) rotate(330deg); } }
.lc-hero, .lc-spot, .lc-feed, .hw-hero, .hw-card, .hw-cta { position: relative; z-index: 1; }
.lc-kicker { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border: 1px solid var(--line2); border-radius: 999px; font-family: var(--mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); background: var(--bg2); } .lc-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 0 rgba(134,239,172,.6); animation: ping 1.6s infinite; } @keyframes ping { 70% { box-shadow: 0 0 0 10px rgba(134,239,172,0); } 100% { box-shadow: 0 0 0 0 rgba(134,239,172,0); } }
.lc-title { font-size: 64px !important; margin: 16px 0 12px; display: flex; flex-direction: column; } .lc-title .hot { color: var(--green); } .lc-sub { font-size: 17px; color: var(--muted); max-width: 620px; line-height: 1.55; }
.lc-hero { display: grid; grid-template-columns: 1.2fr .8fr; gap: 24px; align-items: center; } .lc-stats { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--line); border-radius: 14px; overflow: hidden; background: var(--bg2); margin-top: 8px; } .lc-stat { padding: 18px 20px; border-right: 1px solid var(--line); } .lc-stat:last-child { border-right: 0; } .lc-stat b { display: block; font-size: 34px; font-weight: 800; letter-spacing: -0.03em; color: #fff; } .lc-stat span { font-family: var(--mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--dim); }
.lc-art { position: relative; height: 260px; display: flex; align-items: center; justify-content: center; } .lc-pill { width: 230px; filter: drop-shadow(0 20px 40px rgba(134,239,172,.25)); animation: hover 4s ease-in-out infinite; } @keyframes hover { 0%, 100% { transform: translateY(0) rotate(-6deg); } 50% { transform: translateY(-16px) rotate(4deg); } } .lc-pad { position: absolute; bottom: 20px; width: 220px; height: 26px; border-radius: 50%; background: radial-gradient(ellipse, rgba(134,239,172,.35), transparent 70%); } .lc-exhaust { position: absolute; bottom: -10px; width: 6px; height: 90px; background: linear-gradient(180deg, rgba(134,239,172,.6), transparent); transform: rotate(35deg); left: 38%; filter: blur(2px); }
.lc-spot { margin: 22px 0; padding: 22px; border: 1px solid var(--line2); border-radius: 16px; background: var(--bg2); display: grid; grid-template-columns: 200px 1fr; gap: 22px; position: relative; } .lc-spot.fresh { animation: pop 1.2s ease-out; box-shadow: 0 0 0 1px rgba(134,239,172,.4); } .lc-spot-tag { position: absolute; top: -12px; right: 18px; padding: 4px 12px; border-radius: 999px; background: var(--green); color: var(--greenink); font-family: var(--mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; font-weight: 700; }
.lc-spot-pic .pic, .lc-spot-pic .pic.logo { width: 200px; height: 200px; border-radius: 14px; object-fit: cover; background: var(--bg3); display: block; } .lc-spot-id { display: flex; align-items: center; gap: 10px; } .lc-spot-tick { font-size: 28px; font-weight: 800; color: #fff; text-decoration: none; letter-spacing: -0.02em; } .lc-spot-name { color: var(--muted); margin: 4px 0 14px; font-size: 15px; }
.lc-spot-foot { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin-top: 14px; } .lc-spot-foot b { display: block; font-size: 22px; font-weight: 800; color: var(--green); } .lc-cta { margin-left: auto; display: flex; gap: 8px; }
.lc-track { margin-top: 10px; } .lc-rail { position: relative; height: 6px; border-radius: 3px; background: var(--bg4); } .lc-fill { height: 100%; border-radius: 3px; background: var(--green); transition: width .6s; } .lc-head { position: absolute; top: 50%; transform: translate(-50%, -50%); width: 26px; height: 26px; border-radius: 50%; background: var(--bg2); border: 1px solid var(--line2); display: flex; align-items: center; justify-content: center; transition: left .6s; } .lc-head img { width: 18px; } .lc-track.big .lc-rail { height: 8px; } .lc-track.big .lc-head { width: 34px; height: 34px; } .lc-track.big .lc-head img { width: 24px; }
.lc-steps { display: flex; justify-content: space-between; margin-top: 8px; font-family: var(--mono); font-size: 10px; letter-spacing: .06em; text-transform: uppercase; color: var(--dim); } .lc-steps .on { color: var(--green); }
.lc-feed-title { font-size: 18px; margin: 26px 0 12px; color: var(--muted); } .lc-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 12px; } .lc-card { border: 1px solid var(--line); border-radius: 14px; background: var(--bg2); padding: 12px; animation: pop .8s ease-out both; } .lc-card-link { display: grid; grid-template-columns: 52px 1fr auto; gap: 12px; align-items: center; text-decoration: none; color: var(--text); } .lc-card .pic, .lc-card .pic.logo { width: 52px; height: 52px; border-radius: 10px; object-fit: cover; background: var(--bg3); } .lc-card-tick { display: block; font-weight: 800; color: #fff; } .lc-card-name { display: block; font-size: 12px; color: var(--muted); } .lc-card-right { text-align: right; } .lc-card-right b { display: block; color: var(--green); } .lc-card-right span { font-size: 11px; color: var(--dim); } .lc-card-meta { display: flex; justify-content: space-between; align-items: center; margin-top: 8px; }
/* how */
.hw-hero { position: relative; padding: 10px 0 20px; } .hw-pill { position: absolute; right: 0; top: -10px; width: 240px; filter: drop-shadow(0 20px 40px rgba(134,239,172,.25)); animation: hover 5s ease-in-out infinite; }
.hw-card { display: grid; grid-template-columns: 70px 1fr; gap: 18px; padding: 24px; margin: 14px 0; border: 1px solid var(--line); border-radius: 16px; background: var(--bg2); } .hw-n { font-family: var(--mono); font-size: 13px; color: var(--green); padding-top: 8px; } .hw-card h2 { font-size: 26px; margin: 0 0 8px; } .hw-card p { font-size: 15px; line-height: 1.65; color: var(--muted); margin: 0; }
.hw-fig { margin-top: 16px; padding: 16px; border: 1px dashed var(--line2); border-radius: 12px; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; } .hw-wallet { padding: 10px 14px; border: 1px solid var(--line2); border-radius: 10px; background: var(--bg3); } .hw-wallet b { display: block; color: var(--green); } .hw-fan { display: flex; gap: 8px; flex-wrap: wrap; }
.pairtag.big { font-size: 13px; padding: 6px 12px; } .pairtag.big img { width: 20px; height: 20px; }
.hw-vamp { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border: 1px solid var(--line2); border-radius: 999px; background: var(--bg3); font-weight: 700; } .hw-vamp .bad { text-decoration: line-through; color: var(--down); } .hw-vamp .arrow { color: var(--dim); } .hw-vamp .good { color: #fff; } .hw-vamp .taken { font-family: var(--mono); font-size: 10px; letter-spacing: .06em; text-transform: uppercase; color: var(--green); }
.hw-fig.blocks { gap: 8px; } .blk { flex: 1; min-width: 110px; padding: 10px 12px; border: 1px solid var(--line2); border-radius: 10px; background: var(--bg3); } .blk span { display: block; font-family: var(--mono); font-size: 10px; letter-spacing: .06em; text-transform: uppercase; color: var(--dim); } .blk b { display: block; color: #fff; } .blk em { font-style: normal; font-size: 11px; color: var(--green); } .blk.create { border-color: var(--green); background: rgba(134,239,172,.08); }
.hw-fig.flow i { font-style: normal; color: var(--dim); font-size: 18px; } .pill.hot { background: rgba(248,113,113,.12); border-color: rgba(248,113,113,.4); }
.hw-cta { text-align: center; padding: 30px 0 0; } .hw-cta h2 { font-size: 40px; margin-bottom: 14px; }
@media (max-width: 900px) { .lc-title { font-size: 40px !important; } .lc-hero { grid-template-columns: 1fr; } .lc-art { height: 200px; } .lc-stats { grid-template-columns: 1fr; } .lc-stat { border-right: 0; border-bottom: 1px solid var(--line); } .lc-spot { grid-template-columns: 1fr; } .lc-spot-pic .pic { width: 100%; height: auto; aspect-ratio: 1; } .hw-pill { display: none; } .hw-card { grid-template-columns: 1fr; gap: 6px; } }

/* the main coin hero on the board */
.main-coin{display:grid;grid-template-columns:120px 1fr auto;gap:22px;align-items:center;padding:20px 24px;border:1px solid rgba(134,239,172,.35);background:linear-gradient(135deg,rgba(134,239,172,.12),rgba(134,239,172,.02));border-radius:18px;text-decoration:none;color:inherit;box-shadow:0 0 0 1px rgba(134,239,172,.08),0 20px 60px rgba(134,239,172,.08)}
.main-coin img{width:120px;height:120px;border-radius:16px;object-fit:cover;background:#17171c}
.mc-kicker{color:#86efac;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}
.mc-name{font-size:28px;font-weight:800;letter-spacing:-.02em}
.mc-sub{color:#a1a1aa;margin-top:6px;max-width:560px}
.mc-stats{display:flex;gap:28px}.mc-stats div{display:flex;flex-direction:column;align-items:flex-end}.mc-stats b{font-size:22px}.mc-stats span{color:#71717a;font-size:12px}
@media(max-width:720px){.main-coin{grid-template-columns:72px 1fr}.main-coin img{width:72px;height:72px}.mc-stats{grid-column:1/-1;justify-content:space-between}.mc-stats div{align-items:flex-start}}

.devnote{margin:0 0 18px;padding:12px 16px;border:1px solid rgba(134,239,172,.35);background:rgba(134,239,172,.08);border-radius:12px;color:#e4e4e7}.devnote b{color:#86efac}