:root {
  color-scheme:dark;
  --bg:#03070b;
  --panel:#081018;
  --panel-2:#0d1722;
  --page-start:#03070b;
  --page-mid:#060b10;
  --page-end:#020407;
  --glow-blue:#182e56;
  --glow-purple:#25105a;
  --grid-line:#ffffff05;
  --line-soft:#ffffff0c;
  --line-subtle:#ffffff10;
  --surface-glass:#081018cc;
  --surface-deep:#050a0fcc;
  --surface-hover:#13202c;
  --surface-card-start:#0d1722dd;
  --surface-card-end:#070d13dd;
  --surface-official-start:#081018f2;
  --surface-official-end:#111426f2;
  --surface-policy:#081018dc;
  --surface-disclosure:#16130dcc;
  --disclosure-line:#473d24;
  --disclosure-heading:#f5e7bd;
  --disclosure-text:#bcb18f;
  --line:#1f2e3b;
  --text:#eef7f5;
  --text-strong:#eaf7f2;
  --text-soft:#a3b2be;
  --muted:#91a2ae;
  --text-dim:#81919d;
  --text-card:#8fa0ac;
  --text-policy:#9aabb6;
  --text-footer:#6f808c;
  --accent-ink:#03100a;
  --shadow-heavy:#0009;
  --shadow-card:#0006;
  --mint:#14f195;
  --mint-fill:#14f195;
  --purple:#9945ff;
  --blue:#00c2ff;
}

:root[data-theme="light"] {
  color-scheme:light;
  --bg:#f7fafc;
  --panel:#ffffff;
  --panel-2:#f2f7f9;
  --page-start:#f7fafc;
  --page-mid:#f0f7f7;
  --page-end:#ffffff;
  --glow-blue:#dceaff;
  --glow-purple:#eee2ff;
  --grid-line:#12243a0a;
  --line-soft:#12243a14;
  --line-subtle:#12243a18;
  --surface-glass:#fffffff0;
  --surface-deep:#f5faf8f2;
  --surface-hover:#e9f2f5;
  --surface-card-start:#ffffffee;
  --surface-card-end:#f4f8faee;
  --surface-official-start:#fffffffa;
  --surface-official-end:#f3f1fffa;
  --surface-policy:#fffffff2;
  --surface-disclosure:#fff9e8e8;
  --disclosure-line:#e5d294;
  --disclosure-heading:#5c4710;
  --disclosure-text:#6f5c29;
  --line:#d5e1e7;
  --text:#10202c;
  --text-strong:#153039;
  --text-soft:#425664;
  --muted:#5c707c;
  --text-dim:#627784;
  --text-card:#536875;
  --text-policy:#435865;
  --text-footer:#5f7380;
  --accent-ink:#03100a;
  --shadow-heavy:#15344724;
  --shadow-card:#15344718;
  --mint:#067a55;
  --mint-fill:#14f195;
  --purple:#6d32c9;
  --blue:#006b9f;
}

@media (prefers-color-scheme:light) {
  :root:not([data-theme="dark"]) {
    color-scheme:light;
    --bg:#f7fafc;
    --panel:#ffffff;
    --panel-2:#f2f7f9;
    --page-start:#f7fafc;
    --page-mid:#f0f7f7;
    --page-end:#ffffff;
    --glow-blue:#dceaff;
    --glow-purple:#eee2ff;
    --grid-line:#12243a0a;
    --line-soft:#12243a14;
    --line-subtle:#12243a18;
    --surface-glass:#fffffff0;
    --surface-deep:#f5faf8f2;
    --surface-hover:#e9f2f5;
    --surface-card-start:#ffffffee;
    --surface-card-end:#f4f8faee;
    --surface-official-start:#fffffffa;
    --surface-official-end:#f3f1fffa;
    --surface-policy:#fffffff2;
    --surface-disclosure:#fff9e8e8;
    --disclosure-line:#e5d294;
    --disclosure-heading:#5c4710;
    --disclosure-text:#6f5c29;
    --line:#d5e1e7;
    --text:#10202c;
    --text-strong:#153039;
    --text-soft:#425664;
    --muted:#5c707c;
    --text-dim:#627784;
    --text-card:#536875;
    --text-policy:#435865;
    --text-footer:#5f7380;
    --accent-ink:#03100a;
    --shadow-heavy:#15344724;
    --shadow-card:#15344718;
    --mint:#067a55;
    --mint-fill:#14f195;
    --purple:#6d32c9;
    --blue:#006b9f;
  }
}

* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  margin:0;
  color:var(--text);
  background:
    radial-gradient(900px 520px at 12% -140px,var(--glow-blue) 0%,transparent 62%),
    radial-gradient(680px 420px at 92% 0,var(--glow-purple) 0%,transparent 62%),
    linear-gradient(180deg,var(--page-start) 0%,var(--page-mid) 48%,var(--page-end) 100%);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
a { color:inherit; text-decoration:none; }
button { font:inherit; }
h1,h2,h3,p { margin:0; }
code { font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace; }
:focus-visible { outline:2px solid var(--mint); outline-offset:3px; }
.skip-link { position:fixed; top:10px; left:10px; z-index:100; padding:10px 14px; border-radius:999px; color:var(--accent-ink); background:var(--mint-fill); font-size:12px; font-weight:850; transform:translateY(-180%); transition:transform .15s ease; }
.skip-link:focus { transform:translateY(0); }

.swap-page { min-height:100vh; overflow:hidden; position:relative; }
.swap-page::before {
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);
  background-size:44px 44px;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 72%);
  mask-image:linear-gradient(180deg,#000 0%,transparent 72%);
}
.site-header,.hero,.official-token,.info-strip,.solanadex-disclosure,.faq-section,footer { width:min(1180px,calc(100% - 48px)); margin-inline:auto; }

