:root {
  --bg: #06060e;
  --surface: #0c0c1a;
  --surface2: #111128;
  --border: #1a1a3a;
  --text: #e4e4ef;
  --text2: #8888aa;
  --accent: #6366f1;
  --accent2: #a78bfa;
  --green: #22c55e;
  --red: #ef4444;
  --orange: #f59e0b;
  --cyan: #06b6d4;
  --pink: #ec4899;
  --mono: 'JetBrains Mono', monospace;
  --sans: 'Inter', system-ui, -apple-system, sans-serif;
}
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { font-family:var(--sans); background:var(--bg); color:var(--text); line-height:1.6; overflow-x:hidden; }
a { color:var(--accent2); text-decoration:none; }
a:hover { text-decoration:underline; }
code { font-family:var(--mono); font-size:.9em; background:var(--surface2); padding:2px 6px; border-radius:4px; color:var(--cyan); }

.landing-shell { min-height:100vh; background:radial-gradient(circle at top, rgba(99,102,241,.12), transparent 35%), radial-gradient(circle at 80% 20%, rgba(192,132,252,.08), transparent 25%), var(--bg); }
.landing { width:min(960px, calc(100% - 48px)); margin:0 auto; }
.landing-wide { width:min(1320px, calc(100% - 48px)); }
.nav { display:flex; align-items:center; justify-content:space-between; padding:20px 0; border-bottom:1px solid #1e1e2e; }
.nav-brand { display:flex; align-items:center; gap:10px; font-weight:800; font-size:20px; color:var(--text); }
.logo { width:36px; height:36px; background:var(--accent); border-radius:10px; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:18px; color:#fff; }
.brand-name { font-weight:600; font-size:18px; color:#f4f4f5; }
.nav-links { display:flex; align-items:center; gap:24px; font-size:14px; color:var(--text2); }
.nav-links a { color:var(--text2); }
.nav-links a:hover { color:var(--text); text-decoration:none; }
.btn-primary { background:var(--accent); color:#fff !important; padding:8px 18px; border-radius:8px; font-weight:500; font-size:14px; transition:background .2s; display:inline-block; }
.btn-primary:hover { background:#4f46e5; }
.hero { text-align:center; padding:80px 0 60px; }
.gravity-hero { display:grid; grid-template-columns:minmax(0, 1fr) minmax(540px, 620px); gap:32px; align-items:start; text-align:left; padding:72px 0 90px; }
.gravity-hero-copy { padding-top:18px; }
.gravity-hero-actions { display:flex; gap:14px; flex-wrap:wrap; margin-bottom:22px; }
.gravity-formula-card { background:linear-gradient(135deg, rgba(99,102,241,.12), rgba(6,182,212,.08)); border:1px solid rgba(129,140,248,.28); border-radius:18px; padding:22px; max-width:580px; box-shadow:0 18px 50px rgba(0,0,0,.22); }
.gravity-formula { font-size:clamp(22px, 3vw, 32px); font-weight:800; letter-spacing:-.03em; margin-bottom:8px; color:var(--text); }
.gravity-formula-card p { color:var(--text2); font-size:14px; }
.gravity-hero-panel { min-height:620px; }
.gravity-dashboard-card { background:linear-gradient(180deg, rgba(12,12,26,.94), rgba(8,8,18,.98)); border:1px solid rgba(129,140,248,.24); border-radius:28px; padding:22px; box-shadow:0 30px 90px rgba(0,0,0,.42); position:relative; overflow:hidden; }
.cosmic-dashboard-card::before { content:''; position:absolute; inset:-20% auto auto -10%; width:260px; height:260px; background:radial-gradient(circle, rgba(129,140,248,.18), transparent 68%); pointer-events:none; }
.cosmic-dashboard-card::after { content:''; position:absolute; inset:auto -8% -18% auto; width:280px; height:280px; background:radial-gradient(circle, rgba(236,72,153,.12), transparent 65%); pointer-events:none; }
.gravity-dashboard-header, .gravity-dashboard-subline, .wallet-summary-grid, .gravity-hero-table-wrap { position:relative; z-index:1; }
.gravity-dashboard-header { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }
.gravity-dashboard-header h3 { font-size:28px; }
.gravity-wallet-state { color:var(--text2); font-size:13px; }
.wallet-summary-grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:14px; margin-bottom:18px; }
.wallet-summary-card { background:rgba(17,17,40,.82); border:1px solid rgba(129,140,248,.18); border-radius:18px; padding:18px; }
.wallet-summary-value { font-size:28px; font-weight:800; color:var(--text); margin-bottom:6px; }
.wallet-summary-card p { color:var(--text2); font-size:12px; line-height:1.5; }
.wallet-claim-btn { margin-top:12px; width:100%; }
.gravity-dashboard-subline { display:flex; justify-content:space-between; gap:16px; align-items:center; margin-bottom:16px; color:var(--text2); font-size:13px; }
.gravity-hero-table-wrap { max-height:540px; overflow:auto; border:1px solid rgba(129,140,248,.14); border-radius:18px; }
.active-wallet-row td { background:rgba(99,102,241,.10) !important; }
.featured-spin-card { position:relative; z-index:1; background:linear-gradient(135deg, rgba(99,102,241,.18), rgba(236,72,153,.10)); border:1px solid rgba(167,139,250,.28); border-radius:20px; padding:18px; margin-bottom:14px; box-shadow:0 18px 40px rgba(0,0,0,.18); }
.featured-spin-top { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
.featured-spin-top h4 { font-size:24px; }
.featured-spin-top p { color:var(--text2); font-size:13px; }
.featured-spin-metrics { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:12px; }
.featured-spin-metrics span { display:block; color:var(--text2); font-size:11px; text-transform:uppercase; letter-spacing:1px; margin-bottom:6px; }
.featured-spin-metrics strong { font-size:16px; color:var(--text); }
.featured-spin-share-box { margin-top:16px; padding-top:16px; border-top:1px solid rgba(255,255,255,.08); }
.featured-spin-share-box p { color:var(--text2); font-size:13px; line-height:1.7; white-space:pre-line; }
.featured-spin-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:12px; }
.featured-spin-x-link { padding:14px 22px; border-radius:10px; }
.spins-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:18px; position:relative; z-index:1; }
.spins-card { background:rgba(17,17,40,.72); border:1px solid rgba(129,140,248,.16); border-radius:18px; padding:18px; }
.claims-card { margin-bottom:18px; position:relative; z-index:1; }
.spins-card-header h4 { font-size:18px; margin-top:2px; }
.spins-empty { color:var(--text2); font-size:13px; }
.spins-list { display:flex; flex-direction:column; gap:10px; }
.spin-row { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:12px 0; border-top:1px solid rgba(255,255,255,.05); }
.spin-row:first-child { border-top:none; padding-top:0; }
.spin-tier { font-weight:800; letter-spacing:.05em; }
.spin-meta { color:var(--text2); font-size:12px; }
.spin-reward { display:flex; flex-direction:column; align-items:flex-end; font-size:13px; color:var(--text2); }
.spin-reward strong { color:var(--text); }
.hero-badge { display:inline-block; background:#1e1e2e; border:1px solid #2e2e3e; padding:6px 16px; border-radius:20px; font-size:13px; color:#a1a1aa; margin-bottom:24px; }
.hero h1 { font-size:clamp(36px,6vw,56px); font-weight:700; line-height:1.15; color:#f4f4f5; margin-bottom:20px; }
.gradient-text { background:linear-gradient(135deg,#818cf8,#c084fc,#f472b6); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.hero-sub { font-size:18px; color:#a1a1aa; max-width:680px; margin:0 auto 36px; line-height:1.7; }
.hero-actions { display:flex; align-items:center; justify-content:center; gap:16px; flex-wrap:wrap; }
.btn-hero { background:var(--accent); color:#fff !important; padding:14px 32px; border-radius:10px; font-weight:600; font-size:16px; transition:all .2s; display:inline-block; }
.btn-hero:hover { background:#4f46e5; transform:translateY(-1px); box-shadow:0 8px 30px rgba(99,102,241,.3); }
.install-cmd { display:flex; align-items:center; gap:8px; background:#1e1e2e; border:1px solid #2e2e3e; padding:10px 16px; border-radius:10px; }
.install-cmd code { color:#a5b4fc; font-size:15px; }
.copy-btn { background:none; border:none; cursor:pointer; font-size:14px; padding:2px; opacity:.6; transition:opacity .2s; color:#a1a1aa; }
.copy-btn:hover { opacity:1; }
.demo { padding:0 0 80px; }
.terminal { background:#12121a; border:1px solid #2e2e3e; border-radius:12px; overflow:hidden; box-shadow:0 20px 60px rgba(0,0,0,.4); }
.terminal-bar { display:flex; align-items:center; gap:8px; padding:12px 16px; background:#1a1a24; border-bottom:1px solid #2e2e3e; }
.dot { width:12px; height:12px; border-radius:50%; display:inline-block; }
.dot.red { background:#ef4444; } .dot.yellow { background:#eab308; } .dot.green { background:#22c55e; }
.terminal-title { margin-left:8px; font-size:13px; color:#71717a; }
.terminal-body { padding:20px; display:flex; flex-direction:column; gap:16px; }
.chat-line { display:flex; align-items:flex-start; gap:10px; font-size:14px; }
.chat-line.user .role { color:#6366f1; font-weight:600; min-width:50px; }
.chat-line.agent .role { color:#22c55e; font-weight:600; min-width:50px; }
.chat-line.tool { padding-left:60px; color:#71717a; font-size:13px; font-family:monospace; }
.tool-badge { background:#1e1e2e; padding:2px 8px; border-radius:4px; font-size:12px; }
.tool-status { color:#22c55e; margin-left:auto; }

.section { max-width:1160px; margin:0 auto; padding:120px 24px; position:relative; }
.section::before { content:''; position:absolute; inset:24px 24px auto 24px; height:1px; background:linear-gradient(90deg, transparent, rgba(129,140,248,.18), transparent); }
.section-label { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:2px; color:var(--accent); margin-bottom:12px; }
.section h2 { font-size:clamp(28px,4vw,44px); font-weight:800; line-height:1.15; letter-spacing:-.02em; margin-bottom:16px; }
.section-desc { font-size:17px; color:var(--text2); max-width:820px; line-height:1.7; margin-bottom:48px; }
.section-bridge, .section-stack-intro { padding-top:108px; }
.bridge-grid { display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:18px; margin-bottom:34px; }
.bridge-card { background:linear-gradient(180deg, rgba(12,12,26,.94), rgba(9,9,18,.98)); border:1px solid rgba(129,140,248,.16); border-radius:20px; padding:26px; box-shadow:0 20px 60px rgba(0,0,0,.24); }
.bridge-card-primary { background:linear-gradient(135deg, rgba(99,102,241,.18), rgba(236,72,153,.12), rgba(10,10,20,.98)); border-color:rgba(167,139,250,.32); }
.bridge-card h3 { font-size:22px; margin-bottom:10px; }
.bridge-card p { color:var(--text2); font-size:14px; line-height:1.7; }
.stack-pillars { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:16px; }
.stack-pillar { display:flex; gap:16px; align-items:flex-start; background:linear-gradient(180deg, rgba(12,12,26,.94), rgba(9,9,18,.98)); border:1px solid rgba(129,140,248,.16); border-radius:18px; padding:22px; }
.stack-pillar span { display:inline-flex; width:42px; height:42px; align-items:center; justify-content:center; border-radius:999px; background:rgba(99,102,241,.14); color:var(--accent2); font-weight:800; font-size:12px; letter-spacing:.08em; flex:0 0 auto; }
.stack-pillar h3 { font-size:18px; margin-bottom:6px; }
.stack-pillar p { color:var(--text2); font-size:14px; line-height:1.6; }
.problem-grid,.features { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:16px; }
.features { gap:24px; margin-top:48px; }
.problem-card,.feature,.compare-card,.start-card,.vision-diagram,.waterfall-stage,.market-card { background:var(--surface); border:1px solid var(--border); border-radius:12px; padding:28px; transition:border-color .2s; }
.problem-card:hover,.feature:hover,.compare-card:hover,.start-card:hover,.waterfall-stage:hover,.market-card:hover { border-color:var(--accent); }
.problem-icon,.feature-icon { font-size:28px; margin-bottom:12px; }
.problem-card h3,.feature h3,.compare-card h3,.start-card h3 { font-size:18px; font-weight:700; margin-bottom:8px; color:var(--text); }
.problem-card p,.feature p,.compare-card p,.start-card p { font-size:14px; color:var(--text2); line-height:1.6; }
.solution-banner { background:linear-gradient(135deg, rgba(124,92,252,.08), rgba(6,182,212,.06)); border:1px solid var(--accent); border-radius:16px; padding:40px; text-align:center; margin-top:48px; }
.solution-banner h3 { font-size:24px; font-weight:800; margin-bottom:12px; background:linear-gradient(135deg,var(--accent2),var(--cyan)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.solution-banner p { font-size:16px; color:var(--text2); max-width:600px; margin:0 auto; line-height:1.7; }
.compare-grid { display:grid; grid-template-columns:1fr 1fr; gap:2px; background:var(--border); border-radius:16px; overflow:hidden; margin-bottom:32px; }
.compare-grid.three-col { grid-template-columns:1fr 1fr 1fr; }
.compare-card { padding:32px; background:var(--surface); }
.compare-card.ours { background:var(--surface2); }
.compare-label { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1.5px; margin-bottom:12px; }
.compare-label.theirs-label { color:var(--text2); } .compare-label.ours-label { color:var(--green); }
.compare-list { list-style:none; padding:0; }
.compare-list li { font-size:13px; color:var(--text2); line-height:1.6; padding:4px 0; border-bottom:1px solid rgba(255,255,255,.03); }
.compare-list li:last-child { border-bottom:none; }
.compare-list li strong { color:var(--text); }
.vision-grid { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:start; }
.vision-nodes { display:flex; flex-wrap:wrap; gap:12px; justify-content:center; }
.vision-node { background:var(--surface2); border:1px solid var(--border); border-radius:10px; padding:12px 16px; font-size:12px; font-family:var(--mono); color:var(--text2); }
.vision-node.active { border-color:var(--green); color:var(--green); }
.math-box { background:var(--surface); border:1px solid var(--border); border-radius:12px; padding:20px; margin-top:20px; }
.math-row { display:flex; justify-content:space-between; align-items:center; padding:8px 0; border-bottom:1px solid rgba(255,255,255,.04); font-family:var(--mono); font-size:13px; color:var(--text2); }
.math-row:last-child { border-bottom:none; }
.math-row span:first-child { color:var(--cyan); font-weight:600; } .math-row span:last-child { color:var(--green); }
.comparison-table-wrap { overflow-x:auto; border-radius:16px; border:1px solid var(--border); }
.comparison-table { width:100%; border-collapse:collapse; font-size:13px; min-width:800px; }
.comparison-table th { background:var(--surface2); padding:16px 20px; text-align:left; font-weight:700; font-size:12px; text-transform:uppercase; letter-spacing:1px; color:var(--text2); border-bottom:1px solid var(--border); }
.comparison-table th.highlight-col { color:var(--green); background:rgba(34,197,94,.05); }
.comparison-table td { padding:12px 20px; border-bottom:1px solid rgba(255,255,255,.03); color:var(--text2); background:var(--surface); }
.comparison-table td:first-child { font-weight:600; color:var(--text); } .comparison-table td:last-child { background:rgba(34,197,94,.03); }
.comparison-table td.good { color:var(--green); } .comparison-table td.bad { color:var(--red); opacity:.7; } .comparison-table td.ok { color:var(--orange); }
.waterfall-diagram { display:flex; flex-direction:column; align-items:center; gap:24px; margin:48px 0; }
.parallel-stages { display:flex; gap:24px; justify-content:center; width:100%; flex-wrap:wrap; }
.waterfall-stage.parallel { max-width:280px; } .waterfall-stage.final { background:linear-gradient(135deg, rgba(124,92,252,.1), rgba(34,197,94,.1)); border-color:var(--accent); }
.stage-header { display:flex; align-items:center; justify-content:center; gap:12px; margin-bottom:16px; }
.stage-number { display:flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:50%; background:var(--accent); color:#fff; font-weight:700; font-size:14px; }
.waterfall-arrow { font-size:24px; color:var(--accent); font-weight:bold; }
.agent-tags { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:12px; }
.agent-tag { display:inline-block; background:rgba(124,92,252,.15); color:var(--accent2); border:1px solid rgba(124,92,252,.3); border-radius:20px; padding:4px 12px; font-size:12px; font-weight:600; }
.start-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.start-link { font-size:13px; font-weight:600; color:var(--accent2); }
.footer { border-top:1px solid var(--border); padding:48px 24px; text-align:center; color:var(--text2); font-size:13px; }
.footer-links { display:flex; justify-content:center; gap:32px; margin-bottom:16px; }

.market-loading { color:var(--text2); padding:20px 0; }
.market-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.market-card-primary { grid-column:1 / -1; }
.market-card-label { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1.2px; color:var(--text2); margin-bottom:10px; }
.market-big { font-size:28px; font-weight:800; color:var(--text); }
.market-muted { color:var(--text2); font-size:13px; line-height:1.5; word-break:break-all; }
.market-token-row { display:flex; justify-content:space-between; gap:20px; align-items:center; }
.market-token-row h3 { font-size:24px; margin-bottom:4px; }
.market-change.pos,.market-mini-grid .pos { color:var(--green); }
.market-change.neg,.market-mini-grid .neg { color:var(--red); }
.market-mini-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; font-weight:700; margin-top:8px; }
.holders-wrap { display:flex; flex-direction:column; gap:16px; }
.holders-meta { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:16px; }
.holders-meta-card { background:var(--surface); border:1px solid var(--border); border-radius:12px; padding:24px; }
.holders-meta-big { font-size:20px; font-weight:800; color:var(--text); word-break:break-all; }
.holders-table-wrap { overflow-x:auto; border:1px solid var(--border); border-radius:16px; }
.holders-table { width:100%; border-collapse:collapse; min-width:760px; }
.holders-table th { background:var(--surface2); padding:14px 18px; text-align:left; font-size:12px; text-transform:uppercase; letter-spacing:1px; color:var(--text2); }
.holders-table td { background:var(--surface); padding:14px 18px; border-top:1px solid rgba(255,255,255,.04); color:var(--text); font-size:14px; }
.holders-table td code { font-size:13px; }
.holders-footnote { color:var(--text2); font-size:13px; }
.gravity-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; background:linear-gradient(135deg, rgba(99,102,241,.12), rgba(236,72,153,.08)); border:1px solid rgba(129,140,248,.35); border-radius:16px; padding:20px 22px; }
.gravity-toolbar-copy { color:var(--text2); font-size:14px; max-width:700px; }
.gravity-toolbar-actions { display:flex; gap:12px; flex-wrap:wrap; }
.wheel-modal-backdrop { position:fixed; inset:0; background:rgba(3,4,12,.82); backdrop-filter:blur(16px); display:flex; align-items:center; justify-content:center; padding:24px; z-index:1000; }
.wheel-modal { width:min(980px, 100%); max-height:min(90vh, 920px); overflow:auto; background:linear-gradient(180deg, rgba(17,17,40,.98), rgba(8,8,18,.98)); border:1px solid rgba(129,140,248,.28); border-radius:24px; padding:28px; position:relative; box-shadow:0 30px 100px rgba(0,0,0,.5); }
.cosmic-wheel-modal { background:
  radial-gradient(circle at top, rgba(99,102,241,.16), transparent 35%),
  radial-gradient(circle at 20% 20%, rgba(236,72,153,.14), transparent 28%),
  radial-gradient(circle at 80% 30%, rgba(6,182,212,.14), transparent 30%),
  linear-gradient(180deg, rgba(17,17,40,.98), rgba(8,8,18,.98)); }
.cosmic-stars { position:absolute; inset:0; pointer-events:none; background-image:radial-gradient(circle, rgba(255,255,255,.7) 1px, transparent 1.5px), radial-gradient(circle, rgba(129,140,248,.6) 1px, transparent 1.5px), radial-gradient(circle, rgba(236,72,153,.45) 1px, transparent 1.5px); background-size:140px 140px, 220px 220px, 180px 180px; background-position:0 0, 40px 80px, 90px 30px; opacity:.35; }
.wheel-close { position:absolute; right:16px; top:16px; width:40px; height:40px; border-radius:999px; border:1px solid var(--border); background:var(--surface2); color:var(--text); font-size:24px; cursor:pointer; z-index:2; }
.wheel-modal-copy { position:relative; z-index:1; }
.wheel-modal-copy h3 { font-size:34px; margin-bottom:10px; }
.wheel-modal-copy p { color:var(--text2); max-width:720px; }
.wheel-stage { margin:28px 0 20px; position:relative; display:flex; justify-content:center; }
.cosmic-wheel-stage { min-height:360px; align-items:flex-start; }
.wheel-half-mask { width:min(640px, 100%); height:320px; overflow:hidden; position:relative; }
.cosmic-wheel-mask { filter:drop-shadow(0 0 40px rgba(129,140,248,.25)); }
.wheel-disc { width:640px; height:640px; border-radius:50%; border:10px solid rgba(255,255,255,.08); box-shadow:0 20px 80px rgba(0,0,0,.45); margin:0 auto; transform-origin:center center; }
.cosmic-wheel-disc { border:10px solid rgba(255,255,255,.12); box-shadow:0 0 0 6px rgba(129,140,248,.12), 0 0 40px rgba(129,140,248,.28), 0 20px 80px rgba(0,0,0,.55); }
.wheel-glow { position:absolute; inset:auto 50% 0 auto; width:520px; height:520px; transform:translateX(50%); border-radius:50%; background:radial-gradient(circle, rgba(129,140,248,.18), transparent 62%); pointer-events:none; }
.wheel-pointer { position:absolute; top:-4px; left:50%; transform:translateX(-50%); width:0; height:0; border-left:18px solid transparent; border-right:18px solid transparent; border-top:28px solid #fff; filter:drop-shadow(0 8px 18px rgba(0,0,0,.4)); z-index:2; }
.wheel-orbit-ring { position:absolute; left:50%; top:8px; transform:translateX(-50%); border:1px solid rgba(129,140,248,.16); border-radius:999px; pointer-events:none; }
.orbit-ring-1 { width:620px; height:310px; }
.orbit-ring-2 { width:540px; height:270px; border-color:rgba(236,72,153,.14); }
.wheel-actions { display:flex; gap:12px; align-items:center; justify-content:center; margin-bottom:18px; flex-wrap:wrap; position:relative; z-index:1; }
.wheel-secondary-btn { background:transparent; color:var(--text); border:1px solid var(--border); padding:14px 22px; border-radius:10px; font-weight:600; cursor:pointer; }
.wheel-result { background:rgba(99,102,241,.08); border:1px solid rgba(129,140,248,.3); border-radius:16px; padding:20px; margin:0 auto 18px; max-width:460px; text-align:center; }
.cosmic-result { background:linear-gradient(135deg, rgba(99,102,241,.16), rgba(236,72,153,.10)); box-shadow:0 0 30px rgba(129,140,248,.12); }
.wheel-result-wallet { font-size:24px; font-weight:800; margin:6px 0 10px; }
.wheel-legend { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; position:relative; z-index:1; }
.wheel-legend-row { display:grid; grid-template-columns:18px 1fr auto auto; gap:10px; align-items:center; padding:10px 12px; background:rgba(12,12,26,.82); border:1px solid var(--border); border-radius:12px; font-size:13px; }
.wheel-color { width:12px; height:12px; border-radius:999px; display:inline-block; }

@media (max-width: 1100px) {
  .gravity-hero, .bridge-grid { grid-template-columns:1fr; }
  .gravity-hero-panel { min-height:auto; }
}
@media (max-width: 900px) {
  .compare-grid,.compare-grid.three-col,.vision-grid,.start-grid,.market-grid,.wheel-legend,.holders-meta,.wallet-summary-grid,.stack-pillars,.spins-grid,.featured-spin-metrics { grid-template-columns:1fr; }
  .nav-links { flex-wrap:wrap; gap:12px; justify-content:flex-end; }
  .market-card-primary { grid-column:auto; }
  .market-token-row,.gravity-toolbar,.gravity-dashboard-subline,.featured-spin-top { flex-direction:column; align-items:flex-start; }
}
.admin-claims-shell { display:flex; flex-direction:column; gap:18px; }
.admin-toolbar-card,.admin-claim-card,.admin-empty-card { background:linear-gradient(180deg, rgba(12,12,26,.94), rgba(8,8,18,.98)); border:1px solid rgba(129,140,248,.18); border-radius:22px; padding:22px; box-shadow:0 18px 60px rgba(0,0,0,.24); }
.admin-toolbar-grid { display:grid; grid-template-columns:minmax(0, 1.6fr) 220px auto; gap:14px; align-items:end; }
.admin-field { display:flex; flex-direction:column; gap:8px; }
.admin-field label { font-size:12px; text-transform:uppercase; letter-spacing:1px; color:var(--text2); }
.admin-field input,.admin-field select { width:100%; background:rgba(17,17,40,.82); border:1px solid rgba(129,140,248,.18); color:var(--text); border-radius:12px; padding:14px 16px; font:inherit; }
.admin-toolbar-actions { display:flex; gap:10px; flex-wrap:wrap; }
.admin-toolbar-help { margin-top:12px; color:var(--text2); font-size:13px; }
.admin-alert { margin-top:12px; padding:12px 14px; border-radius:12px; font-size:13px; }
.admin-alert-error { background:rgba(239,68,68,.10); border:1px solid rgba(239,68,68,.24); color:#fecaca; }
.admin-alert-success { background:rgba(34,197,94,.10); border:1px solid rgba(34,197,94,.24); color:#bbf7d0; }
.admin-queue-header { display:flex; justify-content:space-between; align-items:flex-end; gap:16px; }
.admin-queue-header h3 { font-size:28px; }
.admin-claims-list { display:flex; flex-direction:column; gap:16px; }
.admin-claim-card-top { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; margin-bottom:14px; }
.admin-claim-card-top h4 { font-size:22px; }
.admin-status-pill { display:inline-flex; align-items:center; justify-content:center; padding:8px 12px; border-radius:999px; font-size:12px; text-transform:uppercase; letter-spacing:1px; font-weight:700; }
.admin-status-requested { background:rgba(245,158,11,.14); color:#fcd34d; border:1px solid rgba(245,158,11,.24); }
.admin-status-claimed { background:rgba(34,197,94,.14); color:#86efac; border:1px solid rgba(34,197,94,.24); }
.admin-status-failed { background:rgba(239,68,68,.14); color:#fca5a5; border:1px solid rgba(239,68,68,.24); }
.admin-claim-metrics { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:12px; margin-bottom:14px; }
.admin-claim-metrics span,.admin-claim-ids span,.admin-meta-line span { display:block; color:var(--text2); font-size:11px; text-transform:uppercase; letter-spacing:1px; margin-bottom:6px; }
.admin-claim-metrics strong { color:var(--text); font-size:14px; word-break:break-word; }
.admin-claim-ids,.admin-meta-line { margin-bottom:14px; }
.admin-meta-line p { color:var(--text); }
.admin-settle-box { display:grid; grid-template-columns:1fr 1fr auto; gap:12px; align-items:end; }
.admin-empty-card { color:var(--text2); }

/* Stardust & Gravity coloring */
.stardust-value, .stardust-cell { color: #f59e0b !important; }
.gravity-value, .gravity-cell { color: #818cf8 !important; }
.summary-stardust { border-color: rgba(245, 158, 11, .28) !important; }
.summary-gravity { border-color: rgba(129, 140, 248, .28) !important; }
.wallet-summary-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

/* Hero stat cards inline */
.hero-stats-row { display: flex; gap: 14px; margin-top: 22px; flex-wrap: wrap; }
.hero-stat-card { flex: 1; min-width: 120px; background: rgba(17,17,40,.82); border: 1px solid rgba(129,140,248,.18); border-radius: 14px; padding: 14px 16px; }
.hero-stat-label { font-size: 11px; text-transform: uppercase; letter-spacing: 1px; color: var(--text2); margin-bottom: 6px; }
.hero-stat-value { font-size: 22px; font-weight: 800; color: var(--text); }

/* Spin button hero variant */
.btn-spin-hero { background: linear-gradient(135deg, #f59e0b, #ec4899) !important; }
.btn-spin-hero:hover { box-shadow: 0 8px 30px rgba(245, 158, 11, .3) !important; }

/* Claim action bar */
.claim-action-bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px; background: linear-gradient(135deg, rgba(34,197,94,.12), rgba(6,182,212,.08)); border: 1px solid rgba(34,197,94,.28); border-radius: 14px; margin-bottom: 14px; }
.claim-action-info { display: flex; flex-direction: column; gap: 4px; }
.claim-action-info strong { font-size: 20px; color: var(--green); }
.claim-action-sub { font-size: 12px; color: var(--text2); }
.btn-claim { background: var(--green) !important; font-size: 14px !important; padding: 12px 24px !important; white-space: nowrap; }
.btn-claim:hover { background: #16a34a !important; }

/* How it works section */
.section-how-it-works { padding-top: 108px; }
.how-steps { display: flex; flex-direction: column; gap: 20px; margin-bottom: 48px; }
.how-step { display: flex; gap: 20px; align-items: flex-start; background: var(--surface); border: 1px solid var(--border); border-radius: 16px; padding: 24px; transition: border-color .2s; }
.how-step:hover { border-color: var(--accent); }
.how-step-num { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 999px; background: rgba(99,102,241,.14); color: var(--accent2); font-weight: 800; font-size: 18px; flex: 0 0 auto; }
.how-step h3 { font-size: 18px; margin-bottom: 6px; }
.how-step p { color: var(--text2); font-size: 14px; line-height: 1.6; }

/* Gravity vs Stardust visualization */
.gravity-vs-stardust { display: flex; align-items: center; gap: 20px; justify-content: center; flex-wrap: wrap; }
.gvs-card { flex: 1; min-width: 260px; max-width: 380px; background: var(--surface); border: 1px solid var(--border); border-radius: 20px; padding: 28px; text-align: center; }
.gvs-gravity { border-color: rgba(129,140,248,.32); background: linear-gradient(180deg, rgba(99,102,241,.08), var(--surface)); }
.gvs-stardust { border-color: rgba(245,158,11,.32); background: linear-gradient(180deg, rgba(245,158,11,.08), var(--surface)); }
.gvs-icon { font-size: 36px; margin-bottom: 12px; }
.gvs-card h3 { font-size: 22px; margin-bottom: 10px; }
.gvs-card p { color: var(--text2); font-size: 14px; line-height: 1.6; }
.gvs-arrow { font-size: 32px; color: var(--accent2); font-weight: 800; }

/* Prizes section */
.section-prizes { padding-top: 108px; }
.prize-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 18px; }
.prize-card { background: var(--surface); border: 1px solid var(--border); border-radius: 20px; padding: 28px; transition: border-color .2s; }
.prize-card:hover { border-color: var(--accent); }
.prize-card-main { background: linear-gradient(135deg, rgba(245,158,11,.12), rgba(236,72,153,.08), var(--surface)); border-color: rgba(245,158,11,.28); }
.prize-icon { font-size: 36px; margin-bottom: 14px; }
.prize-card h3 { font-size: 20px; margin-bottom: 10px; }
.prize-card p { color: var(--text2); font-size: 14px; line-height: 1.6; }

/* Wheel result win styling */
.wheel-result-win { background: linear-gradient(135deg, rgba(34,197,94,.18), rgba(245,158,11,.12)) !important; border-color: rgba(34,197,94,.32) !important; }
.wheel-result-sol { font-size: 28px; font-weight: 800; color: var(--green); margin: 8px 0; }
.wheel-result-stardust { margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.08); }
.wheel-result-stardust p { color: #f59e0b; font-weight: 600; }

@media (max-width: 900px) {
  .wallet-summary-grid-4, .prize-grid { grid-template-columns: 1fr 1fr; }
  .claim-action-bar { flex-direction: column; align-items: stretch; text-align: center; }
}

@media (max-width: 640px) {
  .landing, .landing-wide { width:min(1320px, calc(100% - 32px)); }
  .nav-links a:not(.btn-primary) { display:none; }
  .hero { padding:48px 0 40px; }
  .gravity-hero { padding:48px 0 56px; }
  .hero-actions, .gravity-hero-actions { flex-direction:column; }
  .install-cmd { width:100%; justify-content:center; }
  .chat-line.tool { padding-left:20px; }
  .wheel-modal { padding:20px; border-radius:18px; }
  .wheel-half-mask { height:220px; }
  .wheel-disc { width:440px; height:440px; }
  .wheel-legend-row { grid-template-columns:18px 1fr; }
  .gravity-dashboard-card { padding:16px; border-radius:20px; }
  .gravity-dashboard-header h3 { font-size:22px; }
  .wallet-summary-value { font-size:22px; }
  .wallet-summary-grid-4, .prize-grid { grid-template-columns: 1fr; }
  .hero-stats-row { flex-direction: column; }
  .gravity-vs-stardust { flex-direction: column; }
  .gvs-arrow { transform: rotate(90deg); }
}

/*# sourceMappingURL=style.css.map */
/*# sourceMappingURL=globals-3eafc084.css.map */