:root {
  --bg: #050a14;
  --bg2: #081120;
  --panel: rgba(10, 23, 42, .78);
  --panel2: #0b1628;
  --line: rgba(255,255,255,.09);
  --line2: rgba(82,211,255,.18);
  --text: #f6f8fb;
  --muted: #93a4b8;
  --blue: #1a4f98;
  --blue2: #2f75d5;
  --cyan: #42d8ff;
  --red: #df3d38;
  --red2: #ff5751;
  --shadow: 0 28px 80px rgba(0,0,0,.35);
  --radius: 24px;
  --max: 1200px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background:
    radial-gradient(circle at 18% 10%, rgba(26,79,152,.17), transparent 34rem),
    radial-gradient(circle at 80% 30%, rgba(223,61,56,.08), transparent 28rem),
    var(--bg);
  color: var(--text);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6;
  overflow-x: hidden;
}
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button { font: inherit; }
.container { width: min(calc(100% - 42px), var(--max)); margin: 0 auto; }
.section { padding: 110px 0; position: relative; }

#networkCanvas {
  position: fixed;
  inset: 0;
  width: 100%; height: 100%;
  z-index: -2;
  opacity: .28;
  pointer-events: none;
}
body::before {
  content: "";
  position: fixed; inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(to bottom, black, transparent 78%);
}

