:root{--bg:#05060a;--surface:#0b0e16;--ink:#e8ecf6;--muted:#9aa3b5;--accent:#7c5cff;--accent2:#22d3ee;--ok:#34d399;--stroke:color-mix(in oklab,var(--ink) 14%,transparent);--glass:color-mix(in oklab,var(--surface) 72%,transparent);--ring:color-mix(in oklab,var(--accent) 60%,transparent);--radius:20px;--font:system-ui,-apple-system,"Segoe UI",Roboto,"Inter",sans-serif}
:root[data-theme="light"]{--bg:#f6f7fb;--surface:#fff;--ink:#0b0e16;--muted:#5b6472;--glass:color-mix(in oklab,var(--surface) 82%,transparent);--stroke:color-mix(in oklab,var(--ink) 12%,transparent)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font);background:var(--bg);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:-20%;z-index:-2;background:radial-gradient(38% 42% at 18% 22%,color-mix(in oklab,var(--accent) 34%,transparent),transparent 70%),radial-gradient(30% 36% at 82% 18%,color-mix(in oklab,var(--accent2) 26%,transparent),transparent 70%),radial-gradient(46% 40% at 60% 88%,color-mix(in oklab,var(--accent) 18%,transparent),transparent 72%);animation:drift 26s ease-in-out infinite alternate}
body::after{content:"";position:fixed;inset:0;z-index:-1;opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.6'/></svg>")}
@keyframes drift{to{transform:translate3d(4%,-3%,0) scale(1.06)}}
.skip{position:absolute;left:-9999px}
.skip:focus{left:12px;top:12px;z-index:99;background:var(--accent);color:#06070c;padding:8px 14px;border-radius:8px}
:focus-visible{outline:2px solid var(--accent2);outline-offset:3px;border-radius:6px}
header{position:sticky;top:0;z-index:10;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:color-mix(in oklab,var(--bg) 72%,transparent);border-bottom:1px solid var(--stroke)}
nav{max-width:1100px;margin:auto;display:flex;gap:16px;align-items:center;padding:12px 20px}
nav a{color:var(--muted);text-decoration:none;font-weight:500}
nav a:hover{color:var(--ink)}
nav .spacer{flex:1}
.logo{letter-spacing:.06em}
.chip{border:1px solid var(--stroke);background:var(--glass);color:var(--ink);border-radius:999px;padding:6px 12px;cursor:pointer;font:inherit}
.hero{max-width:1100px;margin:auto;padding:64px 20px 24px;text-align:center}
h1{font-size:clamp(2.2rem,6vw,4.2rem);line-height:1.05;letter-spacing:-.02em;margin:18px 0 .4em}
.grad{background:linear-gradient(92deg,var(--ink),var(--accent) 45%,var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{color:var(--muted);max-width:640px;margin:0 auto 26px;font-size:clamp(1rem,2vw,1.2rem)}
.cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;padding:12px 24px;border-radius:999px;border:1px solid var(--stroke);background:var(--glass);color:var(--ink);text-decoration:none;font-weight:600;transition:transform .25s,box-shadow .25s}
.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:transparent;color:#06070c}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px -14px var(--ring)}
.orbit{position:relative;width:min(300px,64vw);aspect-ratio:1;margin:0 auto}
.orbit .ring{position:absolute;inset:0;border:1px solid var(--stroke);border-radius:50%}
.orbit .ring:nth-child(2){inset:14%}
.orbit .ring:nth-child(3){inset:28%}
.orbit .planet{position:absolute;inset:40%;border-radius:50%;background:conic-gradient(from 210deg,var(--accent),var(--accent2),var(--accent));box-shadow:0 0 60px -10px var(--accent)}
.orbit .sat{position:absolute;inset:0;animation:spin 14s linear infinite}
.orbit .sat i{position:absolute;top:-4px;left:50%;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:var(--accent2);box-shadow:0 0 12px var(--accent2)}
.orbit .sat.s2{inset:14%;animation-duration:9s;animation-direction:reverse}
.orbit .sat.s2 i{background:var(--ok);box-shadow:0 0 12px var(--ok)}
@keyframes spin{to{transform:rotate(360deg)}}
.bento{max-width:1100px;margin:auto;display:grid;gap:16px;grid-template-columns:repeat(12,1fr);padding:24px 20px}
.card{grid-column:span 4;background:var(--glass);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border:1px solid var(--stroke);border-radius:var(--radius);padding:22px;transition:transform .25s,box-shadow .25s,border-color .25s}
.card:hover{transform:translateY(-4px);border-color:var(--ring);box-shadow:0 18px 40px -18px var(--ring)}
.card h3{margin:0 0 8px;font-size:1.15rem}
.card p{margin:0;color:var(--muted)}
.bento .card:nth-child(1){grid-column:span 7}
.bento .card:nth-child(2){grid-column:span 5}
.bento .wide{grid-column:span 12}
.stats{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:8px 20px 48px}
.stats div{background:var(--glass);border:1px solid var(--stroke);border-radius:var(--radius);padding:18px;text-align:center}
.stats b{display:block;font-size:clamp(1.4rem,3vw,2rem);background:linear-gradient(92deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}
.stats span{color:var(--muted)}
footer{border-top:1px solid var(--stroke);padding:22px 20px;text-align:center;color:var(--muted)}
.reveal{opacity:0;transform:translateY(14px);transition:opacity .6s,transform .6s}
.reveal.in{opacity:1;transform:none}
@media(max-width:860px){.bento .card,.bento .card:nth-child(1),.bento .card:nth-child(2){grid-column:span 12}.stats{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
html:not(.js) .reveal{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1 !important;transform:none !important}}
select.chip{appearance:none;-webkit-appearance:none;padding-right:28px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 14px) 52%,calc(100% - 9px) 52%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
[dir="rtl"] select.chip{padding-right:12px;padding-left:28px;background-position:14px 52%,9px 52%}
[dir="rtl"] .skip:focus{left:auto;right:12px}
[dir="rtl"] .card{text-align:right}
[dir="rtl"] .stats div,[dir="rtl"] footer{text-align:center}
.ico{display:block}
[data-theme="dark"] .ico-sun{display:none}
[data-theme="light"] .ico-moon{display:none}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 9px}
.auth-link{font-weight:600}
.auth-link.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:transparent;color:#06070c}
.kiosk-exit{display:none;position:fixed;top:14px;right:14px;z-index:50;align-items:center;gap:6px;padding:10px 16px;border-radius:999px;border:1px solid var(--stroke);background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--ink);font:inherit;font-weight:600;cursor:pointer}
:fullscreen .kiosk-exit{display:inline-flex}
:fullscreen header{background:color-mix(in oklab,var(--bg) 88%,transparent)}
@media (prefers-reduced-motion:reduce){.kiosk-exit{transition:none}}
.badge{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:3px 9px;border-radius:999px;border:1px solid var(--stroke);vertical-align:middle;margin-left:8px}
[dir="rtl"] .badge{margin-left:0;margin-right:8px}
.badge.live{color:#06070c;background:var(--ok);border-color:transparent}
.badge.soon{color:#06070c;background:var(--accent2);border-color:transparent}
.badge.roadmap{color:var(--muted);background:transparent}
.section-title{max-width:1100px;margin:8px auto 0;padding:0 20px;font-size:clamp(1.4rem,3vw,2rem);letter-spacing:-.01em}
.section-note{max-width:1100px;margin:0 auto;padding:0 20px 8px;color:var(--muted)}
.markets-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:8px 20px 48px}
.markets-grid .card{grid-column:span 1}
@media(max-width:860px){.markets-grid{grid-template-columns:1fr}}
.band{display:inline-block;min-width:1.6em;text-align:center;font-weight:800;font-size:.8rem;padding:2px 7px;border-radius:7px;margin-right:6px}
[dir="rtl"] .band{margin-right:0;margin-left:6px}
.band.S{background:#f43f5e;color:#fff}.band.A{background:#fb923c;color:#06070c}
.band.B{background:#facc15;color:#06070c}.band.C{background:#34d399;color:#06070c}
.band.D{background:#22d3ee;color:#06070c}.band.E{background:#64748b;color:#fff}
.lb-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--stroke);border-radius:14px;background:var(--glass);margin-bottom:10px}
.lb-row .rank{font-weight:800;color:var(--muted);min-width:1.4em}
.lb-row .nm{font-weight:600}
.lb-row .sc{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--accent2);font-weight:700}
[dir="rtl"] .lb-row .sc{margin-left:0;margin-right:auto}
.pill-row{display:flex;flex-wrap:wrap;gap:10px;max-width:1100px;margin:0 auto;padding:8px 20px 48px}
.pill{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1px solid var(--stroke);background:var(--glass);color:var(--ink);font-weight:600}
.demo-flag{font-size:.72rem;color:var(--muted);font-style:italic}