/* SolanaSniper sales site: the same palette, type and cards as the SolanaSniper app */
@font-face{font-family:"Space Grotesk";src:url(../fonts/space-grotesk.woff2) format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"Inter";src:url(../fonts/inter.woff2) format("woff2");font-weight:300 800;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(../fonts/jetbrains-mono.woff2) format("woff2");font-weight:400 700;font-display:swap}
:root{--bg:#100c18;--ink:#1a1226;--glass:rgba(22,17,33,.72);--line:rgba(255,255,255,.08);--line2:rgba(200,182,255,.22);--text:#f1ecfb;--dim:#a79dbd;--mute:#7d7394;
--lilac:#c8b6ff;--violet:#8f72ff;--pink:#ffb0d6;--peach:#ffc6a5;--mint:#9ff0cf;--coral:#ff8b9e;--butter:#ffe9a8;--sky:#9fd8ff;
--grad:linear-gradient(120deg,#c8b6ff,#ffb0d6 55%,#ffc6a5);--sol:linear-gradient(135deg,#9945ff,#7a5cff 40%,#14f195);
--fd:"Space Grotesk",Inter,system-ui,sans-serif;--fb:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--fm:"JetBrains Mono",ui-monospace,Consolas,monospace;--r:16px;--maxw:1180px}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scroll-padding-top:84px}
body{background:var(--bg);color:var(--text);font:16px/1.6 var(--fb);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:-20%;z-index:-1;background:radial-gradient(40% 35% at 15% 10%,rgba(143,114,255,.22),transparent 70%),radial-gradient(35% 30% at 85% 20%,rgba(255,176,214,.14),transparent 70%),radial-gradient(40% 35% at 50% 100%,rgba(20,241,149,.08),transparent 70%)}
a{color:inherit}img{max-width:100%;display:block}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:#fff;color:#000;padding:8px 12px;border-radius:8px;z-index:99}
/* nav */
.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:rgba(16,12,24,.72);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;gap:22px;height:70px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:700 19px var(--fd);letter-spacing:.02em}.brand img{width:34px;height:34px}
.beta{font:600 10px var(--fm);letter-spacing:.14em;padding:3px 8px;border-radius:999px;background:rgba(200,182,255,.14);color:var(--lilac);border:1px solid var(--line2)}
.links{display:flex;gap:22px;margin-left:auto}.links a{text-decoration:none;color:var(--dim);font-size:15px}.links a:hover{color:var(--text)}
.btn{display:inline-flex;align-items:center;gap:9px;padding:12px 22px;border-radius:999px;font:600 15px var(--fd);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .2s,box-shadow .2s}
.btn.pri{background:var(--grad);color:#1a1226;box-shadow:0 10px 34px -10px rgba(255,176,214,.6)}.btn.pri:hover{transform:translateY(-2px);box-shadow:0 14px 40px -10px rgba(255,176,214,.8)}
.btn.ghost{background:rgba(255,255,255,.03);border-color:var(--line2);color:var(--text)}.btn.ghost:hover{border-color:var(--lilac)}
.btn.sm{padding:9px 16px;font-size:14px}
/* hero */
.hero{padding:86px 0 40px;text-align:center}
.chip{display:inline-flex;align-items:center;gap:8px;font:500 12px var(--fm);letter-spacing:.06em;color:var(--dim);padding:6px 14px;border-radius:999px;border:1px solid var(--line2);background:rgba(255,255,255,.02)}
.chip i{width:8px;height:8px;border-radius:50%;background:#14f195;box-shadow:0 0 10px #14f195}
h1{font:700 clamp(40px,6.4vw,76px)/1.04 var(--fd);letter-spacing:-.03em;margin:24px auto 22px;max-width:16ch}
.gt{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{max-width:62ch;margin:0 auto;color:var(--dim);font-size:19px}.lead b{color:var(--text);font-weight:600}
.ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:34px 0 22px}
.trust{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;color:var(--dim);font-size:14px;list-style:none;padding:0}.trust li::before{content:"✓ ";color:var(--mint)}
/* app preview: looks like the real app */
.shot{margin:56px auto 0;max-width:1080px;border-radius:22px;border:1px solid var(--line2);background:rgba(16,12,24,.85);box-shadow:0 60px 140px -40px rgba(143,114,255,.45),0 30px 80px -30px #000;overflow:hidden;text-align:left}
.shot .bar{display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid var(--line);font:600 12px var(--fm);letter-spacing:.14em;color:var(--dim)}.shot .bar b{color:var(--text);font-family:var(--fd);letter-spacing:.04em;font-size:15px}.shot .bar .r{margin-left:auto;color:var(--mint)}
.shot .g{display:grid;grid-template-columns:1fr 1.25fr;gap:14px;padding:16px}
.card{background:var(--glass);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}
.lab{font:600 11px var(--fm);letter-spacing:.16em;color:var(--dim);text-transform:uppercase}.lab.dot::before{content:"● ";color:var(--coral)}
.stats2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat{border-left:3px solid var(--pink)}.stat .v{font:700 26px var(--fd);margin-top:4px}.stat .v.p{color:var(--lilac)}
.tt{display:flex;align-items:center;gap:10px;font:700 15px var(--fd);letter-spacing:.12em}
.pro{font:700 10px var(--fm);letter-spacing:.1em;padding:2px 7px;border-radius:6px;background:var(--sky);color:#0d1a2a}.test{background:var(--butter);color:#2a210d}
.idle{margin-left:auto;font:600 10px var(--fm);letter-spacing:.14em;color:var(--mute);border:1px solid var(--line2);padding:2px 8px;border-radius:6px}.idle.on{color:var(--mint);border-color:rgba(159,240,207,.4)}
.inrow{display:flex;gap:8px;margin:12px 0 8px}.fake{flex:1;font:13px var(--fm);color:var(--mute);background:#0c0913;border:1px solid var(--line);border-radius:12px;padding:11px 14px;white-space:nowrap;overflow:hidden}
.arm{font:700 12px var(--fm);letter-spacing:.06em;padding:11px 16px;border-radius:999px;background:var(--grad);color:#1a1226;white-space:nowrap}
.tiny{font:12px/1.5 var(--fm);color:var(--dim)}
.pos{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;border-radius:12px;background:rgba(159,240,207,.06);border:1px solid rgba(159,240,207,.18);font:13px var(--fm)}.pos b{color:var(--mint);margin-left:auto}
.badge{font:700 10px var(--fm);padding:2px 7px;border-radius:6px;background:rgba(200,182,255,.16);color:var(--lilac)}
.note{font-size:12px;color:var(--mute);text-align:center;padding:0 0 12px}
/* numbers */
.nums{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:60px auto 0}.nums .card{text-align:center}.nums b{display:block;font:700 34px var(--fd)}.nums b.gt{display:block}.nums span{color:var(--dim);font-size:14px}
/* sections */
section.s{padding:96px 0 10px}.eyebrow{font:600 12px var(--fm);letter-spacing:.2em;color:var(--pink);text-transform:uppercase}
h2{font:700 clamp(30px,4vw,46px)/1.1 var(--fd);letter-spacing:-.02em;margin:12px 0 14px}.sub{color:var(--dim);max-width:64ch;font-size:17px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}.step .n{font:700 13px var(--fm);color:var(--pink)}.step h3{font:600 19px var(--fd);margin:8px 0 6px}.step p{color:var(--dim);font-size:15px}
table{width:100%;border-collapse:collapse;margin-top:16px;font-size:15px}th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line)}th{font:600 11px var(--fm);letter-spacing:.14em;color:var(--dim);text-transform:uppercase}td:first-child{color:var(--dim)}
.feat{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:34px}.feat .card{padding:22px 24px}.feat h3{display:flex;align-items:center;gap:10px;font:600 20px var(--fd);margin-bottom:8px}.feat p,.feat li{color:var(--dim);font-size:15px}.feat ul{padding-left:18px;margin-top:8px}.feat .wide{grid-column:1/-1}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tags span{font:600 11px var(--fm);letter-spacing:.08em;padding:4px 9px;border-radius:7px;background:rgba(200,182,255,.1);border:1px solid var(--line2);color:var(--lilac)}
.ex{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.ex h3{font:600 20px var(--fd);margin:6px 0}.ex p{color:var(--dim);font-size:15px}.ex .def{border-color:rgba(255,176,214,.4)}
.fees{display:grid;grid-template-columns:1fr 1.3fr;gap:14px;margin-top:30px;align-items:start}.zero{font:700 64px/1 var(--fd)}
.access{margin-top:30px;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:30px 32px;background:linear-gradient(120deg,rgba(143,114,255,.18),rgba(255,176,214,.12));border-color:var(--line2)}
details{border-bottom:1px solid var(--line);padding:16px 2px}summary{cursor:pointer;font:600 17px var(--fd);list-style:none}summary::after{content:"+";float:right;color:var(--pink)}details[open] summary::after{content:"–"}details p{color:var(--dim);margin-top:10px;max-width:80ch}
.risk{margin:90px 0 0;padding:22px 26px;border-radius:var(--r);border:1px solid rgba(255,139,158,.3);background:rgba(255,139,158,.06);color:#ffd3da;font-size:14px}
footer{padding:40px 0 60px;color:var(--mute);font-size:14px}footer .wrap{display:flex;gap:18px;flex-wrap:wrap;align-items:center}footer a{color:var(--dim);text-decoration:none}footer .sp{margin-left:auto}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .7s,transform .7s}.reveal.in{opacity:1;transform:none}
@media(max-width:900px){.links{display:none}.shot .g,.feat,.ex,.fees,.steps,.nums{grid-template-columns:1fr}.stats2{grid-template-columns:1fr 1fr}.hero{padding-top:56px}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}