:root { color-scheme: dark; }
html { scroll-padding-top: 110px; }
a:focus-visible,button:focus-visible,summary:focus-visible { outline: 3px solid var(--gold2); outline-offset: 5px; }
.skip-link { position: fixed; top: -80px; left: 18px; z-index: 100; padding: 12px 18px; background: var(--gold2); color: #071321; border-radius: 10px; font-weight: 800; }
.skip-link:focus { top: 12px; }
.notice-bar { padding: 10px 0; }
.notice-bar a { color: var(--gold2); text-decoration: underline; text-underline-offset: 3px; }
.hero-art img { width: 100%; height: auto; }
.hero h1 { font-size: clamp(42px,5.3vw,70px); line-height: 1.06; }
.brand { flex-shrink: 0; }
.nav { gap: 18px; }
.nav-links { gap: 18px; }
.nav-actions .btn { padding: 10px 13px; font-size: 13px; }
.status-strip .stat-card strong { color: #fff; }
.section-head { align-items: start; }
.section-head > div { min-width: 38%; }
.section-head p { margin-top: 8px; }
.card h2 { margin: 10px 0 20px; line-height: 1.15; }
.card p + p { margin-top: 14px; }
.card .btn { margin-top: 18px; }
.card .hero-actions .btn { margin-top: 0; }
.network-grid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 18px; }
.network-card { grid-column: span 2; display: flex; align-items: flex-start; flex-direction: column; }
.network-card:first-child { grid-column: span 6; border-color: rgba(90,215,255,.5); background: linear-gradient(130deg,#102d49,#102139); }
.network-card:nth-child(4),.network-card:nth-child(5) { grid-column: span 3; }
.network-card h3 { margin: 16px 0 10px; }
.network-card .text-link { margin-top: auto; padding-top: 22px; color: var(--cyan); font-size: 14px; font-weight: 700; }
.status { display: inline-block; }
.token-identity { display: flex; align-items: center; gap: 22px; }
.token-identity > img { flex: 0 0 130px; width: 130px; height: 130px; }
.token-art { display: grid; place-items: center; }
.token-art img { width: min(100%,420px); height: auto; }
.token-section { padding-top: 20px; }
.logo-downloads { display: flex; align-items: center; gap: 20px; }
.logo-downloads > img { flex-shrink: 0; }
.asset-url { display: inline-block; max-width: 100%; }
.copy-status { color: var(--green); font-size: 13px; }
.legal { color: #a6bad0; }
.footer-bottom { color: #98aec5; }
.footer-grid .brand { color: #fff; }
.faq details[open] { border-color: rgba(90,215,255,.45); }
.faq summary { padding-right: 10px; }
.checks { margin-bottom: 8px; }
@media(max-width:1100px) and (min-width:981px) { .nav-links { gap: 12px; font-size: 13px; } .nav-actions .btn-ghost { display: none; } }
@media(max-width:980px) { .network-card,.network-card:nth-child(4),.network-card:nth-child(5) { grid-column: span 3; } .network-card:first-child { grid-column: span 6; } .hero-art { max-width: 430px; } }
@media(max-width:680px) { .network-grid { grid-template-columns: 1fr; } .network-card,.network-card:first-child,.network-card:nth-child(4),.network-card:nth-child(5) { grid-column: auto; } .token-identity { flex-direction: column; align-items: flex-start; } .logo-downloads { align-items: flex-start; } .logo-downloads > div { min-width: 0; } .page-hero { padding-top: 46px; } .hero { padding-top: 44px; } .hero h1 { font-size: 42px; } .nav-actions { gap: 8px; } .btn { padding: 11px 14px; } .notice-bar { font-size: 11px; } .section-head > div { min-width: 0; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior: auto; } .btn { transition: none; } .btn:hover { transform: none; } }

.nav-links .trade-link { color: #ffd36a; font-weight: 700; white-space: nowrap; }
.nav-links .trade-link:hover { color: #fff; }
.portal-launch{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-top:24px}.portal-launch p{margin:4px 0 0;color:var(--muted);font-size:14px}.portal-launch .btn{white-space:nowrap}.dashboard-cta{font-size:13px;white-space:nowrap}
@media(max-width:1240px){.nav-links{display:none;position:absolute;top:76px;left:20px;right:20px;background:#0a1728;border:1px solid var(--line);border-radius:18px;padding:18px;flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}.nav-links.open{display:flex}.menu-btn{display:block}}
@media(max-width:680px){.dashboard-cta{display:none}.portal-launch{flex-direction:column;align-items:stretch}.portal-launch .btn{white-space:normal}.nav-links{top:68px}}

/* Prominent OPEN APP action in site navigation; no duplicate header CTA. */
.nav-links .nav-open-app{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 13px;border:1px solid rgba(255,211,106,.60);border-radius:12px;background:linear-gradient(105deg,#49baff 5%,#75c6ff 34%,#ffdb78 73%,#f6ae34 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-size:19px;line-height:1.1;font-weight:950;letter-spacing:.055em;text-transform:uppercase;white-space:nowrap;box-shadow:inset 0 0 0 1px rgba(46,168,255,.18),0 0 13px rgba(46,168,255,.1)}
.nav-links a.nav-open-app:is(:hover,:focus-visible){color:transparent;-webkit-text-fill-color:transparent;border-color:#ffd36a;filter:brightness(1.18)}
@media(max-width:1240px){.nav-links .nav-open-app{font-size:21px;justify-content:flex-start;width:max-content;max-width:100%}}
