@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700;800&display=swap');
:root{--bg:#030304;--card:#101318;--accent:#f7931a;--accent2:#ffd600;--accent3:#ff6b00;--fg:#ffffff;--muted:#94a3b8;--line:rgba(255,255,255,.12);--radius:17px;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:"Inter",system-ui,sans-serif;overflow-x:hidden;line-height:1.65}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.65' numOctaves='4'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");mix-blend-mode:screen;z-index:30}
.grid-bg{position:fixed;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.04) 1px,transparent 1px);background-size:45px 45px;mask-image:radial-gradient(circle at 50% 20%,#000 10%,transparent 80%);pointer-events:none;z-index:-3}
.ambient{position:fixed;border-radius:999px;filter:blur(120px);pointer-events:none;z-index:-2;opacity:.34;animation:float 8s ease-in-out infinite}.ambient-a{width:48vw;height:48vw;background:var(--accent);top:-15%;left:7%}.ambient-b{width:38vw;height:38vw;background:var(--accent2);right:-12%;top:14%}
@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-24px) rotate(2deg)}}@keyframes spin{to{transform:rotate(360deg)}}
.site-header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:22px;padding:18px clamp(18px,4vw,62px);background:rgba(0,0,0,.55);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--fg);font-family:"Space Grotesk",sans-serif;font-weight:800}.brand img{width:150px;max-width:36vw;height:auto}.brand span{font-size:clamp(.72rem,1.2vw,.95rem);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
button{border:0;cursor:pointer;border-radius:999px;background:linear-gradient(120deg,var(--accent),var(--accent2));color:#070707;font-weight:900;font-family:"JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase;padding:14px 24px;min-height:48px;transition:.25s ease;box-shadow:0 0 24px color-mix(in srgb,var(--accent),transparent 55%),inset 0 1px 0 rgba(255,255,255,.35)}button:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 0 36px color-mix(in srgb,var(--accent2),transparent 48%),0 0 70px color-mix(in srgb,var(--accent),transparent 75%)}button:focus-visible{outline:2px solid var(--accent2);outline-offset:4px}button.secondary,button.ghost{background:rgba(255,255,255,.06);color:var(--fg);border:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}button.secondary:hover,button.ghost:hover{background:rgba(255,255,255,.11);color:var(--fg)}
.hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(300px,.98fr);gap:clamp(30px,5vw,80px);align-items:center;min-height:calc(100vh - 82px);padding:clamp(58px,8vw,110px) clamp(18px,5vw,74px)}.eyebrow,.section-head p{font-family:"JetBrains Mono",monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--accent2);font-size:.78rem;font-weight:800}h1,h2,h3{font-family:"Space Grotesk",system-ui,sans-serif;margin:0;letter-spacing:-.035em}h1{font-size:clamp(3.2rem,8vw,7.7rem);line-height:1.04;background:linear-gradient(180deg,var(--fg),color-mix(in srgb,var(--accent2),white 35%));-webkit-background-clip:text;color:transparent;max-width:980px}h2{font-size:clamp(2rem,5vw,4.6rem);line-height:1.12;margin-bottom:18px}h3{font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.2;margin-bottom:12px}.lead{font-size:clamp(1.05rem,2vw,1.35rem);color:var(--muted);max-width:820px;margin:24px 0 32px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.hero-media{position:relative;min-height:auto}.hero-media img,.gallery img,figure img{width:100%;display:block;border-radius:var(--radius);border:1px solid var(--line);box-shadow:0 0 0 1px rgba(255,255,255,.04),0 24px 90px rgba(0,0,0,.35),0 0 80px color-mix(in srgb,var(--accent),transparent 82%);object-fit:cover}.wallet-card{position:absolute;left:6%;bottom:6%;background:rgba(0,0,0,.64);backdrop-filter:blur(15px);border:1px solid color-mix(in srgb,var(--accent),transparent 40%);border-radius:18px;padding:18px;display:grid;gap:4px;box-shadow:0 0 34px color-mix(in srgb,var(--accent),transparent 66%)}.wallet-card strong{color:var(--accent2);font-family:"JetBrains Mono"}.wallet-card span{font-family:"Space Grotesk";font-size:1.3rem}.wallet-card em{color:var(--muted);font-style:normal}
.ticker{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);background:rgba(255,255,255,.035)}.slide{padding:24px;text-align:center;border-right:1px solid var(--line)}.slide:last-child{border-right:0}.slide b{display:block;font-family:"Space Grotesk";font-size:clamp(1.8rem,4vw,3.4rem);color:var(--accent)}.slide span{font-family:"JetBrains Mono";color:var(--muted);text-transform:uppercase;font-size:.78rem;letter-spacing:.13em}
section{padding:clamp(62px,9vw,112px) clamp(18px,5vw,74px)}.section-head{max-width:980px;margin-bottom:38px}.article-grid,.orbit-section{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,72px);align-items:center}p{color:var(--muted);font-size:1.02rem}figure{margin:0}figcaption{font-family:"JetBrains Mono";font-size:.78rem;color:var(--accent2);padding-top:12px;letter-spacing:.08em;text-transform:uppercase}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.chain-card{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:var(--radius);padding:26px;transition:.28s ease;min-height:360px}.chain-card:before{content:"";position:absolute;inset:auto 18px 0 18px;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent2),var(--accent3))}.chain-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent),white 10%);box-shadow:0 0 45px color-mix(in srgb,var(--accent),transparent 78%)}.orb-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid var(--line);font-size:1.6rem;margin-bottom:18px}
.orbit-section{background:linear-gradient(180deg,transparent,rgba(255,255,255,.035),transparent)}.orbit{width:min(430px,80vw);aspect-ratio:1;margin:auto;position:relative;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,var(--accent) 0 4%,transparent 5% 100%)}.orbit span{position:absolute;inset:8%;border:1px solid color-mix(in srgb,var(--accent),transparent 30%);border-radius:50%;animation:spin linear infinite}.orbit span:nth-child(1){animation-duration:9s}.orbit span:nth-child(2){inset:20%;border-color:color-mix(in srgb,var(--accent2),transparent 30%);animation-duration:13s;animation-direction:reverse}.orbit span:nth-child(3){inset:32%;border-color:color-mix(in srgb,var(--accent3),transparent 25%);animation-duration:17s}.orbit div{font-size:6rem;color:var(--accent2);font-family:"Space Grotesk";text-shadow:0 0 40px var(--accent)}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.gallery img{height:280px}.rewards table{width:100%;border-collapse:collapse;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}th,td{padding:18px;border-bottom:1px solid var(--line);text-align:left}th{font-family:"JetBrains Mono";color:var(--accent2);text-transform:uppercase;letter-spacing:.1em}td{color:var(--muted)}.split-copy{columns:2;column-gap:44px;margin-top:38px}.faq{max-width:1100px;margin:auto}.faq-item{border:1px solid var(--line);border-radius:16px;margin-bottom:12px;background:rgba(255,255,255,.04);overflow:hidden}.faq-item button{width:100%;border-radius:0;background:transparent;color:var(--fg);box-shadow:none;text-align:left;display:flex;justify-content:space-between;gap:16px}.faq-answer{display:none;padding:0 24px 24px}.faq-item.open .faq-answer{display:block}.faq-item.open button span{transform:rotate(45deg)}.final-cta{text-align:center;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--accent),transparent 77%),transparent 55%)}.final-cta p{max-width:760px;margin:0 auto 26px}footer{padding:34px clamp(18px,5vw,74px);border-top:1px solid var(--line);text-align:center;background:#000}footer p{margin:0;font-size:.9rem}
@media(max-width:1000px){.hero,.article-grid,.orbit-section{grid-template-columns:1fr}.card-grid,.gallery-grid{grid-template-columns:repeat(2,1fr)}.ticker{grid-template-columns:repeat(2,1fr)}.split-copy{columns:1}}
@media(max-width:640px){.site-header{align-items:flex-start;flex-direction:column}.brand img{width:130px}.hero{padding-top:42px}.hero-actions button,nav button{width:100%}nav{width:100%;display:grid;gap:10px}.card-grid,.gallery-grid,.ticker{grid-template-columns:1fr}.wallet-card{position:relative;left:auto;bottom:auto;margin-top:14px}section{padding-left:18px;padding-right:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}


/* Standalone language switcher */
.site-header{gap:18px;}
.language-switch{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.10);color:inherit;text-decoration:none;font-weight:800;letter-spacing:.02em;white-space:nowrap;box-shadow:0 12px 30px rgba(0,0,0,.16);backdrop-filter:blur(12px);transition:transform .2s ease,background .2s ease,border-color .2s ease;}
.language-switch:hover{transform:translateY(-2px);background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.48);}
html[dir="rtl"] body{direction:rtl;text-align:right;}
html[dir="rtl"] .site-header,html[dir="rtl"] .hero,html[dir="rtl"] .article-grid,html[dir="rtl"] .orbit-section,html[dir="rtl"] .split-copy{direction:rtl;}
html[dir="rtl"] .hero-actions,html[dir="rtl"] nav{direction:rtl;}
html[dir="rtl"] table{text-align:right;}
@media (max-width:780px){.site-header{align-items:flex-start}.language-switch{align-self:flex-end}}