/* DAARX network control plane — homepage visual system */

.network-home{
  --net-bg:#020504;
  --net-panel:#06100d;
  --net-panel-2:#091712;
  --net-green:#4df19a;
  --net-green-rgb:77,241,154;
  --net-cyan:#65d9f3;
  --net-amber:#efb64f;
  --net-red:#f07067;
  --net-ink:#f2f8f4;
  --net-dim:#b7c7bf;
  --net-faint:#7d9187;
  --net-line:rgba(141,190,164,.2);
  --net-line-hot:rgba(77,241,154,.52);
  background:var(--net-bg);
  color:var(--net-ink);
  font-family:var(--mono);
}

.network-home::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-3;
  pointer-events:none;
  background:
    radial-gradient(circle at 70% 22%,rgba(12,87,54,.16),transparent 34rem),
    linear-gradient(180deg,#020504 0%,#030806 56%,#020504 100%);
}

.network-home a:focus-visible,
.network-home button:focus-visible,
.network-home summary:focus-visible{
  outline:2px solid var(--net-green);
  outline-offset:4px;
}

.network-home ::selection{background:var(--net-green);color:#01140b}

.network-field{
  position:fixed;
  inset:0;
  z-index:-2;
  overflow:hidden;
  pointer-events:none;
  opacity:.38;
  background-image:
    linear-gradient(rgba(96,150,120,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(96,150,120,.035) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 88%,transparent 100%);
}

.network-field::before{
  content:"";
  position:absolute;
  left:-20%;
  right:-20%;
  bottom:-34vh;
  height:78vh;
  transform:perspective(700px) rotateX(63deg);
  transform-origin:50% 100%;
  background-image:
    linear-gradient(rgba(77,241,154,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(77,241,154,.09) 1px,transparent 1px);
  background-size:80px 48px;
  mask-image:linear-gradient(180deg,transparent,#000 70%);
}

.network-field span{
  position:absolute;
  top:0;
  bottom:0;
  width:1px;
  background:linear-gradient(180deg,transparent 0,rgba(77,241,154,.26) 45%,transparent 100%);
}

.network-field span:nth-child(1){left:17%}
.network-field span:nth-child(2){left:72%;opacity:.54}
.network-field span:nth-child(3){left:88%;opacity:.28}

.network-shell{
  width:min(100% - 3rem,86rem);
  margin-inline:auto;
  position:relative;
  z-index:2;
}

.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

.js-only{display:none!important}
.js .js-only{display:flex!important}

/* navigation */

.network-home .network-nav{
  padding:1.15rem clamp(1rem,3vw,2.75rem);
  background:linear-gradient(180deg,rgba(2,5,4,.88),rgba(2,5,4,.12));
  border-bottom:1px solid transparent;
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}

.network-home .network-nav.scrolled{
  padding:.72rem clamp(1rem,3vw,2.75rem);
  background:rgba(2,7,5,.9);
  border-bottom-color:var(--net-line);
  backdrop-filter:blur(20px) saturate(1.15);
  -webkit-backdrop-filter:blur(20px) saturate(1.15);
  box-shadow:0 18px 48px rgba(0,0,0,.28);
}

.network-home .network-nav .mk{
  align-items:center;
  gap:.38rem;
  font-size:.76rem;
  letter-spacing:.13em;
}

.mk-sigil{
  display:inline-block;
  position:relative;
  width:25px;
  height:16px;
  margin-right:.35rem;
  background:
    linear-gradient(var(--net-green),var(--net-green)) 0 1px/13px 1px no-repeat,
    linear-gradient(var(--net-green),var(--net-green)) 5px 7px/20px 1px no-repeat,
    linear-gradient(var(--net-green),var(--net-green)) 0 13px/13px 1px no-repeat;
  filter:drop-shadow(0 0 5px rgba(var(--net-green-rgb),.66));
}

.mk-sigil::after{
  content:"";
  position:absolute;
  left:11px;
  top:1px;
  width:8px;
  height:12px;
  border-right:1px solid var(--net-green);
  border-top:1px solid var(--net-green);
  border-bottom:1px solid var(--net-green);
  transform:skewX(38deg);
}

.network-home .network-nav .go{gap:clamp(.65rem,1.6vw,1.45rem)}
.network-home .network-nav .go .lnk{color:#a8bab1;letter-spacing:.1em;text-transform:uppercase;font-size:.68rem}
.network-home .network-nav .go .lnk:hover,
.network-home .network-nav .go .lnk:focus-visible{color:var(--net-green)}

.network-home .nav-cta{
  border-color:rgba(var(--net-green-rgb),.42);
  color:var(--net-ink);
  border-radius:2px;
  background:linear-gradient(100deg,rgba(var(--net-green-rgb),.11),rgba(var(--net-green-rgb),.02));
  box-shadow:none;
  clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));
}

.network-home .navmenu{
  border-radius:2px;
  background:rgba(4,13,9,.97);
  border-color:var(--net-line-hot);
}

.network-home .burger{border-radius:2px;background:rgba(4,13,9,.9)}

/* hero */

.network-hero{
  position:relative;
  isolation:isolate;
  display:flex;
  align-items:center;
  min-height:100vh;
  min-height:100svh;
  overflow:hidden;
  border-bottom:1px solid var(--net-line);
}

.hero-media{
  position:absolute;
  inset:0;
  z-index:-3;
  overflow:hidden;
  background:#010302;
}

.hero-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:scale(1.035) translate3d(calc(var(--hero-x,0) * 1px),calc(var(--hero-y,0) * 1px),0);
  filter:saturate(.92) contrast(1.06) brightness(.9);
  transition:transform .8s cubic-bezier(.16,1,.3,1);
}

.hero-scrim{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(1,4,3,.98) 0%,rgba(1,4,3,.92) 24%,rgba(1,4,3,.62) 48%,rgba(1,4,3,.08) 78%),
    linear-gradient(180deg,rgba(1,4,3,.58) 0%,transparent 28%,transparent 65%,rgba(1,4,3,.78) 100%);
}

.hero-scan{
  position:absolute;
  inset:-25% 0 auto;
  height:34%;
  opacity:.35;
  background:linear-gradient(180deg,transparent,rgba(var(--net-green-rgb),.055) 64%,rgba(var(--net-green-rgb),.22) 99%,transparent);
  mix-blend-mode:screen;
  animation:hero-scan 10s linear infinite;
}

@keyframes hero-scan{to{transform:translateY(500%)}}

.hero-frame{
  position:absolute;
  z-index:3;
  inset:5.6rem clamp(.85rem,2vw,2rem) clamp(.85rem,2vw,2rem);
  pointer-events:none;
  border:1px solid rgba(110,161,134,.13);
}

.hero-frame .corner{
  position:absolute;
  width:36px;
  height:36px;
  border-color:rgba(var(--net-green-rgb),.65);
  filter:drop-shadow(0 0 6px rgba(var(--net-green-rgb),.35));
}

.hero-frame .tl{left:-1px;top:-1px;border-left:2px solid;border-top:2px solid}
.hero-frame .tr{right:-1px;top:-1px;border-right:2px solid;border-top:2px solid}
.hero-frame .bl{left:-1px;bottom:-1px;border-left:2px solid;border-bottom:2px solid}
.hero-frame .br{right:-1px;bottom:-1px;border-right:2px solid;border-bottom:2px solid}

.hero-coordinate{
  position:absolute;
  z-index:4;
  color:rgba(193,221,207,.48);
  font-size:.59rem;
  letter-spacing:.18em;
  pointer-events:none;
}

.hero-coordinate-a{top:6.6rem;right:3rem}
.hero-coordinate-b{bottom:3rem;left:3rem}

.hero-layout{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);
  gap:clamp(3rem,7vw,8rem);
  align-items:end;
  padding-top:8.5rem;
  padding-bottom:8rem;
}

