:root { --green:#39ff88; --green2:#18d46b; --ink:#030609; --panel:#0b100e; --muted:#8a9590; --button-height:54px; }
* { box-sizing:border-box; }
html { background:var(--ink); }
body { margin:0; overflow-x:hidden; background:radial-gradient(circle at 50% 38%,#07100d 0,#030609 34%,#020407 100%); font-family:Aeonik,ui-sans-serif,system-ui,sans-serif; }
button,a { -webkit-tap-highlight-color:transparent; }
button { font:inherit; line-height:1; }
.site-header { position:absolute; inset:0 0 auto; z-index:50; height:72px; display:flex; align-items:center; justify-content:space-between; padding:0 16px; }
.brand { display:inline-flex; align-items:center; gap:11px; color:#f4fff8; font-size:30px; font-weight:850; letter-spacing:-1.9px; text-decoration:none; }
.brand-mark { display:inline-block; width:32px; height:32px; flex:none; object-fit:contain; image-rendering:auto; filter:drop-shadow(0 0 8px rgba(57,255,136,.18)); }
.desktop-nav { display:flex; align-items:center; gap:10px; }
.desktop-nav>a { color:#b9c1bd; font-size:13px; font-weight:600; text-decoration:none; margin-right:10px; transition:.2s; }
.desktop-nav>a:hover { color:white; }
.store-pill { display:flex; align-items:center; justify-content:center; height:42px; padding:0; color:white; background:transparent; border:0; border-radius:7px; cursor:pointer; transition:.2s; }
.store-pill:hover { transform:translateY(-1px); filter:brightness(1.1); }
.store-pill img { display:block; width:auto; height:40px; }
.store-pill.google-play img { height:46px; }
.login-button { height:42px; min-width:80px; padding:0 16px; color:white; background:#0a0e11; border:1px solid rgba(255,255,255,.18); border-radius:8px; font-size:14px; font-weight:700; cursor:pointer; }
.menu-button { display:none; width:38px; height:38px; padding:0; background:rgba(0,0,0,.4); border:1px solid rgba(255,255,255,.14); border-radius:50%; }
.menu-button span { display:block; width:17px; height:1px; margin:5px auto; background:white; transition:.3s; }
.hero { position:relative; height:100svh; min-height:820px; max-height:1080px; overflow:hidden; }
.hero-art { position:absolute; inset:0; background-image:url('./assets/pump-space-hero.png'); background-position:center center; background-size:cover; filter:saturate(.86) contrast(1.06); transform:scale(1.015); animation:hero-breathe 12s ease-in-out infinite alternate; }
.hero-vignette { position:absolute; inset:0; background:linear-gradient(180deg,rgba(1,3,4,.2) 0%,rgba(2,3,7,.02) 54%,#030609 96%),radial-gradient(ellipse at center,transparent 18%,rgba(0,0,0,.12) 72%,rgba(0,0,0,.62)); }
.hero-copy { position:relative; z-index:2; display:flex; flex-direction:column; align-items:center; padding:clamp(140px,16vh,175px) 24px 0; text-align:center; }
.hero-logo { display:flex; align-items:center; gap:18px; font-size:clamp(88px,6.1vw,116px); font-weight:900; letter-spacing:-.075em; line-height:.9; text-shadow:0 2px 22px rgba(0,0,0,.42); }
.hero-mark { width:clamp(72px,4.6vw,88px); height:clamp(72px,4.6vw,88px); margin-right:3px; filter:drop-shadow(0 0 22px rgba(57,255,136,.32)); }
.hero-tagline { margin:27px 0 8px; font-size:clamp(26px,1.75vw,34px); font-weight:600; letter-spacing:-1.2px; }
.hero-sub { margin:0; color:#b3bbb9; font-size:clamp(15px,1vw,19px); }
.cta-row { display:flex; align-items:center; justify-content:center; gap:12px; margin-top:29px; }
.primary-cta,.secondary-cta { display:inline-flex; align-items:center; justify-content:center; min-width:200px; height:var(--button-height); padding:0 24px; border-radius:11px; font-size:16px; font-weight:750; line-height:1; text-decoration:none; cursor:pointer; transition:transform .2s,box-shadow .2s,border-color .2s; }
.primary-cta { gap:8px; color:#041008; background:var(--green); border:1px solid var(--green); box-shadow:0 0 30px rgba(57,255,136,.24); }
.primary-cta:hover { transform:translateY(-2px); box-shadow:0 0 38px rgba(57,255,136,.38); }
.secondary-cta { color:white; background:rgba(28,32,34,.72); border:1px solid rgba(255,255,255,.14); backdrop-filter:blur(12px); }
.secondary-cta:hover { transform:translateY(-2px); border-color:rgba(57,255,136,.5); }
.contract-pill { display:flex;align-items:center;gap:10px;width:min(590px,calc(100vw - 40px));min-height:46px;padding:6px 7px 6px 14px;background:rgba(5,10,8,.78);border:1px solid rgba(57,255,136,.24);border-radius:12px;backdrop-filter:blur(14px);box-shadow:0 12px 30px rgba(0,0,0,.25); }
.hero-contract { position:absolute;z-index:4;bottom:24px;left:24px;max-width:calc(100vw - 48px); }
.terminal-contract { padding:0;overflow:hidden;color:#83f8ae;background:transparent;border:0;outline:0;font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-size:12px;font-weight:500;line-height:1.4;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;opacity:.72;transition:color .2s,opacity .2s; }
.terminal-contract:hover,.terminal-contract:focus-visible,.terminal-contract.copied { color:var(--green);opacity:1; }
.contract-label { flex:none;color:var(--green);font-size:10px;font-weight:800;letter-spacing:1.2px; }
.contract-pill code { flex:1;min-width:0;overflow:hidden;color:#bdc8c2;font-family:Aeonik,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:500;line-height:1;text-overflow:ellipsis;white-space:nowrap; }
.copy-contract { display:flex;align-items:center;justify-content:center;gap:6px;flex:none;height:32px;padding:0 12px;color:white;background:rgba(57,255,136,.08);border:1px solid rgba(57,255,136,.25);border-radius:8px;font-size:10px;cursor:pointer;transition:background .2s,color .2s,transform .2s; }
.copy-contract:hover,.copy-contract.copied { color:#041008;background:var(--green);transform:translateY(-1px); }
.copy-contract b { font-weight:750; }
.scroll-cue { position:absolute; z-index:3; bottom:30px; left:50%; display:flex; flex-direction:column; align-items:center; gap:9px; color:#6d7d75; font-size:7px; font-weight:700; letter-spacing:2px; text-decoration:none; transform:translateX(-50%); }
.scroll-cue i { display:block; width:1px; height:28px; background:linear-gradient(var(--green),transparent); }
.product-section { position:relative; min-height:820px; padding:52px 5vw 65px; background:linear-gradient(180deg,#030609 0%,#030509 78%,#060812 100%); overflow:hidden; }
.section-heading { max-width:780px; margin:0 auto; text-align:center; }
.eyebrow,.card-kicker { color:var(--green); font-size:8px; font-weight:800; letter-spacing:1.3px; }
.eyebrow i { display:inline-block; width:5px; height:5px; margin-right:7px; background:var(--green); border-radius:50%; box-shadow:0 0 12px var(--green); }
.section-heading h1,.community-copy h2 { margin:13px 0 11px; font-size:43px; line-height:.93; letter-spacing:-2.8px; font-weight:750; }
.section-heading h1 em { color:#d9e0dc; font-style:normal; font-weight:520; }
.section-heading p,.community-copy p { color:#8c9792; font-size:12px; }
.device-stage { position:relative; max-width:1050px; height:570px; margin:43px auto 0; }
.monitor-glow { position:absolute; inset:5% 7% 18%; background:radial-gradient(ellipse,rgba(57,255,136,.16),transparent 64%); filter:blur(25px); }
.monitor { position:absolute; z-index:3; top:0; left:5%; width:88%; aspect-ratio:1.73; padding:9px; background:#090d0c; border:1px solid rgba(255,255,255,.08); border-radius:15px; box-shadow:0 0 0 5px #070b0a,0 35px 100px rgba(0,0,0,.8),0 0 65px rgba(57,255,136,.06); overflow:hidden; }
.desktop-screen { display:block; width:100%; height:100%; object-fit:cover; object-position:center top; border-radius:8px; }
.monitor>.monitor-topbar,.monitor>.trade-layout { display:none; }
.monitor-topbar { height:35px; display:flex; align-items:center; gap:28px; padding:0 12px; background:#070b0a; border-bottom:1px solid #171d1a; }
.mini-brand { display:flex; align-items:center; gap:4px; font-size:11px; font-weight:800; }.mini-brand .brand-mark { width:12px;height:12px; }
.fake-search { flex:1; max-width:330px; color:#4f5b55; padding:6px 10px; background:#0b100e; border:1px solid #141b17; border-radius:5px; font-size:7px; }
.wallet-dot { width:18px; height:18px; margin-left:auto; background:linear-gradient(135deg,var(--green),#18442c); border-radius:50%; }
.trade-layout { display:grid; grid-template-columns:20% 57% 23%; height:calc(100% - 35px); background:#080c0b; }
.watchlist,.order-panel { padding:13px 10px; border-right:1px solid #151b18; }
.label-row { display:flex; justify-content:space-between; margin-bottom:8px; color:#9aa59f; font-size:7px; }.label-row small { color:#46504b; font-size:5px; }
.token { display:flex; align-items:center; gap:7px; margin:2px 0; padding:8px 6px; border-radius:5px; font-size:7px; }.token.active { background:#111914; }.token:hover { background:#0f1512; }
.token span { min-width:0; font-weight:700; }.token small { display:block; margin-top:2px; color:#526058; font-size:5px; font-weight:500; }.token strong { margin-left:auto; text-align:right; font-size:6px; }.token strong small { color:var(--green); }
.coin { display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; flex:none; border-radius:50%; color:#07100b; font-size:8px; font-style:normal; font-weight:900; }.green { background:var(--green); }.orange { background:#ff8c42; }.blue { background:#72a9ff; }.yellow { background:#ffd45b; }.pink { background:#ff79bb; }.cyan { background:#4fe0df; }
.chart-panel { position:relative; overflow:hidden; border-right:1px solid #151b18; }
.chart-head { display:flex; justify-content:space-between; align-items:center; height:55px; padding:10px 13px; border-bottom:1px solid #151b18; font-size:8px; }.chart-head small { display:block; color:#546159; font-size:6px; margin-top:3px; }.chart-head>b { font-size:10px; }.chart-head>b span { color:var(--green); font-size:6px; }
.chart-grid { position:relative; height:55%; background-image:linear-gradient(#121a16 1px,transparent 1px),linear-gradient(90deg,#121a16 1px,transparent 1px); background-size:100% 42px,52px 100%; overflow:hidden; }
.chart-line { position:absolute; left:0; right:0; bottom:30%; height:1px; background:rgba(57,255,136,.23); }
.candle { position:absolute; width:7px; background:currentColor; bottom:var(--bottom); height:var(--h); color:var(--green); box-shadow:0 0 8px currentColor; }.candle::before { content:""; position:absolute; width:1px; height:calc(100% + 15px); top:-7px; left:3px; background:currentColor; }.candle.down { color:#ff4d6d; }
.c1{left:7%;--bottom:18%;--h:14%}.c2{left:14%;--bottom:26%;--h:9%}.c3{left:22%;--bottom:24%;--h:19%}.c4{left:30%;--bottom:32%;--h:12%}.c5{left:38%;--bottom:38%;--h:10%}.c6{left:46%;--bottom:36%;--h:22%}.c7{left:54%;--bottom:52%;--h:16%}.c8{left:62%;--bottom:61%;--h:19%}.c9{left:70%;--bottom:57%;--h:15%}.c10{left:78%;--bottom:64%;--h:24%}.c11{left:86%;--bottom:79%;--h:12%}.c12{left:93%;--bottom:68%;--h:13%}
.activity-table { font-size:6px; }.activity-table>div { display:grid; grid-template-columns:.7fr 1fr 1fr .6fr; padding:7px 10px; border-top:1px solid #121814; color:#76837b; }.activity-table>div:first-child { color:#435048; }.activity-table .buy { color:var(--green); }.activity-table .sell { color:#ff5a77; }
.order-panel { border:0; padding:10px; font-size:6px; }.tabs { display:flex; height:26px; background:#080b0a; border:1px solid #18211c; border-radius:5px; overflow:hidden; margin-bottom:13px; }.tabs>* { display:grid;place-items:center;flex:1;padding:0;text-align:center; }.tabs b { color:#06120b; background:var(--green); }.order-panel label { color:#5d6a63; }.amount { display:flex; align-items:center; justify-content:space-between; min-height:31px; padding:0 8px; margin:4px 0 7px; background:#0d1310; border:1px solid #18201c; border-radius:5px; }.amount b { font-size:10px; }.quick { display:flex; gap:4px; margin-bottom:10px; }.quick span { display:grid;place-items:center;flex:1;height:20px;padding:0;text-align:center;background:#111814;border-radius:3px;color:#7d8982; }.order-panel>button { width:100%; height:29px; margin-top:6px; padding:0; background:var(--green); border:0; border-radius:5px; color:#031008; font-weight:800; font-size:7px; }.security { margin-top:8px; color:#46534b; text-align:center; }
.monitor-stand { position:absolute; z-index:1; top:72%; left:39%; width:22%; height:160px; perspective:500px; }.monitor-stand::before { content:""; position:absolute; left:33%; width:34%; height:92%; background:linear-gradient(90deg,#080b0a,#303833 48%,#090d0b); clip-path:polygon(15% 0,85% 0,100% 100%,0 100%); }.monitor-stand i { position:absolute; z-index:2; left:0; bottom:0; width:100%; height:22%; border-radius:50%; background:linear-gradient(#303833,#080b0a 65%); box-shadow:0 25px 40px #000; }
.phone { position:absolute; z-index:5; top:19%; right:7%; width:220px; height:auto; padding:0; background:transparent; border:0; border-radius:0; box-shadow:none; transform:rotate(9deg); overflow:visible; font-size:7px; }
.phone-shot { display:block; width:100%; height:auto; filter:drop-shadow(0 32px 36px rgba(0,0,0,.8)) drop-shadow(0 0 15px rgba(57,255,136,.12)); }
.phone>:not(.phone-shot) { display:none; }
.phone-speaker { position:absolute; top:6px; left:50%; width:53px; height:14px; background:#171d1a; border-radius:0 0 12px 12px; transform:translateX(-50%); }.phone-status { display:flex; justify-content:space-between; padding:1px 7px 11px; color:#9ba59f; }.phone-brand { display:flex; align-items:center; gap:4px; font-size:10px; font-weight:800; }.phone-brand .brand-mark { width:14px;height:14px; }.phone-brand b { margin-left:auto; color:#6f7d75; }
.balance { padding:16px 3px 10px; }.balance small { display:block; color:#65716a; }.balance strong { display:block; margin:5px 0; font-size:25px; letter-spacing:-1.5px; }.balance sup { color:#68736d; font-size:12px; }.balance span { color:var(--green); }
.phone-actions { display:flex; gap:6px; }.phone-actions button { flex:1; height:29px; padding:0; border:1px solid #233027; border-radius:6px; background:#101712; color:white; font-size:7px; }.phone-actions button:first-child { color:#051009; background:var(--green); font-weight:800; }
.phone-list-title { display:flex; justify-content:space-between; margin:16px 2px 6px; }.phone-list-title span { color:var(--green); }.phone-token { display:flex; align-items:center; gap:7px; padding:7px 1px; border-bottom:1px solid #121914; }.phone-token .coin { width:20px;height:20px; }.phone-token b small,.phone-token strong small { display:block; color:#59655e; font-size:5px; margin-top:2px; }.phone-token strong { margin-left:auto; text-align:right; }.phone-token strong small { color:var(--green); }
.phone-dock { position:absolute; inset:auto 8px 8px; display:flex; justify-content:space-around; padding-top:8px; border-top:1px solid #19201c; color:#5b6860; text-align:center; }.phone-dock span { display:flex; flex-direction:column; gap:3px; }.phone-dock span:nth-child(2) { color:var(--green); }.phone-dock small { font-size:4px; }
.features-section { padding:34px clamp(24px,3.6vw,70px) 120px; background:linear-gradient(180deg,#060812,#030609 50%,#050811); }
.features-heading { max-width:1760px; margin:0 auto 48px; }.features-heading h2 { margin:0; font-size:clamp(42px,3vw,56px); letter-spacing:-2.8px; line-height:1; }.features-heading p { margin:12px 0 0; color:#747f7a; font-size:clamp(18px,1.45vw,27px); }
.feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; max-width:1760px; margin:0 auto; }
.feature-card { position:relative; min-height:clamp(430px,29.8vw,566px); padding:33px 32px; overflow:hidden; background:linear-gradient(145deg,#101612,#090d0b); border:1px solid rgba(255,255,255,.07); border-radius:24px; box-shadow:inset 0 1px rgba(255,255,255,.025); transition:transform .3s,border-color .3s; }
.feature-card:hover { transform:translateY(-4px); border-color:rgba(57,255,136,.25); }.feature-card h3 { max-width:480px; margin:14px 0 30px; font-size:clamp(25px,1.8vw,34px); line-height:1.08; letter-spacing:-1.2px; font-weight:650; }
.feature-card .card-kicker { font-size:clamp(10px,.7vw,13px); }
.card-asset { position:absolute; z-index:0; top:150px; left:32px; width:calc(100% - 64px); height:calc(100% - 150px); object-fit:cover; object-position:center top; border-radius:16px 16px 0 0; }
.feature-card.has-asset>.card-kicker,.feature-card.has-asset>h3 { position:relative; z-index:1; }
.feature-card.has-asset>.leaderboard-card,.feature-card.has-asset>.feed-card,.feature-card.has-asset>.signin-stack,.feature-card.has-asset>.chain-art,.feature-card.has-asset>.pay-card { display:none; }
.leaderboard-card { display:flex; flex-direction:column; gap:5px; padding-top:8px; }.leaderboard-card>div { display:flex; align-items:center; min-height:46px; gap:9px; font-size:10px; }.rank { display:grid; place-items:center; width:18px; color:#778078; }.gold { color:#ffce3a; }.silver { color:#cfd4d1; }.bronze { color:#ce8055; }.avatar { display:grid; place-items:center; width:31px; height:31px; border-radius:50%; color:white; font-style:normal; font-size:10px; font-weight:800; }.a1{background:linear-gradient(135deg,#4855ff,#152038)}.a2{background:linear-gradient(135deg,#755937,#d1aa6a)}.a3{background:linear-gradient(135deg,#904c32,#101924)}.a4{background:linear-gradient(135deg,#444,#111)}.leaderboard-card b { line-height:1.2; }.leaderboard-card small { display:block; color:#5e6963; font-size:7px; font-weight:500; }.leaderboard-card strong { margin-left:auto; color:var(--green); font-size:9px; }.leaderboard-card .muted { opacity:.38; }
.feed-card { margin-top:42px; padding:15px; background:#050807; border:1px solid #151d18; border-radius:12px; box-shadow:0 0 28px rgba(57,255,136,.03); }.feed-person { display:flex; align-items:flex-start; gap:8px; padding:4px 0 11px; font-size:8px; }.feed-person .avatar { width:23px;height:23px;font-size:7px; }.feed-person b { flex:1; }.feed-person b small { display:block;margin-top:5px;color:#818d86;font-weight:500; }.feed-person>span { color:#4f5b54; font-size:6px; }.feed-person mark { padding:2px 4px;color:var(--green);background:rgba(57,255,136,.08);border-radius:3px;font-size:5px; }.feed-person em { color:#6fcfa2;font-style:normal; }.feed-trade { display:flex;align-items:center;gap:8px;margin:0 0 12px 31px;padding:10px;background:#0c120f;border-radius:7px;font-size:7px; }.feed-trade .coin { width:23px;height:23px; }.feed-trade span small,.feed-trade strong small { display:block;color:#59665e;font-size:5px;margin-top:3px; }.feed-trade strong { margin-left:auto;text-align:right; }.feed-trade strong small { color:var(--green); }
.alert-bubble { display:flex;align-items:center;gap:10px;margin-top:66px;padding:17px 14px;background:linear-gradient(135deg,#292e2b,#191d1b);border:1px solid rgba(255,255,255,.08);border-radius:24px;box-shadow:0 12px 26px rgba(0,0,0,.42);font-size:8px; }.alert-bubble>.brand-mark { flex:none;width:27px;height:27px; }.alert-bubble span { min-width:0; }.alert-bubble span b { display:block;font-size:11px; }.alert-bubble small { display:block;margin-top:3px;color:#d1d8d4;white-space:nowrap; }.alert-bubble time { margin-left:auto;color:#757f7a;white-space:nowrap; }
.signin-stack { position:relative;margin-top:47px;padding:0 10px; }.signin-stack button { display:flex;align-items:center;justify-content:center;width:100%;height:39px;margin-bottom:9px;padding:0;border:0;border-radius:7px;background:white;color:#050706;font-size:11px;font-weight:700;line-height:1;cursor:pointer; }.signin-stack button:nth-child(2) { background:#080b0a;color:white;border:1px solid #1d241f; }.signin-stack button b { margin-right:9px;font-size:14px; }.google { color:#49a2ff!important;text-shadow:8px 0 #ffcc45,-4px 0 #ff5c67; }.tap-hand { position:absolute;right:42%;top:63px;font-size:54px;filter:drop-shadow(0 8px 8px #000);font-style:normal;transform:rotate(-10deg); }
.chain-art { position:relative;height:225px;margin-top:10px;perspective:500px; }.slab { position:absolute;left:13%;width:48%;height:58px;background:linear-gradient(145deg,#8dfffb,#88aaff 45%,#3c49b7 75%);clip-path:polygon(16% 0,100% 36%,83% 71%,0 35%);filter:drop-shadow(0 8px 11px rgba(36,210,255,.24)); }.s1{top:15px}.s2{top:50px;left:19%}.s3{top:85px;left:25%}.orb { position:absolute;right:5%;top:14px;width:95px;height:105px;background:radial-gradient(circle at 35% 30%,#9dffff,#0a69ff 45%,#2731a3 70%,#040710);border:3px solid #73dcff;border-radius:33% 58% 44% 55%;box-shadow:0 0 25px #158cff; }.cube { position:absolute;width:37px;height:37px;background:linear-gradient(135deg,#ffe39b,#a36c22);border:2px solid #805115;transform:rotate(25deg);box-shadow:10px 10px 0 #5d3f20; }.c-one{left:33%;bottom:22px}.c-two{left:48%;bottom:8px;transform:rotate(-8deg)}.ring { position:absolute;right:9%;bottom:-15px;width:95px;height:78px;border:22px solid #c5bfff;border-radius:50%;transform:rotate(-32deg);box-shadow:0 0 20px rgba(155,142,255,.5); }
.pay-card { margin:42px 15px 0;padding:13px;background:#070a09;border:1px solid #151c18;border-radius:10px; }.pay-tabs { display:flex;height:27px;margin-bottom:15px;background:#0d120f;border-radius:5px; }.pay-tabs>* { display:grid;place-items:center;flex:1;padding:0;text-align:center;color:#526058;font-size:8px; }.pay-tabs b{color:var(--green)}.pay-card>strong { display:flex;justify-content:space-between;font-size:18px; }.pay-card>strong small { color:#47524c;font-size:8px;font-weight:500;align-self:center; }.amounts { display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:13px 0; }.amounts span { display:grid;place-items:center;height:26px;padding:0;text-align:center;background:#101612;border:1px solid #1a231e;border-radius:5px;font-size:8px; }.apple-line { display:flex;justify-content:space-between;margin:8px 0;font-size:8px; }.apple-line small { color:#4dff91; }.pay-card button { width:100%;height:33px;padding:0;background:white;border:0;border-radius:6px;font-size:9px;font-weight:800; }
.token-section { position:relative;overflow:hidden;padding:120px clamp(24px,5vw,96px);background:linear-gradient(180deg,#050811 0%,#06110b 48%,#050811 100%); }
.token-glow { position:absolute;top:-180px;right:-160px;width:700px;height:700px;background:radial-gradient(circle,rgba(57,255,136,.18),transparent 66%);filter:blur(10px);pointer-events:none; }
.token-shell { position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(380px,.8fr);align-items:center;gap:clamp(55px,7vw,130px);max-width:1600px;margin:0 auto; }
.token-story h2 { margin:18px 0 28px;font-size:clamp(46px,4.3vw,78px);font-weight:750;line-height:.94;letter-spacing:-.055em; }
.token-story h2 em { color:var(--green);font-style:normal; }
.token-story>p { max-width:760px;margin:0 0 16px;color:#98a39d;font-size:clamp(16px,1.2vw,21px);line-height:1.55; }
.token-contract { width:min(670px,100%);margin-top:34px; }
.token-identity { position:relative;justify-self:end;display:flex;flex-direction:column;justify-content:flex-end;width:min(500px,100%);min-height:520px;padding:50px;overflow:hidden;background:radial-gradient(circle at 78% 20%,rgba(57,255,136,.16),transparent 34%),linear-gradient(145deg,#0c1711,#080d0a);border:1px solid rgba(57,255,136,.18);border-radius:28px;box-shadow:0 35px 100px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.04); }
.token-identity::before { content:"";position:absolute;top:-145px;right:-125px;width:385px;height:385px;border:1px solid rgba(57,255,136,.1);border-radius:50%;box-shadow:0 0 0 55px rgba(57,255,136,.025),0 0 0 110px rgba(57,255,136,.018); }
.token-logo-wrap { position:absolute;top:48px;right:48px;width:112px;height:112px;padding:18px;background:rgba(5,14,9,.74);border:1px solid rgba(57,255,136,.27);border-radius:30px;box-shadow:0 0 42px rgba(57,255,136,.2);transform:rotate(10deg); }
.token-logo-wrap img { display:block;width:100%;height:100%;object-fit:contain; }
.token-identity>span { position:relative;color:var(--green);font-size:11px;font-weight:800;letter-spacing:1.8px; }
.token-identity h3 { position:relative;margin:12px 0 10px;font-size:clamp(48px,4vw,68px);font-weight:800;line-height:.86;letter-spacing:-.06em; }
.token-identity p { position:relative;margin:0;color:#88938d;font-size:16px;line-height:1.35; }
.token-tags { position:relative;display:flex;flex-wrap:wrap;gap:7px;margin-top:28px; }
.token-tags span { padding:8px 11px;color:#a5b2ab;background:rgba(57,255,136,.055);border:1px solid rgba(57,255,136,.13);border-radius:999px;font-size:9px;font-weight:700;letter-spacing:.8px; }
.community-section { position:relative; height:730px; display:grid; place-items:center; overflow:hidden; background:#06130d; }
.community-photo { position:absolute; inset:0; background:url('./assets/pump-community.png') center bottom/cover no-repeat; opacity:.74; }
.community-wash { position:absolute; inset:0; background:linear-gradient(180deg,#050811 0%,rgba(6,29,18,.8) 20%,rgba(4,25,15,.45) 55%,#030609 100%),radial-gradient(circle at center,rgba(16,120,63,.34),transparent 55%); }
.orbit-system { position:absolute; width:650px;height:650px; }.orbit { position:absolute;inset:0;border:1px dashed rgba(57,255,136,.18);border-radius:50%; }.orbit-two { inset:17%;border-style:solid;border-color:rgba(57,255,136,.08); }.orbiters { position:absolute;inset:0;animation:orbit-spin 28s linear infinite; }.orbiter { position:absolute;display:grid;place-items:center;width:48px;height:48px;overflow:hidden;border:2px solid rgba(127,255,177,.45);border-radius:50%;background:#0a0e0c;box-shadow:0 6px 20px #000,0 0 18px rgba(57,255,136,.13);animation:orbit-counter 28s linear infinite; }.orbiter img { width:100%;height:100%;object-fit:cover;border-radius:50%; }.o1{left:calc(50% - 24px);top:-24px}.o2{right:8%;top:20%}.o3{right:8%;bottom:20%}.o4{left:calc(50% - 24px);bottom:-24px}.o5{left:8%;bottom:20%}.o6{left:8%;top:20%}.orbit-system:hover .orbiters,.orbit-system:hover .orbiter { animation-play-state:paused; }
.community-copy { position:relative;z-index:3;text-align:center; }.community-copy h2 { font-size:43px; }.community-copy .cta-row { margin-top:19px; }
footer { display:flex;justify-content:space-between;align-items:flex-start;min-height:330px;padding:78px clamp(28px,4vw,76px) 54px;background:#030609;border-top:1px solid rgba(255,255,255,.045); }.footer-brand .brand { font-size:32px; }.footer-brand .brand-mark { width:35px;height:35px; }.footer-brand p { margin:10px 0 54px;color:#8d9892;font-size:16px; }.footer-brand small { color:#4c5852;font-size:11px; }.footer-links { display:flex;gap:clamp(62px,6vw,112px); }.footer-links>div { display:flex;flex-direction:column;gap:13px;min-width:115px; }.footer-links span { margin-bottom:5px;color:#526059;font-size:10px;font-weight:700;letter-spacing:1.4px; }.footer-links a { color:#d2d8d5;font-size:14px;text-decoration:none;transition:color .2s; }.footer-links a:hover { color:var(--green); }
.modal-backdrop { position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.78);backdrop-filter:blur(12px); }.modal-backdrop[hidden] { display:none; }.modal { position:relative;width:min(390px,100%);padding:38px 32px 27px;text-align:center;background:#0c120f;border:1px solid rgba(57,255,136,.23);border-radius:20px;box-shadow:0 35px 100px #000,0 0 60px rgba(57,255,136,.08); }.modal-close { position:absolute;top:13px;right:15px;width:28px;height:28px;padding:0;color:#87928c;background:#151c18;border:1px solid #26302a;border-radius:50%;font-size:19px;cursor:pointer; }.modal-mark { width:44px;height:44px;margin-bottom:8px;filter:drop-shadow(0 0 16px rgba(57,255,136,.35)); }.modal h2 { margin:10px 0 5px;font-size:27px;letter-spacing:-1.3px; }.modal>p { margin:0 0 18px;color:#7f8c85;font-size:12px; }.modal-option { display:flex;align-items:center;justify-content:center;width:100%;height:41px;margin:5px 0;padding:0;background:white;color:#050705;border:0;border-radius:7px;font-size:11px;font-weight:700;line-height:1;cursor:pointer; }.modal-option:nth-of-type(3) { background:#151b18;color:white;border:1px solid #27312b; }.modal-option span { margin-right:9px; }.modal>small { display:block;margin-top:14px;color:#526058;font-size:7px; }.toast { position:fixed;z-index:110;right:24px;bottom:24px;display:flex;align-items:center;gap:12px;min-width:280px;padding:15px 17px;background:#101813;border:1px solid rgba(57,255,136,.35);border-radius:12px;box-shadow:0 20px 50px #000;transform:translateY(130%);opacity:0;transition:.45s cubic-bezier(.2,.8,.2,1); }.toast.show { transform:none;opacity:1; }.toast>span { display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#041109;background:var(--green);font-weight:900; }.toast p { margin:0;font-size:11px; }.toast small { display:block;margin-top:3px;color:#7b8881;font-size:8px; }
.reveal { opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease; }.reveal.visible { opacity:1;transform:none; }
.rewards-section { position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.86fr);gap:clamp(45px,8vw,130px);align-items:center;padding:clamp(90px,12vw,180px) max(6vw,32px);background:radial-gradient(circle at 84% 28%,rgba(57,255,136,.13),transparent 31%),#050908;overflow:hidden; }.rewards-section:before { content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(57,255,136,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(57,255,136,.12) 1px,transparent 1px);background-size:45px 45px;mask-image:linear-gradient(90deg,transparent,#000 28%,#000 72%,transparent); }.rewards-heading,.rewards-terminal { position:relative;z-index:1; }.rewards-heading { max-width:570px; }.rewards-heading h2 { margin:16px 0 25px;font-size:clamp(47px,5.5vw,86px);line-height:.9;letter-spacing:-.075em; }.rewards-heading h2 em { color:#39ff88;font-style:normal; }.rewards-heading p { max-width:430px;margin-bottom:30px;color:#abb9b0;font-size:16px;line-height:1.7; }.rewards-terminal { border:1px solid rgba(57,255,136,.35);border-radius:15px;background:rgba(4,13,8,.86);box-shadow:0 25px 80px rgba(0,0,0,.35),0 0 45px rgba(57,255,136,.07);font-family:monospace;overflow:hidden; }.rewards-terminal-head { display:flex;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid rgba(57,255,136,.18);font-size:11px;letter-spacing:.08em;color:#98a89f; }.rewards-terminal-head span { display:flex;align-items:center;gap:8px;color:#cbdfd1; }.rewards-terminal-head i { width:7px;height:7px;border-radius:50%;background:#587262; }.rewards-terminal-head b { color:#9ca6a0;font-size:10px; }.rewards-terminal-head b.is-live { color:#39ff88; }.rewards-terminal-head b.is-live:before { content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#39ff88;box-shadow:0 0 11px #39ff88; }.rewards-grid { display:grid;grid-template-columns:1fr 1fr; }.rewards-grid>div { min-height:113px;padding:20px;border-bottom:1px solid rgba(57,255,136,.13); }.rewards-grid>div:nth-child(odd) { border-right:1px solid rgba(57,255,136,.13); }.rewards-grid span,.rewards-event span,.rewards-contract span { display:block;color:#77867d;font-size:10px;letter-spacing:.09em; }.rewards-grid strong { display:block;margin-top:12px;color:#effff4;font-size:17px;letter-spacing:-.04em;overflow-wrap:anywhere; }.rewards-grid>div:nth-child(2) strong,.rewards-grid>div:nth-child(3) strong { color:#39ff88; }.rewards-event,.rewards-contract { padding:17px 20px;border-bottom:1px solid rgba(57,255,136,.13); }.rewards-event p { min-height:20px;margin:9px 0 0;color:#d7e5da;font-size:12px;line-height:1.5; }.rewards-contract { border:0; }.rewards-contract code { display:block;margin-top:9px;color:#75d49d;font-size:11px;overflow-wrap:anywhere; }
.rewards-holders { border-bottom:1px solid rgba(57,255,136,.13); }.rewards-holders-head,.rewards-holder { display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px 20px; }.rewards-holders-head { border-bottom:1px solid rgba(57,255,136,.13);color:#77867d;font-size:10px;letter-spacing:.09em; }.rewards-holders-head small { font-size:10px; }.rewards-holder { grid-template-columns:28px 1fr auto;border-bottom:1px solid rgba(57,255,136,.08);font-size:12px; }.rewards-holder:last-child { border:0; }.rewards-holder>span { color:#647269;font-size:10px; }.rewards-holder code { color:#dceee0; }.rewards-holder strong { color:#39ff88;font-weight:500; }.rewards-holder-list>p { margin:0;padding:22px 20px;color:#819187;font-size:12px; }
.rewards-tabs { display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid rgba(57,255,136,.13); }.rewards-tabs button { padding:14px;border:0;border-right:1px solid rgba(57,255,136,.13);background:transparent;color:#75847a;cursor:pointer;font:10px monospace;letter-spacing:.1em;transition:.2s; }.rewards-tabs button:last-child { border-right:0; }.rewards-tabs button:hover,.rewards-tabs button.is-active { color:#39ff88;background:rgba(57,255,136,.06); }.rewards-tabs button.is-active { box-shadow:inset 0 -2px #39ff88; }.rewards-history { border-bottom:1px solid rgba(57,255,136,.13); }.rewards-history-head { display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px 20px;border-bottom:1px solid rgba(57,255,136,.13);color:#77867d;font-size:10px;letter-spacing:.09em; }.rewards-history-head small { font-size:10px; }.rewards-history-row { display:grid;grid-template-columns:minmax(110px,1fr) auto auto auto;align-items:center;gap:12px;padding:13px 20px;border-bottom:1px solid rgba(57,255,136,.08);font-size:11px; }.rewards-history-row:last-child { border:0; }.rewards-history-row div span { display:block;color:#dceee0; }.rewards-history-row time { display:block;margin-top:4px;color:#6c7a71;font-size:10px; }.rewards-history-row>strong { color:#39ff88;font-weight:500;white-space:nowrap; }.rewards-history-row>small { color:#a4b2a9;white-space:nowrap; }.rewards-history-row>a,.rewards-no-tx { color:#dceee0;font-size:10px;text-decoration:none;white-space:nowrap; }.rewards-history-row>a:hover { color:#39ff88; }.rewards-no-tx { color:#6c7a71; }.rewards-history-list>p { margin:0;padding:22px 20px;color:#819187;font-size:12px; }
.distribution-logo-drop { position:fixed;z-index:80;top:0;width:clamp(56px,7vw,106px);height:auto;pointer-events:none;filter:drop-shadow(0 12px 18px rgba(0,0,0,.48)) drop-shadow(0 0 18px rgba(57,255,136,.24));animation:pump-distribution-drop 10s cubic-bezier(.16,.78,.2,1) forwards;will-change:transform,opacity; }@keyframes pump-distribution-drop { 0% { opacity:0;transform:translate3d(0,-160px,0) rotate(var(--drop-rotation)) scale(.72); } 8% { opacity:1; } 52% { opacity:1;transform:translate3d(var(--drop-drift),var(--drop-y),0) rotate(0deg) scale(1); } 58% { transform:translate3d(var(--drop-drift),calc(var(--drop-y) - 24px),0) rotate(-5deg) scale(.93); } 65%,86% { opacity:1;transform:translate3d(var(--drop-drift),var(--drop-y),0) rotate(0deg) scale(1); } 100% { opacity:0;transform:translate3d(var(--drop-drift),calc(var(--drop-y) + 20px),0) rotate(8deg) scale(.72); } }
@keyframes hero-breathe { to{transform:scale(1.035) translateY(-6px)} }
@keyframes orbit-spin { to{transform:rotate(360deg)} }
@keyframes orbit-counter { to{transform:rotate(-360deg)} }
@media (min-width:1400px) {
  .leaderboard-card { gap:7px;padding-top:62px; }
  .leaderboard-card>div { min-height:77px;gap:14px;font-size:16px; }
  .rank { width:28px;font-size:15px; }
  .avatar { width:48px;height:48px;font-size:14px; }
  .leaderboard-card small { margin-top:5px;font-size:12px; }
  .leaderboard-card strong { font-size:15px; }
  .feed-card { margin-top:64px;padding:21px;border-radius:17px; }
  .feed-person { gap:12px;padding:7px 0 17px;font-size:13px; }
  .feed-person .avatar { width:36px;height:36px;font-size:11px; }
  .feed-person b small { margin-top:7px;font-size:11px; }
  .feed-person>span { font-size:10px; }
  .feed-person mark { padding:3px 6px;font-size:9px; }
  .feed-trade { gap:12px;margin:0 0 18px 48px;padding:14px;border-radius:10px;font-size:12px; }
  .feed-trade .coin { width:34px;height:34px;font-size:12px; }
  .feed-trade span small,.feed-trade strong small { margin-top:5px;font-size:9px; }
  .alert-bubble { gap:15px;margin-top:152px;padding:20px 19px;border-radius:31px;font-size:12px; }
  .alert-bubble>.brand-mark { width:42px;height:42px; }
  .alert-bubble span b { font-size:17px; }
  .alert-bubble small { margin-top:4px;font-size:13px; }
  .alert-bubble time { font-size:13px; }
  .signin-stack { margin-top:116px;padding:0 18px; }
  .signin-stack button { height:55px;margin-bottom:13px;border-radius:10px;font-size:16px; }
  .signin-stack button b { margin-right:12px;font-size:19px; }
  .tap-hand { top:88px;font-size:72px; }
  .chain-art { margin-top:45px;transform:scale(1.35);transform-origin:top center; }
  .pay-card { margin:96px 18px 0;padding:19px;border-radius:14px; }
  .pay-tabs { height:38px;margin-bottom:20px;border-radius:7px; }
  .pay-tabs>* { font-size:12px; }
  .pay-card>strong { font-size:25px; }
  .pay-card>strong small { font-size:12px; }
  .amounts { gap:7px;margin:18px 0; }
  .amounts span { height:36px;border-radius:7px;font-size:12px; }
  .apple-line { margin:12px 0;font-size:12px; }
  .pay-card button { height:45px;border-radius:8px;font-size:13px; }
}
@media (max-width:900px) {
  .desktop-nav>a,.store-pill { display:none; }.menu-button { display:block; }.desktop-nav { position:absolute;top:60px;right:18px;display:none;width:180px;padding:10px;background:rgba(8,12,10,.96);border:1px solid #222c26;border-radius:12px; }.desktop-nav.open { display:flex;flex-direction:column;align-items:stretch;gap:6px; }.desktop-nav.open>a { display:flex;margin:0;padding:7px 8px;font-size:11px; }.desktop-nav.open .store-pill { display:flex;width:100%;height:44px;margin:0;padding:0; }.desktop-nav.open .store-pill img { height:40px; }.desktop-nav.open .google-play img { height:46px; }
  .scroll-cue { display:none; }
  .rewards-section { grid-template-columns:1fr;padding:90px 40px;gap:44px; }
  .hero { height:100svh;min-height:720px;max-height:900px; }.hero-art { background-position:57% center; }.hero-copy { padding-top:112px; }.hero-logo { font-size:72px; }.hero-mark { width:58px;height:58px; }.hero-tagline { margin-top:22px;font-size:24px; }.hero-sub { font-size:13px; }.hero .cta-row { margin-top:23px; }.hero .primary-cta,.hero .secondary-cta { min-width:168px;height:46px;padding:0 18px;font-size:13px;border-radius:9px; }.product-section { min-height:735px;padding-top:46px;padding-bottom:45px; }.device-stage { transform:scale(.78);transform-origin:top center;margin-top:38px;margin-bottom:-135px; }.feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.feature-card:last-child { grid-column:auto; }.token-section { padding:85px 32px; }.token-shell { grid-template-columns:1fr;gap:55px; }.token-identity { justify-self:start;width:min(620px,100%); }.community-section { height:680px; }.orbit-system { transform:scale(.72); }
}
@media (max-width:620px) {
  .site-header { height:60px;padding:0 18px; }.brand { font-size:20px; }.brand-mark { width:25px;height:25px; }.hero { height:100svh;min-height:680px;max-height:840px; }.hero-art { background-position:61% center; }.hero-vignette { background:linear-gradient(180deg,rgba(1,3,4,.15),rgba(2,3,7,.05) 48%,#030609 94%),radial-gradient(ellipse,transparent,rgba(0,0,0,.46)); }.hero-copy { padding:100px 20px 0; }.hero-logo { font-size:58px;letter-spacing:-5px;gap:10px; }.hero-mark { width:48px;height:48px; }.hero-tagline { margin-top:18px;font-size:19px; }.hero-sub { max-width:310px;font-size:11px;line-height:1.5; }.cta-row { gap:8px;margin-top:18px; }.primary-cta,.secondary-cta { min-width:140px;height:42px;padding:0 13px;font-size:12px;border-radius:8px; }
  .rewards-section { padding:72px 20px;gap:35px; }.rewards-heading h2 { font-size:49px; }.rewards-heading p { font-size:14px; }.rewards-terminal-head { padding:14px; }.rewards-grid>div { min-height:98px;padding:16px 14px; }.rewards-grid strong { font-size:14px; }.rewards-event,.rewards-contract { padding:15px; }.rewards-holders-head,.rewards-holder,.rewards-history-head,.rewards-history-row { padding-inline:15px; }.rewards-history-row { grid-template-columns:1fr auto; }.rewards-history-row>small { grid-column:1; }.rewards-history-row>a,.rewards-no-tx { grid-column:2;grid-row:1 / span 2; }
  .contract-pill { min-height:42px;padding:5px 5px 5px 10px;gap:7px; }.contract-label { font-size:8px; }.contract-pill code { font-size:10px; }.copy-contract { height:30px;padding:0 9px;font-size:9px; }.hero-contract { bottom:16px;left:16px;max-width:calc(100vw - 32px);font-size:10px; }
  .product-section { min-height:590px;padding:40px 15px 28px; }.section-heading h1,.community-copy h2 { font-size:34px;letter-spacing:-2px; }.section-heading p { max-width:290px;margin-inline:auto;line-height:1.5; }.device-stage { width:650px;height:400px;left:50%;margin-top:30px;margin-left:-325px;transform:scale(.51); }.phone { right:7%; }.features-section { padding:43px 15px 65px; }.features-heading h2 { font-size:31px; }.feature-grid { grid-template-columns:1fr;gap:12px; }.feature-card { min-height:315px; }.feature-card.has-asset { min-height:390px; }.card-asset { top:128px;left:20px;width:calc(100% - 40px);height:calc(100% - 128px); }.token-section { padding:70px 18px; }.token-shell { gap:42px; }.token-story h2 { margin:15px 0 22px;font-size:39px; }.token-story>p { font-size:14px; }.token-contract { margin-top:25px; }.token-identity { min-height:400px;padding:30px;border-radius:20px; }.token-logo-wrap { top:28px;right:28px;width:78px;height:78px;padding:12px;border-radius:21px; }.token-identity h3 { font-size:47px; }.token-identity p { font-size:14px; }.token-tags span { padding:7px 8px;font-size:7px; }.community-section { height:610px; }.orbit-system { transform:scale(.52); }.community-copy p { max-width:270px;margin-inline:auto;line-height:1.6; }
  footer { flex-direction:column;gap:42px;min-height:0;padding:45px 22px; }.footer-brand .brand { font-size:24px; }.footer-brand .brand-mark { width:27px;height:27px; }.footer-brand p { margin:8px 0 16px;font-size:13px; }.footer-brand small { font-size:9px; }.footer-links { width:100%;gap:22px;justify-content:space-between; }.footer-links>div { gap:10px;min-width:0; }.footer-links span { font-size:8px; }.footer-links a { font-size:11px; }.toast { left:16px;right:16px;bottom:16px;min-width:0; }
}
@media (prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important; }.reveal { opacity:1;transform:none; }.distribution-logo-drop { display:none; } }