:root {
  --pink:#ff007a;
  --ink:#111;
  --muted:#666;
  --soft:#f7f7f4;
  --paper:#fff;
}

html { scroll-behavior:smooth; scroll-padding-top:96px; }
* { box-sizing:border-box; }
body {
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:12px;
  font-weight:400;
  zoom:1.25;
  -webkit-font-smoothing:antialiased;
}
a { color:var(--pink); text-decoration:none; }
a:hover { color:var(--ink); }
::selection { background:var(--pink); color:#fff; }
button,input,a.button-link { font:inherit; }
button,.button-link {
  min-height:38px;
  border:1px solid var(--ink);
  border-radius:3px;
  background:#fff;
  color:var(--ink);
  padding:10px 12px;
  cursor:pointer;
  text-align:center;
  text-decoration:none;
  transition:background .15s,color .15s,border-color .15s;
}
button:hover,.button-link:hover { border-color:var(--pink); color:var(--pink); }
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible { outline:2px solid var(--pink); outline-offset:2px; }
button:disabled { opacity:.4; cursor:not-allowed; }
a[aria-disabled="true"] { opacity:.45; pointer-events:none; cursor:not-allowed; }

.app-header { position:sticky; top:0; z-index:20; background:#fff; }
.header-row {
  width:660px;
  max-width:100%;
  height:52px;
  margin:0 auto;
  display:flex;
  align-items:stretch;
  border-right:1px solid var(--ink);
  border-bottom:1px solid var(--ink);
  border-left:1px solid var(--ink);
}
.brand { width:52px; flex:0 0 52px; display:flex; align-items:center; justify-content:center; color:var(--ink); }
.brand img { width:20px; height:20px; display:block; border-radius:3px; }
.site-nav { min-width:0; flex:1; display:flex; align-items:center; justify-content:flex-end; gap:7px; padding:0 10px; }
.site-nav > a,.site-nav > .network,.site-nav > button {
  min-height:30px;
  height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 10px;
  border:1px solid var(--ink);
  border-radius:3px;
  background:#fff;
  color:var(--ink);
  font-size:8.5px;
  font-weight:500;
  letter-spacing:.1em;
  white-space:nowrap;
}
.site-nav > a:hover { border-color:var(--pink); color:var(--pink); }
.site-nav > .network { max-width:130px; overflow:hidden; color:var(--muted); text-overflow:ellipsis; }
.site-nav > #connect { border-color:var(--pink); background:var(--pink); color:#fff; }
.site-nav > #connect:hover { background:#fff; color:var(--pink); }
.protocol-strip {
  width:660px;
  max-width:100%;
  height:26px;
  margin:0 auto;
  display:flex;
  align-items:center;
  overflow:hidden;
  border-right:1px solid var(--ink);
  border-bottom:1px solid var(--ink);
  border-left:1px solid var(--ink);
}
.protocol-marquee { display:flex; white-space:nowrap; animation:appMarquee 25s linear infinite; color:var(--ink); font-size:9px; font-weight:500; letter-spacing:.16em; }
.protocol-marquee b { color:var(--pink); font-weight:500; }
@keyframes appMarquee { from { transform:translateX(0); } to { transform:translateX(-50%); } }

.app-shell { width:660px; max-width:100%; margin:0 auto; border-right:1px solid var(--ink); border-left:1px solid var(--ink); }
section { border-bottom:1px solid var(--ink); }
.hero { padding:52px 28px 0; }
.hero-logo { width:44px; height:44px; display:block; border-radius:3px; }
.eyebrow { margin:24px 0 0; color:var(--pink); font-size:9px; font-weight:500; letter-spacing:.16em; }
.hero h1 { max-width:560px; margin:12px 0 0; color:#000; font-size:34px; font-weight:400; line-height:1.24; letter-spacing:-.025em; text-wrap:balance; }
.hero h1 span { color:var(--pink); }
.hero > p:not(.eyebrow) { max-width:540px; margin:18px 0 0; color:#333; font-size:12.5px; line-height:1.8; text-wrap:pretty; }
.notice { margin-top:24px; padding:12px 13px; border:1px solid var(--pink); border-radius:3px; background:#fff8fb; color:#555; font-size:9.5px; line-height:1.65; }
.hero-facts { margin:36px -28px 0; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--ink); }
.hero-facts > div { min-width:0; padding:15px 18px; border-right:1px solid var(--ink); }
.hero-facts > div:last-child { border-right:0; }
.hero-facts small { display:block; color:#777; font-size:7.5px; letter-spacing:.12em; }
.hero-facts strong { display:block; margin-top:7px; color:var(--ink); font-size:10.5px; font-weight:500; }
.hero-facts > div:nth-child(2) strong { color:var(--pink); }

.app-section { padding:36px 28px 44px; }
.section-head { display:flex; align-items:center; gap:12px; }
.section-head > span { color:var(--pink); font-size:9px; letter-spacing:.12em; }
.section-head h2 { min-width:0; flex:1; margin:0; color:#000; font-size:21px; font-weight:400; line-height:1.4; letter-spacing:-.01em; }
.section-head .quiet { min-height:30px; padding:6px 10px; font-size:8px; letter-spacing:.1em; }
.section-link { padding-bottom:2px; border-bottom:1px solid var(--pink); font-size:8px; font-weight:500; letter-spacing:.1em; }
.section-copy { max-width:570px; margin:14px 0 0; color:#555; font-size:10.5px; line-height:1.75; }

.metrics { margin:24px -28px -44px; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--ink); }
.metrics article { min-width:0; min-height:105px; padding:15px 14px; border-right:1px solid var(--ink); border-bottom:1px solid var(--ink); }
.metrics article:nth-child(3n) { border-right:0; }
.metrics article:nth-last-child(-n+3) { border-bottom:0; }
.metrics label,.panel-kicker { color:#777; font-size:7.5px; font-weight:500; letter-spacing:.11em; }
.metrics strong { display:block; margin:13px 0 6px; color:#111; font-size:14px; font-weight:500; line-height:1.3; overflow-wrap:anywhere; }
.metrics small { color:#777; font-size:8px; line-height:1.4; }
.metrics article:nth-child(2) strong,.metrics article:nth-child(3) strong { color:var(--pink); }
.address-value { font-size:9px!important; }

.split-grid { margin-top:22px; display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--ink); }
.panel { min-width:0; padding:20px; }
.split-grid > .panel:first-child { border-right:1px solid var(--ink); }
.panel h3 { margin:10px 0 20px; color:var(--ink); font-size:11px; font-weight:500; letter-spacing:.12em; }
.panel p { margin:13px 0 0; color:#555; font-size:9.5px; line-height:1.75; }
.market-panel { background:#fffafb; }
.pink-text { color:var(--pink); }
.mono { margin-top:12px; color:#555; font-size:9px; line-height:1.6; overflow-wrap:anywhere; }
.balance { margin:24px 0 14px; padding-top:12px; display:flex; justify-content:space-between; gap:12px; border-top:1px solid #ddd; font-size:9px; }
.balance strong { color:var(--pink); font-weight:500; }
.panel > button,.panel > .button-link { width:100%; }
.button-link { display:flex; align-items:center; justify-content:center; }
.button-link.primary,.primary-action { border-color:var(--pink); background:var(--pink); color:#fff; }
.button-link.primary:hover,.primary-action:hover { background:#fff; color:var(--pink); }

form label,.admin-row label { display:block; margin-bottom:14px; color:#666; font-size:8px; font-weight:500; letter-spacing:.1em; }
input { width:100%; height:40px; display:block; margin-top:7px; padding:0 10px; border:1px solid #aaa; border-radius:3px; outline:0; background:#fff; color:#111; font-size:11px; }
input:focus { border-color:var(--pink); }
.button-grid { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.button-grid button { min-height:36px; padding:8px 7px; font-size:7.5px; letter-spacing:.06em; }
pre { margin:16px 0 0; min-height:74px; padding:12px; overflow:auto; border:1px solid #ddd; border-radius:3px; background:var(--soft); color:#555; font:400 8.5px/1.65 "IBM Plex Mono",monospace; white-space:pre-wrap; overflow-wrap:anywhere; }
.mining-note { margin:18px 0 0; padding:11px 12px; border:1px solid var(--ink); color:#666; font-size:7.5px; line-height:1.7; letter-spacing:.07em; text-align:center; }
.mining-note span { color:var(--pink); font-weight:600; }
.mining-note i { padding:0 6px; color:#111; font-style:normal; }

.inline-details { margin-top:18px; border-top:1px solid var(--ink); }
details summary { padding:13px 0 0; cursor:pointer; color:#111; font-size:8.5px; font-weight:500; letter-spacing:.12em; list-style-position:inside; }
details[open] summary { color:var(--pink); }
.admin-row { margin-top:14px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:end; }
.admin-row label { margin:0; }
.admin-row button { height:40px; }
.action-grid { margin-top:22px; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--ink); border-left:1px solid var(--ink); }
.action-grid button { min-height:48px; border-width:0 1px 1px 0; border-radius:0; padding:9px; font-size:7.5px; line-height:1.4; letter-spacing:.06em; }
.action-grid .pink-button { color:var(--pink); }
.maintenance-details { margin-top:22px; }
.maintenance-details .split-grid { margin-top:14px; }

.deployment-section > details > summary { padding:0; font-size:9.5px; }
.table-scroll { margin-top:20px; overflow-x:auto; }
.deployment-table { width:100%; border-collapse:collapse; border:1px solid var(--ink); }
.deployment-table th,.deployment-table td { padding:10px 11px; border-bottom:1px solid #ddd; text-align:left; }
.deployment-table th { color:#666; font-size:7.5px; font-weight:500; letter-spacing:.1em; }
.deployment-table td { font-size:8.5px; }
.deployment-table td:last-child { font-size:8px; overflow-wrap:anywhere; }
.deployment-table tr:last-child td { border-bottom:0; }
.public-links { margin-top:12px; display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.public-links .button-link { font-size:8px; letter-spacing:.08em; }
.activity-section pre { min-height:100px; }

.app-footer { width:660px; max-width:100%; margin:0 auto; padding:20px 28px; display:flex; justify-content:space-between; gap:20px; border-right:1px solid var(--ink); border-bottom:1px solid var(--ink); border-left:1px solid var(--ink); color:#777; font-size:8px; line-height:1.5; letter-spacing:.08em; }
.app-footer a { color:#111; font-weight:500; letter-spacing:.16em; }

@media (max-width:825px) { body { zoom:1; } }
@media (max-width:640px) {
  html,body { width:100%; max-width:100%; overflow-x:hidden; }
  .header-row,.protocol-strip,.app-shell,.app-footer { width:100%; }
  .header-row { height:48px; }
  .brand { width:46px; flex-basis:46px; }
  .site-nav { gap:4px; padding:0 6px; }
  .site-nav > a,.site-nav > .network,.site-nav > button { padding:0 7px; font-size:7.5px; letter-spacing:.05em; }
  .site-nav > .network { display:none; }
  .hero { padding:38px 20px 0; }
  .hero h1 { font-size:30px; }
  .hero > p:not(.eyebrow) { font-size:11.5px; }
  .hero-facts { margin-right:-20px; margin-left:-20px; }
  .hero-facts > div { padding:13px 10px; }
  .hero-facts strong { font-size:9px; overflow-wrap:anywhere; }
  .app-section { padding:32px 20px 38px; }
  .metrics { margin-right:-20px; margin-bottom:-38px; margin-left:-20px; grid-template-columns:1fr 1fr; }
  .metrics article:nth-child(n) { border-right:1px solid var(--ink); border-bottom:1px solid var(--ink); }
  .metrics article:nth-child(2n) { border-right:0; }
  .metrics article:nth-last-child(-n+2) { border-bottom:0; }
  .split-grid { grid-template-columns:1fr; }
  .split-grid > .panel:first-child { border-right:0; border-bottom:1px solid var(--ink); }
  .action-grid { grid-template-columns:1fr 1fr; }
  .admin-row { grid-template-columns:1fr; }
  .section-head { align-items:flex-start; }
  .section-link { margin-top:5px; }
  .app-footer { padding:18px 20px; flex-direction:column; gap:8px; }
}
@media (max-width:420px) {
  .site-nav > a:nth-child(-n+2) { display:none; }
  .site-nav > #connect { min-width:112px; }
  .hero h1 { font-size:27px; }
  .hero-facts { grid-template-columns:1fr; }
  .hero-facts > div { border-right:0; border-bottom:1px solid var(--ink); }
  .hero-facts > div:last-child { border-bottom:0; }
  .action-grid,.public-links { grid-template-columns:1fr; }
  .mining-note { text-align:left; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  .protocol-marquee { animation:none; }
}