:root{--bg:#080b10;--panel:#0e131b;--panel2:#111923;--text:#f5f7fa;--muted:#8d98a8;--line:#202936;--gold:#f3ad13;--gold2:#ffd55c;--navy:#121d29;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:20;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='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.site-header{position:fixed;z-index:30;top:0;left:0;right:0;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - var(--max))/2));background:rgba(8,11,16,.72);border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.22em;font-size:14px}.brand img{width:34px;height:34px;object-fit:contain;border-radius:50%}.site-header nav{display:flex;align-items:center;gap:28px;font-size:13px;color:#aeb7c4}.site-header nav a:hover{color:white}.nav-github{border:1px solid #303b49;padding:9px 13px;border-radius:8px}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:24px}.section{max-width:var(--max);margin:auto;padding:120px 24px}.hero{min-height:830px;padding-top:170px;display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center;position:relative}.hero:before{content:"";position:absolute;left:24px;right:24px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#29313d,transparent)}.eyebrow,.section-kicker{font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--gold);text-transform:uppercase}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5fe083;box-shadow:0 0 12px #5fe083;margin-right:8px}.hero h1,.section h2{font-size:clamp(48px,6.5vw,84px);line-height:.98;letter-spacing:-.055em;margin:25px 0}.hero h1 span,.section h2 span{color:var(--gold)}.lead{font-size:19px;color:#aeb7c4;max-width:650px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.btn{padding:13px 19px;border-radius:9px;font-size:13px;font-weight:750;border:1px solid #303a47}.btn.primary{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#111;border-color:transparent;box-shadow:0 10px 35px rgba(243,173,19,.14)}.btn.ghost{background:#0d1219}.hero-meta{display:flex;gap:0;margin-top:62px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hero-meta div{padding:18px 25px 18px 0;margin-right:25px}.hero-meta strong,.hero-meta small{display:block}.hero-meta strong{font-size:16px}.hero-meta small{font-size:10px;color:#6f7b8c;text-transform:uppercase;letter-spacing:.1em;margin-top:3px}.hero-art{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center}.coin-wrap{width:360px;height:360px;border-radius:50%;position:relative;display:grid;place-items:center;background:radial-gradient(circle,rgba(243,173,19,.16),transparent 65%)}.coin-wrap img{width:255px;filter:drop-shadow(0 0 45px rgba(243,173,19,.18));animation:float 6s ease-in-out infinite}.ring{position:absolute;border:1px solid rgba(243,173,19,.17);border-radius:50%}.r1{inset:5px}.r2{inset:-55px;border-style:dashed;animation:spin 30s linear infinite}.terminal-card{position:absolute;right:-20px;bottom:5px;width:310px;background:rgba(13,18,25,.94);border:1px solid #28313d;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.45);overflow:hidden}.terminal-top{height:37px;background:#111720;border-bottom:1px solid #222b36;padding:0 12px;display:flex;align-items:center;gap:6px}.terminal-top span{width:7px;height:7px;border-radius:50%;background:#46515f}.terminal-top b{font-size:9px;color:#687587;letter-spacing:.12em;margin-left:7px}.terminal-card code{display:block;padding:17px 20px;font-size:11px;line-height:2;color:#d7dde6}.terminal-card code span{color:#6e7a8a;display:inline-block;width:82px}.terminal-card code em{color:#5fe083;font-style:normal}.ticker{border-top:1px solid #1b232d;border-bottom:1px solid #1b232d;background:#0b0f15;overflow:hidden;white-space:nowrap}.ticker div{padding:15px;text-align:center;color:#667181;font-size:10px;font-weight:800;letter-spacing:.16em}.ticker span{color:var(--gold);margin:0 15px}.split{display:grid;grid-template-columns:.35fr 1fr;gap:30px}.split .feature-grid{grid-column:2}.section h2{font-size:clamp(42px,5vw,68px)}.section-lead{font-size:18px;color:#aab4c2;max-width:740px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:45px}.feature-grid article{background:linear-gradient(145deg,#0d1219,#0b0f15);border:1px solid var(--line);border-radius:14px;padding:30px;min-height:220px}.feature-grid i{font-style:normal;color:var(--gold);font-size:11px}.feature-grid h3{font-size:20px;margin:45px 0 10px}.feature-grid p,.muted{color:#818d9d;font-size:14px}.algo-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.algo-copy p{color:#aab4c2}.pipeline{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.pipe{width:115px;height:130px;padding:17px;border:1px solid #293442;background:#0d131b;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between}.pipe.hot{border-color:rgba(243,173,19,.45);box-shadow:inset 0 0 35px rgba(243,173,19,.06)}.pipe b{color:var(--gold);font-size:10px}.pipe span{font-size:13px;font-weight:700}.arrow{color:#45515f}.specs-section{border-top:1px solid #171f28}.specs{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:15px;overflow:hidden;margin-top:45px}.specs div{padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:110px}.specs small,.specs strong{display:block}.specs small{font-size:10px;color:#758194;text-transform:uppercase;letter-spacing:.1em}.specs strong{font-size:17px;margin-top:15px}.specs sup{font-size:8px;color:var(--gold)}.notice{margin-top:15px;font-size:10px;color:var(--gold);letter-spacing:.12em}.notice span{color:#687486;letter-spacing:0;margin-left:12px}.mining-section{background:radial-gradient(circle at 80% 30%,rgba(243,173,19,.06),transparent 30%)}.mining-head{display:grid;grid-template-columns:1fr .65fr;gap:50px;align-items:end}.mining-head p{color:#9aa6b6;margin-bottom:28px}.tabs{display:flex;gap:7px;margin:35px 0 12px}.tab{border:1px solid #2b3542;background:#0d1218;color:#8894a4;padding:9px 18px;border-radius:8px;cursor:pointer;font-weight:700}.tab.active{background:var(--gold);color:#111;border-color:var(--gold)}.miner-panel{border:1px solid #26303c;border-radius:14px;background:#0d1219;display:grid;grid-template-columns:.75fr 1.25fr;gap:30px;padding:30px;align-items:center}.miner-panel.hidden{display:none}.badge{font-size:9px;color:var(--gold);letter-spacing:.14em}.miner-panel h3{font-size:25px;margin:8px 0}.miner-panel p{color:#8490a0;font-size:13px}.miner-panel pre{position:relative;margin:0;background:#080b10;border:1px solid #202936;border-radius:10px;padding:22px;overflow:auto;color:#cfd7e1;font-size:11px}.copy{position:absolute;right:8px;top:8px;background:#171f29;border:1px solid #2b3644;color:#9eabbc;border-radius:6px;padding:5px 8px;font-size:9px;cursor:pointer}.text-link{display:inline-block;margin-top:18px;color:var(--gold);font-size:13px}.roadmap{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:55px}.roadmap article{border-top:1px solid #303a47;padding:25px 18px 15px 0}.roadmap article.current{border-color:var(--gold)}.roadmap small{color:#667284;font-size:9px;letter-spacing:.15em}.roadmap .current small{color:var(--gold)}.roadmap h3{font-size:20px}.roadmap p{color:#7f8b9b;font-size:13px}.cta{margin-bottom:80px;border:1px solid #28313d;border-radius:18px;background:linear-gradient(120deg,#101721,#0b1016);display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:35px;padding:55px}.cta img{width:100px}.cta h2{font-size:40px;margin:10px 0}.cta p{color:#8d99a9;margin:0}.cta .actions{margin:0}footer{max-width:var(--max);margin:auto;padding:45px 24px 55px;border-top:1px solid #1d2630;display:grid;grid-template-columns:1fr 1fr;gap:18px;color:#707c8c;font-size:12px}.footer-brand{color:#fff}footer p{margin:0}footer div{display:flex;gap:20px;justify-content:flex-end}footer small{grid-column:1/-1;color:#4f5a68}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-12px)}}.reveal{animation:up .8s ease both}.delay{animation-delay:.15s}@keyframes up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(max-width:900px){.site-header nav{display:none;position:absolute;top:78px;left:12px;right:12px;background:#0d1219;border:1px solid #26303c;border-radius:12px;padding:20px;flex-direction:column;align-items:flex-start}.site-header nav.open{display:flex}.menu-btn{display:block}.hero{grid-template-columns:1fr;padding-top:140px}.hero-art{min-height:450px}.split,.algo-section{grid-template-columns:1fr}.split .feature-grid{grid-column:1}.feature-grid,.specs,.roadmap{grid-template-columns:repeat(2,1fr)}.mining-head,.miner-panel{grid-template-columns:1fr}.cta{grid-template-columns:80px 1fr}.cta .actions{grid-column:1/-1}.cta img{width:75px}}@media(max-width:600px){.section{padding:85px 18px}.site-header{padding:0 18px}.hero{padding-top:125px}.hero h1{font-size:50px}.hero-meta{display:grid;grid-template-columns:1fr 1fr}.hero-meta div{margin:0}.coin-wrap{width:280px;height:280px}.coin-wrap img{width:200px}.terminal-card{right:0;width:280px}.feature-grid,.specs,.roadmap{grid-template-columns:1fr}.pipeline{justify-content:flex-start}.arrow{display:none}.pipe{width:calc(50% - 5px)}.notice span{display:block;margin:8px 0}.cta{margin:0 12px 60px;padding:30px;grid-template-columns:1fr}.cta img{width:70px}footer{grid-template-columns:1fr}footer div{justify-content:flex-start}footer small{grid-column:1}.ticker div{text-align:left}.brand span{font-size:12px}}


/* LUMENITE LIOP / WITNESS NETWORK EXTENSIONS */

.protocol-section{
  border-top:1px solid #171f28;
  background:radial-gradient(circle at 20% 30%,rgba(243,173,19,.055),transparent 34%);
}

.protocol-head{
  display:grid;
  grid-template-columns:1fr .48fr;
  gap:65px;
  align-items:end;
}

.protocol-note{
  background:#0d1219;
  border:1px solid #27313d;
  border-radius:14px;
  padding:25px;
}

.protocol-note strong{
  display:block;
  margin:12px 0 8px;
  font-size:17px;
}

.protocol-note p{
  margin:0;
  color:#8490a0;
  font-size:13px;
}

.live-dot{
  display:inline-block;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#5fe083;
  box-shadow:0 0 14px #5fe083;
}

.protocol-flow{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
  align-items:center;
  gap:11px;
  margin-top:55px;
}

.protocol-step{
  min-height:180px;
  border:1px solid #293442;
  border-radius:14px;
  background:linear-gradient(145deg,#0e141c,#0b1016);
  padding:24px;
  display:flex;
  flex-direction:column;
}

.protocol-step b{
  color:var(--gold);
  font-size:11px;
}

.protocol-step small{
  color:#657184;
  letter-spacing:.15em;
  font-size:9px;
  margin-top:auto;
  margin-bottom:9px;
}

.protocol-step strong{
  font-size:15px;
  line-height:1.4;
}

.protocol-arrow{
  color:var(--gold);
  opacity:.55;
}

.stamp-section{
  padding-top:20px;
}

.stamp-card{
  border:1px solid #303946;
  border-radius:20px;
  padding:55px;
  display:grid;
  grid-template-columns:1fr .72fr;
  gap:60px;
  align-items:center;
  background:
    radial-gradient(circle at 85% 30%,rgba(243,173,19,.09),transparent 28%),
    linear-gradient(120deg,#101721,#0b1016);
}

.stamp-card h2{
  margin-top:16px;
}

.stamp-points{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:11px 22px;
  margin-top:30px;
  color:#aeb8c5;
  font-size:13px;
}

.stamp-points span::first-letter{
  color:var(--gold);
}

.stamp-terminal{
  background:#080c11;
  border:1px solid #293442;
  border-radius:13px;
  overflow:hidden;
  box-shadow:0 25px 70px rgba(0,0,0,.35);
}

.stamp-terminal code{
  display:block;
  padding:24px;
  font-size:11px;
  line-height:2.25;
  color:#d7dde6;
}

.stamp-terminal code span{
  color:#6e7a8a;
  display:inline-block;
  width:95px;
}

.stamp-terminal code em{
  color:#5fe083;
  font-style:normal;
}

.ecosystem-section{
  border-top:1px solid #171f28;
}

.ecosystem-head{
  display:grid;
  grid-template-columns:1fr .65fr;
  gap:60px;
  align-items:end;
}

.ecosystem-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:13px;
  margin-top:50px;
}

.ecosystem-card{
  min-height:265px;
  padding:27px;
  border:1px solid #27313d;
  border-radius:15px;
  background:linear-gradient(145deg,#0e131b,#0a0f15);
  display:flex;
  flex-direction:column;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}

.ecosystem-card:hover{
  transform:translateY(-4px);
  border-color:rgba(243,173,19,.55);
  background:#10161f;
}

.ecosystem-card small{
  color:var(--gold);
  font-size:9px;
  letter-spacing:.15em;
}

.ecosystem-card h3{
  margin:45px 0 10px;
  font-size:21px;
}

.ecosystem-card p{
  color:#7f8b9b;
  font-size:13px;
  margin:0;
}

.ecosystem-card span{
  color:var(--gold);
  font-size:11px;
  margin-top:auto;
  padding-top:25px;
}

@media(max-width:900px){
  .protocol-head,
  .stamp-card,
  .ecosystem-head{
    grid-template-columns:1fr;
  }

  .protocol-flow{
    grid-template-columns:1fr 1fr;
  }

  .protocol-arrow{
    display:none;
  }

  .ecosystem-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:600px){
  .protocol-flow,
  .ecosystem-grid,
  .stamp-points{
    grid-template-columns:1fr;
  }

  .stamp-card{
    padding:30px 22px;
  }

  .protocol-step{
    min-height:145px;
  }
}

/* LIOP + ECOSYSTEM TYPOGRAPHY FIXES */

.protocol-section .section-lead,
.ecosystem-section .section-lead{
  font-size:17px;
  line-height:1.7;
  max-width:700px;
  color:#aab4c2;
}

.protocol-section h2,
.ecosystem-section h2{
  font-size:clamp(40px,4.8vw,64px);
  line-height:1.02;
}

.protocol-note strong{
  font-size:16px;
  line-height:1.35;
}

.protocol-note p{
  font-size:13px;
  line-height:1.65;
}

.protocol-step{
  min-height:185px;
}

.protocol-step b{
  font-size:11px;
  line-height:1;
  margin-bottom:22px;
}

.protocol-step small{
  font-size:9px;
  line-height:1.2;
  margin-top:auto;
  margin-bottom:10px;
}

.protocol-step strong{
  display:block;
  font-size:14px;
  line-height:1.5;
  font-weight:700;
}

.ecosystem-card small{
  display:block;
  font-size:9px;
  line-height:1.2;
}

.ecosystem-card h3{
  font-size:20px;
  line-height:1.2;
  margin:38px 0 12px;
}

.ecosystem-card p{
  font-size:13px;
  line-height:1.65;
}

.ecosystem-card span{
  display:block;
  font-size:11px;
  line-height:1.4;
}

@media(max-width:900px){
  .protocol-section h2,
  .ecosystem-section h2{
    font-size:48px;
  }

  .protocol-flow{
    gap:14px;
  }
}

@media(max-width:600px){
  .protocol-section h2,
  .ecosystem-section h2{
    font-size:38px;
    line-height:1.05;
  }

  .protocol-section .section-lead,
  .ecosystem-section .section-lead{
    font-size:16px;
  }

  .protocol-step{
    min-height:155px;
  }

  .ecosystem-card{
    min-height:230px;
  }

  .ecosystem-card h3{
    margin-top:28px;
  }
}


/* LUMENITE MINING DIRECTORY */

.mining-subhead{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:40px;
  margin-top:55px;
  margin-bottom:20px;
}

.mining-subhead > div{
  display:flex;
  align-items:center;
  gap:15px;
}

.mining-subhead small{
  display:block;
  color:var(--gold);
  font-size:9px;
  font-weight:800;
  letter-spacing:.15em;
  margin-bottom:4px;
}

.mining-subhead h3{
  margin:0;
  font-size:24px;
}

.mining-subhead p{
  max-width:490px;
  margin:0;
  color:#8793a3;
  font-size:13px;
}

.mining-icon{
  width:48px;
  height:48px;
  border:1px solid #303a47;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:#0d1219;
  font-size:20px;
}

.miner-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:13px;
}

.miner-card{
  min-height:230px;
  padding:26px;
  border:1px solid #293442;
  border-radius:14px;
  background:linear-gradient(145deg,#0e141c,#0a0f15);
  display:flex;
  flex-direction:column;
  transition:transform .2s ease,border-color .2s ease;
}

.miner-card:hover,
.pool-card:hover{
  transform:translateY(-4px);
  border-color:rgba(243,173,19,.55);
}

.miner-card.featured,
.pool-card.featured{
  border-color:rgba(243,173,19,.35);
}

.miner-card.official{
  background:
    radial-gradient(circle at 90% 10%,rgba(243,173,19,.10),transparent 30%),
    linear-gradient(145deg,#101721,#0b1016);
}

.miner-card-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.miner-type{
  color:var(--gold);
  font-size:9px;
  font-weight:800;
  letter-spacing:.15em;
}

.miner-arrow{
  color:#677486;
}

.miner-card h3{
  margin:40px 0 10px;
  font-size:21px;
}

.miner-card p{
  color:#818d9d;
  font-size:13px;
  line-height:1.6;
  margin:0;
}

.miner-card strong{
  margin-top:auto;
  padding-top:25px;
  color:var(--gold);
  font-size:11px;
}

.third-party-warning{
  display:flex;
  gap:16px;
  margin-top:18px;
  padding:20px 22px;
  border:1px solid #3b3525;
  border-radius:12px;
  background:rgba(243,173,19,.045);
}

.third-party-warning > span{
  font-size:18px;
}

.third-party-warning strong{
  font-size:13px;
}

.third-party-warning p{
  margin:4px 0 0;
  color:#8995a5;
  font-size:12px;
  line-height:1.6;
}

.pool-section{
  margin-top:75px;
}

.pool-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:12px;
}

.pool-card{
  min-height:205px;
  padding:23px;
  border:1px solid #293442;
  border-radius:14px;
  background:#0d1219;
  display:flex;
  flex-direction:column;
  transition:transform .2s ease,border-color .2s ease;
}

.pool-card small{
  color:var(--gold);
  font-size:9px;
  font-weight:800;
  letter-spacing:.14em;
}

.pool-card h3{
  font-size:19px;
  margin:32px 0 8px;
}

.pool-card p{
  font-size:12px;
  line-height:1.6;
  color:#818d9d;
  margin:0;
}

.pool-card span{
  margin-top:auto;
  padding-top:20px;
  color:var(--gold);
  font-size:10px;
}

@media(max-width:1000px){
  .miner-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .pool-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:700px){
  .mining-subhead{
    display:block;
  }

  .mining-subhead > div{
    margin-bottom:15px;
  }

  .miner-grid,
  .pool-grid{
    grid-template-columns:1fr;
  }

  .miner-card,
  .pool-card{
    min-height:190px;
  }
}