/* BidsAsks — Coming soon. Solar Vault tokens. */
:root{
  --bg:#0A0A0A;--surface:#1C1B18;--surface2:#141311;--border:#2A2925;
  --text:#F5F3EE;--muted:#8A8578;--soft:#B8B3A6;
  --accent:#F2B21B;--accent-fg:#0A0A0A;--buy:#2EE6FF;--sell:#FF4D5E;
  --hair:rgba(255,255,255,.035);
  --glow:0 0 0 1px rgba(242,178,27,.35),0 12px 40px rgba(242,178,27,.18);
  --shadow-1:0 1px 0 rgba(255,255,255,.04) inset,0 8px 24px rgba(0,0,0,.35);
  --font-display:'Sora','IBM Plex Sans',sans-serif;
  --font-body:'IBM Plex Sans',sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --w-display:800;--track:-0.05em;
  --ease-out:cubic-bezier(.2,.8,.2,1);--ease-snap:cubic-bezier(.7,0,.2,1);
  color-scheme:dark;
}
html[data-theme=light]{
  --bg:#F5F3EE;--surface:#FFFFFF;--surface2:#EDEAE2;--border:#D8D3C8;
  --text:#0A0A0A;--muted:#6E6A60;--soft:#8A8578;
  --accent:#C98F0E;--buy:#0B8FA3;--sell:#D6273A;--hair:rgba(0,0,0,.05);
  --glow:0 0 0 1px rgba(201,143,14,.35),0 12px 40px rgba(201,143,14,.18);
  --shadow-1:0 1px 0 rgba(0,0,0,.02) inset,0 8px 24px rgba(0,0,0,.12);
  color-scheme:light;
}
html[lang=ar],html[lang=fa]{--font-display:'Vazirmatn','IBM Plex Sans Arabic',sans-serif;--font-body:'Vazirmatn','IBM Plex Sans Arabic',sans-serif;--track:0}
html[lang=zh]{--font-display:'Noto Sans SC',sans-serif;--font-body:'Noto Sans SC','IBM Plex Sans',sans-serif;--track:0;--w-display:700}
html[lang=hi]{--font-display:'Noto Sans Devanagari',sans-serif;--font-body:'Noto Sans Devanagari','IBM Plex Sans',sans-serif;--track:0;--w-display:700}
html[lang=ru]{--font-display:'IBM Plex Sans',sans-serif;--w-display:600;--track:-0.03em}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}
a{color:var(--text);text-decoration:none}a:hover{color:var(--accent)}
button{font-family:inherit;color:inherit}
input{font-family:inherit}input::placeholder{color:var(--muted)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
svg{display:block}
[hidden]{display:none!important}

.page{min-height:100vh;display:flex;flex-direction:column}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px;width:100%}
.mono{font-family:var(--font-mono)}
.label{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}
.h-display{font-family:var(--font-display);font-weight:var(--w-display);letter-spacing:var(--track);margin:0;text-wrap:balance}
.hairlines{position:absolute;inset:0;background:repeating-linear-gradient(90deg,var(--hair) 0 1px,transparent 1px 80px);pointer-events:none}
.hide-mobile{display:flex}

/* Header */
.header{border-bottom:1px solid var(--border)}
.header .wrap{height:64px;display:flex;align-items:center;gap:16px}
.brand{display:flex;align-items:center;gap:10px}
.wordmark{font-family:'Sora',sans-serif;font-weight:800;font-size:17px;letter-spacing:-.05em;color:var(--text)}
.wordmark b{color:var(--accent);font-weight:800}
.live{align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-inline-start:8px}
.dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex:none}
.pulse{animation:ba-pulse 1.6s infinite}
.tools{margin-inline-start:auto;display:flex;align-items:center;gap:8px}
.lang{position:relative}
.btn-ghost{height:36px;padding:0 12px;border-radius:4px;border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color .22s var(--ease-out)}
.btn-ghost:hover{border-color:var(--accent)}
.btn-ghost:active{transform:scale(.98)}
.btn-lang{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em}
.btn-icon{width:36px;padding:0}
.menu{position:absolute;inset-inline-end:0;top:44px;width:200px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:6px;box-shadow:var(--shadow-1);z-index:40;display:flex;flex-direction:column;margin:0;list-style:none}
.menu a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border-radius:4px;font-size:14px;color:var(--text);text-align:start}
.menu a:hover{background:var(--border);color:var(--text)}
.menu a .code{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--muted)}
.menu a[aria-current=true] .code{color:var(--accent)}

