:root{--b1-ink:#152b39;--b1-muted:#587180;--b1-teal:#007f80;--b1-teal-dark:#005e62;--b1-teal-soft:#dff4f0;--b1-orange:#e2743b;--b1-orange-soft:#fff0e7;--b1-yellow:#f5bd42;--b1-yellow-soft:#fff5d7;--b1-blue:#275d84;--b1-blue-soft:#e9f2f7;--b1-line:#d9e5e4;--b1-surface:#f5f8f7}
html{scroll-behavior:smooth}body{overflow-x:hidden;background:var(--b1-surface)}.b1-hero-grid>*,.section-heading>*,.governance-grid>*,.technology-grid>*,.closing-grid>*,.documentation-grid>*{min-width:0}
.b1-language-switch{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--b1-line);border-radius:999px;background:rgba(255,255,255,.82)}.main-nav .b1-language-switch .language-link{padding:5px 8px;border:0;border-radius:999px;color:var(--b1-muted);font-size:.67rem}.main-nav .b1-language-switch .language-link[aria-current=page]{background:var(--b1-teal);color:#fff}.main-nav .b1-language-switch .language-pending{opacity:.55}
.b1-hero{padding:68px 0 92px;background:radial-gradient(circle at 94% 12%,rgba(245,189,66,.23),transparent 22rem),radial-gradient(circle at 8% 93%,rgba(0,127,128,.13),transparent 28rem),var(--b1-surface)}.b1-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(440px,.92fr);gap:64px;align-items:center}.b1-hero .breadcrumb{display:inline-flex;margin-bottom:38px}.b1-meta{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px}.b1-meta span{padding:8px 11px;border:1px solid var(--b1-line);border-radius:999px;background:rgba(255,255,255,.82);color:var(--b1-teal-dark);font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.b1-hero h1{max-width:840px;margin:0;color:var(--b1-ink);font-size:clamp(3.25rem,6.5vw,6.7rem);line-height:.9;letter-spacing:-.077em}.b1-hero h1 em,.section-heading h2 em,.governance-grid h2 em,.technology-grid h2 em{color:var(--b1-teal);font-family:Georgia,"Times New Roman",serif;font-weight:500}.b1-lead{max-width:790px;margin:30px 0 0;color:var(--b1-muted);font-size:1.16rem;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}
.service-map{position:relative;overflow:hidden;padding:32px;border-radius:30px;background:#fff;box-shadow:20px 22px 0 rgba(0,127,128,.11)}.service-map:after{position:absolute;top:-88px;right:-88px;width:230px;height:230px;border:45px solid rgba(245,189,66,.17);border-radius:50%;content:""}.service-map>*{position:relative;z-index:1}.service-map>p{margin:0 0 24px;color:var(--b1-muted);font-size:.72rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.service-map-flow{display:grid;grid-template-columns:repeat(7,auto);gap:7px;align-items:stretch}.service-map-flow>i{align-self:center;color:var(--b1-orange);font-size:1.05rem;font-style:normal;font-weight:900}.map-node{display:flex;min-width:0;min-height:135px;flex-direction:column;padding:15px 11px;border-radius:16px}.map-node span{font:900 .65rem/1 ui-monospace,monospace}.map-node strong{margin:auto 0 5px;color:var(--b1-ink);font-size:.82rem}.map-node small{color:var(--b1-muted);font-size:.62rem;line-height:1.35}.map-node.actor{background:var(--b1-orange-soft)}.map-node.actor span{color:var(--b1-orange)}.map-node.minter{background:var(--b1-teal-soft)}.map-node.minter span{color:var(--b1-teal)}.map-node.dark{background:var(--b1-blue-soft)}.map-node.dark span{color:var(--b1-blue)}.map-node.resolver{background:var(--b1-ink)}.map-node.resolver strong,.map-node.resolver small{color:#fff}.map-node.resolver span{color:var(--b1-yellow)}.service-map-result{display:grid;grid-template-columns:auto 1fr;gap:3px 13px;align-items:center;margin-top:18px;padding:18px;border-radius:16px;background:var(--b1-teal);color:#fff}.service-map-result>span{grid-row:1/3;color:var(--b1-yellow);font-size:1.5rem}.service-map-result strong{display:block;overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:.9rem}.service-map-result small{display:block;color:#d9eeee;line-height:1.35}
.b1-section{padding:92px 0}.b1-section-white{background:#fff}.b1-section-dark{background:var(--b1-ink);color:#fff}.section-heading{display:grid;grid-template-columns:1.12fr .88fr;gap:68px;align-items:end;margin-bottom:50px}.section-heading h2,.governance-grid h2,.technology-grid h2{max-width:800px;margin:12px 0 0;color:var(--b1-ink);font-size:clamp(2.65rem,5vw,5rem);line-height:.95;letter-spacing:-.07em}.section-heading>p{max-width:590px;margin:0;color:var(--b1-muted);font-size:1.08rem;line-height:1.72}.b1-section-dark .section-heading h2{color:#fff}.b1-section-dark .section-heading>p{color:#c8d7dc}.b1-section-dark .section-heading h2 em,.blockchain-section h2 em{color:var(--b1-yellow)}.eyebrow-light{color:var(--b1-yellow)!important}
.experience-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:0;padding:0;list-style:none}.experience-steps li{min-height:245px;padding:25px;border:1px solid var(--b1-line);border-radius:21px;background:var(--b1-surface)}.experience-steps span{color:var(--b1-orange);font:900 .68rem/1 ui-monospace,monospace}.experience-steps strong{display:block;margin:54px 0 12px;color:var(--b1-ink);font-size:1.12rem}.experience-steps p{margin:0;color:var(--b1-muted);font-size:.84rem;line-height:1.58}.persistence-band{display:grid;grid-template-columns:1fr auto 1fr;gap:17px;align-items:center;margin-top:25px;padding:29px;border-radius:23px;background:var(--b1-teal-soft)}.persistence-band div{padding:17px;border-radius:14px;background:#fff}.persistence-band span,.persistence-band strong{display:block}.persistence-band span{margin-bottom:6px;color:var(--b1-teal-dark);font-size:.66rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.persistence-band strong{overflow-wrap:anywhere;color:var(--b1-ink);font-family:ui-monospace,monospace;font-size:.87rem}.persistence-band i{color:var(--b1-orange);font-style:normal;font-size:1.4rem}.persistence-band p{grid-column:1/-1;margin:0;color:var(--b1-muted);font-size:.85rem;text-align:center}
.governance-section{background:var(--b1-orange-soft)}.governance-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center}.governance-grid>div>p:not(.eyebrow){max-width:600px;color:var(--b1-muted);line-height:1.7}.governance-flow{display:grid;gap:10px;margin:0;padding:0;list-style:none}.governance-flow li{display:grid;grid-template-columns:48px 1fr;gap:17px;align-items:center;padding:20px;border:1px solid #f1d9ca;border-radius:17px;background:#fff}.governance-flow li>span{display:grid;width:46px;height:46px;place-items:center;border-radius:50%;background:var(--b1-orange);color:#fff;font-size:.68rem;font-weight:900}.governance-flow strong{color:var(--b1-ink)}.governance-flow p{margin:3px 0 0;color:var(--b1-muted);font-size:.82rem;line-height:1.45}
.state-explorer{display:grid;gap:24px}.state-map{padding:28px;border:1px solid rgba(255,255,255,.14);border-radius:25px;background:rgba(255,255,255,.055)}.state-mainline{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:14px;align-items:center}.state-mainline>i{color:var(--b1-orange);font-size:1.5rem;font-style:normal}.state-branches{display:grid;grid-template-columns:repeat(2,minmax(0,290px));gap:12px;justify-content:center;margin-top:23px;padding-top:23px;border-top:1px solid rgba(255,255,255,.12)}.state-button{display:grid;grid-template-columns:48px 1fr;gap:2px 13px;align-items:center;width:100%;padding:17px;border:1px solid rgba(255,255,255,.18);border-radius:17px;background:rgba(255,255,255,.08);color:#fff;font:inherit;text-align:left;cursor:pointer}.state-button>span{display:grid;grid-row:1/3;width:46px;height:46px;place-items:center;border-radius:50%;background:rgba(255,255,255,.1);color:var(--b1-yellow);font-weight:900}.state-button strong{font-size:.93rem}.state-button small{color:#afc1c6;font-size:.68rem}.state-button:hover,.state-button.is-active{border-color:var(--b1-yellow);background:var(--b1-teal)}.state-button.branch{padding:13px}.state-button.branch>span{width:38px;height:38px;background:rgba(226,116,59,.18);color:#ffb28d}.state-button.branch.is-active{background:var(--b1-orange)}.state-panel{display:grid;grid-template-columns:auto 1fr;gap:34px;padding:41px;border-radius:27px;background:#fff;color:var(--b1-ink)}.state-panel .state-code{color:var(--b1-teal);font-family:Georgia,serif;font-size:6.4rem;font-style:italic;line-height:.8}.state-panel>div>span{color:var(--b1-teal-dark);font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.state-panel h3{margin:11px 0 12px;font-size:clamp(2.2rem,4vw,3.4rem);letter-spacing:-.055em}.state-panel p{max-width:700px;margin:0;color:var(--b1-muted);line-height:1.66}.state-panel dl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:29px 0 0}.state-panel dl div{padding:16px;border-radius:14px;background:var(--b1-surface)}.state-panel dt{color:var(--b1-muted);font-size:.65rem;font-weight:800;text-transform:uppercase}.state-panel dd{margin:5px 0 0;color:var(--b1-ink);font-size:.82rem;font-weight:850}.state-panel.branch-panel{background:var(--b1-orange-soft)}.state-panel.branch-panel .state-code{color:var(--b1-orange)}.js .state-panel:not(.is-active){display:none}html:not(.js) .state-map{display:none}
.lane-diagram{overflow:hidden;border:1px solid var(--b1-line);border-radius:28px}.lane{display:grid;grid-template-columns:215px 1fr;gap:25px;padding:30px}.lane-label span,.lane-label strong{display:block}.lane-label span{margin-bottom:7px;color:var(--b1-orange);font-size:.66rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.lane-label strong{color:var(--b1-ink);font-size:1.12rem}.institution-lane{background:var(--b1-orange-soft)}.lane-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:center}.lane-flow article{min-height:91px;padding:16px;border-radius:15px;background:#fff}.lane-flow article span,.internal-flow li span{display:block;margin-bottom:15px;color:var(--b1-orange);font:900 .65rem/1 ui-monospace,monospace}.lane-flow article strong{color:var(--b1-ink);font-size:.83rem}.lane-flow i{color:var(--b1-orange);font-style:normal}.lane-divider{padding:13px;background:var(--b1-teal);color:#fff;text-align:center}.lane-divider span{font-size:.75rem;font-weight:850}.internal-lane{background:var(--b1-ink)}.internal-lane .lane-label span{color:var(--b1-yellow)}.internal-lane .lane-label strong{color:#fff}.internal-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:0;padding:0;list-style:none}.internal-flow li{min-height:150px;padding:15px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.065)}.internal-flow li span{color:var(--b1-yellow)}.internal-flow li strong,.internal-flow li small{display:block}.internal-flow li strong{margin-bottom:8px;color:#fff;font-size:.78rem}.internal-flow li small{color:#bcd0d4;font-size:.64rem;line-height:1.4}.internal-flow li.cid-step{border-color:var(--b1-yellow);background:rgba(245,189,66,.11)}.plain-note{margin:26px 0 0;padding:21px 24px;border-left:4px solid var(--b1-orange);background:var(--b1-orange-soft);color:var(--b1-muted);line-height:1.67}.plain-note strong{color:var(--b1-ink)}
.interfaces-section{background:var(--b1-surface)}.public-interfaces,.internal-services{padding:31px;border:1px solid var(--b1-line);border-radius:27px;background:#fff}.internal-services{margin-top:19px;background:var(--b1-ink);color:#fff}.subsection-label{display:flex;gap:14px;align-items:center;margin-bottom:25px}.subsection-label>span{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:var(--b1-teal);color:#fff;font-size:.67rem;font-weight:900}.subsection-label strong,.subsection-label small{display:block}.subsection-label strong{color:var(--b1-ink);font-size:1.15rem}.subsection-label small{color:var(--b1-muted)}.internal-services .subsection-label>span{background:var(--b1-yellow);color:var(--b1-ink)}.internal-services .subsection-label strong{color:#fff}.internal-services .subsection-label small{color:#bdced3}.interface-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.interface-card{padding:28px;border-radius:21px}.interface-card>span{font-size:.67rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.interface-card h3{margin:27px 0 10px;font-size:2rem;letter-spacing:-.05em}.interface-card p{color:inherit;line-height:1.6}.interface-card ul{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0 0;padding:0;list-style:none}.interface-card li{padding:6px 9px;border-radius:999px;font-size:.65rem;font-weight:850}.interface-card.minter{background:var(--b1-teal);color:#fff}.interface-card.minter>span{color:var(--b1-yellow)}.interface-card.minter li{background:rgba(255,255,255,.14)}.interface-card.resolver{background:var(--b1-teal-soft);color:var(--b1-ink)}.interface-card.resolver>span{color:var(--b1-teal-dark)}.interface-card.resolver li{background:#fff;color:var(--b1-teal-dark)}.services-map{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:8px;align-items:stretch}.services-map>i{align-self:center;color:var(--b1-orange);font-style:normal;font-weight:900}.service{min-height:115px;padding:15px;border-radius:14px}.service span,.service strong,.service small{display:block}.service span{color:var(--b1-muted);font-size:.6rem;font-weight:900;text-transform:uppercase}.service strong{margin:25px 0 4px;color:var(--b1-ink);font-size:.82rem}.service small{color:var(--b1-muted);font-size:.64rem;line-height:1.3}.service.admin{background:var(--b1-orange-soft)}.service.minter,.service.resolver,.service.store{background:var(--b1-teal-soft)}.service.chain{background:var(--b1-blue-soft)}.service.ipfs{background:var(--b1-yellow-soft)}.services-map .service:nth-of-type(n+5){margin-top:8px}.internal-services>p{margin:22px 0 0;color:#bed0d4;font-size:.82rem;line-height:1.6}
.blockchain-section{background:var(--b1-blue);color:#fff}.technology-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.technology-grid.reverse{grid-template-columns:1fr 1fr}.technology-grid.reverse>div{order:2}.technology-grid.reverse>aside{order:1}.technology-grid h2{color:#fff}.ipfs-section .technology-grid h2{color:var(--b1-ink)}.technology-grid>div>p:not(.eyebrow){max-width:720px;color:#d2e0e8;font-size:1.05rem;line-height:1.72}.ipfs-section .technology-grid>div>p:not(.eyebrow){color:var(--b1-muted)}.technology-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:30px}.technology-facts article{padding:19px;border:1px solid rgba(255,255,255,.18);border-radius:15px;background:rgba(255,255,255,.075)}.technology-facts span,.technology-facts strong,.technology-facts small{display:block}.technology-facts span{color:var(--b1-yellow);font-size:.63rem;font-weight:900;text-transform:uppercase}.technology-facts strong{margin:13px 0 6px;color:#fff;font-size:.91rem}.technology-facts small{color:#cedce3;line-height:1.4}.ipfs-section{background:var(--b1-yellow-soft)}.ipfs-section .technology-facts article{border-color:#e8d59b;background:#fff}.ipfs-section .technology-facts span{color:#87620a}.ipfs-section .technology-facts strong{color:var(--b1-ink)}.ipfs-section .technology-facts small{color:var(--b1-muted)}.chain-illustration,.ipfs-illustration{padding:30px;border-radius:27px;background:#fff;color:var(--b1-ink);box-shadow:17px 18px 0 rgba(21,43,57,.12)}.validator-ring{position:relative;display:grid;min-height:390px;place-items:center;border:2px dashed #a9c9db;border-radius:50%}.validator-ring>div{max-width:240px;text-align:center}.validator-ring>div strong,.validator-ring>div small{display:block}.validator-ring>div strong{color:var(--b1-blue);font-size:1.2rem}.validator-ring>div small{margin-top:8px;color:var(--b1-muted);font-size:.72rem;line-height:1.4}.validator{position:absolute;display:grid;width:62px;height:62px;place-items:center;border-radius:50%;background:var(--b1-blue);color:#fff;font-weight:900}.validator.v1{top:-9px}.validator.v2{right:-9px}.validator.v3{bottom:-9px}.validator.v4{left:-9px}.chain-illustration>p,.ipfs-illustration>p{margin:28px 0 0;color:var(--b1-muted);font-size:.8rem;line-height:1.55}.technology-boundary{display:flex;gap:20px;align-items:center;margin-top:45px;padding:22px 25px;border-radius:18px;background:var(--b1-ink);color:#fff}.technology-boundary strong{flex:0 0 43%;color:var(--b1-yellow)}.technology-boundary span{color:#c4d4d8;font-size:.82rem}.technology-boundary.light{background:#fff;color:var(--b1-ink)}.technology-boundary.light strong{color:#765400}.technology-boundary.light span{color:var(--b1-muted)}.ipfs-illustration{text-align:center;box-shadow:17px 18px 0 rgba(245,189,66,.2)}.content-card,.cid-card{padding:20px;border-radius:15px}.content-card{background:var(--b1-teal-soft)}.cid-card{background:var(--b1-yellow-soft);border:1px solid #ead38b}.content-card span,.content-card strong,.cid-card span,.cid-card strong{display:block}.content-card span,.cid-card span{font-size:.62rem;font-weight:900;text-transform:uppercase}.content-card strong,.cid-card strong{margin-top:8px}.ipfs-illustration>i{display:block;color:var(--b1-orange);font-size:1.4rem;font-style:normal}.replica-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.replica-row span{padding:13px;border-radius:12px;background:var(--b1-ink);color:#fff;font-size:.69rem;font-weight:850}
.resolution-tabs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:16px}.resolution-tab{padding:12px 18px;border:1px solid var(--b1-line);border-radius:999px;background:#fff;color:var(--b1-muted);font:inherit;font-size:.82rem;font-weight:850;cursor:pointer}.resolution-tab.is-active{border-color:var(--b1-teal);background:var(--b1-teal);color:#fff}.resolution-panel{padding:34px;border:1px solid var(--b1-line);border-radius:25px;background:var(--b1-surface)}.js .resolution-panel:not(.is-active){display:none}html:not(.js) .resolution-tabs{display:none}.resolution-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:10px;align-items:stretch}.resolution-flow span,.resolution-flow strong{display:grid;min-height:73px;place-items:center;padding:14px;border-radius:14px;text-align:center}.resolution-flow span{border:1px solid var(--b1-line);background:#fff;color:var(--b1-ink);font-size:.76rem}.resolution-flow strong{background:var(--b1-teal);color:#fff;font-size:.8rem}.resolution-flow i{align-self:center;color:var(--b1-orange);font-style:normal;font-weight:900}.resolution-panel code{display:block;margin-top:22px;padding:14px;border-radius:12px;background:var(--b1-ink);color:var(--b1-yellow);font-size:.78rem;overflow-wrap:anywhere}.resolution-panel p{margin:17px 0 0;color:var(--b1-muted);line-height:1.6}
.b1-closing{background:var(--b1-ink);color:#fff}.closing-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.closing-grid h2{margin:12px 0 24px;color:#fff;font-size:clamp(2.8rem,5.2vw,5.2rem);line-height:.94;letter-spacing:-.07em}.closing-grid>div>p:not(.eyebrow){color:#c8d7dc;font-size:1.05rem;line-height:1.72}.outcome-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.outcome-grid article{min-height:175px;padding:23px;border:1px solid rgba(255,255,255,.13);border-radius:19px;background:rgba(255,255,255,.07)}.outcome-grid span{color:var(--b1-yellow);font:900 .67rem/1 ui-monospace,monospace}.outcome-grid strong{display:block;margin:35px 0 7px;color:#fff;font-size:1.05rem}.outcome-grid small{color:#c4d4d8;line-height:1.45}.documentation-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.documentation-grid h2{margin:12px 0 0;color:var(--b1-ink);font-size:clamp(2.4rem,4.4vw,4.4rem);line-height:.96;letter-spacing:-.065em}.documentation-grid article{padding:31px;border:1px solid var(--b1-line);border-radius:24px;background:var(--b1-surface)}.documentation-grid article>p{margin:0 0 24px;color:var(--b1-muted);line-height:1.67}.documentation-links{display:flex;flex-wrap:wrap;gap:13px 18px;align-items:center}.documentation-links>a:not(.button){color:var(--b1-teal-dark);font-size:.83rem;font-weight:850;text-decoration:none}
.state-button:focus-visible,.resolution-tab:focus-visible,.documentation-links a:focus-visible{outline:3px solid var(--b1-yellow);outline-offset:3px}
@media(max-width:1050px){.b1-hero-grid,.section-heading,.governance-grid,.technology-grid,.technology-grid.reverse,.closing-grid,.documentation-grid{grid-template-columns:1fr;gap:34px}.technology-grid.reverse>div,.technology-grid.reverse>aside{order:initial}.service-map{max-width:760px}.experience-steps{grid-template-columns:repeat(3,1fr)}.lane{grid-template-columns:1fr}.internal-flow{grid-template-columns:repeat(3,1fr)}.services-map{grid-template-columns:1fr auto 1fr auto 1fr}.services-map .service:nth-of-type(n+4){margin-top:8px}.technology-grid aside{max-width:680px}}
@media(max-width:760px){.b1-hero{padding:48px 0 65px}.b1-section{padding:69px 0}.b1-hero h1{font-size:clamp(3rem,15vw,5rem)}.b1-lead{font-size:1rem}.service-map-flow{grid-template-columns:1fr}.service-map-flow>i{transform:rotate(90deg);text-align:center}.map-node{min-height:105px}.experience-steps,.interface-cards{grid-template-columns:1fr}.experience-steps li{min-height:0}.experience-steps strong{margin-top:31px}.persistence-band{grid-template-columns:1fr}.persistence-band i{transform:rotate(90deg);text-align:center}.state-mainline{grid-template-columns:1fr}.state-mainline>i{transform:rotate(90deg);text-align:center}.state-branches{grid-template-columns:1fr}.state-panel{grid-template-columns:1fr;padding:29px 24px}.state-panel .state-code{font-size:4rem}.state-panel dl{grid-template-columns:1fr}.lane-flow{grid-template-columns:1fr}.lane-flow i{transform:rotate(90deg);text-align:center}.internal-flow{grid-template-columns:repeat(2,1fr)}.services-map{grid-template-columns:1fr}.services-map>i{transform:rotate(90deg);text-align:center}.technology-boundary{align-items:flex-start;flex-direction:column}.technology-boundary strong{flex:auto}.resolution-flow{grid-template-columns:1fr}.resolution-flow i{transform:rotate(90deg);text-align:center}.resolution-flow span,.resolution-flow strong{min-height:58px}}
@media(max-width:520px){.header-inner{gap:12px}.main-nav{gap:8px}.main-nav .nav-featured{display:none}.main-nav .b1-language-switch .language-link{padding:4px 6px}.service-map{padding:24px 20px}.internal-flow,.technology-facts,.outcome-grid{grid-template-columns:1fr}.validator-ring{min-height:300px}.validator{width:50px;height:50px}.replica-row{grid-template-columns:1fr}.resolution-tabs{display:grid;grid-template-columns:1fr}.resolution-tab{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

.service-paths{display:grid;gap:12px}.service-path{display:grid;grid-template-columns:190px 1fr;gap:18px;align-items:center;padding:18px;border:1px solid rgba(255,255,255,.14);border-radius:17px;background:rgba(255,255,255,.06)}.path-label span,.path-label strong{display:block}.path-label span{margin-bottom:6px;color:var(--b1-yellow);font-size:.63rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.path-label strong{color:#fff;font-size:.84rem}.path-flow{display:grid;grid-template-columns:repeat(7,auto);gap:8px;align-items:center}.path-flow>b,.path-flow>span>b{display:grid;min-height:58px;place-items:center;padding:10px 13px;border-radius:12px;background:#fff;color:var(--b1-ink);font-size:.72rem;text-align:center}.path-flow>i{color:var(--b1-orange);font-style:normal;font-weight:900}.path-flow>span{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.path-flow-branch{grid-template-columns:auto auto minmax(150px,auto) auto 1fr}
.ledger-flow{display:grid;gap:10px}.ledger-flow>div{padding:19px;border:1px solid var(--b1-line);border-radius:15px;background:var(--b1-surface);text-align:left}.ledger-flow>div span,.ledger-flow>div strong,.ledger-flow>div small{display:block}.ledger-flow>div span{color:var(--b1-blue);font:900 .64rem/1 ui-monospace,monospace}.ledger-flow>div strong{margin:18px 0 6px;color:var(--b1-ink)}.ledger-flow>div small{color:var(--b1-muted);line-height:1.4}.ledger-flow>i{color:var(--b1-orange);font-size:1.25rem;font-style:normal;text-align:center}.ledger-flow .validator-set{border-color:#a9c9db;background:var(--b1-blue-soft)}.ledger-flow .ledger-result{border-color:#e9cf85;background:var(--b1-yellow-soft)}
.multisite-map{padding:30px;border:1px solid var(--b1-line);border-radius:28px;background:var(--b1-surface)}.site-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.site-grid article{padding:23px;border-radius:18px;background:#fff}.site-grid article>span{color:var(--b1-orange);font-size:.65rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.site-grid article>strong{display:block;margin:28px 0 14px;color:var(--b1-ink);font-size:1rem}.site-grid ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}.site-grid li{padding:9px 11px;border-radius:10px;background:var(--b1-teal-soft);color:var(--b1-teal-dark);font-size:.73rem;font-weight:800}.network-rails{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px}.network-rails article{padding:20px;border-radius:16px;color:#fff}.network-rails article:first-child{background:var(--b1-blue)}.network-rails article:last-child{background:var(--b1-teal)}.network-rails span,.network-rails strong{display:block}.network-rails span{margin-bottom:9px;color:var(--b1-yellow);font-size:.64rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.network-rails strong{font-size:.82rem;line-height:1.45}.multisite-note{margin:22px 0 0;color:var(--b1-muted);font-size:.9rem;line-height:1.65}
@media(max-width:900px){.service-path{grid-template-columns:1fr}.path-flow,.path-flow-branch{grid-template-columns:1fr}.path-flow>i{transform:rotate(90deg);text-align:center}.path-flow>span,.site-grid,.network-rails{grid-template-columns:1fr}}

/* Ajustes de jerarquía para la lectura técnica: menos repetición, diagramas más amplios. */
.b1-hero{padding:60px 0 70px}.b1-hero h1{max-width:690px;font-size:clamp(3.1rem,5.4vw,5.6rem);line-height:.92}.b1-hero-grid{grid-template-columns:minmax(0,1fr) minmax(500px,.94fr);gap:52px}.service-map{padding:34px}.service-map-flow{gap:10px}.map-node{min-height:155px;padding:19px 14px}.map-node strong{font-size:.9rem}.map-node small{font-size:.69rem}.service-map-result{margin-top:20px;padding:20px}
.attribution-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0;padding:0;list-style:none}.attribution-steps li{position:relative;min-height:235px;padding:27px;border:1px solid var(--b1-line);border-radius:22px;background:var(--b1-surface)}.attribution-steps li:not(:last-child):after{position:absolute;right:-22px;top:50%;z-index:2;display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:var(--b1-orange);color:#fff;content:"→";font-weight:900;transform:translateY(-50%)}.attribution-steps span{color:var(--b1-orange);font:900 .68rem/1 ui-monospace,monospace}.attribution-steps strong{display:block;margin:58px 0 12px;color:var(--b1-ink);font-size:1.2rem}.attribution-steps p{margin:0;color:var(--b1-muted);font-size:.9rem;line-height:1.62}
.internal-flow-compact{grid-template-columns:repeat(4,1fr)}.internal-flow-compact li{min-height:132px}.internal-flow-compact li.cid-step{border-color:rgba(245,189,66,.5);background:rgba(245,189,66,.14)}.service-paths{gap:15px}.service-path{padding:21px 23px}.path-flow>b,.path-flow>span>b{min-height:66px;font-size:.75rem}.path-label strong{font-size:.91rem}.multisite-map{padding:34px}.site-grid article{min-height:235px}.network-rails article{min-height:115px}.technology-grid{gap:58px}
@media(max-width:1050px){.b1-hero-grid{grid-template-columns:1fr}.service-map{max-width:none}.attribution-steps{grid-template-columns:1fr}.attribution-steps li{min-height:0}.attribution-steps li:not(:last-child):after{right:auto;left:50%;top:auto;bottom:-22px;transform:translateX(-50%) rotate(90deg)}.internal-flow-compact{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.header-inner{gap:8px}.main-nav{margin-left:auto;gap:5px}.main-nav>a{display:none}.main-nav .b1-language-switch{display:inline-flex}.b1-hero{padding:42px 0 52px}.b1-hero h1{font-size:clamp(2.7rem,13.5vw,4.2rem)}.b1-hero-grid,.b1-lead{max-width:100%;min-width:0}.b1-lead{overflow-wrap:anywhere}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .button{width:100%;white-space:normal}.b1-section{padding:58px 0}.section-heading{margin-bottom:34px}.attribution-steps li{padding:23px}.attribution-steps strong{margin-top:32px}.persistence-band{margin-top:18px;padding:21px}.lane{padding:21px}.internal-flow-compact{grid-template-columns:1fr}.service-path{padding:18px}.multisite-map{padding:20px}.site-grid article{min-height:0}.technology-grid{gap:34px}}
/* Final spacing and readability polish */
.b1-section {
  padding: 82px 0;
}

.section-heading {
  align-items: start;
  gap: clamp(30px, 5vw, 68px);
  margin-bottom: 52px;
}

.section-heading > p {
  padding-top: 8px;
}

.attribution-steps {
  gap: 18px;
}

.governance-grid {
  align-items: start;
  gap: clamp(34px, 6vw, 74px);
}

.governance-grid > div > p + p {
  margin-top: 16px;
}

.state-explorer {
  gap: 28px;
}

.state-map {
  padding: 32px;
}

.state-panel {
  margin-top: 0;
}

.lane-diagram {
  margin-top: 6px;
}

.interface-cards,
.service-paths {
  gap: 18px;
}

.public-interfaces,
.internal-services {
  padding: 34px;
}

.technology-facts {
  gap: 14px;
}

.technology-boundary {
  margin-top: 30px;
}

.site-grid,
.network-rails {
  gap: 16px;
}

.resolution-tabs {
  margin-bottom: 24px;
}

.resolution-panel {
  padding: 38px;
}

.documentation-grid {
  align-items: start;
}

@media (max-width: 760px) {
  .b1-section {
    padding: 54px 0;
  }

  .section-heading {
    margin-bottom: 34px;
  }

  .state-map {
    padding: 20px;
  }

  .state-panel {
    padding: 26px 22px;
  }

  .public-interfaces,
  .internal-services {
    padding: 22px;
  }

  .resolution-panel {
    padding: 24px;
  }
}

.consensus-note {
  margin: 20px 0 0;
  color: #d2e0e8;
  font-size: .91rem;
  line-height: 1.62;
}

.consensus-note strong {
  color: var(--b1-yellow);
}

.source-note-light,
.source-note-light a {
  color: #d2e0e8;
}

.global-resolution {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 28px;
  align-items: center;
  margin-bottom: 16px;
  padding: 28px 30px;
  border: 1px solid var(--b1-line);
  border-radius: 24px;
  background: var(--b1-surface);
}

.global-resolution-copy h3 {
  max-width: 560px;
  margin: 10px 0 12px;
  color: var(--b1-ink);
  font-size: 1.45rem;
  letter-spacing: -.04em;
}

.global-resolution-copy p:not(.eyebrow) {
  max-width: 620px;
  margin: 0;
  color: var(--b1-muted);
  line-height: 1.62;
}

.global-resolution-flow {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  gap: 9px;
  align-items: center;
}

.global-resolution-flow span,
.global-resolution-flow strong {
  display: grid;
  min-height: 66px;
  place-items: center;
  padding: 12px;
  border-radius: 14px;
  background: #fff;
  color: var(--b1-ink);
  font-size: .78rem;
  text-align: center;
}

.global-resolution-flow strong:last-child {
  background: var(--b1-teal);
  color: #fff;
}

.global-resolution-flow i {
  color: var(--b1-orange);
  font-style: normal;
  font-weight: 900;
}

.continuity-note {
  display: flex;
  gap: 20px;
  align-items: center;
  margin-bottom: 24px;
  padding: 19px 23px;
  border-radius: 16px;
  background: var(--b1-teal-soft);
}

.continuity-note strong {
  flex: 0 0 35%;
  color: var(--b1-teal-dark);
}

.continuity-note span {
  color: var(--b1-muted);
  font-size: .86rem;
  line-height: 1.5;
}

@media (max-width: 900px) {
  .global-resolution {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .global-resolution-flow {
    grid-template-columns: 1fr;
  }

  .global-resolution-flow i {
    text-align: center;
    transform: rotate(90deg);
  }

  .continuity-note {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  .continuity-note strong {
    flex: auto;
  }
}

.source-note-light a {
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* IPFS: two metadata levels and their separate content references. */
.ipfs-section .technology-grid h2 + p {
  margin-top: 30px;
}

.metadata-level,
.cid-links,
.replica-levels {
  text-align: left;
}

.metadata-level {
  padding: 20px;
  border-radius: 15px;
}

.metadata-level span,
.metadata-level strong,
.metadata-level small,
.cid-links span,
.cid-links strong {
  display: block;
}

.metadata-level span,
.cid-links span {
  font-size: .62rem;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.metadata-level strong {
  margin: 9px 0 5px;
  color: var(--b1-ink);
}

.metadata-level small {
  color: var(--b1-muted);
  font-size: .78rem;
  line-height: 1.45;
}

.level-two {
  background: var(--b1-teal-soft);
}

.level-one {
  border: 1px solid #e8d59b;
  background: #fff;
}

.cid-links,
.replica-levels {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 9px;
}

.cid-links div {
  padding: 15px;
  border: 1px solid #ead38b;
  border-radius: 13px;
  background: var(--b1-yellow-soft);
}

.cid-links strong {
  margin-top: 7px;
  color: var(--b1-ink);
  font-size: .78rem;
  line-height: 1.35;
}

.replica-levels span {
  padding: 13px;
  border-radius: 12px;
  background: var(--b1-ink);
  color: #fff;
  font-size: .72rem;
  font-weight: 800;
}

.replica-levels b {
  margin-right: 5px;
  color: var(--b1-yellow);
}

@media (max-width: 520px) {
  .cid-links,
  .replica-levels {
    grid-template-columns: 1fr;
  }
}