/* MOHO R07 single stylesheet */
/* MOHO R05 — source-clean premium editorial design. No Tabler or prior CSS dependency. */
/* Typography: local SIL Open Font License Manrope + Onest. */
@font-face{font-family:Onest;src:url('/assets/fonts/onest-latin-wght-normal.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0000-024F,U+1E00-1EFF,U+2000-206F,U+20A0-20CF}
@font-face{font-family:Onest;src:url('/assets/fonts/onest-cyrillic-wght-normal.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0400-052F,U+2DE0-2DFF,U+A640-A69F}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-latin-wght-normal.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0000-024F,U+1E00-1EFF,U+2000-206F,U+20A0-20CF}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-cyrillic-wght-normal.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0400-052F,U+2DE0-2DFF,U+A640-A69F}
@font-face{font-family:PlexMono;src:url('/assets/fonts/ibm-plex-mono-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
:root{
  color-scheme:dark;
  --bg:#161817;--surface:#202221;--surface2:#282a28;--upper:#383937;
  --ivory:#f4eddf;--text:#e0dcd2;--muted:#a6a59e;
  --accent:#e5c4a0;--accent-dark:#bc9873;--gold:#dfba88;
  --line:rgba(227,205,179,.15);--line-hi:rgba(241,212,176,.32);
  --mono:PlexMono,ui-monospace,SFMono-Regular,Consolas,monospace;
  --head:Manrope,Onest,Arial,sans-serif;
  --body:Onest,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--body);font-size:14px;line-height:1.5}
body{background-image:radial-gradient(ellipse at 73% 1%,rgba(148,124,93,.115) 0%,transparent 44rem),radial-gradient(ellipse at 7% 61%,rgba(96,87,69,.065),transparent 43rem)}
body::before{content:"";position:fixed;inset:0;z-index:22;pointer-events:none;opacity:.065;mix-blend-mode:soft-light;background:url('/assets/graphite-grain.svg') repeat;background-size:198px 198px}
::selection{background:#d6b591;color:#151615}
a{color:inherit;text-decoration:none;transition:color .16s,border-color .16s,background .16s}
a:hover{color:var(--accent)}
button,input{font:inherit}
button{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
button:disabled{opacity:.5;cursor:not-allowed}
.app-shell{min-height:100vh;display:flex;flex-direction:column}
.site-header{z-index:12;position:sticky;top:0;height:83px;background:rgba(25,27,26,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.site-header-inner{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 clamp(23px,5.5vw,84px);gap:28px}
.brand{display:flex;align-items:center;gap:11px;white-space:nowrap;flex-shrink:0}
.brand-emblem{width:44px;height:44px;position:relative;display:grid;place-items:center;border:1px solid #c2a17a64;background:radial-gradient(circle at 35% 22%,#615849,#2f312e 74%);border-radius:14px;box-shadow:inset 0 1px 1px #fff3c91d,inset 0 -5px 9px #05070660,0 9px 18px #0005}
.brand-emblem img{width:38px;height:38px;object-fit:contain;filter:grayscale(1) sepia(.68) saturate(1.07) brightness(.95)}
.brand-name{font-family:var(--head);font-weight:850;font-size:23px;letter-spacing:-.08em;color:var(--ivory);line-height:.97}
.brand-tag{display:block;font-family:var(--body);font-size:7.5px;letter-spacing:.22em;font-weight:750;color:#b5a18a;margin-top:7px}
.sidebar{min-width:0;flex:1;display:flex;justify-content:center}
.primary-nav{display:flex;gap:3px;align-items:center}
.nav-entry{display:flex;align-items:center;justify-content:center;position:relative;color:#b4b1a9;font-size:12px;font-weight:650;white-space:nowrap;padding:12px 12px;border:1px solid transparent;border-radius:8px}
.nav-entry:hover{color:var(--ivory);background:#ffffff0a}
.nav-entry.active{color:#f1d0a9}
.nav-entry.active::after{content:"";position:absolute;bottom:2px;height:2px;background:var(--accent);width:21px;border-radius:2px}
.header-tools{display:flex;align-items:center;gap:14px;flex-shrink:0}
.connection{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.14em;font-weight:850;white-space:nowrap;color:#cbb9a1}
.pulse-dot{height:6px;width:6px;border-radius:50%;background:#c8dfb5;box-shadow:0 0 0 4px #afc2a415}
.pulse-dot.offline{background:#d8a289;box-shadow:none}
.lang-btn{background:#373936;border:1px solid #e2c29c44;border-radius:8px;color:#f3e4d0;font-family:var(--mono);font-size:11px;padding:9px 11px}
.lang-btn:hover{background:#44443e}
.mobile-menu{display:none;place-items:center;width:38px;height:38px;border:1px solid var(--line-hi);border-radius:9px;background:#353735}
.mobile-menu img{filter:invert(.85) sepia(.22);width:18px}
.main-content{width:100%;max-width:1440px;margin:0 auto;flex:1;padding:47px clamp(23px,5.5vw,84px) 96px}
.page{display:none}.page.active-page{display:block;animation:page-enter .3s ease both}@keyframes page-enter{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.hero-kicker{display:flex;align-items:center;gap:11px;color:#b8a28b;font-size:10px;letter-spacing:.13em;font-weight:750;text-transform:uppercase;margin:0 0 21px}
.status-glyph{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #cdb18a18}
.kicker-index{margin-left:auto;font:11px var(--mono);letter-spacing:.08em;color:#7f827b}









.action-primary,.action-secondary{border-radius:10px;min-height:48px;padding:0 18px;display:inline-flex;align-items:center;justify-content:space-between;gap:27px;font-weight:760;font-size:12px}
.action-primary{color:#272621!important;background:linear-gradient(124deg,#f2ddbd,#d3ad84);border:1px solid #eed2ac;box-shadow:inset 0 1px #fff7df72,0 7px 24px #0004}
.action-primary:hover{background:linear-gradient(124deg,#ffe6c1,#dbb58a);transform:translateY(-1px)}
.action-secondary{background:#ffffff07;border:1px solid #ecd0a53a;color:var(--ivory)}
.action-secondary:hover{background:#ffffff10}
.action-primary.small{min-height:40px;padding:0 16px;font-size:12px}


.arrow{font-size:17px;font-weight:400;line-height:1}














.telemetry{margin:63px 0 0}.telemetry-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:19px}
.telemetry-heading h2{font:760 clamp(25px,2.6vw,34px) var(--head);letter-spacing:-.06em;color:var(--ivory);margin:6px 0 0}
.label-accent{color:var(--accent);font:10px var(--mono);letter-spacing:.15em}
.updated{color:#9f9d94;font-size:11px;font-family:var(--mono);display:flex;align-items:center;gap:9px}
.updated-light{height:6px;width:6px;background:#b2ba98;border-radius:50%}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);background:linear-gradient(145deg,#272a28,#202321);border-radius:14px;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 17px 45px #05070743}
.stat-card{min-width:0;padding:28px 26px 24px;border-right:1px solid var(--line);position:relative}
.stat-card:last-child{border-right:0}
.stat-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#dcc29c3a,transparent)}
.stat-index{display:block;font:10px var(--mono);color:#8e8b80;letter-spacing:.04em;margin:0 0 24px}
.stat-label{color:#bcb9ad;font-size:12px;font-weight:560}
.stat-value{color:var(--ivory);font:790 clamp(30px,3.3vw,47px) var(--head);letter-spacing:-.07em;margin:5px 0 15px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.stat-footer{display:flex;align-items:center;gap:8px;color:#8a9086;font:9px var(--mono);letter-spacing:.02em}
.stat-footer img{width:13px;height:13px;filter:brightness(0) saturate(100%) invert(59%) sepia(10%) saturate(530%) hue-rotate(356deg)}
.home-data,.below-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:19px;margin-top:22px}
.panel{background:linear-gradient(145deg,#252825,#1d201e);border:1px solid var(--line);border-radius:15px;padding:27px;min-width:0;box-shadow:inset 0 1px #ffffff08,0 13px 31px #0003}
.panel-title{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:21px}
.panel-label{color:var(--accent-dark);font:10px var(--mono);letter-spacing:.105em}
.panel h2{font:730 22px var(--head);letter-spacing:-.045em;color:var(--ivory);margin:9px 0 16px}
.panel p{color:#b4b3a9;font-size:13px;line-height:1.83}
.panel-link,.text-link,.vision-link{color:var(--accent);font-size:11px;font-weight:700}
.panel-link:hover,.text-link:hover,.vision-link:hover{color:#fff2df}
.table-scroller{width:100%;overflow-x:auto}
.data-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:12px}
.data-table thead th{font:10px var(--mono);color:#8c9088;letter-spacing:.08em;text-align:left;padding:17px 10px;border-bottom:1px solid var(--line)}
.data-table tbody td{padding:17px 10px;color:#c6c3b7;border-bottom:1px solid #ead2aa12}
.data-table tbody tr:hover{background:#d9b99108}
.data-table tbody tr:last-child td{border-bottom:none}
.block-id,.hash-btn{color:#dfc199;font-weight:750}
.hash-btn{border:0;background:none;padding:0;cursor:pointer;font-family:var(--mono);font-size:12px}
.hash-btn:hover{text-decoration:underline}
.hash{font:11px var(--mono);color:#9eab9f!important}
.empty-cell{text-align:center;color:#99988f!important;padding:28px!important}
.manifesto-panel{position:relative;overflow:hidden;display:flex;flex-direction:column}
.manifesto-panel h2{font-size:25px;margin-top:16px}
.manifesto-panel p{margin:0 0 19px}
.manifesto-panel>.text-link{margin-top:auto;display:inline-block;padding-top:14px}
.manifesto-art{height:115px;margin-top:15px;position:relative;border:1px solid #c3ac8e26;border-radius:8px;overflow:hidden;background:radial-gradient(ellipse at 55% 65%,#87745351,#282b29 64%,#171917)}
.manifesto-circle{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:155px;height:155px;border:1px solid #bfa88860;border-radius:50%;box-shadow:0 0 0 22px #cfb1870c,0 0 0 39px #bda0780a}
.manifesto-symbol{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#e5c298;font-size:49px;font-weight:400}
.manifesto-grid{position:absolute;inset:0;opacity:.19;background-image:linear-gradient(#ccac8b42 1px,transparent 1px),linear-gradient(90deg,#ccac8b42 1px,transparent 1px);background-size:25px 25px}
.roadmap-short{display:flex;flex-direction:column;gap:9px;margin-bottom:7px;padding:14px 0;border-top:1px solid var(--line);color:#98988c;font:10px var(--mono);letter-spacing:.03em}
.roadmap-short>span{display:flex;justify-content:space-between}.roadmap-short b{font-size:13px;font-weight:400}.roadmap-short .ok{color:#c6d6af}.roadmap-short .later{color:#a99a86}
.vision-banner{display:grid;grid-template-columns:1.08fr .92fr;position:relative;min-height:317px;margin-top:24px;overflow:hidden;border-radius:15px;border:1px solid var(--line-hi);background:linear-gradient(132deg,#323331,#252826);box-shadow:0 15px 31px #06080735}
.vision-copy{z-index:1;position:relative;padding:49px 48px}
.vision-copy h2{font:770 clamp(28px,3.4vw,43px)/1.19 var(--head);letter-spacing:-.07em;color:var(--ivory);margin:14px 0 18px}
.vision-copy p{font-size:13px;color:#bcb8ad;line-height:1.75;max-width:510px}
.vision-copy a{display:inline-flex;margin-top:11px}
.vision-art{min-height:300px;background:linear-gradient(90deg,#2c2c2a8f,transparent 36%),url('/assets/moho-tomorrow.webp') 55% center/cover;filter:grayscale(1) sepia(.65) saturate(.6) brightness(.57)}
.vision-art::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#bda58306,#191c1a38)}
.footer{margin-top:auto;border-top:1px solid var(--line);background:#1b1d1b}
.footer-inner{max-width:1440px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:24px clamp(23px,5.5vw,84px);color:#94988e;font:10px var(--mono)}
.footer-brand{font:780 14px var(--head);color:var(--accent);letter-spacing:-.03em}
.footer-brand span{color:#8d9289;font-size:10px;font-family:var(--mono);font-weight:400}
[hidden]{display:none!important}
/* Secondary app pages share the same design tokens */
.page-eyebrow,.top-eyebrow{font:10px var(--mono);color:var(--accent);letter-spacing:.16em}
.page-header{margin:26px 0 35px;max-width:850px}
.page-header h1{font:790 clamp(42px,5vw,68px)/1.13 var(--head);letter-spacing:-.075em;color:var(--ivory);margin:0 0 16px}
.page-header p{font-size:15px;color:#aaa9a0;line-height:1.75;max-width:750px}
.section-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 17px;gap:10px;font:760 14px var(--head);color:#dfd8cc}
.section-head small{font:10px var(--mono);color:#92988c;letter-spacing:.05em}
.explorer-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:16px 0 18px}
.metric{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px;background:linear-gradient(125deg,#2a2d2a,#202321);border:1px solid var(--line);border-radius:11px}
.metric span{font:10px var(--mono);color:#afa99f}.metric strong{font:740 20px var(--head);letter-spacing:-.04em;color:var(--ivory)}
.subtle-button{border:1px solid var(--line-hi);background:#353733;border-radius:9px;color:var(--ivory);padding:10px 14px;font-size:11px}
.subtle-button:hover{background:#49483f}
.block-panel{margin-top:20px}.block-detail{display:grid;grid-template-columns:1fr;gap:3px}
.detail-row{display:grid;grid-template-columns:150px minmax(0,1fr);border-bottom:1px solid var(--line);padding:12px 0;gap:12px;font-size:12px}
.detail-row strong{color:#ac9d8c;font-weight:600}.detail-row span{font:11px var(--mono);color:#d4c8b8;overflow-wrap:anywhere}
.note-bar{display:flex;gap:15px;align-items:flex-start;background:#4f413244;border:1px solid #cdaa7a55;border-radius:11px;padding:20px;margin:22px 0;color:#d3bb9e;font-size:12px;line-height:1.7}
.note-bar img{width:22px;filter:grayscale(1) sepia(.9) brightness(1.5)}.note-bar strong{color:#f3dbb9;display:block;margin-bottom:3px}
.feature-grid,.wallet-layout,.doc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0}
.feature-tile{background:linear-gradient(145deg,#2b2e2b,#1e211f);border:1px solid var(--line);border-radius:14px;padding:30px;box-shadow:0 12px 30px #0002}
.feature-icon{display:grid;place-items:center;width:55px;height:55px;border-radius:14px;border:1px solid #dfbc8a54;background:linear-gradient(135deg,#5e5445,#333731);margin-bottom:25px}
.feature-icon img{width:24px;filter:invert(.76) sepia(.3)}
.feature-tile h2{font:750 28px var(--head);letter-spacing:-.045em;color:var(--ivory);margin:10px 0}
.feature-tile p{color:#b9b7ad;font-size:14px;line-height:1.75;min-height:90px}
.feature-tile small{display:block;color:#a09e93;font:10px var(--mono);margin-top:17px}
.outline-label{display:inline-block;border:1px solid var(--line-hi);border-radius:9px;padding:12px 16px;font-size:12px;color:#d9c4a9}
.steps{margin-top:23px}.step-list{display:flex;flex-direction:column;gap:21px;margin:23px 0}.step-list>div{display:flex;gap:21px;color:#c3c0b6;font-size:13px}
.step-list b{color:#d6b791;font:13px var(--mono)}
.muted-small{font-size:11px!important;color:#9d9b91!important}
.wallet-panel{height:100%}.wallet-panel h2{font-size:25px}.wallet-panel label{display:block;margin:23px 0 9px;font-size:11px;color:#aaa699}
.input-row{display:flex;gap:9px}.input-row input{flex:1;min-width:0;border:1px solid #c3a88a53;background:#161a17;color:var(--ivory);border-radius:9px;padding:12px 14px;font:12px var(--mono)}
.wallet-result{font-size:12px;color:#a8a69d;overflow-wrap:anywhere;background:#181a19;border:1px dashed #c3a88a53;padding:22px;margin-top:18px;border-radius:9px}
.wallet-result strong{color:#f0dbba}.wallet-amount{font:750 30px var(--head);display:block;color:#edceaa;margin:8px 0}
.note-plain{border-left:3px solid var(--accent-dark);background:#463a2e55;padding:15px 18px;margin:24px 0;color:#cdbca5;font-size:12px;display:flex;flex-direction:column;gap:7px}
.note-plain strong{color:#e8d2b5}
.stats-grid.three{grid-template-columns:repeat(3,1fr);margin:25px 0 0}
.compute-escrows{color:#a9a99f;font-size:12px;margin-top:25px}
.escrow-list{display:flex;flex-direction:column;gap:12px}
.escrow-item{border:1px solid var(--line);border-radius:9px;padding:16px;background:#252a25}
.escrow-item strong{color:var(--accent)}
.roadmap-item{color:#b4b3a8;font-size:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.milestone-ok{color:#ccdaa9;display:inline-block;width:21px}
.milestone-wip{color:#aaa18c;display:inline-block;width:21px}
.doc-grid .panel{min-height:220px}
@media(max-width:1250px){
 .site-header-inner{gap:14px}
 .nav-entry{padding:11px 7px;font-size:11px}
 .connection{font-size:8px}







 .stat-card{padding:25px 18px}
}
@media(max-width:1000px){
 .site-header{height:75px}
 .primary-nav{gap:0}
 .nav-entry{padding:10px 6px}
 .brand-tag{display:none}
 .header-tools{gap:8px}
 .connection span#connection-text{display:none}










 .stat-value{font-size:31px}
 .home-data,.below-grid{grid-template-columns:1fr .72fr}
}
@media(max-width:780px){
 .site-header-inner{padding:0 20px}
 .site-header{height:68px}
 .sidebar{display:none;position:fixed;top:68px;left:0;right:0;background:#252825;border:1px solid var(--line-hi);border-top:0;box-shadow:0 20px 50px #0009;padding:19px;max-height:calc(100vh - 68px);overflow:auto}
 .sidebar.open{display:block}
 .primary-nav{display:flex;flex-direction:column;align-items:stretch;gap:4px}
 .nav-entry{justify-content:flex-start;padding:14px 16px;font-size:14px}
 .nav-entry.active{background:#594d3e77}.nav-entry.active::after{left:4px;top:calc(50% - 10px);bottom:auto;width:3px;height:20px}
 .mobile-menu{display:grid}
 .connection span#connection-text{display:inline}
 .main-content{padding:31px 22px 62px}











 .telemetry{margin-top:44px}
 .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .stat-card:nth-child(2){border-right:0}.stat-card:nth-child(-n+2){border-bottom:1px solid var(--line)}
 .home-data,.below-grid{grid-template-columns:1fr}
 .manifesto-art{height:140px}
 .vision-banner{grid-template-columns:1fr 1fr}
 .vision-copy{padding:35px}
 .vision-art{min-height:300px}
 .footer-inner{flex-wrap:wrap}
}
@media(max-width:530px){
 .brand-emblem{width:40px;height:40px}.brand-emblem img{width:35px;height:35px}
 .brand-name{font-size:22px}
 .header-tools{gap:9px}
 .connection{font-size:8px}
 .connection span#connection-text{display:none}
 .main-content{padding:28px 16px 57px}
 .hero-kicker{font-size:9px;gap:9px}.kicker-index{display:none}






 .action-primary,.action-secondary{font-size:11px;padding:0 13px;min-height:44px;gap:10px}








 .telemetry{margin-top:36px}.telemetry-heading{gap:10px;align-items:flex-end}
 .telemetry-heading h2{font-size:25px}
 .updated{font-size:9px}
 .stat-card{padding:21px 16px}
 .stat-index{font-size:8px;margin-bottom:16px}
 .stat-label{font-size:11px}
 .stat-value{font-size:31px;margin:5px 0 14px}
 .stat-footer{font-size:8px}
 .panel{padding:20px}
 .panel-title{align-items:flex-start}
 .panel h2{font-size:20px}
 .panel-link{font-size:10px}
 .vision-banner{grid-template-columns:1fr}
 .vision-copy{padding:29px 26px}
 .vision-art{min-height:160px;background-position:54% 40%}
 .page-header h1{font-size:39px}
 .explorer-metrics{grid-template-columns:1fr}
 .feature-grid,.wallet-layout,.doc-grid{grid-template-columns:1fr}
 .feature-tile{padding:24px}
 .feature-tile p{min-height:0}
 .stats-grid.three{grid-template-columns:1fr}
 .stats-grid.three .stat-card{border-right:0;border-bottom:1px solid var(--line)}
 .input-row{flex-direction:column}
 .detail-row{grid-template-columns:98px minmax(0,1fr)}
 .footer-inner{padding:24px 16px;gap:12px}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
}


/* R06 custom editorial hero — replaces prior giant ring ornament. */
.main-content{padding-top:30px}
.hero-kicker{margin-bottom:16px}
.hero{
  position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
  min-height:476px;
  background:linear-gradient(120deg,#282a28 0%,#222523 56%,#1c201e 100%);
  border-radius:16px;border:1px solid rgba(215,199,175,.20);
  box-shadow:0 24px 50px rgba(0,0,0,.23),inset 0 1px #ffffff0e;
}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(100deg,rgba(14,17,15,.06),transparent 60%),repeating-linear-gradient(90deg,transparent 0,transparent 69px,#ddcdb509 70px,transparent 71px);opacity:.75}
.hero-copy{position:relative;z-index:2;padding:49px 15px 43px clamp(32px,4vw,68px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.hero-overline{display:flex;align-items:center;gap:11px;font:10px var(--mono);letter-spacing:.09em;color:#c6b6a0;margin:0 0 19px}
.overline-rule{width:22px;height:1px;background:#bcac94}
.hero h1{font-family:var(--head);font-weight:730;letter-spacing:-.061em;line-height:1.12;font-size:clamp(49px,5.1vw,72px);color:#f3eee5;margin:0 0 20px}
.hero h1 em{font-style:normal;color:#e3c7a6}
.hero-desc{font-size:14px;line-height:1.79;color:#b9b8ae;margin:0;max-width:510px}
.hero-actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:27px}
.hero-footnote{display:flex;align-items:center;gap:10px;color:#94958c;font:10px var(--mono);letter-spacing:.02em;margin-top:30px}
.footnote-line{width:22px;height:1px;background:#b9a68a}
.hero-art{position:relative;min-width:0;min-height:472px;isolation:isolate;overflow:hidden;
  background:radial-gradient(circle at 50% 49%,rgba(159,127,85,.11) 0,rgba(159,127,85,.025) 38%,transparent 70%),
   linear-gradient(110deg,#ffffff02,#0f12102c 40%,#252726);
  border-left:1px solid rgba(218,200,177,.10);
}
.hero-art::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.4;
 background:linear-gradient(to right,#242625e5,#2426255a),url('/assets/emerald-landscape.webp') center/cover;
 filter:grayscale(1) sepia(.22) brightness(.34)}
.hero-art::after{content:"";position:absolute;inset:18px;border:1px solid #d4c4ac22;pointer-events:none}
.art-center{position:absolute;inset:0;display:grid;place-items:center}
.art-ring{position:absolute;width:min(76%,368px);aspect-ratio:1;border:1px solid #d5bea32e;border-radius:50%;box-shadow:0 0 0 34px #b7a48809,0 0 0 73px #baa48107}
.art-medallion{position:relative;display:grid;place-items:center;width:min(60%,282px);aspect-ratio:1;border-radius:50%;
 border:1px solid #ddc6a54d;
 background:radial-gradient(circle at 38% 28%,#464641,#222621 63%,#1a1d1a 100%);
 box-shadow:inset 0 1px #f4e4c624,inset 0 -14px 25px #080a08a1,0 22px 35px #08090878}
.art-medallion::before{content:"";position:absolute;inset:12px;border:1px solid #e0c1a148;border-radius:50%}
.art-medallion img{width:91%;height:91%;object-fit:contain;filter:grayscale(1) sepia(.68) saturate(.89) brightness(.94) contrast(1.12);
 opacity:.95}
.art-circuitline{position:absolute;z-index:2;width:130px;height:1px;background:linear-gradient(90deg,transparent,#d3b99361)}
.circuit-one{left:-20px;top:21%}.circuit-two{right:0;bottom:20%;transform:rotate(180deg)}
.art-corner{position:absolute;left:36px;right:36px;display:flex;justify-content:space-between;gap:10px;font:10px var(--mono);color:#ada898;letter-spacing:.04em}
.art-corner.top{top:34px}.art-corner.bottom{bottom:30px}
.telemetry{margin-top:46px}
.telemetry-heading{margin-bottom:15px}
.stat-card{padding-top:20px;padding-bottom:17px}
.stat-index{margin-bottom:15px}
.stat-value{font-size:clamp(30px,3.1vw,41px);margin-bottom:7px}
.stat-footer{font-size:9px}
.home-data{margin-top:20px}
.manifesto-art{height:90px}
.vision-banner{min-height:270px}
.vision-art{min-height:270px}

/* Hierarchy and restraint — less gloss, stronger text weight and spacing. */
:root{--bg:#181b19;--surface:#222522;--ivory:#f0ece3;--accent:#ddc2a1;--accent-dark:#c3aa8b;--line:rgba(221,205,184,.14)}
.brand-emblem{box-shadow:inset 0 1px #fff5da1b,0 3px 11px #0003}
.brand-emblem img{filter:grayscale(1) sepia(.55) saturate(.8) brightness(.96)}
.action-primary{box-shadow:inset 0 1px #fff4df5c,0 4px 12px #0003;background:#ddc1a0}
.action-primary:hover{background:#efdabd}
.stat-card::before{display:none}
.page-header h1{font-weight:720;letter-spacing:-.06em;font-size:clamp(38px,4.6vw,61px);line-height:1.2}
.panel{box-shadow:inset 0 1px #fff8e609,0 5px 18px #0002}
.feature-tile{box-shadow:0 5px 18px #0002}
.footer{background:#1c1e1c}

@media(max-width:1150px){
 .hero{grid-template-columns:minmax(0,1.08fr) minmax(0,.75fr)}
 .hero h1{font-size:clamp(46px,5vw,64px)}
 .art-medallion{width:min(65%,228px)}
 .art-ring{width:min(78%,300px)}
 .hero-copy{padding-left:37px}
}
@media(max-width:780px){
 .hero{grid-template-columns:1fr;min-height:0}
 .hero-copy{padding:35px 32px 30px}
 .hero h1{font-size:clamp(46px,7vw,63px);margin-bottom:19px}
 .hero-desc{max-width:620px}
 .hero-art{display:none}
 .hero-footnote{margin-top:25px}
 .telemetry{margin-top:36px}
 .stat-card{padding:19px}
 .home-data{margin-top:17px}
 .vision-banner{grid-template-columns:1fr}
 .vision-art{min-height:210px}
}
@media(max-width:530px){
 .main-content{padding-top:22px}
 .hero-kicker{font-size:8px;letter-spacing:.065em;margin-bottom:13px}
 .hero-copy{padding:34px 25px 33px}
 .hero-overline{font-size:8px;letter-spacing:.04em;margin-bottom:16px}
 .hero h1{font-size:clamp(44px,10.7vw,57px);letter-spacing:-.061em;line-height:1.1}
 .hero-desc{font-size:13.5px;line-height:1.75}
 .hero-actions{gap:9px;margin-top:24px}
 .hero-footnote{font-size:9px;margin-top:24px}
 .telemetry{margin-top:28px}
 .stat-card{padding:18px 14px}
 .stat-index{margin-bottom:14px}
 .stat-value{font-size:30px}
 .updated{white-space:nowrap}
 .panel-title{gap:8px}
}
@media(max-width:375px){
 .hero-copy{padding:28px 20px}
 .hero h1{font-size:43px}
 .action-primary,.action-secondary{min-height:40px;padding:0 11px;font-size:10px;gap:8px}
 .hero-desc{font-size:13px}
}

/* R07 MOHO / utility-first editorial redesign.
 * Deliberately compact: live blockchain data and navigation visible in the first viewport.
 * R06 shared styles supply only secondary-page components; all landing styles below are R07.
 */
:root{
 --bg:#1b1d1c;
 --surface:#252725;
 --surface2:#30322f;
 --text:#e6e4db;
 --ivory:#f4efe6;
 --muted:#aba99f;
 --accent:#e1c4a1;
 --accent-dark:#bda181;
 --line:rgba(229,212,188,.17);
 --line-hi:rgba(226,208,184,.31);
}
html,body{background:#1b1d1c;background-image:radial-gradient(ellipse at 70% 4%,#86755c19,transparent 55rem)}
.site-header{height:72px;background:rgba(27,29,28,.97);border-bottom-color:#ffffff16}
.site-header-inner,.main-content,.footer-inner{max-width:1600px}
.site-header-inner{padding-left:clamp(22px,3.7vw,65px);padding-right:clamp(22px,3.7vw,65px)}
.main-content{padding-left:clamp(22px,3.7vw,65px);padding-right:clamp(22px,3.7vw,65px)}
.footer-inner{padding-left:clamp(22px,3.7vw,65px);padding-right:clamp(22px,3.7vw,65px)}
.site-header-inner{height:72px}
.brand-emblem{height:39px;width:39px;border-radius:10px;box-shadow:inset 0 1px #f4e9da1d,0 4px 9px #0003}
.brand-emblem img{height:35px;width:35px}
.brand-name{font-size:21px;font-weight:800;letter-spacing:-.07em}
.nav-entry.active::after{width:15px}
.main-content{padding-top:33px;padding-bottom:67px}
.landing-overline{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px;font:10px var(--mono);color:#a7a69d;letter-spacing:.07em}
.landing-overline>span{display:flex;align-items:center;gap:11px}
.landing-overline .tiny-signal{width:5px;height:5px;border-radius:50%;background:#dec39f;box-shadow:0 0 0 4px #ddc19c12;display:inline-block}
.landing-label{color:#787f77;letter-spacing:.09em}
.showcase{display:grid;grid-template-columns:minmax(0,1.23fr) minmax(0,.9fr);gap:29px;align-items:stretch}
.showcase-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:365px;padding:20px 25px 19px 0}
.showcase-ledger{font:10px var(--mono);letter-spacing:.12em;color:#a5a397;display:flex;align-items:center;gap:11px;margin-bottom:24px}
.showcase-ledger .separator{display:inline-block;width:28px;height:1px;background:#ac9981}
.showcase h1{margin:0 0 21px;color:#f5f0e6;font-family:Onest,system-ui,sans-serif;font-weight:735;letter-spacing:-.052em;line-height:1.16;font-size:clamp(35px,3.65vw,60px)}
.showcase h1 em{color:#dbc3a5;font-style:normal}
.showcase .hero-desc{max-width:610px;font-size:15px;line-height:1.82;color:#bcbab1;margin:0}
.showcase-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:26px}
.showcase-actions .action-primary,.showcase-actions .action-secondary{min-height:44px;font-size:12px;font-weight:690;gap:24px;padding:0 16px;border-radius:9px}
.showcase-actions .action-primary{background:#ddc19d;border:1px solid #ecd2ad;color:#272721!important;box-shadow:inset 0 1px #fff5db5e,0 3px 10px #0002}
.showcase-actions .action-primary:hover{background:#efd6b4}
.showcase-actions .action-secondary{background:transparent;border:1px solid #a7a18c4d;color:#e8e3d7}
.showcase-bottom{margin-top:28px;color:#9b998e;font-size:11px;display:flex;align-items:center;gap:10px}
.split-rule{width:21px;height:1px;background:#b2a087;display:inline-block}
.network-console{min-width:0;display:flex;flex-direction:column;background:linear-gradient(155deg,#30312e,#232624 70%);border:1px solid #c7b39944;border-radius:13px;box-shadow:inset 0 1px #ffffff13,0 14px 35px #0709084b;overflow:hidden;position:relative}
.network-console::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 31px,#e6d2b308 32px);opacity:.35;pointer-events:none}
.console-top,.console-height,.console-stats,.console-footer{position:relative}
.console-top{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:22px 23px 19px;border-bottom:1px solid var(--line)}
.console-brand{display:flex;gap:13px;align-items:center;min-width:0}
.small-medallion{width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;background:#48473f;border:1px solid #ddc7a55c;box-shadow:inset 0 1px #ffedcb22,0 5px 10px #0005}
.small-medallion img{width:35px;height:35px;object-fit:contain;filter:grayscale(1) sepia(.48) saturate(.7)}
.console-brand strong{font:780 15px var(--head);color:#ede6d9;letter-spacing:.06em;display:block;margin-top:4px}
.console-eyebrow{font:9px var(--mono);color:#a09b8c;letter-spacing:.10em}
.console-live{white-space:nowrap;color:#c9d5bd;font:9px var(--mono);letter-spacing:.06em;display:flex;align-items:center;gap:6px}
.console-live i{width:6px;height:6px;background:#a7ba99;border-radius:50%;box-shadow:0 0 0 3px #afc2a418}
.console-height{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:22px 24px 22px;border-bottom:1px solid var(--line);min-height:107px}
.data-kicker{color:#a09f94;font:9px var(--mono);letter-spacing:.10em}
.console-height .stat-value{display:block;margin:6px 0 0;color:var(--ivory);font:780 44px/1.05 var(--head);letter-spacing:-.075em;white-space:nowrap}
.chain-nodes{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:60%}
.chain-node{border-radius:6px;border:1px solid #d4c3ab38;background:#282a28;padding:7px 8px;color:#d2bea1;font:10px var(--mono);white-space:nowrap;min-width:41px;text-align:center}
.chain-node:last-child{background:#5a5042;border-color:#d5b69290;color:#f8dec0}
.chain-pending{font:10px var(--mono);color:#9e9d93}
.console-stats{display:grid;grid-template-columns:1.15fr .76fr 1fr;flex:1;min-height:91px;border-bottom:1px solid var(--line)}
.console-stats>div{min-width:0;padding:23px 15px 19px;border-right:1px solid var(--line)}
.console-stats>div:first-child{padding-left:24px}
.console-stats>div:last-child{border-right:0}
.console-stats .stat-value{font:700 clamp(19px,1.7vw,27px)/1.3 var(--head);letter-spacing:-.055em;color:#e8ded0;display:block;margin:8px 0 0;overflow-wrap:anywhere}
.console-footer{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:16px 23px;font:9px var(--mono);letter-spacing:.04em;color:#898e86}
.console-footer b{color:#bdb5a5;font-weight:400}
.capabilities{margin-top:40px;margin-bottom:22px;border-top:1px solid #dac0a52d;border-bottom:1px solid #dac0a52d;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.capability{position:relative;display:grid;grid-template-columns:23px 1fr auto;gap:8px;align-items:center;padding:21px 18px 21px 0;min-width:0}
.capability+.capability{border-left:1px solid #dac0a520;padding-left:21px}
.capability-counter{font:10px var(--mono);color:#c3a786}
.capability-title{font-size:13px;color:#ebe6da;font-weight:720;line-height:1.35}
.capability-info{grid-column:2;grid-row:2;color:#96988f;font-size:11px;line-height:1.35}
.capability-arrow{grid-column:3;grid-row:1/3;font-size:19px;font-weight:300;color:#c4a985;padding-left:2px}
.capability:hover{background:linear-gradient(90deg,#ddc19b08,transparent)}
.capability:hover .capability-title{color:#efd1a9}
.home-data{margin-top:0;grid-template-columns:minmax(0,1.48fr) minmax(0,.85fr);gap:16px}
.home-data .panel{background:linear-gradient(145deg,#292c29,#222523 76%);border-radius:12px;padding:23px;box-shadow:inset 0 1px #fff7e40c}
.home-data .panel-title{margin-bottom:7px}
.home-data .panel h2{font:710 21px var(--head);letter-spacing:-.035em;margin:8px 0 10px}
.home-data .manifesto-panel p{font-size:12.5px;line-height:1.8;margin:0 0 12px;color:#b9b7af}
.home-data .manifesto-panel .roadmap-short{margin-bottom:0;padding:9px 0}
.home-data .data-table th{padding:12px 10px}
.home-data .data-table td{padding:13px 10px}
.home-data .panel-label{font-size:9px}
.page-header h1{font-size:clamp(38px,4.3vw,57px)}
.panel,.feature-tile{border-color:#d9c7a31f;background:linear-gradient(140deg,#292b29,#222522)}
.panel{box-shadow:inset 0 1px #ffffff09,0 7px 18px #0002}
.stat-value{font-variant-numeric:tabular-nums}
.footer{margin-top:auto}
@media(max-width:1160px){
 .showcase{grid-template-columns:minmax(0,1fr) minmax(0,.86fr);gap:18px}
 .showcase h1{font-size:clamp(38px,4.4vw,55px)}
 .showcase-copy{padding-right:8px}
 .console-top{padding:17px 16px}
 .console-height{padding:20px 17px}
 .console-stats>div{padding-left:12px;padding-right:9px}
 .console-stats>div:first-child{padding-left:17px}
 .console-footer{padding:15px 15px}
 .chain-node{padding:6px;min-width:35px}
}
@media(max-width:910px){
 .showcase{grid-template-columns:1fr}
 .showcase-copy{min-height:0;padding:11px 0 13px}
 .showcase h1{font-size:clamp(40px,6.1vw,58px)}
 .network-console{max-width:none}
 .console-top{padding:18px 20px}
 .console-height{padding:20px}
 .console-stats>div:first-child{padding-left:20px}
 .console-footer{padding:15px 20px}
 .capabilities{margin-top:27px}
 .capability{padding-right:9px}
 .capability+.capability{padding-left:12px}
 .capability-title{font-size:12px}
 .capability-info{font-size:10px}
 .home-data{grid-template-columns:1fr}
}
@media(max-width:780px){
 .site-header-inner{padding:0 20px}
 .footer-inner{padding-left:20px;padding-right:20px}
 .site-header,.site-header-inner{height:68px}
 .sidebar{top:68px}
 .main-content{padding:27px 20px 55px}
 .landing-overline{margin-bottom:13px}
 .showcase-copy{padding:6px 0 16px}
 .showcase h1{font-size:clamp(39px,7.2vw,56px);margin-bottom:17px}
 .showcase-actions{margin-top:19px}
 .showcase-bottom{margin-top:19px}
 .capabilities{grid-template-columns:1fr}
 .capability{grid-template-columns:22px 1fr auto;padding:13px 0}
 .capability+.capability{padding:13px 0;border-left:0;border-top:1px solid #dac0a520}
 .capability-info{grid-column:2;grid-row:2}
 .capability-arrow{grid-column:3;grid-row:1/3}
}
@media(max-width:530px){
 .footer-inner{padding-left:16px;padding-right:16px}
 .main-content{padding:22px 16px 55px}
 .landing-overline{font-size:8px}
 .landing-label{display:none!important}
 .showcase-ledger{margin-bottom:14px;font-size:8.5px}
 .showcase h1{font-size:clamp(38px,10.5vw,52px);line-height:1.16;letter-spacing:-.065em}
 .showcase .hero-desc{font-size:13px;line-height:1.65}
 .showcase-actions{gap:8px}
 .showcase-actions .action-primary,.showcase-actions .action-secondary{font-size:11px;min-height:42px;gap:10px;padding:0 12px}
 .showcase-bottom{font-size:10px;margin-top:18px}
 .network-console{border-radius:11px}
 .console-top{padding:15px 16px}
 .console-eyebrow{font-size:8px}
 .console-brand strong{font-size:13px}
 .small-medallion{width:34px;height:34px}
 .small-medallion img{height:30px;width:30px}
 .console-live{font-size:8px}
 .console-height{padding:18px 16px}
 .console-height .stat-value{font-size:39px}
 .chain-node{font-size:9px;padding:5px}
 .console-stats>div{padding-top:14px;padding-bottom:13px}
 .console-stats>div:first-child{padding-left:16px}
 .console-stats .stat-value{font-size:21px}
 .data-kicker{font-size:8px;letter-spacing:.025em}
 .console-footer{padding:12px 16px;font-size:8px}
 .capabilities{margin-top:22px;margin-bottom:16px}
 .home-data .panel{padding:18px}
}
@media(max-width:365px){
 .showcase h1{font-size:38px}
 .showcase-actions .action-primary,.showcase-actions .action-secondary{font-size:10px;padding:0 9px}
 .console-height{flex-direction:column;align-items:flex-start;gap:13px}
 .chain-nodes{max-width:100%;justify-content:flex-start}
 .console-stats .stat-value{font-size:19px}
}