@font-face{font-family:"Geist Pixel Circle";src:url('./fonts/GeistPixel-Circle.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--bg:#000;--panel:#080808;--ink:#fff;--muted:#8e8e8e;--dim:#747474;--line:rgba(255,255,255,.19);--accent:#fff;--gutter:clamp(22px,4.35vw,76px);--font:"Inter","Segoe UI",system-ui,sans-serif;--font-display:"BubbledotICG-FinePos","Geist Pixel Circle",monospace}
html{background:#000}body{background:#000;color:#fff;font-family:var(--font)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header,.site-header.is-scrolled{position:fixed;top:0;left:0;right:0;display:block;height:auto;padding:clamp(16px,2.4vh,28px) 16px 0;background:none;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:50;animation:reference-slide-down .7s cubic-bezier(.22,1,.36,1) both}
.site-header.is-scrolled{padding-bottom:12px;background:rgba(0,0,0,.94);box-shadow:0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.header-inner{position:relative;width:min(720px,100%);max-width:720px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:clamp(18px,2.8vw,28px)}
.brand-circle{flex:0 0 clamp(40px,4.4vw,46px);width:clamp(40px,4.4vw,46px);height:clamp(40px,4.4vw,46px);display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:#000;box-shadow:0 4px 14px rgba(0,0,0,.16);letter-spacing:0;transition:transform .25s}
.brand-circle:hover{transform:scale(1.04)}.brand-circle img{display:block;width:100%;height:100%;object-fit:cover}
.site-header .nav{display:flex;flex:1;max-width:430px;height:clamp(44px,5.2vw,48px);align-items:center;justify-content:space-around;gap:0;padding:4px 8px;border-radius:999px;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.16);font-size:clamp(12px,1.4vw,15px);font-weight:500;letter-spacing:-.01em;color:#2e2e2e;text-shadow:none}
.site-header .nav a{position:relative;display:grid;place-items:center;align-self:stretch;flex:1;padding:0 5px 4px;white-space:nowrap;opacity:.5;color:#2e2e2e;border:0;transition:opacity .2s}
.site-header .nav a:hover{opacity:.75;color:#2e2e2e}.site-header .nav a.is-active{opacity:1}
.site-header .nav a.is-active::after{content:"";position:absolute;bottom:5px;left:50%;width:3px;height:3px;background:#111;border-radius:50%;box-shadow:-5px 0 #111,5px 0 #111}
.site-header .nav .mobile-docs{display:none}
.header-docs{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:95px;height:clamp(44px,5.2vw,48px);padding:0 19px;border-radius:999px;background:#28282a;box-shadow:0 4px 14px rgba(0,0,0,.16);font-size:14px;font-weight:500;color:#c8c8c8;transition:background .2s,color .2s,transform .2s}.header-docs:hover{background:#323234;color:#fff;transform:translateY(-1px)}.header-docs .arrow{font-size:14px}
.menu-toggle{display:none}

.reference-hero{display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:center;justify-items:center;height:100dvh;min-height:620px;max-height:none;padding:clamp(88px,11vh,125px) 20px clamp(18px,3vh,32px);background:#000}
.reference-hero .journey-exterior{background:#000;transform-origin:center center}
.reference-hero .journey-video{object-fit:cover;object-position:center center;filter:brightness(.68) saturate(.78)}
.reference-hero .journey-shade{background:rgba(0,0,0,.18)}
.reference-hero.journey-inside .journey-shade{background:rgba(0,0,0,.45)}
.reference-hero .journey-tunnel{background-color:#000}
.reference-hero-content{z-index:2;display:flex;flex-direction:column;align-items:center;width:min(100%,1000px);max-width:none!important;padding:0!important;margin:auto;text-align:center;opacity:var(--copy-opacity,1);animation:none!important}
.trust-row{--trust-size:clamp(36px,4.5vw,42px);display:inline-flex;align-items:center;justify-content:center;margin-bottom:clamp(16px,2.5vh,26px);height:var(--trust-size);white-space:nowrap}
.trust-icons{display:inline-flex;align-items:center;position:relative;z-index:2}.trust-icon{width:var(--trust-size);height:var(--trust-size);display:grid;place-items:center;background:#fff;background-clip:content-box;border:1px solid rgba(255,255,255,.4);border-radius:50%;padding:5px;box-shadow:inset 0 0 0 5px #28282a;color:#111;font-family:var(--font-display);font-size:calc(var(--trust-size)*.38);font-weight:400;transition:transform .35s}.trust-icon+.trust-icon{margin-left:calc(var(--trust-size)*-.42)}.trust-icon:nth-child(2){z-index:2}.trust-icon:nth-child(3){z-index:3}.trust-row:hover .trust-icon:nth-child(1){transform:translateY(-2px)}.trust-row:hover .trust-icon:nth-child(2){transform:translateY(-4px)}.trust-row:hover .trust-icon:nth-child(3){transform:translateY(-2px)}
.trust-pill{height:var(--trust-size);display:inline-flex;align-items:center;margin-left:calc(var(--trust-size)*-.42);padding:0 17px 0 calc(var(--trust-size)*.58);border:1px solid rgba(255,255,255,.4);border-radius:999px;background:#28282a;color:#c4c2c3;font-size:clamp(11px,1.4vw,13.5px);font-weight:500}
.trust-icon svg{width:calc(var(--trust-size)*.36);height:calc(var(--trust-size)*.36);display:block}
.reference-hero .pixel-headline{display:flex;flex-direction:column;align-items:center;gap:0;margin:0;color:#fff;font-family:var(--font-display);font-size:clamp(31px,6.2vw,80px);font-weight:400;letter-spacing:-.04em;line-height:1.12;text-shadow:none;max-width:none;white-space:nowrap}
.pixel-headline span{display:block;opacity:0;transform:translateY(14px);animation:reference-headline-fade .85s cubic-bezier(.22,1,.36,1) forwards}.pixel-headline span:first-child{animation-delay:.12s}.pixel-headline span:last-child{animation-delay:.3s}
.reference-hero .reference-subhead{max-width:min(500px,92%);margin:clamp(19px,3vh,28px) auto 0;color:#d0d0d0;opacity:.8;font-size:clamp(16px,calc(1.55vw + 2pt),19px);font-weight:400;line-height:1.55}
.reference-cta{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:46px;margin-top:clamp(22px,3vh,33px);padding:11px 27px;border-radius:999px;background:#fff;color:#000;font-size:clamp(13.5px,1.5vw,14.5px);font-weight:600;box-shadow:0 0 0 1px rgba(255,255,255,.15),0 0 22px rgba(255,255,255,.32),0 0 44px rgba(255,255,255,.12);transition:transform .25s,box-shadow .25s}.reference-cta:hover{color:#000;transform:translateY(-2px) scale(1.02);box-shadow:0 0 0 1px rgba(255,255,255,.3),0 0 30px rgba(255,255,255,.45),0 0 56px rgba(255,255,255,.19)}.reference-cta span{font-size:16px}
.reference-stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(920px,100%);max-width:920px;align-items:end;gap:0;text-align:center;opacity:var(--copy-opacity,1)}
.reference-stat{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:0 10px}.reference-stat:not(:first-child){border-left:1px solid rgba(255,255,255,.19)}.stat-glyph{font-family:var(--font-display);font-size:clamp(22px,3vw,33px);line-height:1.05;color:#fff}.reference-stat strong{font-size:clamp(18px,2.2vw,26px);font-weight:600;line-height:1.1;letter-spacing:-.025em;font-variant-numeric:tabular-nums;color:#fff}.reference-stat>span:last-child{font-size:clamp(11px,1.2vw,12.5px);color:#8e8e8e;line-height:1.35}
.reference-footnote{grid-column:1/-1;justify-self:center;max-width:none!important;margin:clamp(15px,2.5vh,26px) 0 0!important;color:#a0a0a0!important;font-size:10px!important;line-height:1.3!important;letter-spacing:.01em;text-align:center}.reference-footnote a{text-decoration:underline;text-underline-offset:3px;color:#bcbcbc}
.reference-hero .journey-message em{color:#fff}.reference-hero .journey-meter span{background:#fff}
.anim{opacity:0;transform:translateY(22px) scale(.98);filter:blur(6px);animation:reference-reveal .85s cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--d,0s)}.reference-cta.anim{animation-name:reference-reveal-pulse}
.reference-hero.journey-past-copy .reference-stats{pointer-events:none}
.hero h1 em,.display em,.section-title em,.footer-lead em{color:#e4e4e4}.eyebrow,.step-no,.product-index,.footer-label{color:#d4d4d4}
.hero-inner h1,.guide-hero h1{font-family:var(--font-display);font-size:clamp(48px,6.2vw,90px);font-weight:400;letter-spacing:-.04em;line-height:1.1;color:#fff}.hero-inner h1 em,.guide-hero h1 em{font-style:normal;color:#fff}
.snapshot,.process,.products,.network,.site-footer{background:#070707}.builders,.details,.guide-teaser{background:#0b0b0b}.image-stage,.sub-visual{background:#000}
.button-light{background:#fff;border-color:#fff}.button-light:hover{background:#dadada;border-color:#dadada}.text-link:hover,.nav a:hover,.footer-grid a:hover{color:#fff}
@keyframes reference-slide-down{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}
@keyframes reference-headline-fade{to{opacity:1;transform:none}}
@keyframes reference-reveal{to{opacity:1;transform:none;filter:none}}
@keyframes reference-reveal-pulse{to{opacity:1;transform:none;filter:none}}

@media(max-width:720px){
  .site-header,.site-header.is-scrolled{height:auto;padding:16px 20px 0}
  .site-header.is-scrolled{padding-bottom:12px}
  .header-inner{max-width:none;justify-content:space-between;gap:12px}
  .brand-circle{flex-basis:48px;width:48px;height:48px}
  .header-docs{display:none}
  .menu-toggle{position:relative;z-index:62;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:#28282a;color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.16)}
  .menu-toggle span{display:block;width:18px;height:1.5px;background:currentColor;transition:transform .25s,opacity .2s}
  .menu-toggle[aria-expanded="true"]{background:#fff;color:#000}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(6.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-6.5px) rotate(-45deg)}
  .nav-overlay:not([hidden]){display:block;position:fixed;inset:0;z-index:55;background:rgba(0,0,0,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:reference-overlay-in .28s both}
  .site-header .nav,.site-header .nav.is-open{position:absolute;top:62px;left:50%;right:auto;z-index:60;display:none;flex-direction:column;align-items:stretch;gap:0;width:min(420px,calc(100vw - 40px));height:auto;max-width:none;padding:22px 18px 20px;border:0;border-radius:28px;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.45);transform:translateX(-50%);font-size:16px;text-align:center}
  .site-header .nav.is-open{display:flex;animation:reference-menu-in .38s cubic-bezier(.22,1,.36,1) both}
  .site-header .nav a{display:block;flex:none;align-self:stretch;padding:15px 12px 18px;border:0;font-size:16px}.site-header .nav a.is-active::after{bottom:7px}
  .site-header .nav .mobile-docs{display:block;margin-top:12px;padding:15px 16px;border-radius:999px;background:#28282a;color:#fff;opacity:1}.site-header .nav .mobile-docs .arrow{margin-left:10px}
  .reference-hero{min-height:680px;padding:90px 20px 19px;grid-template-rows:minmax(0,1fr) auto}
  .reference-hero .journey-exterior{background:#000}
  .reference-hero .journey-video{object-position:center}
  .reference-hero .journey-shade{background:linear-gradient(180deg,rgba(0,0,0,.36),rgba(0,0,0,.5) 50%,rgba(0,0,0,.68))}
  .trust-row{--trust-size:36px}.trust-pill{font-size:11px;padding-right:12px}
  .reference-hero .pixel-headline{font-size:clamp(36px,10vw,55px);letter-spacing:-.08em;line-height:1.05}
  .hero-inner h1,.guide-hero h1{font-size:clamp(36px,9.3vw,58px);letter-spacing:-.07em;line-height:1.1}
  .reference-hero .reference-subhead{max-width:min(470px,94%);margin-top:20px;font-size:15px}
  .reference-cta{margin-top:24px}
  .reference-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:17px;max-width:470px}
  .reference-stat{min-height:65px;gap:3px}.reference-stat:nth-child(3){border-left:0}.reference-stat:nth-child(2n){border-left:1px solid rgba(255,255,255,.19)}
  .stat-glyph{font-size:20px}.reference-stat strong{font-size:19px}.reference-stat>span:last-child{font-size:10px}.reference-footnote{margin-top:14px!important;font-size:9px!important}
}
@media(max-width:420px){.trust-row{--trust-size:34px}.trust-pill{font-size:10px}.reference-hero .pixel-headline{font-size:clamp(36px,9.5vw,40px);letter-spacing:-.09em;line-height:1.04}.reference-hero .reference-subhead{font-size:14px}.reference-cta{min-height:44px;margin-top:20px}.reference-stats{row-gap:11px}.reference-stat{min-height:58px}}
@media(max-height:700px){.reference-hero{min-height:0;padding-top:74px;padding-bottom:12px}.trust-row{margin-bottom:12px}.reference-hero .reference-subhead{margin-top:13px}.reference-cta{margin-top:15px}.reference-stats{row-gap:7px}.reference-footnote{margin-top:8px!important}}
@media(prefers-reduced-motion:reduce){.site-header,.pixel-headline span,.anim{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}.journey-video{display:none!important}}
@keyframes reference-overlay-in{from{opacity:0}to{opacity:1}}
@keyframes reference-menu-in{from{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%,0)}}

/* The same monochrome visual language continues through every content page. */
main{background:#000}
.section-pad{background:#000}
.image-stage-content.section-pad{background:transparent}
.intro,.network,.details,.technical-index,.guide-shell{background:#000}
.snapshot,.process,.products,.builders,.faq,.guide-teaser,.network-list-section{background:#050505}
.section-pad>.section-top{border-top:1px solid rgba(255,255,255,.28);padding-top:18px}
.section-top .caption,.caption,.source-note,.guide-source,.image-credit{color:#9a9a9a}
.eyebrow,.hero-kicker,.step-no,.product-index,.footer-label,.chapter-no{color:#c9c9c9}
.hero-kicker .line{background:#a9a9a9}
.display,.section-title,.launch-copy h2,.sub-visual h2,.footer-lead h2,.guide-chapter h2,.product-row h3{font-family:var(--font-display);font-size:clamp(44px,5.1vw,82px);font-weight:400;letter-spacing:-.045em;line-height:1.16;color:#fff}
.display em,.section-title em,.launch-copy h2 em,.sub-visual h2 em,.footer-lead h2 em,.guide-chapter h2 em{font-weight:400;color:#fff}
.muted{color:#b7b7b7}
.lead,.intro-aside p,.hero p,.launch-copy p,.sub-visual p,.image-stage p,.product-row p,.guide-chapter p,.guide-note p,.detail-list p,.process-step p,.footer-lead p{color:#bababa}
.intro-aside p+p{color:#8f8f8f}
.button,.button-light,.button-outline{border-radius:999px;font-family:var(--font);font-weight:600}
.button-outline{border-color:rgba(255,255,255,.55);color:#fff;background:rgba(0,0,0,.2)}
.button-outline:hover{color:#fff;background:rgba(255,255,255,.1)}
.text-link{color:#fff;border-bottom-color:rgba(255,255,255,.52)}.text-link:hover{border-bottom-color:#fff}
.launch-stage,.image-stage,.sub-visual{background:#000}
.launch-stage::before,.image-stage::before,.sub-visual::before,.hero-inner::before,.guide-hero::before{filter:grayscale(1) brightness(.7)}
.hero-inner::after,.hero-core-dynamic::after,.hero-classic-dynamic::after,.guide-hero::after{background:linear-gradient(90deg,rgba(0,0,0,.93) 0%,rgba(0,0,0,.66) 40%,rgba(0,0,0,.1) 80%),linear-gradient(0deg,#000,transparent 31%)}
.launch-stage::after{background:linear-gradient(90deg,rgba(0,0,0,.96),rgba(0,0,0,.72) 38%,rgba(0,0,0,.13) 76%),linear-gradient(0deg,#000,transparent 27%,transparent 83%,#000)}
.sub-visual::after,.sub-visual-classic::after{background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.38) 58%,transparent),linear-gradient(0deg,#000,transparent 30%)}
.image-stage::after{background:linear-gradient(90deg,rgba(0,0,0,.98),rgba(0,0,0,.87) 40%,rgba(0,0,0,.12) 78%),linear-gradient(0deg,#000,transparent 26%,transparent 84%,#000)}
.image-stage .text-link,.launch-stage .text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:46px;padding:0 22px;border:0;border-radius:999px;background:#fff;color:#000;font-weight:600;box-shadow:0 0 22px rgba(255,255,255,.2)}
.image-stage .text-link:hover,.launch-stage .text-link:hover{background:#e0e0e0;color:#000}
.journey-tunnel{filter:grayscale(1) brightness(.58)}
.journey-message p{font-family:var(--font-display);font-size:clamp(52px,6vw,86px);font-weight:400;letter-spacing:-.05em;line-height:1.15;color:#fff}
.energy-orbit{filter:drop-shadow(0 0 12px rgba(255,255,255,.25))}
.energy-orbit i{background:conic-gradient(from 20deg,transparent 0deg,transparent 28deg,rgba(255,255,255,.9) 30deg,transparent 41deg,transparent 96deg,rgba(255,255,255,.72) 100deg,transparent 113deg,transparent 188deg,rgba(255,255,255,.9) 194deg,transparent 205deg,transparent 272deg,rgba(255,255,255,.7) 279deg,transparent 295deg)}
.pool-current{background:conic-gradient(from 0deg,transparent 0deg,transparent 48deg,rgba(255,255,255,.68) 57deg,transparent 69deg,transparent 124deg,rgba(255,255,255,.8) 132deg,transparent 143deg,transparent 241deg,rgba(255,255,255,.7) 250deg,transparent 265deg);filter:drop-shadow(0 0 14px rgba(255,255,255,.25))}
.launch-rail{color:#bbb;border-color:rgba(255,255,255,.3)}.launch-rail i{background:linear-gradient(90deg,#fff,rgba(255,255,255,.15))}.launch-rail i::after{box-shadow:0 0 16px #fff}
.product-glyph{filter:grayscale(1) brightness(.7)}
.product-index,.guide-teaser-list span,.guide-teaser-list i,.developer-detail b,.network-list span,.network-list small{color:#999}
.product-row li:before{color:#fff}
.process-step h3,.detail-list h3,.guide-chapter h3,.guide-note h2{color:#fff;font-family:var(--font);font-weight:500;letter-spacing:-.035em}
.detail-list span,.developer-detail>span,.guide-route-grid span,.fee-rail span,.guide-flow b,.guide-build-steps b{color:#bbb}
.developer-detail p,.network-list strong,.guide-teaser-list strong{color:#e9e9e9}
.faq-plus:before,.faq-plus:after{background:#fff}.answer,.faq-items summary{color:#d7d7d7}
.guide-shell{color:#f4f4f4}
.guide-chapter h2{font-size:clamp(42px,4.4vw,68px)}
.guide-toc a{color:#a9a9a9}.guide-toc a:hover,.guide-source:hover{color:#fff}
.guide-note,.guide-caution,.guide-checklist{background:#090909;border-left:2px solid #fff}
.guide-route-grid article{background:transparent;border-top:1px solid rgba(255,255,255,.4)}
.guide-route-grid p,.guide-definition-grid p,.guide-flow p,.fee-rail p,.guide-chapter-head p,.guide-note p,.guide-build-steps li,.guide-checklist ul{color:#b6b6b6}
.guide-formula,.guide-table caption,.guide-table thead th,.guide-table td:nth-child(2){color:#a8a8a8}
.guide-formula i{background:#888}.guide-source{color:#e2e2e2;border-color:rgba(255,255,255,.45)}
.technical-index,.protocol-list span,.token-table td,.token-table thead th{color:#bbb}
.site-footer{background:#050505}.footer-grid p,.footer-grid a:not(.brand),.footer-bottom{color:#a9a9a9}.footer-label{color:#d1d1d1}

@media(max-width:700px){
  .display,.section-title,.launch-copy h2,.sub-visual h2,.footer-lead h2,.guide-chapter h2,.product-row h3{font-size:clamp(32px,8.5vw,50px);line-height:1.18;letter-spacing:-.06em}
  .hero-inner h1,.guide-hero h1{font-size:clamp(34px,9vw,56px)}
  .journey-message p{font-size:clamp(34px,9vw,48px);line-height:1.2}
  .hero-inner::after,.hero-core-dynamic::after,.hero-classic-dynamic::after,.guide-hero::after{background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.74) 32%,rgba(0,0,0,.82) 68%,#000)}
  .launch-stage::after{background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.72) 40%,#000)}
  .image-stage::after{background:linear-gradient(180deg,rgba(0,0,0,.88),rgba(0,0,0,.8) 48%,#000)}
  .sub-visual::after,.sub-visual-classic::after{background:linear-gradient(180deg,rgba(0,0,0,.7),rgba(0,0,0,.4) 45%,#000)}
  .guide-note,.guide-caution,.guide-checklist{padding:26px 22px}
  .guide-chapter h2{font-size:clamp(30px,8vw,43px)}
}