.newsbar { border-bottom: 1px solid var(--line); background: rgba(3,8,16,.9); font-size: 12px; letter-spacing: .04em; }
.newsbar__inner { min-height: 36px; display:flex; align-items:center; gap:10px; color: var(--muted); white-space: nowrap; overflow: hidden; }
.newsbar__label { font-weight:800; font-size:10px; letter-spacing:.15em; color:#fff; }
.newsbar a { margin-left:auto; color:#cbefff; font-weight:700; }
.status-dot { width:7px; height:7px; border-radius:50%; display:inline-block; background:#49e39b; box-shadow:0 0 0 5px rgba(73,227,155,.08),0 0 15px rgba(73,227,155,.5); flex:0 0 auto; }

.site-header { position: sticky; top:0; z-index: 50; background: rgba(5,10,20,.78); backdrop-filter: blur(18px); border-bottom: 1px solid rgba(255,255,255,.06); }
.nav-wrap { height:78px; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.brand { display:flex; align-items:center; gap:11px; flex: 0 0 auto; }
.brand__mark { width:42px; height:42px; filter: drop-shadow(0 0 18px rgba(47,117,213,.22)); }
.brand__word { font-size:19px; line-height:1; font-weight:800; letter-spacing:-.045em; }
.brand__word b { color:var(--red2); }
.brand__word small { display:block; letter-spacing:.24em; font-size:8px; color:var(--muted); margin-top:5px; font-weight:800; }
.desktop-nav { display:flex; align-items:center; gap:30px; margin-left:auto; }
.desktop-nav a { font-size:13px; color:#c1ccda; font-weight:700; transition:.2s; }
.desktop-nav a:hover { color:white; }
.nav-actions { display:flex; align-items:center; gap:10px; }
.btn { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:0 23px; border-radius:12px; font-size:12px; letter-spacing:.04em; font-weight:800; text-transform:uppercase; transition:.25s ease; border:1px solid transparent; }
.btn:hover { transform:translateY(-2px); }
.btn--red { background:linear-gradient(135deg,var(--red2),#ba2527); box-shadow:0 12px 38px rgba(223,61,56,.25); color:white; }
.btn--red:hover { box-shadow:0 14px 44px rgba(223,61,56,.4); }
.btn--ghost { border-color:rgba(255,255,255,.13); background:rgba(255,255,255,.035); color:#eef5ff; }
.btn--ghost:hover { border-color:rgba(66,216,255,.4); background:rgba(66,216,255,.06); }
.btn--small { min-height:40px; padding:0 16px; font-size:10px; border-radius:10px; }
.btn--trade { background:linear-gradient(135deg,#224a8f,#0f79d0); color:#fff; box-shadow:0 10px 28px rgba(47,117,213,.26); }
.btn--trade:hover { box-shadow:0 12px 34px rgba(47,117,213,.4); }
.menu-btn { width:42px; height:42px; display:none; border:1px solid var(--line); border-radius:10px; background:rgba(255,255,255,.03); cursor:pointer; padding:10px; }
.menu-btn span { display:block; height:2px; background:white; margin:4px 0; transition:.25s; }
.mobile-menu { display:none; }

.hero { padding: 104px 0 78px; min-height:720px; display:flex; align-items:center; }
.hero__grid { display:grid; grid-template-columns: 1.05fr .95fr; gap:55px; align-items:center; }
.eyebrow { color:#9bb0c8; font-size:11px; letter-spacing:.2em; font-weight:800; display:flex; align-items:center; gap:10px; text-transform:uppercase; }
.eyebrow > span:not(.status-dot) { width:28px; height:1px; background:linear-gradient(90deg,var(--red),var(--cyan)); display:inline-block; }
h1,h2,h3,p { margin-top:0; }
h1 { font-size: clamp(52px,6.4vw,88px); line-height:.97; letter-spacing:-.06em; margin:22px 0 28px; max-width:850px; }
h1 em,h2 em { font-style:normal; color:transparent; background:linear-gradient(92deg,#fff 0%,#a9dbff 40%,#48d4ff 76%,#ff6d67 110%); -webkit-background-clip:text; background-clip:text; }
.hero__lead { font-size:19px; line-height:1.75; color:#adbdcf; max-width:690px; }
.hero__actions { display:flex; gap:12px; margin-top:34px; }
.hero__meta { margin-top:40px; padding-top:22px; border-top:1px solid var(--line); display:flex; align-items:center; flex-wrap:wrap; gap:11px; color:#73869c; font-size:9px; letter-spacing:.12em; font-weight:800; }
.hero__meta i { width:3px; height:3px; background:#40617f; border-radius:50%; }

.hero__visual { position:relative; aspect-ratio:1/1; max-width:540px; margin-left:auto; }
.hero__visual::before { content:""; position:absolute; inset:15%; border-radius:50%; background:radial-gradient(circle,rgba(25,85,160,.24),rgba(5,10,20,0) 68%); filter:blur(4px); }
.orbit { position:absolute; border-radius:50%; border:1px solid rgba(89,205,255,.13); }
.orbit--1 { inset:11%; animation:spin 40s linear infinite; border-style:dashed; }
.orbit--2 { inset:23%; border-color:rgba(223,61,56,.16); animation:spinBack 27s linear infinite; }
.orbit--3 { inset:34%; border-color:rgba(89,205,255,.16); animation:spin 18s linear infinite; }
.orbit::after { content:""; position:absolute; width:8px; height:8px; border-radius:50%; background:var(--cyan); top:50%; left:-4px; box-shadow:0 0 22px var(--cyan); }
.orbit--2::after { background:var(--red2); box-shadow:0 0 22px var(--red2); }
.coin-core { position:absolute; inset:37%; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; background:linear-gradient(145deg,rgba(22,50,91,.98),rgba(6,16,31,.98)); box-shadow:0 0 0 1px rgba(255,255,255,.09),0 0 80px rgba(47,117,213,.3), inset 0 0 30px rgba(255,255,255,.03); z-index:3; }
.coin-core img { width:60%; }
.coin-core__label { margin-top:8px; font-size:10px; letter-spacing:.25em; font-weight:900; color:#8dbbe8; }
.pulse { position:absolute; inset:33%; border:1px solid rgba(66,216,255,.3); border-radius:50%; animation:pulse 3s ease-out infinite; }
.pulse--2 { animation-delay:1.5s; border-color:rgba(223,61,56,.25); }
.satellite { position:absolute; width:118px; padding:12px 14px; border:1px solid rgba(255,255,255,.09); background:rgba(8,17,32,.78); backdrop-filter:blur(8px); border-radius:12px; box-shadow:var(--shadow); z-index:4; }
.satellite b { display:block; font-size:9px; letter-spacing:.15em; color:#d8e8f7; }
.satellite small { font-size:8px; color:#67809c; }
.sat--a { top:8%; left:42%; }
.sat--b { top:44%; right:-3%; }
.sat--c { bottom:7%; left:42%; }
.sat--d { top:44%; left:-2%; }
@keyframes spin { to { transform:rotate(360deg); } }
@keyframes spinBack { to { transform:rotate(-360deg); } }
@keyframes pulse { 0%{transform:scale(.55);opacity:0} 20%{opacity:1} 100%{transform:scale(3.25);opacity:0} }

.trust-strip { border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:rgba(7,15,29,.72); }
.trust-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.trust-grid > div { min-height:125px; padding:25px 30px; display:flex; flex-direction:column; justify-content:center; border-right:1px solid var(--line); }
.trust-grid > div:first-child { border-left:1px solid var(--line); }
.trust-number { font-size:32px; line-height:1; font-weight:800; letter-spacing:-.05em; }
.trust-number > span { font-size:17px; color:#8ea4ba; margin-left:2px; }
.trust-grid small { color:#667a90; margin-top:9px; font-size:9px; letter-spacing:.16em; font-weight:800; }

.section-head { display:flex; justify-content:space-between; align-items:end; gap:60px; margin-bottom:52px; }
.section-head h2, .history-copy h2, .mine-copy h2, .get-card h2, .manifesto h2 { font-size:clamp(39px,4.6vw,64px); line-height:1.02; letter-spacing:-.055em; margin:18px 0 0; }
.section-head > p { color:#91a3b8; max-width:480px; margin:0 0 7px; }
.section-head--center { display:block; text-align:center; max-width:760px; margin-left:auto; margin-right:auto; }
.section-head--center .eyebrow { justify-content:center; }
.section-head--center p { margin:20px auto 0; }

.feature-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.feature-card { min-height:340px; padding:28px; border:1px solid var(--line); border-radius:var(--radius); background:linear-gradient(155deg,rgba(16,31,54,.76),rgba(7,15,28,.75)); position:relative; overflow:hidden; transition:.25s; }
.feature-card::after { content:""; position:absolute; width:140px; height:140px; border-radius:50%; background:var(--blue2); filter:blur(90px); opacity:.08; right:-50px; bottom:-40px; }
.feature-card:hover { transform:translateY(-6px); border-color:rgba(66,216,255,.22); }
.icon-box { width:48px; height:48px; border-radius:13px; display:grid; place-items:center; background:rgba(66,216,255,.07); border:1px solid rgba(66,216,255,.12); color:#a7e9ff; font-weight:900; margin-bottom:60px; }
.feature-kicker { color:#62778d; font-size:9px; letter-spacing:.16em; font-weight:900; }
.feature-card h3 { font-size:21px; letter-spacing:-.03em; margin:7px 0 12px; }
.feature-card p { color:#8fa1b6; font-size:14px; margin:0; }

.section--panel { padding-top:30px; }
.dashboard { border:1px solid rgba(78,186,255,.16); background:linear-gradient(135deg,rgba(13,31,56,.92),rgba(5,12,24,.94)); border-radius:30px; box-shadow:var(--shadow); overflow:hidden; }
.dashboard__top { display:flex; align-items:center; justify-content:space-between; padding:34px 36px; border-bottom:1px solid var(--line); }
.dashboard__top h2 { font-size:28px; margin:8px 0 0; letter-spacing:-.04em; }
.live-badge { padding:9px 12px; border:1px solid rgba(73,227,155,.16); background:rgba(73,227,155,.04); border-radius:999px; font-size:9px; font-weight:900; letter-spacing:.13em; color:#a5f5cc; }
.live-badge span { width:6px;height:6px;border-radius:50%;background:#49e39b;display:inline-block;margin-right:7px;box-shadow:0 0 10px #49e39b; }
.metric-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.metric { min-height:170px; padding:32px 36px; border-right:1px solid var(--line); }
.metric:last-child { border-right:0; }
.metric small { color:#657d95; letter-spacing:.16em; font-size:9px; font-weight:900; }
.metric strong { display:block; font-size:29px; letter-spacing:-.04em; margin:10px 0 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.metric span { color:#7b90a8; font-size:12px; }
.dashboard__bottom { min-height:68px; padding:16px 36px; border-top:1px solid var(--line); display:flex; align-items:center; gap:20px; }
.dashboard__bottom p { margin:0; color:#6f849b; font-size:11px; flex:1; }
.dashboard__bottom a { color:#a9e9ff; font-size:11px; font-weight:800; }
.block-stream { display:flex; align-items:center; min-width:260px; }
.block-pill { font-size:8px; letter-spacing:.1em; font-weight:900; color:#59718a; border:1px solid var(--line); border-radius:7px; padding:5px 7px; }
.block-pill--active { color:#c4f3ff; border-color:rgba(66,216,255,.23); }
.stream-line { flex:1; height:1px; background:rgba(255,255,255,.08); position:relative; overflow:hidden; }
.stream-line i { position:absolute; height:1px; width:40%; background:linear-gradient(90deg,transparent,var(--cyan),transparent); animation:travel 2.6s linear infinite; }
@keyframes travel { from{left:-40%} to{left:100%} }

.stack-map { display:grid; grid-template-columns:1fr 230px 1fr; grid-template-rows:1fr 1fr; gap:18px 42px; align-items:stretch; position:relative; margin-top:58px; }
.stack-center { grid-column:2; grid-row:1/3; align-self:center; justify-self:center; width:190px; height:190px; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; background:radial-gradient(circle at 30% 25%,#173d71,#081426 70%); border:1px solid rgba(82,211,255,.2); box-shadow:0 0 0 10px rgba(66,216,255,.015),0 0 80px rgba(38,119,198,.22); z-index:2; }
.stack-center img { width:78px; margin-bottom:10px; }
.stack-center strong { letter-spacing:.12em; }
.stack-center small { color:#647f98; letter-spacing:.13em; font-size:8px; }
.stack-card { min-height:200px; padding:27px 30px; border:1px solid var(--line); border-radius:22px; background:rgba(9,19,35,.74); position:relative; transition:.25s; z-index:2; }
.stack-card:hover { transform:translateY(-4px); border-color:rgba(82,211,255,.25); background:rgba(11,25,46,.92); }
.stack-card > span { font-size:9px; color:#5f7994; letter-spacing:.15em; font-weight:900; }
.stack-card h3 { font-size:26px; margin:15px 0 6px; letter-spacing:-.04em; }
.stack-card p { color:#8ea1b6; font-size:13px; margin-bottom:20px; }
.stack-card b { font-size:10px; color:#b8ecff; letter-spacing:.04em; }
.stack-card--money,.stack-card--comms { grid-column:1; }
.stack-card--media,.stack-card--memory { grid-column:3; }
.stack-card--money,.stack-card--media { grid-row:1; }
.stack-card--comms,.stack-card--memory { grid-row:2; }
.stack-lines { position:absolute; left:26%; right:26%; top:50%; height:1px; background:linear-gradient(90deg,rgba(223,61,56,.25),rgba(66,216,255,.5),rgba(223,61,56,.25)); box-shadow:0 -110px 0 rgba(66,216,255,.08),0 110px 0 rgba(66,216,255,.08); }

.section--history { background:linear-gradient(180deg,transparent,rgba(8,18,34,.76),transparent); }
.history-grid { display:grid; grid-template-columns:.83fr 1.17fr; gap:100px; align-items:center; }
.history-copy p { color:#93a7bc; max-width:460px; margin:22px 0 34px; }
.age-card { width:240px; border:1px solid var(--line); background:rgba(7,16,31,.7); border-radius:18px; padding:22px 24px; }
.age-card small { color:#617a94; font-size:9px; letter-spacing:.16em; font-weight:900; }
.age-card strong { display:inline-block; font-size:42px; line-height:1; margin:10px 7px 0 0; letter-spacing:-.05em; }
.age-card span { font-size:10px; color:#8ba0b5; letter-spacing:.12em; font-weight:900; }
.timeline { position:relative; }
.timeline::before { content:""; position:absolute; left:54px; top:24px; bottom:24px; width:1px; background:linear-gradient(var(--red),var(--cyan),rgba(255,255,255,.05)); }
.timeline-item { display:grid; grid-template-columns:110px 1fr; gap:28px; padding:24px 0; position:relative; }
.timeline-item > span { font-size:11px; letter-spacing:.1em; color:#607991; font-weight:900; position:relative; }
.timeline-item > span::after { content:""; position:absolute; right:49px; top:5px; width:9px; height:9px; border-radius:50%; background:#21384f; border:2px solid var(--bg); box-shadow:0 0 0 1px rgba(255,255,255,.1); }
.timeline-item.active > span::after { background:var(--red2); box-shadow:0 0 18px rgba(255,87,81,.55); }
.timeline-item.future > span::after { background:var(--cyan); box-shadow:0 0 18px rgba(66,216,255,.55); }
.timeline-item h3 { margin:0 0 4px; font-size:18px; }
.timeline-item p { color:#8196ad; margin:0; font-size:13px; }

.builder-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.builder-card { padding:30px; min-height:260px; border:1px solid var(--line); background:rgba(8,18,34,.7); border-radius:22px; transition:.25s; }
.builder-card:hover { transform:translateY(-5px); border-color:rgba(66,216,255,.22); }
.builder-card > span { color:#55718d; font-size:10px; letter-spacing:.1em; }
.builder-card h3 { font-size:25px; margin:45px 0 7px; letter-spacing:-.04em; }
.builder-card p { color:#879cb2; font-size:13px; }
.builder-card b { display:block; margin-top:23px; font-size:10px; color:#b8efff; }

.section--mine { padding-top:70px; }
.mine-grid { display:grid; grid-template-columns:1fr 1fr; gap:85px; align-items:center; }
.terminal { border:1px solid rgba(66,216,255,.14); background:#050b14; border-radius:20px; overflow:hidden; box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 60px rgba(37,117,194,.08); }
.terminal__top { height:42px; background:#0b1422; border-bottom:1px solid var(--line); display:flex; align-items:center; padding:0 15px; gap:7px; }
.terminal__top i { width:8px;height:8px;border-radius:50%;background:#314153; }
.terminal__top i:first-child { background:#8b3d3d; }.terminal__top i:nth-child(2){background:#8a7838}.terminal__top i:nth-child(3){background:#2f7654}
.terminal__top span { margin-left:8px; color:#526980; font-family:ui-monospace,monospace; font-size:10px; }
.terminal pre { min-height:360px; padding:28px; margin:0; color:#7f99b5; font:13px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace; white-space:pre-wrap; }
.terminal pre span { color:#6bdcff; }.terminal pre .ok { color:#55df98; }.terminal .cursor { animation:blink 1s steps(1) infinite; }
@keyframes blink { 50% { opacity:0 } }
.mine-copy p { color:#91a6bc; margin:24px 0 32px; max-width:520px; }
.mine-actions { display:flex; align-items:center; gap:22px; }
.text-link { font-size:12px; color:#a9e9ff; font-weight:800; }

.get-card { border:1px solid rgba(66,216,255,.13); border-radius:32px; background:linear-gradient(155deg,rgba(16,36,65,.8),rgba(6,13,25,.92)); padding:54px; overflow:hidden; position:relative; }
.get-card::before { content:""; position:absolute; width:360px;height:360px;border-radius:50%;background:var(--red);filter:blur(170px);opacity:.07;right:-120px;top:-100px; }
.get-card__head { max-width:690px; }
.get-card__head p { color:#91a4b9; margin-top:18px; }
.steps-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:42px; position:relative; z-index:2; }
.step { min-height:185px; border:1px solid var(--line); background:rgba(5,12,23,.62); border-radius:18px; padding:22px; display:grid; grid-template-columns:34px 1fr 16px; gap:7px; transition:.2s; }
.step:hover { border-color:rgba(66,216,255,.25); transform:translateY(-3px); }
.step > span { color:#49647f; font-size:9px; font-weight:900; }.step > b { color:#87dffb; }
.step small { font-size:8px; letter-spacing:.15em; color:#5b748e; font-weight:900; }
.step h3 { margin:8px 0 4px; font-size:19px; }.step p{font-size:12px;color:#7d92aa;margin:0;}
.exchange-note { color:#647a91; font-size:10px; margin:18px 0 0; }

.section--manifesto { padding-top:50px; }
.manifesto { display:grid; grid-template-columns:100px 1fr auto; align-items:center; gap:30px; padding:48px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.manifesto > img { width:78px; }.manifesto small{color:#607991;font-size:9px;letter-spacing:.17em;font-weight:900;}.manifesto h2{font-size:43px;margin-top:8px;}

footer { padding:70px 0 24px; background:#040810; border-top:1px solid rgba(255,255,255,.05); }
.footer-grid { display:grid; grid-template-columns:2fr repeat(3,1fr); gap:50px; }
.footer-brand p { color:#687e94; max-width:330px; font-size:12px; margin-top:18px; }
.footer-grid h4 { font-size:10px; letter-spacing:.16em; color:#647a91; margin:0 0 18px; }
.footer-grid > div:not(:first-child) a { display:block; color:#9eb0c4; font-size:12px; margin:10px 0; }
.footer-grid > div:not(:first-child) a:hover { color:#fff; }
.footer-bottom { margin-top:55px; padding-top:20px; border-top:1px solid var(--line); display:flex; justify-content:space-between; color:#475c71; font-size:9px; letter-spacing:.08em; }

.reveal { opacity:0; transform:translateY(18px); transition:opacity .7s ease,transform .7s ease; }
.reveal.visible { opacity:1; transform:none; }

@media (max-width: 1020px) {
  .desktop-nav { display:none; }
  .hero__grid { grid-template-columns:1fr; }
  .hero { padding-top:80px; }
  .hero__copy { text-align:center; }
  .hero__copy .eyebrow,.hero__actions,.hero__meta { justify-content:center; }
  .hero__lead { margin-left:auto;margin-right:auto; }
  .hero__visual { width:min(88vw,540px); margin:25px auto 0; }
  .feature-grid { grid-template-columns:repeat(2,1fr); }
  .metric-grid { grid-template-columns:repeat(2,1fr); }
  .metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .stack-map { grid-template-columns:1fr 160px 1fr; gap:16px 24px; }
  .stack-center { width:150px;height:150px; }.stack-center img{width:60px}
  .history-grid,.mine-grid { grid-template-columns:1fr; gap:60px; }
  .builder-grid { grid-template-columns:1fr 1fr; }
  .steps-grid { grid-template-columns:1fr 1fr; }
  .manifesto { grid-template-columns:80px 1fr; }.manifesto .btn{grid-column:2;justify-self:start}
  .footer-grid { grid-template-columns:1.5fr repeat(3,1fr); gap:25px; }
}

@media (max-width: 700px) {
  .container { width:min(calc(100% - 28px),var(--max)); }
  .section { padding:78px 0; }
  .newsbar__inner { justify-content:center; }.newsbar__inner #newsbarText,.newsbar__inner a { display:none; }
  .nav-wrap { height:68px; }.desktop-only{display:none}.menu-btn{display:block}
  .mobile-menu { display:flex; position:fixed; inset:105px 0 0; padding:38px 26px; flex-direction:column; gap:6px; background:rgba(4,9,17,.97); backdrop-filter:blur(18px); transform:translateX(105%); transition:.28s; }
  .mobile-menu.open { transform:none; }
  .mobile-menu a { padding:16px 8px; border-bottom:1px solid var(--line); font-size:22px; font-weight:700; letter-spacing:-.03em; }
  h1 { font-size:50px; }
  .hero { min-height:0; padding-top:70px; }.hero__lead{font-size:16px}.hero__actions{flex-direction:column}.hero__actions .btn{width:100%}
  .hero__meta { font-size:8px; }.hero__visual{width:100%;}.satellite{width:96px;padding:9px}.satellite b{font-size:7px}.satellite small{font-size:7px}
  .trust-grid { grid-template-columns:repeat(2,1fr); }.trust-grid>div{min-height:100px;padding:20px;border-bottom:1px solid var(--line)}.trust-grid>div:nth-child(2){border-right:0}
  .section-head { display:block; }.section-head>p{margin-top:20px}.section-head h2,.history-copy h2,.mine-copy h2,.get-card h2{font-size:41px}
  .feature-grid,.metric-grid,.builder-grid,.steps-grid { grid-template-columns:1fr; }
  .feature-card { min-height:270px; }.icon-box{margin-bottom:36px}
  .metric { border-right:0!important;border-bottom:1px solid var(--line)!important }.metric:last-child{border-bottom:0!important}.dashboard__top,.dashboard__bottom{padding:24px}.dashboard__bottom{align-items:flex-start;flex-direction:column}.block-stream{width:100%;min-width:0}
  .stack-map { display:flex; flex-direction:column; }.stack-center{order:-1;margin:10px auto 20px}.stack-lines{display:none}.stack-card{min-height:0}
  .history-grid { gap:50px }.timeline-item{grid-template-columns:88px 1fr;gap:16px}.timeline::before{left:43px}.timeline-item>span::after{right:39px}
  .mine-grid{gap:42px}.terminal pre{min-height:300px;padding:20px;font-size:11px}.mine-actions{align-items:flex-start;flex-direction:column}
  .get-card{padding:32px 20px}.step{min-height:145px}
  .manifesto{grid-template-columns:60px 1fr;padding:34px 0}.manifesto>img{width:54px}.manifesto h2{font-size:31px}.manifesto .btn{grid-column:1/3;width:100%}
  .footer-grid { grid-template-columns:1fr 1fr; }.footer-brand{grid-column:1/3}.footer-bottom{gap:16px;align-items:flex-start;flex-direction:column}
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; transition-duration:.01ms!important; }
}

/* ===== v3: immersive hero slider + supplied GlobalBoost mark ===== */
.brand__mark {
  width: 52px;
  height: 52px;
  object-fit: contain;
  filter: drop-shadow(0 0 18px rgba(47,117,213,.24));
}
.brand__word {
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -.045em;
  color: #fff;
}
.brand__word > span { color: #ef3539; }
.brand__word small { margin-top: 6px; }

.hero-slider {
  position: relative;
  min-height: clamp(650px, 72vw, 820px);
  height: min(820px, calc(100vh - 114px));
  overflow: hidden;
  border-bottom: 1px solid var(--line);
  background: #030914;
}
.hero-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 1.35s ease, visibility 1.35s ease;
  background-image: var(--hero-bg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  transform: translateZ(0);
}
.hero-slide::before {
  content: "";
  position: absolute;
  inset: -3%;
  background-image: var(--hero-bg);
  background-size: cover;
  background-position: center;
  opacity: .16;
  filter: blur(22px);
  transform: scale(1.05);
  animation: heroDrift 18s ease-in-out infinite alternate;
}
.hero-slide.is-active { opacity: 1; visibility: visible; z-index: 2; }
.hero-slide.is-active::before { animation-play-state: running; }
.hero-shade {
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(3,8,18,.98) 0%, rgba(3,8,18,.90) 29%, rgba(3,8,18,.53) 52%, rgba(3,8,18,.14) 75%, rgba(3,8,18,.18) 100%),
    linear-gradient(0deg, rgba(3,8,18,.64) 0%, transparent 35%, rgba(3,8,18,.08) 100%);
}
.hero-slide__inner {
  position: relative;
  z-index: 3;
  height: 100%;
  display: flex;
  align-items: center;
}
.hero-slide__content {
  width: min(760px, 58%);
  padding: 66px 0 112px;
}

/* Rotating BSTY coin overlay — intentionally above the hero shade and below text */
.hero-slide { perspective: 1400px; }
.hero-coin {
  position: absolute;
  right: clamp(34px, 7vw, 118px);
  top: 50%;
  width: clamp(220px, 24vw, 360px);
  aspect-ratio: 1 / 1;
  z-index: 2;
  transform-style: preserve-3d;
  transform-origin: center center;
  animation: bstyCoinRotate 14s linear infinite;
  filter: drop-shadow(0 30px 50px rgba(0,0,0,.45)) drop-shadow(0 0 34px rgba(42,104,198,.28));
  pointer-events: none;
}
.hero-coin__face,
.hero-coin__edge {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.hero-coin__face {
  background: url('assets/globalboost-coin.png') center/contain no-repeat;
}
.hero-coin__face--front {
  transform: translateZ(14px);
}
.hero-coin__face--back {
  transform: rotateY(180deg) translateZ(14px);
}
.hero-coin__edge {
  inset: 3.5%;
  background:
    radial-gradient(circle at 50% 50%, transparent 0 67%, rgba(255,255,255,.16) 68% 70%, transparent 71%),
    linear-gradient(90deg,#102d63 0%,#2d5aad 24%,#6c91d0 50%,#2c58a8 76%,#0e2857 100%);
  box-shadow:
    inset 0 0 0 11px #244987,
    inset 0 0 18px rgba(255,255,255,.16),
    0 0 0 1px rgba(255,255,255,.08);
  transform: translateZ(0);
}
.hero-coin::after {
  content: '';
  position: absolute;
  inset: 12%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(62,151,255,.18), transparent 68%);
  transform: translateZ(-16px);
  filter: blur(22px);
}
@keyframes bstyCoinRotate {
  0%   { transform: translateY(-50%) rotateX(8deg) rotateY(0deg); }
  100% { transform: translateY(-50%) rotateX(8deg) rotateY(360deg); }
}
.hero-slide h1 {
  font-size: clamp(50px, 5.55vw, 78px);
  max-width: 760px;
  min-height: 2.05em;
  margin: 19px 0 25px;
  text-shadow: 0 5px 36px rgba(0,0,0,.58);
  white-space: pre-line;
}
.hero-slide h1::after {
  content: "";
  display: inline-block;
  width: .09em;
  height: .84em;
  margin-left: .08em;
  vertical-align: -.07em;
  background: var(--cyan);
  box-shadow: 0 0 16px rgba(66,216,255,.7);
  animation: typeCursor 1.05s steps(1,end) infinite;
}
.hero-slide.typing-done h1::after { animation-duration: 1.5s; opacity: .72; }
.hero-slide__lead {
  max-width: 660px;
  color: #c0cede;
  font-size: 18px;
  line-height: 1.65;
  text-shadow: 0 3px 18px rgba(0,0,0,.65);
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .7s .2s ease, transform .7s .2s ease;
}
.hero-slide.typing-done .hero-slide__lead,
.hero-slide.typing-done .hero__meta,
.hero-slide.typing-done .hero__actions { opacity: 1; transform: translateY(0); }
.hero-slide .hero__meta,
.hero-slide .hero__actions {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .7s .36s ease, transform .7s .36s ease;
}
.hero-slide .hero__actions { transition-delay: .5s; }
.hero-slide .hero__meta {
  border-top-color: rgba(255,255,255,.13);
  color: #a3b5c9;
  max-width: 700px;
  text-shadow: 0 2px 12px rgba(0,0,0,.7);
}
.hero-slide .btn {
  min-width: 174px;
  box-shadow: 0 14px 38px rgba(0,0,0,.22);
}
.hero-controls {
  position: absolute;
  z-index: 5;
  left: 50%;
  bottom: 28px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 14px;
  pointer-events: none;
}
.hero-controls > * { pointer-events: auto; }
.hero-dots { display: flex; gap: 8px; }
.hero-dots button {
  width: 34px;
  height: 4px;
  border: 0;
  padding: 0;
  border-radius: 99px;
  background: rgba(255,255,255,.26);
  cursor: pointer;
  transition: width .35s ease, background .35s ease, box-shadow .35s ease;
}
.hero-dots button.active {
  width: 58px;
  background: linear-gradient(90deg,var(--red2),var(--cyan));
  box-shadow: 0 0 16px rgba(66,216,255,.25);
}
.hero-arrow {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(4,12,24,.58);
  backdrop-filter: blur(10px);
  color: white;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}
@keyframes typeCursor { 0%,45%{opacity:1} 46%,100%{opacity:0} }
@keyframes heroDrift { from{transform:scale(1.05) translate3d(-.4%,0,0)} to{transform:scale(1.09) translate3d(.7%,-.5%,0)} }

/* More dimensional digital backdrop below the hero */
body::after {
  content:"";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .18;
  background-image:
    linear-gradient(120deg, transparent 0 46%, rgba(59,182,255,.08) 47%, transparent 48% 100%),
    radial-gradient(circle at 15% 75%, rgba(62,173,255,.18) 0 1px, transparent 2px),
    radial-gradient(circle at 76% 30%, rgba(255,73,77,.13) 0 1px, transparent 2px);
  background-size: 180px 180px, 92px 92px, 118px 118px;
  animation: digitalShift 34s linear infinite;
}
@keyframes digitalShift { to { background-position: 240px 90px, 92px 92px, -118px 118px; } }

.metric-grid--five { grid-template-columns: repeat(5,1fr); }
.metric-grid--five .metric { padding-left: 26px; padding-right: 26px; }
.metric-grid--five .metric strong { font-size: clamp(20px,2.1vw,29px); }

@media (max-width: 1100px) {
  .hero-slider { height: 720px; min-height: 720px; }
  .hero-slide { background-position: 62% center; }
  .hero-shade { background: linear-gradient(90deg,rgba(3,8,18,.98) 0%,rgba(3,8,18,.88) 45%,rgba(3,8,18,.30) 78%,rgba(3,8,18,.2) 100%),linear-gradient(0deg,rgba(3,8,18,.55),transparent 45%); }
  .hero-slide__content { width: 65%; }
  .metric-grid--five { grid-template-columns: repeat(3,1fr); }
  .metric-grid--five .metric { border-bottom: 1px solid var(--line); }
  .metric-grid--five .metric:nth-child(3) { border-right: 0; }
  .metric-grid--five .metric:nth-child(4), .metric-grid--five .metric:nth-child(5) { border-bottom: 0; }
}

@media (max-width: 820px) {
  .brand__mark { width: 46px; height: 46px; }
  .brand__word { font-size: 21px; }
  .hero-slider { height: 710px; min-height: 710px; }
  .hero-slide { background-position: 68% center; }
  .hero-shade {
    background:
      linear-gradient(90deg,rgba(3,8,18,.98) 0%,rgba(3,8,18,.92) 48%,rgba(3,8,18,.50) 78%,rgba(3,8,18,.36) 100%),
      linear-gradient(0deg,rgba(3,8,18,.72),transparent 42%);
  }
  .hero-slide__content { width: 77%; padding-top: 72px; }
  .hero-slide h1 { font-size: clamp(43px,7.5vw,60px); }
  .hero-slide__lead { font-size: 16px; }
  .metric-grid--five { grid-template-columns: repeat(2,1fr); }
  .metric-grid--five .metric { border-right: 1px solid var(--line)!important; border-bottom:1px solid var(--line)!important; }
  .metric-grid--five .metric:nth-child(2n) { border-right:0!important; }
  .metric-grid--five .metric:last-child { grid-column:1/3; border-right:0!important; border-bottom:0!important; }
}

@media (max-width: 700px) {
  .brand { gap: 9px; }
  .brand__mark { width: 42px; height: 42px; }
  .brand__word { font-size: 19px; }
  .hero-slider { height: 700px; min-height: 700px; }
  .hero-slide { background-position: 71% center; }
  .hero-shade {
    background:
      linear-gradient(90deg,rgba(2,7,16,.98) 0%,rgba(2,7,16,.94) 58%,rgba(2,7,16,.64) 90%,rgba(2,7,16,.55) 100%),
      linear-gradient(0deg,rgba(2,7,16,.78) 0%,transparent 46%);
  }
  .hero-slide__inner { align-items: flex-start; }
  .hero-slide__content { width: 100%; padding: 74px 0 96px; }
  .hero-slide h1 { min-height: 2.4em; font-size: clamp(42px,12vw,56px); max-width: 94%; }
  .hero-slide__lead { max-width: 92%; }
  .hero-slide .hero__meta { gap: 8px; font-size: 7.5px; max-width: 96%; }
  .hero-slide .hero__actions { flex-direction: row; flex-wrap: wrap; }
  .hero-slide .btn { width: auto; min-width: 0; flex: 1 1 145px; }
  .hero-controls { bottom: 22px; justify-content: center; }
  .hero-arrow { display:none; }
  .hero-dots button { width: 26px; }
  .hero-dots button.active { width: 42px; }
  .metric-grid--five { grid-template-columns: 1fr; }
  .metric-grid--five .metric, .metric-grid--five .metric:last-child { grid-column:auto; border-right:0!important; border-bottom:1px solid var(--line)!important; }
  .metric-grid--five .metric:last-child { border-bottom:0!important; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-slide::before, body::after { animation: none!important; }
  .hero-slide h1::after { display:none; }
}

@media (max-width: 1180px) {
  .hero-coin { width: clamp(210px, 27vw, 285px); right: 3.5%; }
}
@media (max-width: 860px) {
  .hero-coin { width: 190px; right: 16px; top: 30%; opacity: .88; }
}
@media (max-width: 700px) {
  .hero-coin { width: 132px; right: 12px; top: 19%; opacity: .82; }
  .hero-slide__content { max-width:100%; padding-top:86px; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-coin { animation:none; transform:translateY(-50%) rotateX(8deg) rotateY(-12deg); }
}


/* --- V7 telemetry charts --- */
.section--charts {
  padding-top: 46px;
  background:
    radial-gradient(circle at 18% 38%, rgba(66,216,255,.035), transparent 26rem),
    radial-gradient(circle at 82% 54%, rgba(223,61,56,.035), transparent 28rem);
}
.telemetry-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.telemetry-card {
  min-width:0;
  border:1px solid rgba(255,255,255,.085);
  border-radius:26px;
  overflow:hidden;
  background:
    linear-gradient(145deg,rgba(12,27,49,.91),rgba(5,13,25,.94));
  box-shadow:0 30px 90px rgba(0,0,0,.24);
  position:relative;
}
.telemetry-card::before {
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(66,216,255,.45),rgba(223,61,56,.3),transparent);
  pointer-events:none;
}
.telemetry-card__head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:22px;
  padding:28px 30px 18px;
}
.telemetry-kicker {
  display:block;
  color:#687f98;
  font-size:9px;
  line-height:1;
  letter-spacing:.19em;
  font-weight:900;
  margin-bottom:11px;
}
.telemetry-value-row {
  display:flex;
  align-items:baseline;
  gap:12px;
  flex-wrap:wrap;
}
.telemetry-value-row strong {
  font-size:clamp(28px,3.25vw,45px);
  line-height:1;
  letter-spacing:-.05em;
}
.telemetry-card__head small {
  display:block;
  color:#71869c;
  font-size:10px;
  margin-top:9px;
}
.telemetry-change {
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:0 9px;
  border-radius:999px;
  border:1px solid rgba(73,227,155,.18);
  background:rgba(73,227,155,.055);
  color:#79e6ad;
  font-size:9px;
  font-weight:900;
  letter-spacing:.07em;
}
.telemetry-change.negative {
  border-color:rgba(255,87,81,.2);
  background:rgba(255,87,81,.06);
  color:#ff8883;
}
.telemetry-change--neutral {
  border-color:rgba(66,216,255,.18);
  background:rgba(66,216,255,.05);
  color:#8de7ff;
}
.telemetry-action {
  flex:0 0 auto;
  padding:8px 11px;
  border:1px solid rgba(66,216,255,.15);
  border-radius:10px;
  background:rgba(66,216,255,.035);
  color:#b9efff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.09em;
  transition:.2s;
}
.telemetry-action:hover {
  transform:translateY(-1px);
  border-color:rgba(66,216,255,.34);
}
.chart-shell {
  height:300px;
  position:relative;
  margin:0 16px;
  border-top:1px solid rgba(255,255,255,.05);
  border-bottom:1px solid rgba(255,255,255,.05);
  overflow:hidden;
}
.chart-shell canvas {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.chart-empty {
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  padding:24px;
  text-align:center;
  color:#60778f;
  font-size:11px;
  letter-spacing:.06em;
  pointer-events:none;
  transition:.2s;
}
.chart-empty.hidden { opacity:0; }
.chart-footer {
  min-height:62px;
  padding:13px 18px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.chart-footer > span {
  color:#62768d;
  font-size:9px;
  text-align:right;
}
.range-tabs {
  display:flex;
  align-items:center;
  gap:5px;
}
.range-tabs button {
  appearance:none;
  border:1px solid transparent;
  background:transparent;
  color:#667d95;
  border-radius:8px;
  min-width:40px;
  height:28px;
  padding:0 8px;
  cursor:pointer;
  font:800 9px/1 Inter,ui-sans-serif,sans-serif;
  letter-spacing:.08em;
  transition:.2s;
}
.range-tabs button:hover {
  color:#d8f4ff;
  background:rgba(255,255,255,.03);
}
.range-tabs button.active {
  color:#d8f4ff;
  border-color:rgba(66,216,255,.17);
  background:rgba(66,216,255,.06);
}
.telemetry-note {
  margin-top:16px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:15px;
  padding:15px 17px;
  background:rgba(7,16,30,.57);
  display:flex;
  align-items:flex-start;
  gap:12px;
}
.telemetry-note .status-dot { margin-top:7px; }
.telemetry-note p {
  margin:0;
  color:#6e8297;
  font-size:10px;
}
.telemetry-note strong { color:#aabed1; }

@media (max-width: 900px) {
  .telemetry-grid { grid-template-columns:1fr; }
  .chart-shell { height:280px; }
}
@media (max-width: 600px) {
  .telemetry-card__head { padding:23px 20px 16px; }
  .chart-shell { height:235px; margin:0 8px; }
  .chart-footer {
    align-items:flex-start;
    flex-direction:column;
    padding:12px 14px 16px;
  }
  .chart-footer > span { text-align:left; }
}


/* --- V8 persistent-history / last-updated additions --- */
.telemetry-updated {
  margin-top:7px;
  color:#536b84;
  font-size:9px;
  font-weight:700;
  letter-spacing:.035em;
}
.telemetry-updated.is-stale {
  color:#b59865;
}
#historyPersistence {
  color:#8ba5be;
}


/* --- V9 always-on chart hardening --- */
.chart-shell {
  background:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px),
    radial-gradient(circle at 75% 25%, rgba(66,216,255,.035), transparent 42%);
  background-size:100% 25%, 14% 100%, 100% 100%;
}
.chart-empty {
  background:linear-gradient(90deg,transparent,rgba(7,17,31,.28),transparent);
}