.hero-copy{max-width:50rem}

.system-flag{
  display:inline-flex;
  align-items:center;
  gap:.7rem;
  margin-bottom:1.5rem;
  color:#c8d7cf;
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.19em;
}

.system-flag span:not(.status-pulse){color:#5e7469}

.status-pulse{
  width:7px;
  height:7px;
  flex:0 0 auto;
  background:var(--net-amber);
  box-shadow:0 0 0 5px rgba(239,182,79,.08),0 0 16px rgba(239,182,79,.68);
  animation:status-pulse 2.8s ease-in-out infinite;
}

@keyframes status-pulse{50%{opacity:.42;box-shadow:0 0 0 2px rgba(239,182,79,.06),0 0 6px rgba(239,182,79,.3)}}

.network-home .network-hero h1{
  display:flex;
  flex-direction:column;
  margin:0;
  max-width:none;
  color:var(--net-ink);
  font-family:var(--display);
  font-size:clamp(3.75rem,7.65vw,8.1rem);
  font-weight:800;
  line-height:.82;
  letter-spacing:-.065em;
  text-transform:uppercase;
  text-shadow:0 10px 50px rgba(0,0,0,.5);
}

.network-home .network-hero h1 span:nth-child(2){font-size:.61em;line-height:1.05;letter-spacing:-.045em;margin-top:.12em;color:#b9c7c0}
.network-home .network-hero h1 .signal-word{color:var(--net-green);text-shadow:0 0 12px rgba(var(--net-green-rgb),.45),0 0 40px rgba(var(--net-green-rgb),.17)}

.hero-lede{
  margin-top:2.1rem;
  max-width:42rem;
  color:#d4e1da;
  font-family:var(--display);
  font-size:clamp(1.03rem,1.55vw,1.28rem);
  line-height:1.55;
  letter-spacing:0;
}

.hero-truth{
  max-width:42rem;
  margin-top:.8rem;
  color:var(--net-dim);
  font-size:.82rem;
  line-height:1.65;
}

.hero-truth strong{color:var(--net-amber);font-weight:700}

.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}

.system-button{
  min-height:50px;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:2rem;
  padding:.82rem 1.05rem .82rem 1.2rem;
  color:var(--net-ink);
  border:1px solid var(--net-line-hot);
  border-radius:0;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.11em;
  text-decoration:none;
  text-transform:uppercase;
  clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,11px 100%,0 calc(100% - 11px));
  transition:color .18s,background .18s,border-color .18s,transform .18s,filter .18s;
}

