:root {
  --ink: #10110f;
  --paper: #f0efe8;
  --panel: #faf9f3;
  --acid: #d7ff3f;
  --signal: #ff5c35;
  --cyan: #33d6c6;
  --muted: #696b63;
  --line: #c9c8bf;
  --dark: #181a17;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: "Avenir Next", "Trebuchet MS", sans-serif;
  min-height: 100vh;
}
button, input, select { font: inherit; color: inherit; }
button { cursor: pointer; }
.noise {
  position: fixed; inset: 0; pointer-events: none; z-index: 20; opacity: .055;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");
}
.view { display: none; }
.active-view { display: block; animation: reveal .45s ease both; }
@keyframes reveal { from { opacity: 0; transform: translateY(8px); } }

/* layout */
.topbar {
  height: 72px; padding: 0 4vw; display: grid; grid-template-columns: 1fr auto 1fr;
  align-items: center; border-bottom: 1px solid var(--ink); position: sticky; top: 0;
  background: rgba(240,239,232,.94); backdrop-filter: blur(14px); z-index: 10;
}
.brand { display: flex; gap: 12px; align-items: center; border: 0; background: none; padding: 0; justify-self: start; font-weight: 900; letter-spacing: -.04em; font-size: 20px; }
.brand > span:last-child span { color: var(--signal); }
.brand-mark { width: 31px; height: 31px; background: var(--ink); display: flex; gap: 3px; padding: 7px; transform: rotate(-4deg); }
.brand-mark i { display: block; width: 4px; height: 100%; background: var(--acid); }
.topbar nav { display: flex; gap: 4px; height: 100%; align-items: stretch; }
.nav-link { border: 0; background: none; padding: 0 18px; color: var(--muted); font-size: 14px; position: relative; }
.nav-link::after { content:""; position:absolute; left:18px; right:18px; bottom:0; height:3px; background:var(--signal); transform:scaleX(0); transition:.2s; }
.nav-link:hover, .nav-link.active { color: var(--ink); }
.nav-link.active::after { transform: scaleX(1); }
.wallet-btn { justify-self: end; border: 1px solid var(--ink); background: var(--ink); color: white; padding: 10px 14px; font-size: 13px; font-weight: 800; }
.wallet-btn.connected { background: var(--acid); color: var(--ink); }
.status-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--signal); margin-right:8px; }
.wallet-btn.connected .status-dot { background: #27985b; }
.section-pad { padding: 92px 5vw; }
.app-view { min-height: calc(100vh - 72px); }
.section-heading { display:flex; align-items:end; justify-content:space-between; margin-bottom:34px; gap:30px; }
.section-heading > div { display:flex; align-items:baseline; gap:16px; }
.section-heading h2 { margin:0; font-family: Georgia, serif; font-size: clamp(38px, 5vw, 68px); font-weight:400; letter-spacing:-.055em; }
.section-heading p { max-width: 430px; margin:0; color:var(--muted); line-height:1.65; }
.section-index { font: 700 12px "Courier New", monospace; color: var(--signal); }

/* components */
.hero { min-height: 680px; display:grid; grid-template-columns: 1.05fr .95fr; border-bottom:1px solid var(--ink); }
.hero-copy { padding: 10vh 5vw 8vh; display:flex; flex-direction:column; justify-content:center; }
.eyebrow { font:700 11px "Courier New",monospace; letter-spacing:.16em; color:var(--muted); }
.hero h1 { margin:22px 0; font-family:Georgia,serif; font-size:clamp(72px,9vw,148px); font-weight:400; line-height:.76; letter-spacing:-.08em; }
.hero h1 em { color:var(--signal); font-weight:400; }
.lead { max-width:620px; font-size:18px; line-height:1.75; color:#383a34; }
.hero-actions { display:flex; align-items:center; gap:24px; margin-top:28px; }
.primary { border:1px solid var(--ink); background:var(--acid); box-shadow:5px 5px 0 var(--ink); padding:15px 22px; font-weight:900; transition:.18s; }
.primary:hover { transform:translate(3px,3px); box-shadow:2px 2px 0 var(--ink); }
.text-button { border:0; background:none; padding:10px 0; font-weight:800; border-bottom:1px solid var(--ink); }
.hero-instrument { background:var(--dark); color:white; margin:34px 3vw 34px 0; padding:28px; position:relative; overflow:hidden; min-height:560px; display:flex; flex-direction:column; justify-content:space-between; }
.instrument-head { display:flex; justify-content:space-between; color:#a9ada4; font:700 10px "Courier New",monospace; letter-spacing:.11em; }
.pulse-grid { display:grid; grid-template-columns:1fr 1fr; position:relative; z-index:2; }
.pulse-grid div { padding:26px 14px; border:1px solid #4b4e47; margin:-1px 0 0 -1px; }
.pulse-grid strong { display:block; font-family:Georgia,serif; font-weight:400; font-size:clamp(40px,5vw,72px); color:var(--acid); letter-spacing:-.05em; }
.pulse-grid small { color:#b8bbb2; }
.data-note { font:10px "Courier New",monospace; color:#868a81; margin:0; }
.circuit-lines { position:absolute; inset:0; opacity:.16; }
.circuit-lines b { position:absolute; display:block; border:1px solid var(--acid); width:180px; height:180px; transform:rotate(45deg); }
.circuit-lines b:nth-child(1){right:-60px;top:30px}.circuit-lines b:nth-child(2){right:70px;top:160px}.circuit-lines b:nth-child(3){left:-80px;bottom:-20px}.circuit-lines b:nth-child(4){left:90px;bottom:110px}.circuit-lines b:nth-child(5){right:-10px;bottom:-80px}
.toolbar { display:flex; justify-content:space-between; gap:18px; margin-bottom:26px; }
.searchbox { border-bottom:2px solid var(--ink); display:flex; gap:10px; align-items:center; width:min(420px,100%); }
.searchbox input { border:0; background:transparent; padding:13px 4px; width:100%; outline:none; }
.filters { display:flex; border:1px solid var(--ink); }
.filter { border:0; border-right:1px solid var(--ink); padding:10px 13px; background:transparent; font-size:12px; font-weight:800; }
.filter:last-child { border:0; }.filter.active { background:var(--ink); color:white; }
.live-btn { border:1px solid var(--ink); background:var(--acid); padding:10px 14px; white-space:nowrap; font:800 11px "Courier New",monospace; }
.live-btn span { display:inline-block; width:7px; height:7px; border-radius:50%; background:#278d5b; margin-right:7px; box-shadow:0 0 0 3px rgba(39,141,91,.14); }
.live-btn.loading span { animation:blink .7s infinite alternate; background:var(--signal); }
@keyframes blink { to { opacity:.2; } }
.project-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--ink); border-left:1px solid var(--ink); }
.project-card { background:var(--panel); border:0; border-right:1px solid var(--ink); border-bottom:1px solid var(--ink); text-align:left; padding:24px; min-height:330px; position:relative; overflow:hidden; transition:.2s; }
.project-card:hover { background:var(--acid); transform:translate(-4px,-4px); box-shadow:5px 5px 0 var(--ink); z-index:2; }
.card-top,.card-stats,.card-foot { display:flex; justify-content:space-between; gap:12px; align-items:center; }
.badge { font:700 10px "Courier New",monospace; letter-spacing:.08em; padding:5px 7px; border:1px solid; }
.badge.active{background:var(--cyan)}.badge.fundraising{background:#ffd257}.badge.pending{background:#ffb27c}.badge.failed{background:#e3e1d8;color:#5f615a}
.contract { font:11px "Courier New",monospace; color:var(--muted); }
.project-card h3 { font-family:Georgia,serif; font-weight:400; font-size:38px; margin:36px 0 4px; letter-spacing:-.04em; }
.symbol { font:700 12px "Courier New",monospace; color:var(--signal); }
.progress { height:8px; border:1px solid var(--ink); margin:30px 0 12px; padding:2px; }
.progress i { display:block; height:100%; background:var(--ink); }
.card-stats { font-size:12px; }.card-stats strong{font-family:"Courier New",monospace}.card-foot{position:absolute;left:24px;right:24px;bottom:22px;padding-top:14px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.principles { background:var(--dark); color:white; }
.section-heading.light p { color:#aaa; }
.principle-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #555; }
.principle-grid article { padding:32px 24px 30px 0; border-right:1px solid #555; min-height:220px; }
.principle-grid article+article { padding-left:24px; }
.principle-grid span { color:var(--acid); font:700 11px "Courier New",monospace; }
.principle-grid h3 { font:400 25px Georgia,serif; }
.principle-grid p { color:#aaa; line-height:1.65; font-size:14px; }

.app-shell { max-width:1280px; margin:auto; }
.app-kicker { font:700 11px "Courier New",monospace; color:var(--signal); letter-spacing:.14em; }
.app-title { font:400 clamp(48px,7vw,92px) Georgia,serif; letter-spacing:-.065em; margin:12px 0 42px; }
.two-col { display:grid; grid-template-columns:minmax(0,1fr) minmax(340px,.8fr); gap:28px; align-items:start; }
.panel { background:var(--panel); border:1px solid var(--ink); padding:28px; }
.panel.dark { background:var(--dark); color:white; }
.panel-label { display:block; font:700 10px "Courier New",monospace; letter-spacing:.12em; color:var(--muted); margin-bottom:10px; }
.field { margin-bottom:22px; }
.field-row { display:flex; justify-content:space-between; gap:20px; align-items:baseline; margin-bottom:8px; }
.field-row label { font-weight:800; font-size:13px; }
.field-row output { font:700 13px "Courier New",monospace; color:var(--signal); }
input[type=range] { width:100%; accent-color:var(--signal); }
.select { width:100%; border:1px solid var(--ink); background:white; padding:12px; }
.result-hero { padding:28px 0; border-bottom:1px solid #565950; }
.result-hero strong { display:block; font:400 56px Georgia,serif; color:var(--acid); letter-spacing:-.05em; }
.result-hero small { color:#aaa; }
.result-list { margin:12px 0 0; padding:0; list-style:none; }
.result-list li { display:flex; justify-content:space-between; padding:13px 0; border-bottom:1px solid #3c3f39; font-size:13px; }
.result-list b { font-family:"Courier New",monospace; color:white; }
.scenario { margin-top:18px; padding:14px; background:#262923; font-size:12px; color:#bbb; line-height:1.6; }
.risk-strip { display:flex; flex-wrap:wrap; gap:8px; margin:18px 0; }
.risk { font:700 10px "Courier New",monospace; border:1px solid currentColor; padding:6px 8px; }
.risk.high { color:#d8341c; background:#ffe8df; }.risk.mid { color:#876400; background:#fff2ba; }.risk.good { color:#116a5d; background:#d9fff7; }
.detail-hero { display:grid; grid-template-columns:1fr auto; gap:24px; padding-bottom:34px; border-bottom:1px solid var(--ink); }
.detail-hero h1 { font:400 clamp(60px,9vw,126px) Georgia,serif; margin:8px 0 2px; letter-spacing:-.07em; }
.detail-hero .status-tile { width:220px; background:var(--acid); border:1px solid var(--ink); padding:22px; align-self:end; }
.status-tile strong { display:block; font:400 38px Georgia,serif; }
.metrics { display:grid; grid-template-columns:repeat(4,1fr); border-left:1px solid var(--ink); margin:32px 0; }
.metrics.market-metrics { grid-template-columns:repeat(3,1fr); }
.metric { border:1px solid var(--ink); border-left:0; padding:20px; background:var(--panel); }
.metric small{display:block;color:var(--muted);margin-bottom:8px}.metric strong{font:700 20px "Courier New",monospace}
.price-metric { background:#f5ffce; position:relative; }
.price-metric::before { content:"LIVE"; position:absolute; top:12px; right:12px; color:var(--signal); font:900 9px "Courier New",monospace; letter-spacing:.1em; }
.price-metric strong { padding-right:40px; }
.price-metric em { display:block; margin-top:8px; color:var(--muted); font:normal 10px "Courier New",monospace; }
.check-list { list-style:none; padding:0; margin:0; }
.check-list li { display:grid; grid-template-columns:22px 1fr auto; gap:10px; padding:14px 0; border-bottom:1px solid var(--line); font-size:13px; align-items:start; }
.check-icon { width:16px;height:16px;border:1px solid;border-radius:50%;text-align:center;line-height:14px;font-size:10px;margin-top:1px}.check-icon.ok{background:var(--cyan)}.check-icon.warn{background:#ffd257}.check-icon.bad{background:var(--signal);color:white}
.check-list em { font-style:normal; color:var(--muted); font:11px "Courier New",monospace; }
.back-button { border:0; background:none; padding:0 0 20px; font-weight:900; }
.guide-shell { display:grid; grid-template-columns:300px 1fr; gap:40px; }
.steps { list-style:none; padding:0; margin:0; border-top:1px solid var(--ink); }
.steps button { width:100%; border:0; border-bottom:1px solid var(--ink); background:transparent; text-align:left; padding:18px 8px; color:var(--muted); }
.steps button.active { background:var(--acid); color:var(--ink); padding-left:18px; font-weight:900; }
.guide-card { min-height:420px; position:relative; overflow:hidden; }
.guide-number { font:400 110px Georgia,serif; color:var(--acid); line-height:.8; }
.guide-card h2 { font:400 46px Georgia,serif; margin:25px 0 14px; }
.guide-card p { color:#bbb; line-height:1.8; max-width:680px; }
.guide-warning { border-left:4px solid var(--signal); padding:10px 15px; background:#272a25; color:#eee; margin:28px 0; }
.guide-controls { display:flex; justify-content:space-between; margin-top:34px; }
.guide-controls button { border:1px solid #777; background:transparent; color:white; padding:10px 16px; }
.asset-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:28px; }
.asset-card { border:1px solid var(--ink); padding:24px; background:var(--panel); }
.asset-card strong { display:block; font:400 42px Georgia,serif; margin:12px 0 2px; }
.asset-card small { color:var(--muted); }
.empty-wallet { text-align:center; padding:80px 20px; border:1px dashed var(--ink); background:var(--panel); }
.empty-wallet .wallet-glyph { width:90px;height:64px;border:2px solid;margin:0 auto 25px;position:relative;transform:rotate(-3deg)}
.empty-wallet .wallet-glyph:after{content:"";position:absolute;width:30px;height:20px;border:2px solid;background:var(--acid);right:-8px;top:19px}
.activity { margin-top:26px; border-top:1px solid var(--ink); }
.activity-row { display:grid;grid-template-columns:110px 1fr auto;gap:20px;padding:16px 4px;border-bottom:1px solid var(--line);font-size:13px}.activity-row time,.activity-row code{font:11px "Courier New",monospace;color:var(--muted)}
.scan-bar { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-top:22px; padding:16px 18px; background:var(--dark); color:white; }
.scan-bar small { display:block; color:#999; margin-bottom:4px; }.scan-bar strong{font:700 12px "Courier New",monospace;color:var(--acid)}
.scan-bar button { border:1px solid var(--acid); background:transparent; color:var(--acid); padding:10px 14px; font-weight:900; }.scan-bar button:disabled{opacity:.45;cursor:wait}
.flow-map { display:grid; grid-template-columns:repeat(5,1fr); margin:30px 0 44px; counter-reset:flow; }
.flow-node { position:relative; min-height:180px; padding:22px 18px; border:1px solid var(--ink); margin-left:-1px; background:var(--panel); }
.flow-node::before { counter-increment:flow; content:"0" counter(flow); display:block; font:700 10px "Courier New",monospace; color:var(--signal); margin-bottom:28px; }
.flow-node:not(:last-child)::after { content:"→"; position:absolute; right:-13px; top:72px; z-index:2; background:var(--acid); border:1px solid var(--ink); width:25px; height:25px; text-align:center; line-height:23px; }
.flow-node h3 { font:400 23px Georgia,serif; margin:0 0 10px; }.flow-node p{font-size:12px;line-height:1.55;color:var(--muted);margin:0}
.truth-grid { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--ink); border-left:1px solid var(--ink); }
.truth-card { padding:26px; border-right:1px solid var(--ink); border-bottom:1px solid var(--ink); background:var(--panel); }
.truth-card .truth-status { font:700 10px "Courier New",monospace; letter-spacing:.1em; }
.truth-card h3 { font:400 27px Georgia,serif; margin:14px 0 10px; }.truth-card p{font-size:13px;line-height:1.65;color:var(--muted)}
.truth-card.match .truth-status{color:#137667}.truth-card.gap{background:#fff1c6}.truth-card.gap .truth-status{color:#9b4c00}
.architecture { display:grid; grid-template-columns:1fr 80px 1fr 80px 1fr; align-items:center; margin-top:28px; }
.arch-box { border:1px solid var(--ink); background:var(--panel); padding:22px; min-height:150px; }
.arch-box strong { display:block; font:400 24px Georgia,serif; margin-bottom:12px; }.arch-box code{font-size:10px;color:var(--muted)}.arch-arrow{text-align:center;font-size:28px;color:var(--signal)}
.glossary { columns:2; column-gap:20px; margin-top:28px; }
.term { break-inside:avoid; display:grid; grid-template-columns:110px 1fr; gap:14px; border-top:1px solid var(--ink); padding:14px 0; font-size:13px; }
.term dt { font-weight:900; }.term dd{margin:0;color:var(--muted);line-height:1.55}
.watch-button { border:1px solid var(--ink); background:transparent; padding:11px 15px; font-weight:900; margin-top:10px; }.watch-button.watched{background:var(--ink);color:white}
.miner-section { margin-top:90px; }
.miner-empty { border:1px dashed var(--ink); padding:54px 28px; text-align:center; background:var(--panel); }
.miner-empty strong { display:block; font:400 28px Georgia,serif; }.miner-empty p{color:var(--muted)}
.miner-summary { display:grid; grid-template-columns:repeat(4,1fr); border-left:1px solid var(--ink); margin-bottom:18px; }
.miner-summary div { border:1px solid var(--ink); border-left:0; padding:16px 18px; background:var(--panel); }.miner-summary small{display:block;color:var(--muted);margin-bottom:6px}.miner-summary strong{font:700 17px "Courier New",monospace}.miner-summary em{display:block;margin-top:5px;color:#137667;font:normal 10px "Courier New",monospace}
.market-note { display:flex; gap:16px; padding:12px 15px; margin:-2px 0 18px; background:#fff1c6; border-left:4px solid #eea72e; font-size:11px; line-height:1.55; }
.market-note strong { flex:0 0 auto; font-family:"Courier New",monospace; }
.loader { display:block; width:26px; height:26px; border:3px solid var(--line); border-top-color:var(--signal); border-radius:50%; margin:0 auto 18px; animation:spin .8s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }
.miner-table { border-top:1px solid var(--ink); border-left:1px solid var(--ink); overflow:hidden; }
.miner-row { display:grid; grid-template-columns:70px 1.2fr 1fr .65fr .85fr 1.15fr 1fr; min-width:1080px; }
.miner-row > * { padding:15px 13px; border-right:1px solid var(--ink); border-bottom:1px solid var(--ink); font-size:12px; }
.miner-row > strong { font:400 22px Georgia,serif; background:var(--acid); }
.miner-row span { display:block; }.miner-row small{display:block;margin-top:5px;color:var(--muted);font:10px "Courier New",monospace}.miner-head{background:var(--dark);color:white;font:700 10px "Courier New",monospace;letter-spacing:.07em}.miner-head span{color:white}.miner-row .reward,.miner-row .market-price{font:700 13px "Courier New",monospace}.market-price{background:#f5ffce}.muted-cell{color:var(--muted)}.verify-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}.verify-dot.yes{background:#17a67c}.verify-dot.no{background:#eea72e}
.pager { display:flex; justify-content:space-between; align-items:center; padding-top:18px; }.pager span{font:11px "Courier New",monospace;color:var(--muted)}.pager button{border:1px solid var(--ink);background:transparent;padding:10px 14px;font-weight:800}.pager button:disabled{opacity:.3;cursor:not-allowed}
.empty-state { grid-column:1/-1; padding:60px; text-align:center; border-right:1px solid var(--ink); border-bottom:1px solid var(--ink); }
footer { min-height:150px; background:var(--acid); border-top:1px solid var(--ink); padding:36px 5vw; display:grid; grid-template-columns:1fr 2fr auto; gap:30px; align-items:center; }
footer span { font:900 18px "Courier New",monospace; } footer p{font-size:12px;margin:0} footer button{border:0;background:none;font-weight:900;border-bottom:1px solid;padding:5px 0}
.toast { position:fixed; right:24px; bottom:24px; background:var(--ink); color:white; padding:15px 18px; z-index:30; border-left:5px solid var(--acid); animation:toast .3s ease both; }
@keyframes toast { from{transform:translateY(15px);opacity:0} }

/* responsive */
@media (max-width: 920px) {
  .topbar { grid-template-columns:1fr auto; padding:0 18px; }.topbar nav{position:fixed;bottom:0;left:0;right:0;height:58px;background:var(--dark);z-index:20;justify-content:space-around}.nav-link{color:#aaa;padding:0 8px;font-size:11px}.nav-link.active{color:white}.nav-link::after{left:6px;right:6px}
  .hero{grid-template-columns:1fr}.hero-copy{padding:80px 6vw}.hero-instrument{margin:0;min-height:480px}.project-grid{grid-template-columns:1fr 1fr}.principle-grid{grid-template-columns:1fr 1fr}.two-col,.guide-shell{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.asset-grid{grid-template-columns:1fr 1fr}.flow-map{grid-template-columns:1fr 1fr}.architecture{grid-template-columns:1fr}.arch-arrow{transform:rotate(90deg);padding:12px}.glossary{columns:1}.miner-table{overflow-x:auto}footer{margin-bottom:58px;grid-template-columns:1fr}
}
@media (max-width: 600px) {
  .wallet-btn{font-size:0}.wallet-btn .status-dot{margin:0}.hero h1{font-size:72px}.section-pad{padding:68px 20px}.section-heading,.toolbar{align-items:flex-start;flex-direction:column}.filters{width:100%;overflow:auto}.project-grid,.principle-grid,.asset-grid,.flow-map,.truth-grid,.miner-summary{grid-template-columns:1fr}.project-card{min-height:300px}.principle-grid article,.principle-grid article+article{padding:24px 0;border-right:0;border-bottom:1px solid #555}.metrics{grid-template-columns:1fr}.detail-hero{grid-template-columns:1fr}.detail-hero .status-tile{width:100%}.flow-node:not(:last-child)::after{content:"↓";top:auto;right:22px;bottom:-13px}.activity-row{grid-template-columns:90px 1fr}.activity-row code{display:none}
}

/* Professional research interface — v2 */
:root {
  --ink:#101820;
  --paper:#eef2f5;
  --panel:#ffffff;
  --acid:#42d7b0;
  --signal:#2563eb;
  --cyan:#d9f9f0;
  --muted:#657381;
  --line:#d8e0e7;
  --dark:#0c141c;
  --navy:#101d29;
  --soft:#f5f7f9;
  --shadow:0 18px 50px rgba(17,31,44,.08);
}
body { background:var(--paper); font-family:"Avenir Next","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; letter-spacing:-.01em; }
.noise { opacity:.018; mix-blend-mode:multiply; }
.active-view { animation:professionalReveal .35s ease both; }
@keyframes professionalReveal { from{opacity:0;transform:translateY(5px)} }

.topbar {
  height:76px; padding:0 max(28px,4vw); grid-template-columns:280px 1fr 280px;
  border-bottom:1px solid rgba(255,255,255,.08); background:rgba(12,20,28,.96); color:white;
  box-shadow:0 8px 28px rgba(8,15,22,.14); backdrop-filter:blur(18px);
}
.brand { gap:11px; color:white; letter-spacing:0; }
.brand-mark { width:34px;height:34px;padding:8px;gap:3px;background:var(--acid);border-radius:9px;transform:none;box-shadow:0 0 0 4px rgba(66,215,176,.1); }
.brand-mark i { width:4px;background:var(--navy);border-radius:2px; }
.brand-copy { display:grid; gap:1px; text-align:left; }
.brand-copy b { font-size:17px; letter-spacing:-.03em; }
.brand-copy small { color:#7f91a2; font:700 8px "SFMono-Regular",Consolas,monospace; letter-spacing:.13em; }
.brand > span:last-child span { color:inherit; }
.topbar nav { justify-self:center; gap:6px; height:auto; padding:5px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.06); border-radius:10px; }
.nav-link { padding:10px 15px; color:#94a2af; font-size:12px; border-radius:7px; }
.nav-link::after { display:none; }
.nav-link:hover { color:white;background:rgba(255,255,255,.05); }
.nav-link.active { color:white;background:#263644;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05); }
.wallet-btn { border:1px solid #344654;background:#162531;border-radius:8px;padding:10px 15px;font-size:12px;box-shadow:none; }
.wallet-btn:hover { border-color:#617484; }
.wallet-btn.connected { background:var(--acid);border-color:var(--acid);color:var(--ink); }
.status-dot { background:#ff765f;box-shadow:0 0 0 3px rgba(255,118,95,.12); }

.section-pad { padding:88px max(28px,5vw); }
.app-shell { max-width:1380px; }
.hero { min-height:680px; grid-template-columns:1.08fr .92fr; color:white; background:
  radial-gradient(circle at 12% 12%,rgba(37,99,235,.18),transparent 35%),
  linear-gradient(135deg,#0b131b 0%,#101d29 58%,#122735 100%); border:0; overflow:hidden; position:relative; }
.hero::before { content:"";position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,black,transparent 72%); }
.hero-copy { position:relative;z-index:1;padding:8vh max(40px,6vw); }
.eyebrow { color:#a8bac8;font-size:10px;letter-spacing:.17em;display:flex;align-items:center;gap:9px; }
.eyebrow span { width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 5px rgba(66,215,176,.11); }
.hero h1 { margin:24px 0 28px;font-family:inherit;font-size:clamp(60px,7.4vw,112px);font-weight:700;line-height:.92;letter-spacing:-.075em; }
.hero h1 em { color:var(--acid);font-style:normal;font-weight:300; }
.hero .lead { color:#b6c3ce;max-width:660px;font-size:17px;line-height:1.8; }
.hero-actions { margin-top:34px; }
.primary { border:0;background:var(--signal);color:white;border-radius:8px;padding:14px 20px;box-shadow:0 8px 22px rgba(37,99,235,.26);font-size:13px; }
.primary:hover { transform:translateY(-1px);box-shadow:0 11px 28px rgba(37,99,235,.32); }
.text-button { color:#d5dfe7;border:0;padding:12px 3px; }
.trust-line { display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:38px;color:#7f93a3;font-size:10px; }
.trust-line span::before { content:"✓";color:var(--acid);font-weight:900;margin-right:6px; }
.hero-instrument { align-self:center;min-height:520px;margin:38px max(38px,4vw) 38px 0;padding:28px;background:rgba(8,16,23,.74);border:1px solid rgba(255,255,255,.11);border-radius:16px;box-shadow:0 28px 80px rgba(0,0,0,.3);backdrop-filter:blur(12px); }
.instrument-head { color:#7f93a3;border-bottom:1px solid rgba(255,255,255,.09);padding-bottom:18px; }
.pulse-grid { gap:12px; }
.pulse-grid div { margin:0;padding:24px 20px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(255,255,255,.025); }
.pulse-grid div > span { display:block;color:#627787;font:700 8px "SFMono-Regular",Consolas,monospace;letter-spacing:.14em;margin-bottom:18px; }
.pulse-grid strong { font-family:inherit;font-size:clamp(38px,4vw,60px);font-weight:600;color:white;letter-spacing:-.055em; }
.pulse-grid small { color:#8193a2;font-size:11px; }
.data-note { padding-top:16px;border-top:1px solid rgba(255,255,255,.09);color:#6f8494; }
.circuit-lines { display:none; }

.radar { background:var(--paper); }
.section-heading { align-items:center;margin-bottom:28px; }
.section-heading > div { align-items:center;gap:13px; }
.section-heading h2 { font-family:inherit;font-size:clamp(32px,4vw,48px);font-weight:650;letter-spacing:-.045em; }
.section-heading p { font-size:13px; }
.section-index { width:31px;height:31px;border:1px solid #bdc8d1;border-radius:7px;display:grid;place-items:center;color:var(--signal);font-size:10px; }
.toolbar { align-items:center;padding:10px;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 5px 18px rgba(17,31,44,.04); }
.searchbox { width:min(400px,100%);border:0;background:var(--soft);border-radius:8px;padding:0 10px; }
.searchbox input { font-size:12px; }
.filters { border:0;background:var(--soft);padding:4px;border-radius:8px; }
.filter { border:0!important;padding:9px 13px;border-radius:6px;color:var(--muted); }
.filter.active { background:white;color:var(--ink);box-shadow:0 2px 8px rgba(17,31,44,.09); }
.live-btn { border:1px solid #bcd0c9;background:#effbf7;border-radius:8px;color:#136a54;padding:10px 14px; }
.project-grid { grid-template-columns:repeat(3,1fr);gap:16px;border:0; }
.project-card { border:1px solid var(--line);border-radius:12px;padding:22px;min-height:322px;box-shadow:0 8px 30px rgba(17,31,44,.045); }
.project-card:hover { background:white;transform:translateY(-4px);border-color:#9dafbc;box-shadow:var(--shadow); }
.badge { border:0;border-radius:5px;padding:6px 8px;font-size:9px; }
.badge.active{background:#d9f9f0;color:#11644e}.badge.fundraising{background:#fff2c9;color:#7b5700}.badge.pending{background:#ffe5d4;color:#914515}.badge.failed{background:#e9edf0;color:#6b7781}
.contract { font-size:10px; }
.project-card h3 { font-family:inherit;font-size:28px;font-weight:650;letter-spacing:-.04em;margin:34px 0 5px; }
.symbol { color:var(--signal);font-size:10px; }
.risk { border:0;border-radius:4px;padding:5px 7px;font-size:9px; }
.risk.high{color:#a33827;background:#fff0ed}.risk.mid{color:#816000;background:#fff6d9}.risk.good{color:#11644e;background:#e4f8f2}
.progress { height:6px;border:0;background:#e8edf1;border-radius:4px;padding:0;overflow:hidden; }
.progress i { background:linear-gradient(90deg,var(--signal),#5b8ff5);border-radius:4px; }
.card-foot { border-color:var(--line); }
.card-foot b { color:var(--signal); }

.principles { background:var(--navy); }
.principle-grid { gap:12px;border:0; }
.principle-grid article,.principle-grid article+article { min-height:210px;padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.025); }
.principle-grid span { color:var(--acid); }
.principle-grid h3 { font-family:inherit;font-size:20px;font-weight:600; }
.principle-grid p { color:#8fa0ae;font-size:13px; }

.app-kicker { color:var(--signal);font-size:9px; }
.app-title { font-family:inherit;font-size:clamp(46px,6vw,76px);font-weight:650;letter-spacing:-.06em; }
.panel { border:1px solid var(--line);border-radius:12px;box-shadow:0 9px 30px rgba(17,31,44,.045); }
.panel.dark { background:var(--navy);border-color:var(--navy); }
.panel-label { color:#81909c; }
.select { border-color:var(--line);border-radius:7px; }
.scenario { border-radius:7px; }
.detail-hero { border-color:var(--line); }
.detail-hero h1 { font-family:inherit;font-size:clamp(58px,8vw,104px);font-weight:650;letter-spacing:-.07em; }
.detail-hero .status-tile { background:var(--navy);color:white;border:0;border-radius:12px;box-shadow:var(--shadow); }
.status-tile strong { font-family:inherit;font-size:29px;font-weight:600;margin:8px 0; }
.status-tile small,.status-tile span { color:#91a3b1; }
.metrics { gap:12px;border:0; }
.metric { border:1px solid var(--line);border-radius:10px;padding:18px;background:white; }
.metric strong { font-size:17px; }
.price-metric { background:#f2fbf8;border-color:#c7e9df; }
.price-metric::before { color:#148263; }
.check-list li { border-color:var(--line); }
.watch-button,.back-button { border-radius:7px; }
.watch-button { border-color:#aab7c1; }
.miner-empty { border-color:#aebbc5;border-radius:12px;background:white; }
.miner-summary { gap:10px;border:0; }
.miner-summary div { border:1px solid var(--line);border-radius:9px;padding:16px;background:white; }
.market-note { border-radius:7px; }
.miner-table { border:1px solid var(--line);border-radius:10px;overflow:hidden; }
.miner-row > * { border-color:var(--line); }
.miner-row > strong { background:#eaf0f5;font-family:inherit;font-weight:650; }
.miner-head { background:var(--navy); }
.market-price { background:#edf9f5; }
.pager button { border-color:#aab7c1;border-radius:7px;background:white; }
.asset-card,.truth-card,.flow-node,.arch-box { border-color:var(--line);border-radius:10px;box-shadow:0 7px 24px rgba(17,31,44,.04); }
.asset-card strong,.truth-card h3,.flow-node h3,.arch-box strong,.guide-card h2 { font-family:inherit; }
.scan-bar { border-radius:10px;background:var(--navy); }
.flow-map,.truth-grid { gap:12px;border:0; }
.flow-node { margin:0; }
.flow-node:not(:last-child)::after { background:var(--signal);border:0;color:white;border-radius:50%;line-height:25px; }
.toast { border:0;border-left:4px solid var(--acid);border-radius:8px;background:var(--navy);box-shadow:var(--shadow); }
footer { background:var(--navy);color:#9aabb8;border:0; }
footer button { color:white;border-color:#617482; }

@media (max-width:1100px){
  .topbar{grid-template-columns:210px 1fr 160px}.nav-link{padding:10px 9px}.project-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:920px){
  .topbar{grid-template-columns:1fr auto}.topbar nav{background:rgba(12,20,28,.97);border:0;border-radius:0}.nav-link.active{background:#263644}.hero{grid-template-columns:1fr}.hero-copy{padding:80px 7vw 50px}.hero-instrument{margin:0 7vw 70px}.metrics.market-metrics{grid-template-columns:repeat(2,1fr)}.principle-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  .section-pad{padding:64px 18px}.hero h1{font-size:58px}.hero-copy{padding:64px 22px 42px}.hero-instrument{margin:0 18px 58px;min-height:470px}.pulse-grid{gap:8px}.pulse-grid div{padding:18px 14px}.trust-line{gap:8px 14px}.toolbar{padding:9px;gap:10px}.project-grid,.principle-grid{grid-template-columns:1fr}.metrics.market-metrics{grid-template-columns:1fr}.market-note{display:block}.market-note strong{display:block;margin-bottom:5px}.detail-hero h1{font-size:54px}.brand-copy small{display:none}
}

/* Refined workspace — v3 */
:root{
  --ink:#15212b;--paper:#f3f5f7;--panel:#fff;--acid:#63e6be;--signal:#3b6df6;
  --cyan:#dcf9f1;--muted:#71808d;--line:#dfe5ea;--dark:#0b141c;--navy:#101b24;
  --soft:#f6f8fa;--shadow:0 18px 55px rgba(15,31,43,.08);
}
body{font-size:14px;background:var(--paper);}
#app{min-height:100vh;}
.topbar{
  position:fixed;inset:0 auto 0 0;width:238px;height:100vh;padding:28px 18px 20px;
  display:flex;flex-direction:column;align-items:stretch;color:#fff;background:#0b141c;
  border:0;border-right:1px solid rgba(255,255,255,.07);box-shadow:8px 0 35px rgba(9,18,25,.08);
}
.brand{justify-self:auto;gap:12px;padding:0 10px 30px;border-bottom:1px solid rgba(255,255,255,.08);}
.brand-mark{width:38px;height:38px;border-radius:11px;box-shadow:0 0 0 5px rgba(99,230,190,.08);}
.brand-copy b{font-size:18px}.brand-copy small{font-size:7px;color:#718595;}
.topbar nav{display:flex;flex-direction:column;justify-self:auto;align-items:stretch;height:auto;margin-top:28px;padding:0;border:0;background:transparent;gap:7px;}
.nav-link{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;text-align:left;border-radius:9px;color:#8798a6;font-size:13px;}
.nav-link::before{content:attr(data-icon);width:22px;height:22px;display:grid;place-items:center;border:1px solid #30414e;border-radius:6px;color:#8ba0af;font:700 12px "SFMono-Regular",Consolas,monospace;}
.nav-link:hover{background:#111f29;color:#e9eff3;}
.nav-link.active{background:#172833;color:#fff;box-shadow:inset 3px 0 0 var(--acid);}
.nav-link.active::before{border-color:rgba(99,230,190,.3);background:rgba(99,230,190,.1);color:var(--acid);}
.sidebar-meta{margin-top:auto;padding:18px 12px;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:4px;}
.sidebar-meta span{color:#9eb0bd;font:700 9px "SFMono-Regular",Consolas,monospace;letter-spacing:.12em;}
.sidebar-meta small{color:#4f6372;font:700 7px "SFMono-Regular",Consolas,monospace;letter-spacing:.08em;}
.wallet-btn{justify-self:auto;margin-top:10px;width:100%;display:flex;align-items:center;justify-content:center;background:#13222d;border-color:#263945;padding:12px;border-radius:9px;}
main,footer{margin-left:238px;}

.hero{min-height:610px;grid-template-columns:minmax(480px,1.08fr) minmax(430px,.92fr);color:var(--ink);background:
  radial-gradient(circle at 3% 0%,rgba(59,109,246,.08),transparent 29%),
  radial-gradient(circle at 65% 20%,rgba(99,230,190,.09),transparent 32%),#f7f9fa;border-bottom:1px solid var(--line);}
.hero::before{opacity:.24;background-size:52px 52px;mask-image:linear-gradient(90deg,#000,transparent 67%);background-image:linear-gradient(rgba(25,51,68,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(25,51,68,.09) 1px,transparent 1px);}
.hero-copy{padding:82px clamp(44px,5vw,86px);}
.eyebrow{color:#5f7280;font-size:9px;}
.hero h1{max-width:680px;margin:26px 0 24px;font-size:clamp(58px,6.1vw,88px);line-height:.96;font-weight:650;color:#13212c;}
.hero h1 em{color:#2f67f3;font-weight:650;}
.hero .lead{max-width:530px;color:#5b6e7b;font-size:16px;line-height:1.75;}
.hero-actions{margin-top:31px;}
.hero .text-button{color:#304451;background:#fff;border:1px solid #cdd6dd;border-radius:8px;padding:13px 17px;}
.hero .text-button:hover{border-color:#9cabb6;background:#fafcfd;}
.trust-line{margin-top:34px;color:#6f818e;}
.hero-instrument{min-height:474px;margin:52px 50px 52px 0;padding:25px;background:#0d1821;border:1px solid #1e313f;border-radius:20px;box-shadow:0 28px 70px rgba(13,28,39,.2);}
.instrument-head{color:#708695;padding:0 2px 16px;}
.pulse-grid{gap:10px;}
.pulse-grid div{padding:22px 18px;border-color:#223541;background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.01));}
.pulse-grid div > span{margin-bottom:13px;color:#536a79;}
.pulse-grid strong{font-size:clamp(34px,3.5vw,52px);}
.data-note{display:flex;align-items:center;gap:8px;}
.data-note::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 4px rgba(99,230,190,.1);}

.section-pad{padding:76px clamp(30px,4vw,64px);}
.section-heading{margin-bottom:25px;}
.section-heading h2{font-size:clamp(30px,3.3vw,43px);font-weight:650;}
.section-heading p{font-size:12px;}
.section-index{width:29px;height:29px;background:#fff;border-color:#d3dce3;box-shadow:0 3px 12px rgba(15,31,43,.04);}
.radar{background:#f3f5f7;}
.toolbar{padding:8px;border-radius:14px;box-shadow:0 10px 35px rgba(15,31,43,.055);}
.searchbox{min-height:42px;}
.filters{padding:3px;}
.filter{padding:9px 14px;}
.live-btn{min-height:42px;}
.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.project-card{min-height:350px;padding:20px;border-color:#dce3e8;border-radius:14px;box-shadow:0 6px 20px rgba(15,31,43,.035);}
.project-card:hover{transform:translateY(-3px);border-color:#b9c6cf;box-shadow:0 18px 44px rgba(15,31,43,.09);}
.project-identity{display:flex;align-items:center;gap:13px;margin:27px 0 18px;}
.project-avatar{flex:0 0 auto;width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#142533,#223a4a);color:var(--acid);font:800 13px "SFMono-Regular",Consolas,monospace;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);}
.project-card h3{margin:0 0 5px;font-size:23px;}
.risk-strip{margin:15px 0;}
.progress-label{display:flex;align-items:center;justify-content:space-between;margin:16px 0 7px;color:#83909a;font-size:10px;}
.progress-label b{color:#485b68;font:700 10px "SFMono-Regular",Consolas,monospace;}
.progress{margin:0 0 11px;}
.card-stats{color:#74838e;}
.card-foot{left:20px;right:20px;bottom:18px;}

.principles{background:#0c1720;}
.principle-grid article,.principle-grid article+article{background:#101e28;border-color:#20313e;box-shadow:none;}
.principle-grid h3{font-size:19px;}
.principle-grid p{color:#8193a0;}

.app-view{min-height:100vh;}
.app-shell{max-width:1320px;}
.app-title{font-size:clamp(44px,5.4vw,70px);margin-bottom:36px;}
.panel{border-radius:15px;padding:26px;box-shadow:0 12px 38px rgba(15,31,43,.055);}
.detail-hero{padding:16px 0 38px;}
.detail-hero h1{font-size:clamp(56px,7.2vw,92px);}
.detail-hero .status-tile{border-radius:15px;padding:20px;width:200px;}
.status-tile em{display:block;margin-top:14px;padding-top:12px;border-top:1px solid #2d3d49;color:var(--acid);font:normal 9px "SFMono-Regular",Consolas,monospace;}
.history-panel{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:center;margin:0 0 24px;padding:22px 24px;background:#0f1d27;color:#fff;border-radius:14px}.history-panel h2{margin:4px 0;font-size:21px}.history-panel p{margin:0;color:#8295a3;font-size:11px}.history-chart svg{display:block;width:100%;height:78px;overflow:visible}.history-chart path{fill:none;stroke:var(--acid);stroke-width:2}.history-chart>div{display:flex;justify-content:space-between;color:#7f929f;font:9px "SFMono-Regular",Consolas,monospace}
.metrics{margin:26px 0;gap:10px;}
.metric{border-radius:12px;padding:17px;box-shadow:0 5px 16px rgba(15,31,43,.025);}
.price-metric{background:linear-gradient(145deg,#f4fcf9,#edf9f5);}
.miner-section{margin-top:72px;}
.miner-summary div{border-radius:11px;}
.miner-table{border-radius:12px;}
.market-loading{padding:90px 30px;text-align:center;border:1px dashed #b9c5ce;border-radius:15px;background:#fff}.market-loading strong{display:block;font-size:18px}.market-loading p{color:var(--muted)}
.market-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.market-kpis article{padding:22px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 28px rgba(15,31,43,.04)}.market-kpis small,.market-kpis span{display:block;color:var(--muted);font-size:11px}.market-kpis strong{display:block;margin:12px 0 7px;font-size:31px;letter-spacing:-.04em}
.market-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.7fr);gap:16px}.market-panel{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 10px 34px rgba(15,31,43,.045)}.market-title{display:flex;justify-content:space-between;align-items:end;padding:21px 22px;border-bottom:1px solid var(--line)}.market-title span{color:var(--signal);font:700 8px "SFMono-Regular",Consolas,monospace;letter-spacing:.13em}.market-title h2{margin:5px 0 0;font-size:20px}.market-title small{color:var(--muted);font-size:9px}
.market-table{overflow:auto}.market-row{width:100%;display:grid;grid-template-columns:1.35fr 1fr 1fr .65fr .55fr;text-align:left;border:0;border-bottom:1px solid var(--line);background:#fff;padding:0}.market-row>span{padding:14px 15px;font-size:11px}.market-row b,.market-row small{display:block}.market-row small{margin-top:4px;color:var(--muted);font:9px "SFMono-Regular",Consolas,monospace}.market-row:not(.market-head):hover{background:#f7fafc}.market-head{background:#f5f7f9;color:#72818d;font:700 8px "SFMono-Regular",Consolas,monospace;letter-spacing:.08em}.score-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px}.score-dot.good{background:#25b88d}.score-dot.mid{background:#e5aa28}.score-dot.high{background:#df614f}
.floor-list>div{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;padding:15px 18px;border-bottom:1px solid var(--line)}.floor-list em{font:normal 9px "SFMono-Regular",Consolas,monospace;color:#9aa6af}.floor-list span b,.floor-list span small{display:block}.floor-list span small{margin-top:3px;color:var(--muted);font-size:9px}.floor-list strong{font:700 11px "SFMono-Regular",Consolas,monospace}.market-empty{padding:36px;text-align:center;color:var(--muted)}.market-disclaimer{margin:18px 0 0;color:var(--muted);font-size:11px;line-height:1.6}
.alert-center{margin-top:24px;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.alert-item{display:grid;grid-template-columns:10px 1fr auto;gap:12px;align-items:center;padding:15px 20px;border-bottom:1px solid var(--line)}.alert-item>i{width:7px;height:7px;border-radius:50%;background:#f0ac36}.alert-item span b,.alert-item span small{display:block}.alert-item span small{margin-top:4px;color:var(--muted)}.alert-item time{font:9px "SFMono-Regular",Consolas,monospace;color:var(--muted)}
.asset-card{border-radius:13px;}
.steps button{border-color:#d6dee4;}
.steps button.active{background:#e8f1ff;color:#20489e;}
.guide-card.dark{background:#0f1d27;}
.guide-number,.result-hero strong{color:var(--acid);}
.knowledge{margin-top:78px}.knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.knowledge-grid article{padding:22px;background:#fff;border:1px solid var(--line);border-radius:12px}.knowledge-grid article>span{color:var(--signal);font:700 9px "SFMono-Regular",Consolas,monospace}.knowledge-grid h3{margin:13px 0 9px;font-size:16px}.knowledge-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}
footer{padding:32px clamp(30px,4vw,64px);}

@media(max-width:1180px){
  .topbar{width:210px}.nav-link{padding:11px 10px}main,footer{margin-left:210px}.hero{grid-template-columns:1fr}.hero-copy{padding-bottom:35px}.hero-instrument{margin:0 44px 60px;}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:900px){
  body{padding-bottom:62px}.topbar{position:fixed;inset:0 0 auto;width:100%;height:68px;padding:0 18px;display:grid;grid-template-columns:1fr auto;align-items:center;border-right:0;border-bottom:1px solid rgba(255,255,255,.08);}
  .brand{padding:0;border:0}.brand-mark{width:34px;height:34px}.sidebar-meta{display:none}.wallet-btn{width:auto;margin:0;padding:10px 13px}
  .topbar nav{position:fixed;inset:auto 0 0;height:62px;margin:0;padding:6px 10px;display:grid;grid-template-columns:repeat(6,1fr);gap:4px;background:rgba(9,18,25,.97);border-top:1px solid rgba(255,255,255,.08);z-index:30;}
  .nav-link{display:grid;justify-items:center;gap:2px;padding:3px 2px;font-size:9px;text-align:center}.nav-link::before{width:20px;height:20px;border:0}.nav-link.active{box-shadow:none;background:#152732}
  main{margin-left:0;padding-top:68px}footer{margin-left:0;margin-bottom:0}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:70px 7vw 38px}.hero-instrument{margin:0 7vw 62px}.metrics.market-metrics{grid-template-columns:repeat(2,1fr)}.market-layout{grid-template-columns:1fr}.knowledge-grid{grid-template-columns:repeat(2,1fr)}.history-panel{grid-template-columns:1fr}
}
@media(max-width:600px){
  .hero-copy{padding:56px 20px 34px}.hero h1{font-size:52px}.hero .lead{font-size:14px}.hero-actions{align-items:stretch;flex-direction:column;gap:10px}.hero-actions button{width:100%}.trust-line{display:grid;grid-template-columns:1fr 1fr}
  .hero-instrument{margin:0 16px 46px;padding:17px;border-radius:15px;min-height:440px}.pulse-grid div{padding:17px 13px}.section-pad{padding:58px 16px}.toolbar{border-radius:12px}.project-grid{grid-template-columns:1fr}.project-card{min-height:342px}.metrics.market-metrics{grid-template-columns:1fr}.detail-hero .status-tile{width:100%}.market-kpis{grid-template-columns:1fr}.market-row{min-width:620px}.knowledge-grid{grid-template-columns:1fr}
}