.site-header { min-height:82px; display:flex; align-items:center; justify-content:space-between; gap:16px; border-bottom:1px solid var(--line-soft); position:relative; z-index:1; }
.brand { display:inline-flex; align-items:center; gap:11px; font-weight:850; }
.brand-icon { width:32px; height:32px; display:block; flex:none; border-radius:50%; object-fit:cover; box-shadow:0 0 0 1px #ffffff20,0 10px 32px #14f19533; }
.solanadex-brand > span:last-child { display:grid; gap:3px; }
.solanadex-brand strong { font-size:15px; font-weight:900; letter-spacing:-.045em; line-height:1; }
.solanadex-brand small { color:var(--text-dim); font-size:10px; font-weight:650; line-height:1.1; }
.top-nav { display:flex; align-items:center; gap:4px; padding:4px; border:1px solid var(--line); border-radius:999px; background:var(--surface-glass); }
.top-nav a { padding:8px 11px; border-radius:999px; color:var(--muted); font-size:10px; font-weight:750; letter-spacing:.08em; text-transform:uppercase; }
.top-nav a:hover { color:var(--text); background:var(--surface-hover); }
.header-actions { display:flex; align-items:center; gap:10px; }
.network-status { display:flex; align-items:center; gap:8px; padding:9px 12px; border:1px solid var(--line); border-radius:999px; color:var(--muted); background:var(--surface-glass); font-size:10px; font-weight:750; letter-spacing:.08em; text-transform:uppercase; white-space:nowrap; }
.network-status i { width:6px; height:6px; border-radius:50%; background:var(--mint-fill); box-shadow:0 0 0 4px #14f19518,0 0 18px #14f195; }
.theme-toggle { min-height:36px; display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:0 11px; border:1px solid var(--line); border-radius:999px; color:var(--text); background:var(--surface-glass); cursor:pointer; font-size:10px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; transition:background .18s ease,border-color .18s ease,transform .18s ease; }
.theme-toggle:hover { background:var(--surface-hover); border-color:#14f19588; transform:translateY(-1px); }
.theme-toggle-icon { width:14px; color:var(--mint); font-size:15px; line-height:1; text-align:center; }
.connect-pill { display:inline-grid; min-height:36px; place-items:center; padding:0 13px; border-radius:999px; color:var(--accent-ink); background:linear-gradient(135deg,var(--mint-fill),#8affd1); box-shadow:0 12px 35px #14f19522; font-size:10px; font-weight:850; letter-spacing:.06em; text-transform:uppercase; white-space:nowrap; }

.hero { min-height:500px; padding:72px 36px 78px; display:grid; grid-template-columns:minmax(0,1fr) 390px; gap:70px; align-items:center; position:relative; z-index:1; }
.eyebrow,.section-number { color:var(--mint); font-size:11px; font-weight:850; letter-spacing:.18em; text-transform:uppercase; }
h1 { margin-top:18px; font-size:clamp(48px,7vw,82px); line-height:.95; letter-spacing:-.08em; font-weight:620; }
h1 em { color:transparent; background:linear-gradient(90deg,var(--mint),var(--blue),var(--purple)); -webkit-background-clip:text; background-clip:text; font-style:normal; }
.hero-text { max-width:580px; margin-top:24px; color:var(--text-soft); font-size:16px; line-height:1.75; }
.hero-actions { max-width:720px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:28px; }
.hero-actions a { width:100%; min-height:44px; display:grid; place-items:center; padding:0 18px; border:1px solid transparent; border-radius:999px; text-align:center; font-size:12px; font-weight:850; line-height:1.2; }
.hero-actions a:first-child { color:var(--accent-ink); background:linear-gradient(135deg,var(--mint-fill),#8affd1); box-shadow:0 12px 35px #14f19528; }
.hero-actions a:nth-child(2) { color:#fff; background:linear-gradient(135deg,var(--blue),var(--purple)); box-shadow:0 12px 35px #6d32c929; }
.hero-actions a:last-child { border:1px solid var(--line); color:var(--text); background:var(--panel); }
.external-origin-note { max-width:620px; margin-top:16px; padding:11px 13px; border-left:2px solid var(--mint); color:var(--text-card); background:var(--surface-deep); font-size:11px; line-height:1.6; overflow-wrap:anywhere; }
.external-origin-note strong { color:var(--text-strong); }
.hero-badge { position:relative; min-height:340px; width:min(100%,390px); display:grid; align-content:center; gap:18px; justify-self:center; padding:24px; border:1px solid var(--line); border-radius:28px; background:linear-gradient(180deg,var(--surface-card-start),var(--surface-deep)); box-shadow:inset 0 1px 0 var(--line-subtle),0 28px 80px var(--shadow-heavy); overflow:hidden; }
.hero-badge::before,.hero-badge::after { content:""; position:absolute; border-radius:50%; pointer-events:none; }
.hero-badge::before { width:250px; height:250px; right:-90px; top:-90px; background:radial-gradient(circle,#14f19522 0%,transparent 66%); }
.hero-badge::after { width:230px; height:230px; left:-80px; bottom:-95px; background:radial-gradient(circle,#9945ff30 0%,transparent 65%); }
.dex-card-head { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; color:var(--muted); font-size:10px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; }
.dex-card-head strong { color:var(--accent-ink); padding:6px 9px; border-radius:999px; background:var(--mint-fill); font-size:9px; }
.ad-space-visual { position:relative; z-index:2; display:block; overflow:hidden; aspect-ratio:3/1; border:1px solid #3a2630; border-radius:22px; background:#080305; box-shadow:inset 0 1px 0 #ffffff12; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.ad-space-visual img { width:100%; height:100%; display:block; object-fit:cover; }
.ad-space-visual:hover { transform:translateY(-2px); border-color:#ffb02e; box-shadow:0 16px 55px #ff6b0026; }

.official-token { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,520px); gap:22px; align-items:center; margin-top:-28px; margin-bottom:28px; padding:22px 24px; border:1px solid var(--line); border-radius:22px; background:linear-gradient(135deg,var(--surface-official-start),var(--surface-official-end)); box-shadow:inset 0 1px 0 var(--line-subtle),0 24px 70px var(--shadow-card); }
.official-token h2 { margin-top:9px; font-size:clamp(24px,3vw,36px); letter-spacing:-.055em; }
.official-token p:not(.section-number) { margin-top:10px; max-width:620px; color:var(--text-card); font-size:13px; line-height:1.65; }
.liquidity-lock-detail { margin-top:16px; padding:14px 15px; border:1px solid #14f1954d; border-radius:14px; color:var(--text-soft); background:var(--surface-deep); box-shadow:inset 0 1px 0 var(--line-soft); font-size:12px; line-height:1.55; }
.liquidity-lock-detail strong { display:block; margin-bottom:8px; color:var(--mint); font-size:13px; }
.liquidity-lock-detail p { margin-top:5px; max-width:100%; }
.liquidity-lock-detail code { overflow-wrap:anywhere; color:var(--text-strong); font-size:11px; }
.verification-links a,.text-link { color:var(--mint); text-decoration:underline; text-underline-offset:3px; }
.claim-note { padding-top:8px; border-top:1px solid var(--line-subtle); }
.token-address-card { min-width:0; display:grid; gap:8px; padding:16px; border:1px solid #14f19544; border-radius:16px; color:inherit; background:var(--surface-deep); box-shadow:inset 0 1px 0 var(--line-soft); cursor:pointer; text-align:left; transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease; }
.token-address-card:hover,.token-address-card:focus-visible { border-color:#14f195aa; transform:translateY(-1px); box-shadow:inset 0 1px 0 #ffffff0c,0 14px 42px #14f19518; }
.token-address-card span { color:var(--mint); font-size:10px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; }
.token-address-card code { overflow-wrap:anywhere; color:var(--text-strong); font-size:12px; line-height:1.65; }
.token-address-card strong { color:var(--accent-ink); width:max-content; max-width:100%; padding:8px 10px; border-radius:999px; background:linear-gradient(135deg,var(--mint-fill),#8affd1); font-size:10px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }

.info-strip,.faq-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.info-strip { margin-bottom:28px; position:relative; z-index:1; }
.info-strip article,.faq-grid article { min-height:140px; padding:22px; border:1px solid var(--line); border-radius:20px; background:linear-gradient(180deg,var(--surface-card-start),var(--surface-card-end)); }
.info-strip article { display:flex; gap:16px; align-items:flex-start; }
.info-strip article > span { color:var(--mint); font-family:"SFMono-Regular",Consolas,monospace; font-size:12px; }
.info-strip h3,.faq-grid h3 { font-size:16px; letter-spacing:-.035em; }
.info-strip p,.faq-grid p { margin-top:8px; color:var(--text-card); font-size:12px; line-height:1.6; }
.solanadex-disclosure { position:relative; z-index:1; margin-bottom:28px; padding:24px; border:1px solid var(--disclosure-line); border-radius:20px; background:var(--surface-disclosure); }
.solanadex-disclosure h2 { color:var(--disclosure-heading); font-size:18px; }
.solanadex-disclosure p { margin-top:10px; color:var(--disclosure-text); font-size:12px; line-height:1.7; }
.solanadex-disclosure .text-link { display:inline-block; margin-top:12px; font-size:12px; font-weight:750; }
.faq-section { position:relative; z-index:1; margin-bottom:42px; }
.faq-section > h2 { margin:8px 0 18px; font-size:clamp(24px,3vw,36px); letter-spacing:-.05em; }

.policy-page { position:relative; z-index:1; width:min(880px,calc(100% - 48px)); min-height:calc(100vh - 200px); margin:56px auto 72px; }
.policy-page h1 { max-width:760px; }
.policy-intro { max-width:720px; margin-top:22px; color:var(--text-soft); font-size:16px; line-height:1.75; }
.updated { margin-top:14px; color:var(--text-dim); font-size:11px; text-transform:uppercase; letter-spacing:.08em; }
.policy-page section { margin-top:20px; padding:22px; border:1px solid var(--line); border-radius:18px; background:var(--surface-policy); }
.policy-page section h2 { font-size:19px; letter-spacing:-.03em; }
.policy-page section p { margin-top:10px; color:var(--text-policy); font-size:13px; line-height:1.75; }

footer { position:relative; z-index:1; min-height:104px; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:24px 0 34px; border-top:1px solid var(--line-soft); }
.footer-brand-block { max-width:520px; }
.footer-brand-block > p { margin-top:11px; color:var(--text-footer); font-size:10px; line-height:1.6; }
.footer-links { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px 14px; max-width:440px; }
.footer-links a { color:var(--text-card); font-size:10px; font-weight:750; letter-spacing:.04em; text-transform:uppercase; }
.footer-links a:hover { color:var(--mint); }

@media (max-width:980px) {
  .top-nav { display:none; }
  .hero { grid-template-columns:1fr; gap:36px; padding-inline:12px; }
  .hero-badge { width:100%; }
  .official-token { grid-template-columns:1fr; margin-top:0; }
}

@media (max-width:720px) {
  .site-header,.hero,.official-token,.info-strip,.solanadex-disclosure,.faq-section,footer { width:min(100% - 28px,1180px); }
  .site-header { min-height:72px; }
  .solanadex-brand small,.network-status { display:none; }
  .hero { min-height:auto; padding:52px 0 48px; }
  h1 { font-size:clamp(42px,13vw,66px); }
  .hero-text { font-size:14px; }
  .hero-actions { grid-template-columns:1fr; }
  .hero-actions a { min-height:46px; }
  .hero-badge { min-height:260px; padding:18px; border-radius:22px; }
  .official-token { padding:18px; }
  .info-strip,.faq-grid { grid-template-columns:1fr; }
  .info-strip article,.faq-grid article { min-height:112px; }
  .policy-page { width:min(100% - 28px,880px); margin-top:42px; }
  .policy-page section { padding:18px; }
  footer { align-items:flex-start; flex-direction:column; }
  .footer-links { justify-content:flex-start; max-width:none; }
}

@media (max-width:420px) {
  .brand-icon { width:29px; height:29px; }
  .solanadex-brand strong { font-size:13px; }
  .connect-pill { padding-inline:11px; }
  .theme-toggle { width:36px; padding:0; }
  .theme-toggle-label { display:none; }
  .token-address-card code { font-size:10px; }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { transition:none!important; animation:none!important; }
}