/* Hero */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--border)}
.hero .wrap{padding:clamp(48px,8vw,104px) 20px clamp(40px,6vw,80px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:40px;align-items:center;position:relative}
.hero-copy{display:flex;flex-direction:column;gap:22px;min-width:0}
.hero h1{font-size:clamp(38px,6.4vw,92px);line-height:.98}
.hero .sub{font-size:clamp(16px,1.4vw,20px);color:var(--soft);line-height:1.55;margin:0;max-width:560px;text-wrap:pretty}
.countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:520px;text-align:start}
.cell{display:flex;flex-direction:column;gap:4px;padding:12px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface2)}
.cell .v{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:clamp(24px,3.4vw,40px);letter-spacing:-.04em;line-height:1}
.cell .l{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.launch-line{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.form{display:flex;flex-direction:column;gap:8px;max-width:520px}
.form-row{display:flex;gap:8px;flex-wrap:wrap}
.input{flex:1;min-width:200px;height:50px;padding:0 14px;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--text);font-size:15px;outline:none;transition:border-color .22s var(--ease-out)}
.input:focus{border-color:var(--accent)}
.form.is-error .input{border-color:var(--sell)}
.btn-primary{height:50px;padding:0 22px;border:0;border-radius:4px;background:var(--accent);color:var(--accent-fg);font-weight:600;font-size:15px;cursor:pointer;box-shadow:var(--glow);white-space:nowrap;transition:filter .22s var(--ease-out),transform .12s var(--ease-snap)}
.btn-primary:hover{filter:brightness(1.08)}
.btn-primary:active{transform:scale(.98)}
.btn-primary[disabled]{opacity:.7;cursor:progress}
.err{font-size:13px;color:var(--sell)}
.note{font-size:12px;color:var(--muted)}
.note .n{font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.joined{display:flex;align-items:center;gap:12px;max-width:520px;padding:14px 16px;border:1px solid var(--accent);border-radius:8px;background:rgba(242,178,27,.08);font-size:14px;line-height:1.45}
.joined .dot{width:8px;height:8px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.mark-wrap{position:relative;aspect-ratio:1;max-height:520px;display:flex;align-items:center;justify-content:center}
.mark-wrap svg{width:100%;height:100%;max-width:480px}
.wedge-top{animation:ba-close 3.2s var(--ease-snap) infinite;transform-origin:50% 50%}
.wedge-bot{animation:ba-close2 3.2s var(--ease-snap) infinite;transform-origin:50% 50%}
.corner{position:absolute;font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.corner.tl{top:0;inset-inline-start:0}
.corner.br{bottom:0;inset-inline-end:0;display:flex;gap:14px}
.up{color:var(--buy)}.down{color:var(--sell)}

/* Ticker */
.ticker{border-bottom:1px solid var(--border);overflow:hidden;background:var(--surface2)}
.ticker-track{display:flex;width:max-content;animation:ba-marquee 48s linear infinite;font-family:var(--font-mono);font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.06em;padding:12px 0}
.ticker-track span.t{display:flex;align-items:center;gap:10px;padding:0 24px;border-inline-end:1px solid var(--border);white-space:nowrap}
.ticker-track .sym{color:var(--soft)}

/* Sections */
.section{border-bottom:1px solid var(--border);position:relative}
.section.lined{overflow:hidden}
.section .wrap{padding:clamp(56px,7vw,96px) 20px;position:relative}
.section .eyebrow{display:block;margin-bottom:14px}
.section h2{font-size:clamp(30px,4.2vw,60px);line-height:1;margin:0 0 40px}
.grid-cards{display:grid;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:8px;overflow:hidden}
.markets{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.card{background:var(--bg);padding:24px 20px;display:flex;flex-direction:column;gap:18px;min-height:160px;transition:background .22s var(--ease-out)}
.card:hover{background:var(--surface)}
.card .icon{width:26px;height:26px;color:var(--text);opacity:.9}
.card .icon svg{width:26px;height:26px}
.card .body{margin-top:auto;display:flex;flex-direction:column;gap:5px}
.card .name{font-family:var(--font-display);font-weight:600;font-size:18px}
.card .desc{font-size:13px;color:var(--muted);line-height:1.4}
.feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:28px 40px}
.feat{display:flex;flex-direction:column;gap:10px;padding-top:18px;border-top:1px solid var(--border)}
.feat .n{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;color:var(--muted)}
.feat .t{font-family:var(--font-display);font-weight:600;font-size:20px;letter-spacing:-.01em}
.feat .d{font-size:15px;color:var(--soft);line-height:1.55;text-wrap:pretty}
.nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:24px;margin-top:56px;padding-top:28px;border-top:1px solid var(--border);font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:start}
.num{display:flex;flex-direction:column;gap:6px}
.num .v{font-size:clamp(30px,3.6vw,48px);letter-spacing:-.04em;line-height:1}
.num .l{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.road{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.stage{background:var(--bg);padding:24px 20px;display:flex;flex-direction:column;gap:12px}
.stage .when{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.stage .when .dot{background:currentColor}
.stage.now .when{color:var(--accent)}
.stage.next .when{color:var(--text)}
.stage.later .when{color:var(--muted)}
.stage .t{font-family:var(--font-display);font-weight:600;font-size:20px}
.stage .d{font-size:14px;color:var(--soft);line-height:1.5}

/* Footer */
.footer{margin-top:auto}
.footer .wrap{padding:40px 20px 28px;display:flex;flex-direction:column;gap:28px}
.risk{font-size:12px;color:var(--muted);line-height:1.55;margin:0;max-width:820px;text-wrap:pretty}
.legal{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--border);font-family:var(--font-mono);font-size:11px;color:var(--muted)}

@keyframes ba-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes ba-pulse{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes ba-close{0%,100%{transform:translateY(0)}50%{transform:translateY(6%)}}
@keyframes ba-close2{0%,100%{transform:translateY(0)}50%{transform:translateY(-6%)}}
@media (max-width:720px){.hide-mobile{display:none!important}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}