.system-button.primary{background:var(--net-green);border-color:var(--net-green);color:#01150b}
.system-button.secondary{background:rgba(3,12,8,.58);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.system-button:hover,.system-button:focus-visible{color:#01150b;background:#9bffca;border-color:#9bffca;transform:translateY(-2px);filter:drop-shadow(0 0 12px rgba(var(--net-green-rgb),.3))}

.hero-readout{
  width:100%;
  max-width:25rem;
  justify-self:end;
  align-self:end;
  margin-bottom:.2rem;
  padding:1rem 1.1rem .85rem;
  background:linear-gradient(145deg,rgba(4,14,9,.82),rgba(2,7,5,.36));
  border:1px solid rgba(104,171,135,.25);
  border-top-color:rgba(var(--net-green-rgb),.48);
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 26px 80px rgba(0,0,0,.38);
  backdrop-filter:blur(16px) saturate(1.15);
  -webkit-backdrop-filter:blur(16px) saturate(1.15);
  clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,0 100%);
}

.readout-title{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.65rem;margin-bottom:.2rem;border-bottom:1px solid var(--net-line);color:var(--net-faint);font-size:.58rem;letter-spacing:.15em}
.hero-readout dl div{display:grid;grid-template-columns:1fr auto;gap:1.25rem;padding:.48rem 0;border-bottom:1px solid rgba(134,177,155,.11);font-size:.67rem}
.hero-readout dt{color:#91a69c;letter-spacing:.08em}
.hero-readout dd{color:#dce9e2;font-weight:700;text-align:right}
.hero-readout .state-off{color:var(--net-amber)}
.hero-readout .state-plan{color:var(--net-green)}
.readout-note{margin-top:.65rem;color:#71877c;font-size:.58rem;text-align:right}

.hero-scroll{
  position:absolute;
  z-index:5;
  left:50%;
  bottom:1.3rem;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.45rem;
  color:#84998e;
  font-size:.55rem;
  letter-spacing:.2em;
  text-decoration:none;
  transform:translateX(-50%);
}

.hero-scroll i{display:block;width:1px;height:25px;background:linear-gradient(var(--net-green),transparent);box-shadow:0 0 8px rgba(var(--net-green-rgb),.5)}

/* shared section type */

.network-section{position:relative;padding:clamp(6rem,10vw,10rem) 0;border-bottom:1px solid rgba(116,171,140,.14)}
.network-section::before{content:"";position:absolute;left:0;top:0;width:clamp(2rem,11vw,11rem);height:1px;background:var(--net-green);box-shadow:0 0 14px rgba(var(--net-green-rgb),.5)}

.section-intro{max-width:69rem}
.section-index{margin-bottom:1.4rem;color:var(--net-green);font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.section-index span{color:#536c60}
.network-home .section-intro h2,
.network-home .final-grid h2{
  color:var(--net-ink);
  font-family:var(--display);
  font-size:clamp(2.7rem,6.2vw,6.25rem);
  font-weight:800;
  line-height:.96;
  letter-spacing:-.055em;
  text-transform:uppercase;
}

.network-home .section-intro h2 em,
.network-home .final-grid h2 em{color:var(--net-green);font-style:normal;text-shadow:0 0 28px rgba(var(--net-green-rgb),.14)}
.section-intro>p:last-child{max-width:49rem;margin-top:1.5rem;color:var(--net-dim);font-family:var(--display);font-size:clamp(1rem,1.55vw,1.2rem);line-height:1.65;letter-spacing:0}
.section-intro-split{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(18rem,.65fr);gap:clamp(2rem,7vw,8rem);max-width:none;align-items:end}
.section-intro-split>p:last-child{margin:0 0 .45rem;font-size:.92rem;font-family:var(--mono);color:#97aaa0}

.signal-strip{
  position:relative;
  z-index:5;
  overflow:hidden;
  border-bottom:1px solid var(--net-line);
  background:#030a07;
}

.signal-strip-track{width:min(100% - 3rem,86rem);min-height:56px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}
.signal-strip-track span{padding:.85rem 1rem;color:#82968b;font-size:.61rem;letter-spacing:.12em;text-align:center;border-right:1px solid var(--net-line)}
.signal-strip-track span:first-child{border-left:1px solid var(--net-line)}
.signal-strip-track b{color:#c5d4cc}

/* ledger comparison */

.thesis-section{background:linear-gradient(180deg,rgba(1,4,3,.2),rgba(4,13,9,.66) 50%,rgba(1,4,3,.24))}

.ledger-comparison{
  margin-top:clamp(3rem,7vw,6rem);
  border:1px solid var(--net-line);
  border-top-color:rgba(var(--net-green-rgb),.38);
  background:linear-gradient(145deg,rgba(6,18,12,.86),rgba(2,7,5,.68));
  box-shadow:0 38px 100px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.025);
}

.comparison-controls{border-bottom:1px solid var(--net-line);background:rgba(1,5,3,.6)}

.comparison-button{
  position:relative;
  min-height:52px;
  padding:.9rem 1.2rem;
  border:0;
  border-right:1px solid var(--net-line);
  color:#7d9187;
  background:transparent;
  font:700 .65rem/1 var(--mono);
  letter-spacing:.14em;
  cursor:pointer;
}

.comparison-button::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:transparent}
.comparison-button.is-active{color:var(--net-ink);background:rgba(var(--net-green-rgb),.055)}
.comparison-button.is-active::after{background:var(--net-green);box-shadow:0 0 12px rgba(var(--net-green-rgb),.58)}

.comparison-map{position:relative;min-height:22rem;overflow:hidden;border-bottom:1px solid var(--net-line);background:radial-gradient(circle at 50% 50%,rgba(var(--net-green-rgb),.06),transparent 48%)}
.comparison-map::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0,transparent 4px,rgba(0,0,0,.12) 5px)}
.comparison-map svg{position:absolute;inset:0;width:100%;height:100%}
.map-grid path{fill:none;stroke:rgba(111,153,132,.09);stroke-width:1}
.public-links path{fill:none;stroke:rgba(223,234,227,.48);stroke-width:2;stroke-dasharray:7 8;transition:opacity .35s}
.private-links path{fill:none;stroke:var(--net-green);stroke-width:3;stroke-dasharray:3 10;filter:drop-shadow(0 0 6px rgba(var(--net-green-rgb),.4));opacity:.15;transition:opacity .35s}
.map-nodes circle{fill:#dce9e2;stroke:#06100d;stroke-width:3}
.privacy-shield{opacity:.08;transition:opacity .35s;filter:drop-shadow(0 0 9px rgba(var(--net-green-rgb),.36))}
.privacy-shield path:first-child{fill:rgba(var(--net-green-rgb),.18);stroke:var(--net-green);stroke-width:3}
.privacy-shield path:last-child{fill:none;stroke:var(--net-green);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.map-caption{position:absolute;right:1.2rem;bottom:1rem;z-index:2;padding:.5rem .7rem;color:#c1d0c8;background:rgba(1,5,3,.78);border-left:2px solid #c1d0c8;font-size:.59rem;letter-spacing:.13em}
.private-caption{display:none;border-color:var(--net-green);color:var(--net-green)}

.js .ledger-comparison[data-ledger-view="private"] .public-links{opacity:.08}
.js .ledger-comparison[data-ledger-view="private"] .private-links,
.js .ledger-comparison[data-ledger-view="private"] .privacy-shield{opacity:1}
.js .ledger-comparison[data-ledger-view="private"] .map-nodes{opacity:.24}
.js .ledger-comparison[data-ledger-view="private"] .public-caption{display:none}
.js .ledger-comparison[data-ledger-view="private"] .private-caption{display:block}

.comparison-copy{display:grid;grid-template-columns:repeat(2,1fr)}
.comparison-panel{padding:clamp(1.4rem,3vw,2.4rem)}
.comparison-panel+ .comparison-panel{border-left:1px solid var(--net-line)}
.comparison-panel h3{margin:.45rem 0 .8rem;color:var(--net-ink);font:700 clamp(1.35rem,2.5vw,2rem)/1.15 var(--display);letter-spacing:-.025em}
.comparison-panel p:last-child{color:var(--net-dim);font-size:.88rem;line-height:1.72}
.panel-code{color:var(--net-green);font-size:.59rem;letter-spacing:.16em}

.js .ledger-comparison[data-ledger-view="public"] .private-panel,
.js .ledger-comparison[data-ledger-view="private"] .public-panel{display:none}
.js .comparison-copy{grid-template-columns:1fr}
.js .comparison-panel+ .comparison-panel{border-left:0}

/* switchyard */

.protocols-section{background:linear-gradient(180deg,rgba(2,5,4,.85),rgba(3,10,7,.9))}
.switchyard{margin-top:clamp(3rem,7vw,6.5rem)}

.switchyard-visual{
  position:relative;
  overflow:hidden;
  aspect-ratio:2/1;
  min-height:0;
  border:1px solid var(--net-line);
  background:#010403;
  box-shadow:0 45px 120px rgba(0,0,0,.46);
}

.switchyard-visual img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9) contrast(1.05);transition:filter .35s}
.switchyard-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,4,3,.15),transparent 46%,rgba(1,4,3,.66)),repeating-linear-gradient(180deg,transparent 0,transparent 5px,rgba(0,0,0,.08) 6px);pointer-events:none}
.route-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}
.route{fill:none;stroke-width:4;stroke-dasharray:3 13;stroke-linecap:round;opacity:.15;transition:opacity .35s,stroke-width .35s;animation:route-flow 5s linear infinite}
.route-daarx{stroke:var(--net-green)}
.route-l10n{stroke:var(--net-amber)}
.route-open{stroke:var(--net-cyan)}
.route-core{fill:#fff;stroke:rgba(255,255,255,.2);stroke-width:15;filter:drop-shadow(0 0 9px #fff)}
.switchyard[data-active="daarx"] .route-daarx,
.switchyard[data-active="l10n"] .route-l10n,
.switchyard[data-active="open"] .route-open{opacity:1;stroke-width:6}
@keyframes route-flow{to{stroke-dashoffset:-64}}

.switchyard-label{position:absolute;padding:.5rem .65rem;background:rgba(1,5,3,.84);font-size:.57rem;letter-spacing:.12em;color:#b8c9c0;border-left:2px solid currentColor;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.switchyard-label span{color:#6c8277;margin-right:.45rem}
.switchyard-label-d{left:1.2rem;top:33%;color:var(--net-green)}
.switchyard-label-l{right:1.2rem;top:31%;color:var(--net-amber)}
.switchyard-label-o{left:50%;bottom:1.6rem;color:var(--net-cyan);transform:translateX(-50%)}
.switchyard-visual figcaption{position:absolute;left:1rem;bottom:.75rem;color:rgba(188,207,197,.58);font-size:.55rem;letter-spacing:.07em}

.protocol-console{
  position:relative;
  z-index:3;
  width:calc(100% - clamp(1rem,6vw,6rem));
  margin:-2px auto 0;
  border:1px solid var(--net-line);
  border-top:0;
  background:rgba(4,12,8,.97);
  box-shadow:0 35px 100px rgba(0,0,0,.4);
}

.protocol-tabs{display:none;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--net-line)}
.js .protocol-tabs{display:grid}
.protocol-tabs button{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;min-height:68px;padding:.85rem 1rem;border:0;border-right:1px solid var(--net-line);color:#91a69b;background:rgba(0,0,0,.18);font-family:var(--mono);text-align:left;cursor:pointer;transition:background .18s,color .18s}
.protocol-tabs button:last-child{border-right:0}
.protocol-tabs button::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:transparent}
.protocol-tabs button span{color:#50675b;font-size:.57rem}
.protocol-tabs button b{font-size:.74rem;letter-spacing:.12em}
.protocol-tabs button small{font-size:.55rem;letter-spacing:.1em;font-weight:400}
.protocol-tabs button:hover{color:var(--net-ink);background:rgba(255,255,255,.025)}
.protocol-tabs button[aria-selected="true"]{color:var(--net-ink);background:rgba(var(--net-green-rgb),.055)}
.protocol-tabs button[aria-selected="true"]::after{background:var(--net-green);box-shadow:0 0 12px rgba(var(--net-green-rgb),.55)}
.protocol-tabs button[data-protocol="l10n"][aria-selected="true"]::after{background:var(--net-amber);box-shadow:0 0 12px rgba(239,182,79,.5)}
.protocol-tabs button[data-protocol="open"][aria-selected="true"]::after{background:var(--net-cyan);box-shadow:0 0 12px rgba(101,217,243,.5)}

.protocol-panel{padding:clamp(1.4rem,4vw,3.2rem)}
.protocol-panel:not(:last-child){border-bottom:1px solid var(--net-line)}
.js .protocol-panel:not(.is-active){display:none}
.js .protocol-panel.is-active{animation:panel-enter .36s cubic-bezier(.16,1,.3,1)}
@keyframes panel-enter{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:none}}

.protocol-state{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem 2rem;margin-bottom:1rem;font-size:.59rem;letter-spacing:.14em}
.protocol-state span{color:var(--net-green)}
.protocol-l10n .protocol-state span{color:var(--net-amber)}
.protocol-open .protocol-state span{color:var(--net-cyan)}
.protocol-state strong{color:#7f9589;font-weight:400}
.protocol-panel h3{margin:0 0 1rem;color:var(--net-ink);font:800 clamp(2rem,4.5vw,4rem)/1 var(--display);letter-spacing:-.04em}
.protocol-panel h3 span{color:#71877b;font:400 .36em/1 var(--mono);letter-spacing:.02em;text-transform:uppercase}
.protocol-panel>p:not(.protocol-limit){max-width:65rem;color:#c4d3cb;font-family:var(--display);font-size:clamp(1rem,1.5vw,1.14rem);line-height:1.65;letter-spacing:0}
.protocol-facts{display:grid;grid-template-columns:repeat(3,1fr);margin:2rem 0 1.4rem;border-top:1px solid var(--net-line);border-bottom:1px solid var(--net-line)}
.protocol-facts div{min-height:92px;padding:1rem;border-right:1px solid var(--net-line)}
.protocol-facts div:last-child{border-right:0}
.protocol-facts dt{margin-bottom:.45rem;color:#6f867a;font-size:.56rem;letter-spacing:.14em}
.protocol-facts dd{color:#d8e5de;font-size:.72rem;line-height:1.5}
.protocol-limit{max-width:64rem;color:#91a59a;font-size:.72rem;line-height:1.65}
.text-link{display:inline-flex;gap:.65rem;margin-top:1.6rem;color:var(--net-green);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}
.text-link:hover,.text-link:focus-visible{color:#a8ffd0}
.protocol-l10n .text-link{color:var(--net-amber)}
.protocol-open .text-link{color:var(--net-cyan)}

/* architecture */

.architecture-section{overflow:hidden;background:radial-gradient(circle at 12% 42%,rgba(var(--net-green-rgb),.075),transparent 27rem)}
.architecture-section::after{content:"03";position:absolute;right:-.04em;bottom:-.2em;color:rgba(77,241,154,.028);font:800 clamp(18rem,45vw,48rem)/.75 var(--display);letter-spacing:-.12em;pointer-events:none}
.architecture-grid{display:grid;grid-template-columns:minmax(18rem,.72fr) minmax(30rem,1.28fr);gap:clamp(3rem,8vw,9rem);align-items:start}
.architecture-grid .section-intro{position:sticky;top:9rem}
.architecture-grid .section-intro h2{font-size:clamp(2.6rem,4.7vw,5.2rem)}
.architecture-stack{border-top:1px solid var(--net-line)}
.architecture-card{position:relative;display:grid;grid-template-columns:4.5rem 1fr auto;gap:1.3rem;align-items:start;padding:2rem 0;border-bottom:1px solid var(--net-line)}
.architecture-number{color:rgba(var(--net-green-rgb),.44);font-size:.66rem;letter-spacing:.12em}
.architecture-card h3{margin:.35rem 0 .55rem;color:var(--net-ink);font:700 clamp(1.35rem,2.5vw,2rem)/1.1 var(--display);letter-spacing:-.025em}
.architecture-card div>p:last-child{max-width:38rem;color:#aebfb6;font-size:.82rem;line-height:1.7}
.architecture-state{align-self:start;padding:.45rem .55rem;color:var(--net-green);border:1px solid rgba(var(--net-green-rgb),.26);font-size:.52rem;letter-spacing:.11em;white-space:nowrap}
.architecture-state.state-warning{color:var(--net-amber);border-color:rgba(239,182,79,.3)}

/* factual status */

.status-section{background:linear-gradient(180deg,rgba(3,10,7,.72),rgba(1,4,3,.88))}
.status-console{margin-top:clamp(3rem,6vw,5rem);border:1px solid rgba(110,166,137,.28);border-top-color:rgba(var(--net-green-rgb),.53);background:#030a07;box-shadow:0 42px 110px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.025)}
.console-bar{display:flex;justify-content:space-between;gap:2rem;padding:.8rem 1rem;border-bottom:1px solid var(--net-line);background:linear-gradient(90deg,rgba(var(--net-green-rgb),.055),transparent);color:#80968a;font-size:.57rem;letter-spacing:.13em}
.console-bar span{display:flex;align-items:center;gap:.4rem}
.console-bar i{width:5px;height:5px;background:#40554a}
.console-bar i:first-child{background:var(--net-green);box-shadow:0 0 8px rgba(var(--net-green-rgb),.7)}
.status-rows>div{display:grid;grid-template-columns:minmax(11rem,.42fr) minmax(0,1.58fr);gap:2rem;min-height:62px;align-items:center;padding:.8rem 1.25rem;border-bottom:1px solid rgba(116,171,140,.12)}
.status-rows>div:last-child{border-bottom:0}
.status-rows dt{color:#71877c;font-size:.62rem;letter-spacing:.14em}
.status-rows dd{display:flex;align-items:center;gap:.85rem;color:#dce8e1;font-size:.72rem;font-weight:700;letter-spacing:.05em}
.status-rows dd b{color:#80958a;font-weight:400}
.status-mark{width:7px;height:7px;flex:0 0 auto;background:var(--net-green);box-shadow:0 0 9px rgba(var(--net-green-rgb),.6)}
.status-mark.off{background:var(--net-amber);box-shadow:0 0 9px rgba(239,182,79,.55)}
.status-mark.target{background:var(--net-cyan);box-shadow:0 0 9px rgba(101,217,243,.55)}

.launch-gates{position:relative;display:grid;grid-template-columns:repeat(5,1fr);margin-top:4rem;border-top:1px solid var(--net-line);list-style:none}
.launch-gates::before{content:"";position:absolute;left:0;top:-1px;width:12.5%;height:1px;background:var(--net-green);box-shadow:0 0 12px rgba(var(--net-green-rgb),.7)}
.launch-gate{position:relative;min-height:220px;padding:1.35rem 1rem;border-right:1px solid var(--net-line);border-bottom:1px solid var(--net-line)}
.launch-gate:first-child{border-left:1px solid var(--net-line)}
.launch-gate::before{content:"";position:absolute;left:1rem;top:-5px;width:9px;height:9px;background:#283c31;border:1px solid #60776b;transform:rotate(45deg)}
.launch-gate.is-active::before{background:var(--net-green);border-color:var(--net-green);box-shadow:0 0 11px rgba(var(--net-green-rgb),.7)}
.launch-gate p{color:#61776c;font-size:.55rem;letter-spacing:.15em}
.launch-gate h3{margin:1.1rem 0 .65rem;color:var(--net-ink);font:700 1.15rem/1.2 var(--display);letter-spacing:-.02em}
.launch-gate span{display:inline-block;margin-bottom:1rem;color:#9bafa4;font-size:.58rem;letter-spacing:.12em}
.launch-gate.is-active span{color:var(--net-green)}
.launch-gate small{display:block;color:#80948a;font-size:.67rem;line-height:1.62}
.launch-gate-target{background:linear-gradient(145deg,rgba(101,217,243,.06),transparent)}
.launch-gate-target span{color:var(--net-cyan)}

/* final and footer */

.final-section{background:radial-gradient(circle at 14% 70%,rgba(var(--net-green-rgb),.1),transparent 28rem)}
.final-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(23rem,.7fr);gap:clamp(3rem,9vw,10rem);align-items:start}
.final-grid h2{font-size:clamp(3rem,6vw,6rem)}
.final-copy>p{color:#b8c8c0;font-size:.88rem;line-height:1.75}
.final-copy>p+p{margin-top:1rem}
.hardware-secondary{margin-top:1.8rem!important;color:#778c81!important;font-size:.7rem!important}
.hardware-secondary a{color:#a9bcb2;text-decoration-color:#5e7368}

.network-footer{position:relative;margin:0;padding:3.5rem 0 4rem;border-top:1px solid var(--net-line);background:#010302}
.footer-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem 5rem;align-items:start}
.footer-mark{display:flex;align-items:center;color:#82968b;font-size:.68rem;line-height:1.7}
.footer-mark b{color:#c8d7cf;font-size:.65rem;letter-spacing:.11em}
.network-footer .fnav{justify-content:flex-end;margin:0}
.network-footer .fnav a{color:#80948a;font-size:.63rem;text-transform:uppercase;letter-spacing:.1em}
.network-footer .fine{grid-column:1/-1;margin-top:1.5rem;padding-top:1.2rem;border-top:1px solid var(--net-line);color:#788d82;font-size:.62rem;letter-spacing:.06em;line-height:1.9}

/* reveal only becomes hidden after JS confirms it can observe */

.network-home .reveal{opacity:1;transform:none}
.network-home.reveal-ready .reveal{opacity:0;transform:translateY(20px);transition:opacity .75s ease,transform .75s cubic-bezier(.16,1,.3,1)}
.network-home.reveal-ready .reveal.in{opacity:1;transform:none}

/* responsive */

@media (max-width:72rem){
  .hero-layout{grid-template-columns:minmax(0,1.35fr) minmax(17rem,.65fr);gap:3rem}
  .network-home .network-hero h1{font-size:clamp(3.7rem,8vw,6.5rem)}
  .architecture-grid{grid-template-columns:minmax(16rem,.65fr) minmax(26rem,1.35fr);gap:4rem}
  .architecture-card{grid-template-columns:3rem 1fr}.architecture-state{grid-column:2}
  .launch-gate{min-height:245px}
}

@media (max-width:58rem){
  .network-home .network-nav .go .lnk{display:none}
  .network-home .burger{display:inline-flex}
  .hero-layout{grid-template-columns:1fr;align-items:end;gap:2.4rem;padding-top:9rem}
  .hero-copy{max-width:46rem}
  .hero-readout{justify-self:start;max-width:34rem}
  .hero-scrim{background:linear-gradient(90deg,rgba(1,4,3,.97),rgba(1,4,3,.78) 50%,rgba(1,4,3,.2)),linear-gradient(180deg,rgba(1,4,3,.5),transparent 38%,rgba(1,4,3,.75))}
  .section-intro-split,.architecture-grid,.final-grid{grid-template-columns:1fr}
  .section-intro-split{gap:1.5rem}
  .architecture-grid .section-intro{position:relative;top:auto}
  .architecture-stack{margin-top:1rem}
  .launch-gates{grid-template-columns:repeat(2,1fr)}
  .launch-gates::before{width:25%}
  .launch-gate{min-height:210px;border-top:0;border-left:1px solid var(--net-line)}
  .launch-gate-target{grid-column:1/-1;min-height:auto}
}

@media (max-width:44rem){
  .network-shell{width:min(100% - 2rem,86rem)}
  .network-home .network-nav{padding:1rem}
  .network-home .network-nav.scrolled{padding:.65rem 1rem}
  .network-home .network-nav .mk{font-size:.68rem;letter-spacing:.08em}
  .network-home .network-nav .nav-cta{display:none}
  .network-hero{min-height:100svh;align-items:flex-end}
  .hero-media img{object-position:70% center;transform:scale(1.02)}
  .hero-scrim{background:linear-gradient(90deg,rgba(1,4,3,.96) 0%,rgba(1,4,3,.74) 60%,rgba(1,4,3,.24) 100%),linear-gradient(180deg,rgba(1,4,3,.36) 0%,rgba(1,4,3,.44) 30%,rgba(1,4,3,.95) 78%,#010403 100%)}
  .hero-frame{inset:4.9rem .65rem .65rem}
  .hero-coordinate-a{top:5.65rem;right:1rem}
  .hero-coordinate-b{display:none}
  .hero-layout{padding-top:8rem;padding-bottom:5.2rem;gap:1.7rem}
  .system-flag{margin-bottom:1.15rem;font-size:.58rem;letter-spacing:.13em}
  .network-home .network-hero h1{font-size:clamp(3.25rem,16vw,5.3rem);line-height:.86}
  .hero-lede{margin-top:1.45rem;font-size:1rem;line-height:1.52}
  .hero-truth{font-size:.73rem}
  .hero-actions{display:grid;grid-template-columns:1fr;margin-top:1.4rem}
  .system-button{width:100%;min-height:48px}
  .hero-readout{max-width:none;padding:.8rem .85rem}.hero-readout dl div{padding:.38rem 0;font-size:.59rem}.readout-title,.readout-note{font-size:.52rem}
  .hero-scroll{display:none}
  .signal-strip-track{width:100%;grid-template-columns:repeat(2,1fr)}
  .signal-strip-track span{min-height:54px;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--net-line);font-size:.55rem}
  .network-section{padding:5.8rem 0}
  .network-home .section-intro h2,.network-home .final-grid h2{font-size:clamp(2.45rem,11vw,4rem)}
  .section-intro>p:last-child{font-size:.95rem}
  .ledger-comparison{margin-top:2.8rem}
  .comparison-map{min-height:17rem}.comparison-copy{grid-template-columns:1fr}.comparison-panel+ .comparison-panel{border-left:0;border-top:1px solid var(--net-line)}
  .js .comparison-controls{display:grid!important;grid-template-columns:1fr 1fr}.comparison-button{padding:.75rem .45rem;font-size:.57rem}
  .switchyard-visual{aspect-ratio:1/1.12;min-height:0}.switchyard-visual img{object-position:center;height:100%;width:200%;max-width:none;transform:translateX(-25%)}
  .switchyard-label{font-size:.5rem}.switchyard-label-d{top:27%;left:.7rem}.switchyard-label-l{top:27%;right:.7rem}.switchyard-label-o{bottom:2.4rem}
  .switchyard-visual figcaption{right:.8rem;left:.8rem;font-size:.5rem}
  .protocol-console{width:100%}
  .protocol-tabs button{grid-template-columns:auto 1fr;min-height:66px;padding:.7rem .65rem;gap:.5rem}.protocol-tabs button small{display:none}
  .protocol-facts{grid-template-columns:1fr}.protocol-facts div{min-height:auto;border-right:0;border-bottom:1px solid var(--net-line)}.protocol-facts div:last-child{border-bottom:0}
  .protocol-panel h3 span{display:block;margin-top:.6rem;font-size:.31em}
  .architecture-card{grid-template-columns:2rem 1fr;padding:1.6rem 0}.architecture-state{grid-column:2;white-space:normal;justify-self:start}
  .console-bar{font-size:.5rem}.console-bar time{display:none}
  .status-rows>div{grid-template-columns:1fr;gap:.4rem;padding:.9rem 1rem}.status-rows dd{align-items:flex-start;font-size:.65rem;line-height:1.55}.status-rows dd b{display:inline}
  .launch-gates{grid-template-columns:1fr;margin-top:2.8rem}.launch-gates::before{width:50%}.launch-gate,.launch-gate-target{grid-column:auto;min-height:auto;padding:1.4rem 1rem 1.5rem}
  .footer-grid{grid-template-columns:1fr}.network-footer .fnav{justify-content:flex-start}.network-footer .fine{grid-column:auto}
}

@media (max-width:24rem){
  .network-home .network-nav .mk .l,.network-home .network-nav .mk .o,.network-home .network-nav .mk .amp{display:none}
  .network-home .network-hero h1{font-size:3.15rem}
  .network-home .section-intro h2,.network-home .final-grid h2{font-size:clamp(2rem,9.5vw,2.5rem)}
  .system-flag{letter-spacing:.08em}
  .hero-layout{padding-top:7rem}
  .protocol-tabs button span{display:none}
}

@media (prefers-reduced-motion:reduce){
  .network-home{scroll-behavior:auto}
  .hero-scan,.status-pulse,.route{animation:none!important}
  .hero-media img{transform:none!important;transition:none!important}
  .network-home.reveal-ready .reveal{opacity:1!important;transform:none!important;transition:none!important}
  .js .protocol-panel.is-active{animation:none}
}

@media (forced-colors:active){
  .hero-media,.network-field{display:none}
  .system-button,.protocol-console,.status-console,.ledger-comparison{clip-path:none;border:1px solid CanvasText}
  .status-mark,.status-pulse{forced-color-adjust:none}
}