@font-face{font-family:Manrope;src:url('./assets/fonts/Manrope.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
:root{--bg:#08090b;--surface:#111316;--ink:#f0f0ec;--muted:#999da5;--gold:#efc64b;--line:#2a2d32;--font:Manrope,Arial,sans-serif;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 var(--font);-webkit-font-smoothing:antialiased}::selection{background:var(--gold);color:#08090b}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}img{display:block;max-width:100%;height:auto}button:focus-visible,a:focus-visible,canvas:focus-visible,summary:focus-visible,[role=tabpanel]:focus-visible{outline:2px solid var(--gold);outline-offset:5px}[hidden]{display:none!important}.wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.skip-link{position:fixed;top:-80px;left:20px;z-index:99;background:var(--gold);color:#111;padding:12px}.skip-link:focus{top:10px}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;z-index:100;pointer-events:none}
.header{position:sticky;top:0;background:#08090bec;backdrop-filter:blur(18px);z-index:20;border-bottom:1px solid #ffffff0b}.header-inner{height:96px;display:flex;align-items:center;gap:36px}.brand{display:block;margin-right:auto;border-radius:50%;transition:filter .3s,transform .3s}.brand img{width:62px;height:62px;border-radius:50%}.brand:hover{filter:brightness(1.2);transform:rotate(-7deg)}.nav{display:flex;gap:34px;align-items:center;font-size:14px;font-weight:600}.nav a{position:relative;padding-block:10px;color:#b5b7bd;transition:color .2s}.nav a:after{content:'';position:absolute;left:0;right:0;bottom:1px;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .25s}.nav a:hover,.nav a.is-current{color:var(--ink)}.nav a:hover:after,.nav a.is-current:after{transform:scaleX(1)}
.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:16px 24px;border:1px solid #55575b;border-top-color:#77797d;border-radius:8px;background:linear-gradient(#303237,#1b1d21);color:var(--ink);box-shadow:0 5px 0 #070809,0 6px 0 #43464b,inset 0 1px 0 #ffffff13;transition:transform .25s var(--ease),box-shadow .25s,border-color .25s;white-space:nowrap;font-size:14px;font-weight:750;line-height:1.5;overflow:hidden}.button:after{content:'';position:absolute;inset:-60% -90%;transform:translateX(-60%) rotate(-20deg);background:linear-gradient(90deg,transparent,#ffffff24,transparent);transition:transform .65s;pointer-events:none}.button:hover{transform:translateY(-3px);border-color:#ac9661;box-shadow:0 8px 0 #070809,0 9px 0 #615330,0 14px 30px #0005}.button:hover:after{transform:translateX(60%) rotate(-20deg)}.button:active{transform:translateY(3px);box-shadow:0 2px 0 #070809,0 3px 0 #43464b}.button-gold{color:#15130a;background:linear-gradient(160deg,#ffe49a,#efc64b 50%,#dca725);border-color:#ffe89e #d9b23c #ac7e16;box-shadow:0 5px 0 #8b6314,0 6px 0 #2e210b,inset 0 1px 0 #fff8}.button-gold:hover{box-shadow:0 8px 0 #8b6314,0 9px 0 #2e210b,0 16px 35px #edbd4114;border-color:#fff0b7}.button-gold:active{box-shadow:0 2px 0 #8b6314,0 3px 0 #2e210b}.button-small{padding:12px 18px;gap:20px;font-size:13px}.button-small svg{width:17px;height:17px}.icon-button,.scene-button{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(#24262b,#141619);border:1px solid #3b3e44;border-top-color:#56585d;box-shadow:0 3px 0 #030405;color:#bfc1c7;border-radius:7px;width:40px;height:38px;transition:color .2s,transform .2s,border-color .2s}.icon-button:hover,.scene-button:hover{transform:translateY(-2px);color:var(--gold);border-color:#827040}.icon-button:active,.scene-button:active{transform:translateY(1px)}.icon-button svg{width:17px;height:17px}.menu-toggle{display:none}.text-link{display:inline-flex;align-items:center;gap:13px;font-size:14px;font-weight:650;background:none;border:0;padding:0;color:#c7c8cd;transition:color .25s}.text-link svg{width:19px;height:19px;transition:transform .25s}.text-link:hover{color:var(--gold)}.text-link:hover svg{transform:translate(3px,-2px)}
.hero{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:16px;min-height:714px;padding-block:34px 60px}.hero-copy{position:relative;z-index:2}.eyebrow{margin:0 0 28px;font-size:12px;font-weight:650;letter-spacing:1.7px;line-height:1.5;color:#959ba5}h1{font-size:clamp(40px,4.4vw,66px);line-height:1.07;letter-spacing:-3px;font-weight:800;margin:0 0 28px;white-space:nowrap}h1 span{display:inline-block;color:var(--gold)}.hero-intro{font-size:23px;line-height:1.5;font-weight:550;letter-spacing:-.8px;margin:0 0 20px;color:#e0e1e4}.hero-description{font-size:15px;line-height:1.9;color:var(--muted);margin:0}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:32px}.hero-visual{min-width:0;position:relative}.hero-art{height:540px;position:relative;isolation:isolate;margin-inline:-24px}.hero-art:before{content:'';position:absolute;inset:10% 0 5%;z-index:-1;background:radial-gradient(ellipse,#b6a96d0d,transparent 67%)}#hero-canvas{width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab;opacity:0;transition:opacity .7s}.hero-art.is-ready #hero-canvas{opacity:1}#hero-canvas:active{cursor:grabbing}.hero-fallback{position:absolute;inset:0;display:grid;place-items:center;transition:opacity .3s}.hero-fallback img{width:65%;max-width:350px;mix-blend-mode:screen}.hero-art.is-ready .hero-fallback{opacity:0;visibility:hidden}.scene-toolbar{position:absolute;bottom:0;right:20px;display:flex;gap:7px;z-index:2}.scene-button{width:auto;padding:0 13px;gap:8px;font-size:12px;font-weight:650}.scene-button svg{width:17px;height:17px}.scene-button[aria-pressed=true]{border-color:#c29e40;color:var(--gold);background:linear-gradient(#393022,#211d16)}.hero-selector{display:flex;justify-content:center;gap:6px;margin-top:24px;position:relative;z-index:3}.hero-selector button{border:1px solid transparent;background:none;color:#858b95;font-size:12px;font-weight:650;border-radius:6px;padding:8px 12px;transition:all .25s}.hero-selector button:hover{color:#e6d9b3;background:#ffffff07}.hero-selector button[aria-pressed=true]{border-color:#4e4430;color:var(--gold);background:linear-gradient(#25211a,#181610);box-shadow:0 2px 0 #030303}.market-strip{border-block:1px solid var(--line);background:#111214}.market-strip .wrap{display:flex;justify-content:space-between;gap:25px;align-items:center;padding-block:22px}.market-strip span{font-size:15px;color:#aeb0b5;font-weight:550}.market-strip span:first-child{color:var(--gold)}.market-strip a{display:flex;color:var(--gold);transition:transform .2s}.market-strip a:hover{transform:translateX(5px)}
.section{padding-block:110px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:55px}h2{font-size:clamp(34px,3.3vw,50px);font-weight:650;letter-spacing:-2.2px;line-height:1.22;margin:0}h2 span{color:#868c96}.section-heading>p,.section-description{font-size:16px;line-height:1.85;color:var(--muted);margin:0;max-width:365px}.index-explorer{display:grid;grid-template-columns:.92fr 1.08fr;gap:80px;align-items:center}.category-row{display:flex;align-items:center;text-align:left;width:100%;gap:18px;padding:27px 0;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--ink);transition:background .25s,padding .3s}.category-row:first-child{border-top:1px solid var(--line)}.category-number{align-self:flex-start;font-size:12px;color:#646b76;margin-top:7px}.category-row>span:nth-child(2){flex:1}.category-row strong{display:block;font-size:22px;font-weight:650;letter-spacing:-.7px;transition:color .25s}.category-row small{display:block;font-size:13px;color:#848a94;margin-top:7px;line-height:1.6}.category-row svg{width:20px;height:20px;color:#6f747c;transition:transform .3s,color .3s}.category-row:hover,.category-row.is-active{padding-inline:17px;background:linear-gradient(100deg,#f0c4430a,transparent)}.category-row.is-active strong,.category-row.is-active svg{color:var(--gold)}.category-row:hover svg{transform:translate(2px,-2px);color:var(--gold)}.narrative-display{position:relative;min-height:530px;border:1px solid #35373c;border-radius:12px;background:linear-gradient(145deg,#151719,#090a0c 72%);overflow:hidden;box-shadow:0 6px 0 #020304,0 7px 0 #23262a;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .4s var(--ease),border-color .4s}.narrative-display:hover{border-color:#6f603e}.narrative-panel{min-height:530px;position:relative}.narrative-panel img{width:82%;height:350px;object-fit:contain;margin:10px auto 0;mask-image:radial-gradient(ellipse at 50% 48%,#000 36%,transparent 76%);transition:transform .7s var(--ease)}.narrative-display:hover img{transform:translateY(-7px) scale(1.04)}.narrative-panel .meme-image{width:65%;mask-image:radial-gradient(ellipse at 50% 48%,#000 31%,transparent 75%)}.narrative-copy{padding:10px 40px 34px;position:relative;z-index:1}.narrative-copy h3{font-size:25px;letter-spacing:-.9px;font-weight:650;margin:0 0 12px}.narrative-copy p{font-size:14px;line-height:1.9;color:#9ea3ab;max-width:430px;margin:0}
.governance{border-block:1px solid var(--line);background:#0e1013}.governance-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:90px}.governance-copy .section-description{margin-top:27px;font-size:15px;max-width:none}.governance-tabs{display:flex;border-bottom:1px solid #393d43}.governance-tabs button{flex:1;text-align:left;background:none;border:0;border-bottom:2px solid transparent;color:#949aa4;padding:0 0 18px;margin-bottom:-1px;font-size:15px;font-weight:650;transition:color .2s,border-color .2s}.governance-tabs button span{display:block;color:#626a76;font-size:12px;font-weight:500;margin-bottom:8px}.governance-tabs button.is-active{border-bottom-color:var(--gold);color:var(--gold)}.governance-tabs button:hover{color:#fff}.governance-panel{padding-top:34px;min-height:290px}.consensus-diagram{display:flex;align-items:center;margin-bottom:30px}.diagram-node{display:inline-flex;align-items:center;justify-content:center;min-width:70px;padding:12px;border:1px solid #3b4149;border-radius:5px;background:linear-gradient(#20252b,#11151a);box-shadow:0 3px 0 #020304;color:#929aa6;font-size:11px;font-weight:600;letter-spacing:.4px;transition:color .4s,border-color .4s}.diagram-node.is-active,.diagram-node:first-child{border-color:#aa8b3c;color:var(--gold)}.consensus-diagram i{height:1px;background:#3b4149;flex:1;max-width:55px;position:relative;overflow:hidden}.consensus-diagram i:after{content:'';position:absolute;inset:0;background:var(--gold);transform:translateX(-100%);transition:transform .7s}.consensus-diagram[data-step="1"] i:first-of-type:after,.consensus-diagram[data-step="2"] i:after{transform:translateX(0)}.governance-panel h3{font-size:23px;font-weight:650;letter-spacing:-.7px;margin:0 0 14px}.governance-panel p{font-size:15px;color:#a2a7b0;line-height:1.9;margin:0 0 25px;max-width:500px}.governance-panel .text-link{color:var(--gold);font-size:13px}.governance-note{font-size:12px;line-height:1.8;color:#707985;margin:23px 0 0;max-width:460px}
.community-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:28px}.culture-card{position:relative;min-height:550px;overflow:hidden;border:1px solid #2c2f35;border-radius:12px;background:linear-gradient(150deg,#16181c,#090a0c 65%);transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .4s var(--ease),border-color .3s,box-shadow .3s;isolation:isolate}.culture-card:hover{border-color:#75633e;box-shadow:0 12px 35px #0004}.culture-copy{position:relative;z-index:2;padding:34px 35px}.culture-copy .eyebrow{margin-bottom:24px;font-size:11px;letter-spacing:1.3px}.culture-copy h3{font-size:36px;line-height:1.22;letter-spacing:-1.5px;font-weight:600;margin:0 0 20px}.culture-copy h3 span{color:var(--gold)}.culture-copy>p:last-child:not(.eyebrow){font-size:14px;color:#969da7;line-height:1.85;margin:0}.coffee-card img{position:absolute;width:67%;right:-2%;bottom:-35px;mask-image:radial-gradient(ellipse at 50% 52%,#000 35%,transparent 75%);z-index:1;transition:transform .8s var(--ease)}.culture-card:hover img{transform:scale(1.04) translateY(-6px)}.cat-card img{position:absolute;width:85%;right:-5%;bottom:0;mask-image:radial-gradient(ellipse at 50% 48%,#000 35%,transparent 73%);z-index:1;transition:transform .8s var(--ease)}.cat-card .culture-copy h3{font-size:33px}.cat-line{position:absolute;left:35px;right:20px;bottom:19px;font-size:12px;color:#aab0b9;z-index:2;margin:0}.faq-section{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.faq-section .eyebrow{margin-bottom:22px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0;list-style:none;cursor:pointer;transition:color .2s}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:hover{color:var(--gold)}.faq-list h3{font-size:17px;line-height:1.6;font-weight:550;margin:0;letter-spacing:-.3px}.faq-list summary svg{width:18px;height:18px;color:var(--gold);transition:transform .3s}.faq-list details[open] summary svg{transform:rotate(45deg)}.faq-list details>p{font-size:14px;color:#999fa9;line-height:1.9;margin:0 35px 27px 0}.closing{border-top:1px solid var(--line);padding-top:37px;overflow:hidden}.closing-top{display:flex;align-items:center;gap:25px}.footer-brand img{width:66px;height:66px;border-radius:50%}.closing-top p{font-size:13px;font-weight:600;letter-spacing:.8px;margin:0}.closing-top p span{font-size:12px;letter-spacing:0;font-weight:400;color:#858d98}.back-top{margin-left:auto;width:46px;height:44px}.closing-wordmark{font-size:clamp(120px,27.7vw,416px);line-height:1.2;font-weight:800;letter-spacing:-.065em;margin-left:-.04em;color:#c4a352;background:linear-gradient(140deg,#fce398,#ac822a);background-clip:text;-webkit-text-fill-color:transparent}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:#818894;padding-block:25px 32px;border-top:1px solid var(--line)}footer a{display:flex;align-items:center;gap:9px;transition:color .2s}footer a:hover{color:var(--gold)}footer svg{width:14px;height:14px}
@media(min-width:1600px){.hero{min-height:760px}.hero-art{height:600px}}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.header-inner{gap:27px}.nav{gap:23px}.hero{grid-template-columns:1fr 1fr;min-height:650px;gap:0}h1{font-size:4.3vw;letter-spacing:-2.3px}.hero-intro{font-size:22px}.hero-description{font-size:14px}.hero-art{height:505px}.hero-actions{align-items:start;flex-direction:column;gap:22px}.hero-selector{gap:0}.hero-selector button{font-size:11px;padding-inline:10px}.hero-copy .eyebrow{font-size:11px}.index-explorer{gap:45px}.category-row strong{font-size:20px}.narrative-copy{padding-inline:28px}.section{padding-block:85px}.governance-grid{gap:50px}.culture-copy{padding:28px}.culture-copy h3{font-size:31px}.cat-card .culture-copy h3{font-size:28px}.culture-card{min-height:520px}.coffee-card img{width:84%;right:-11%}.cat-card img{width:105%;right:-10%}.cat-line{left:28px}.faq-section{gap:55px}}
@media(max-width:760px){html{scroll-padding-top:90px}.wrap{width:calc(100% - 40px)}.header-inner{height:80px;gap:17px}.brand img{width:53px;height:53px}.header .button-small{margin-left:auto;padding:10px 13px;gap:10px;font-size:12px}.menu-toggle{display:flex}.nav{position:absolute;top:80px;left:0;right:0;flex-direction:column;align-items:stretch;padding:15px 24px 23px;gap:0;background:#101216;border-bottom:1px solid #3c4047;display:none}.nav.is-open{display:flex}.nav a{font-size:15px;padding-block:14px}.nav a:after{right:auto;width:40px}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-block:44px 30px;gap:15px}.hero-copy .eyebrow{font-size:11px;margin-bottom:24px}h1{font-size:clamp(32px,8.8vw,59px);line-height:1.1;letter-spacing:-1.7px;margin-bottom:25px}.hero-intro{font-size:21px;letter-spacing:-.6px;line-height:1.5;margin-bottom:17px}.hero-description{font-size:13px;line-height:1.9}.hero-actions{flex-direction:row;align-items:center;gap:19px;margin-top:27px}.hero-actions .button{font-size:12px;padding:14px 16px;gap:18px}.hero-actions .text-link{font-size:12px;max-width:120px;gap:7px;line-height:1.5}.hero-actions .text-link svg{width:16px;height:16px}.hero-art{height:390px;margin-inline:-20px;margin-top:6px}.hero-selector{margin-top:19px;justify-content:space-between;gap:0}.hero-selector button{font-size:11px;padding:8px 9px}.scene-toolbar{right:19px;bottom:0}.scene-button{height:34px;font-size:11px;padding-inline:10px}.scene-toolbar .icon-button{width:35px;height:34px}.market-strip .wrap{flex-wrap:wrap;gap:10px 17px;padding-block:18px}.market-strip span{font-size:12px}.market-strip span:nth-child(3){flex:1}.market-strip svg{width:18px;height:18px}.section{padding-block:64px}.section-heading{display:block;margin-bottom:35px}h2{font-size:34px;line-height:1.23;letter-spacing:-1.6px}.section-heading>p{font-size:14px;line-height:1.9;margin-top:22px;max-width:none}.index-explorer{grid-template-columns:1fr;gap:32px}.category-row{padding-block:22px;gap:16px}.category-row strong{font-size:20px}.category-row small{font-size:12px;margin-top:5px}.category-row.is-active,.category-row:hover{padding-inline:12px}.category-number{font-size:11px}.narrative-display,.narrative-panel{min-height:460px}.narrative-panel img{height:290px;width:90%;margin-top:4px}.narrative-panel .meme-image{width:80%}.narrative-copy{padding:4px 23px 26px}.narrative-copy h3{font-size:23px}.narrative-copy p{font-size:13px;line-height:1.9}.governance-grid{grid-template-columns:1fr;gap:35px}.governance-copy .eyebrow{font-size:11px;margin-bottom:20px}.governance-copy .section-description{font-size:14px;margin-top:22px}.governance-tabs button{font-size:14px;padding-bottom:14px}.governance-panel{min-height:300px;padding-top:29px}.diagram-node{min-width:64px;padding:11px 9px;font-size:10px}.consensus-diagram i{max-width:none}.governance-panel h3{font-size:23px}.governance-panel p{font-size:14px}.governance-note{font-size:11px;margin-top:14px}.community-grid{grid-template-columns:1fr;gap:26px}.culture-card{min-height:550px}.culture-copy{padding:26px}.culture-copy .eyebrow{font-size:10px;margin-bottom:23px}.culture-copy h3,.cat-card .culture-copy h3{font-size:31px;line-height:1.24;letter-spacing:-1.3px}.culture-copy>p:last-child:not(.eyebrow){font-size:13px}.coffee-card img{width:100%;right:-12%;bottom:-25px}.cat-card{min-height:520px}.cat-card img{width:100%;right:-7%;bottom:0}.cat-line{left:26px;right:18px;bottom:20px;font-size:11px}.faq-section{grid-template-columns:1fr;gap:33px}.faq-section .eyebrow{font-size:11px;margin-bottom:20px}.faq-list h3{font-size:15px}.faq-list summary{padding-block:23px}.faq-list details>p{font-size:13px;margin-right:20px}.closing{padding-top:29px}.closing-top{gap:17px}.footer-brand img{width:53px;height:53px}.closing-top p{font-size:10px;letter-spacing:.2px}.closing-top p span{font-size:10px}.back-top{width:35px;height:35px}.closing-wordmark{font-size:29vw;line-height:1.4}footer{font-size:10px;padding-block:22px}footer>span:nth-child(2){display:none}}
@media(max-width:370px){.hero-actions{gap:13px}.hero-actions .button{gap:11px;padding-inline:13px}.hero-selector button{padding-inline:6px;font-size:10px}.hero-art{height:350px}.header-inner{gap:12px}.market-strip .wrap{gap:9px}.category-row strong{font-size:18px}.culture-copy h3,.cat-card .culture-copy h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.culture-card,.narrative-display{transform:none!important}}

/* Market identities, transparent surfaces, and pointer-responsive light. */
body{isolation:isolate}
#ambient-background{--pointer-x:62vw;--pointer-y:35vh;--pointer-energy:0;position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 84% 20%,rgb(239 198 75 / .075),transparent 49%),radial-gradient(ellipse at 14% 81%,rgb(111 136 162 / .055),transparent 48%)}
#ambient-background:before{content:'';position:absolute;inset:0;opacity:var(--pointer-energy);background:radial-gradient(360px circle at var(--pointer-x) var(--pointer-y),rgb(239 198 75 / .105),rgb(239 198 75 / .035) 38%,transparent 72%)}
#ambient-canvas{display:block;width:100%;height:100%}
.header{background:rgba(12,14,18,.66);backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%);border-bottom-color:#ffffff13;box-shadow:0 12px 40px #0000000a}
.hero-art:before{background:radial-gradient(ellipse,#b6a96d0d,transparent 67%)}
.hero-selector{width:max-content;max-width:100%;margin-inline:auto;padding:5px;border:1px solid #ffffff12;border-radius:10px;background:linear-gradient(140deg,#ffffff09,#ffffff03);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #ffffff07}
.hero-selector button[aria-pressed=true]{background:linear-gradient(#75613744,#352c1833);border-color:#ab8a454d;box-shadow:inset 0 1px 0 #f7dd7c10,0 2px 0 #0005}
.narrative-display,.culture-card{background:linear-gradient(140deg,rgba(58,63,72,.31),rgba(17,20,25,.19));border-color:#ffffff1b;backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);box-shadow:inset 0 1px 0 #ffffff0c,0 12px 40px #0000001a,0 5px 0 #05070a55}
.narrative-display:hover,.culture-card:hover{border-color:#e1bf6866;box-shadow:inset 0 1px 0 #ffffff1a,0 15px 45px #0003,0 0 30px #cfa84005}
.governance{background:rgba(12,15,19,.44);border-block-color:#ffffff12}
.governance-interaction{border:1px solid #ffffff17;border-radius:12px;padding:30px;background:linear-gradient(135deg,#ffffff09,#ffffff02);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 #ffffff08,0 12px 35px #00000012}
.governance-grid{gap:65px}.governance-tabs{border-color:#ffffff1b}.governance-note{color:#858e9b}
.scene-toolbar .icon-button,.scene-toolbar .scene-button{background:linear-gradient(#454b5655,#15191f77);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:#ffffff21;box-shadow:inset 0 1px 0 #ffffff0b,0 3px 0 #03040555}
.ticker.market-strip{position:relative;display:flex;align-items:center;transform:rotate(-1.1deg);overflow:hidden;background:linear-gradient(100deg,#e4b832,#f5d46c 50%,#ebc147);color:#15130d;border-block:1px solid #ffedaa;box-shadow:0 8px 35px #0003;isolation:isolate}
.ticker-window{overflow:hidden;width:100%;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 93%,transparent);padding-right:0}
.ticker-track{display:flex;width:max-content;animation:market-ticker 34s linear infinite;will-change:transform}
.ticker-group{display:flex;align-items:center;flex-shrink:0;gap:40px;padding:17px 20px;font-size:23px;line-height:1.4;letter-spacing:-.7px;font-weight:800;white-space:nowrap}
.market-strip .ticker-group>span{font-size:inherit;color:inherit;font-weight:inherit}.market-strip .ticker-group .ticker-separator{font-size:25px;font-weight:300;opacity:.4}
.ticker-window:hover .ticker-track,.ticker-window:focus .ticker-track,.ticker.is-paused .ticker-track,.ticker.is-offscreen .ticker-track,.ticker.is-hidden .ticker-track{animation-play-state:paused}
@keyframes market-ticker{to{transform:translateX(-50%)}}
@media(max-width:1150px){.governance-grid{gap:40px}.governance-interaction{padding:26px}}
@media(max-width:760px){.header{background:rgba(10,13,17,.72)}.nav{background:rgba(19,23,29,.96)}.hero-selector{width:100%;border-radius:9px;padding:4px;gap:0}.hero-selector button{padding-inline:7px;font-size:10px}.ticker-group{gap:24px;padding:15px 12px;font-size:18px;letter-spacing:-.45px}.ticker-window{padding-right:0}.governance-grid{gap:31px}.governance-interaction{padding:24px 20px}.governance-tabs button{font-size:13px}.diagram-node{font-size:9px;min-width:53px;padding:10px 7px}.governance-panel p{font-size:13px}.governance-note{font-size:11px;line-height:1.8}}
@supports not (backdrop-filter:blur(1px)){.narrative-display,.culture-card,.governance-interaction{background:#14171ce8}.header{background:#0c0f13f5}}
@media(prefers-reduced-transparency:reduce){.narrative-display,.culture-card,.governance-interaction{background:#14171c}.header{background:#0c0f13}}
@media(prefers-reduced-motion:reduce),(pointer:coarse){#ambient-background:before{display:none}#ambient-canvas{opacity:.55}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none!important}.ticker-window{overflow-x:auto;mask-image:none}.ticker-group:nth-child(2){display:none}.ticker-window{padding-right:0}}
html,body{overflow-x:clip}

/* Equity sculpture and market ribbon */
.ticker-track{animation-duration:42s}
.ticker-window{mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.ticker-window:focus-visible{outline:2px solid #17150d;outline-offset:-6px}
.ticker-group{gap:36px;padding:19px 18px}
.market-strip .ticker-company{display:flex;align-items:center;gap:14px;font-size:22px;letter-spacing:-.6px;font-weight:750;transition:opacity .25s}
.ticker-company img{display:block;width:32px;height:32px;object-fit:contain;transition:transform .3s}
.ticker-company:hover img{transform:translateY(-2px) rotate(-5deg) scale(1.12)}
.ticker-company small{font-size:12px;font-weight:650;letter-spacing:.5px;opacity:.6;margin-left:2px}
.market-strip .ticker-company-name{font-size:inherit;font-weight:inherit;color:inherit}
.equity-art{position:relative;height:380px;width:100%;isolation:isolate}
#equity-canvas{display:block;width:100%;height:100%;position:relative;z-index:1;opacity:0;touch-action:pan-y;cursor:grab;transition:opacity .45s}
#equity-canvas:active{cursor:grabbing}
#equity-canvas:focus-visible{outline:1px solid #e9c769;outline-offset:-10px;border-radius:12px}
.equity-art.is-ready #equity-canvas{opacity:1}
.equity-fallback{position:absolute;inset:0;display:grid;place-items:center;transition:opacity .3s;pointer-events:none}
.equity-art .equity-fallback img{width:230px;height:230px;object-fit:contain;mask-image:none;border-radius:50%;margin:0;transform:none}
.equity-art.is-ready .equity-fallback{opacity:0}
@media(prefers-reduced-motion:reduce){.ticker-window{mask-image:none}}
@media(max-width:760px){.ticker-group{gap:25px;padding:17px 13px}.market-strip .ticker-company{gap:10px;font-size:18px}.ticker-company img{width:27px;height:27px}.ticker-company small{font-size:11px}.equity-art{height:300px}.equity-art .equity-fallback img{width:195px;height:195px}}

/* Compact type and a unified set of physical 3D illustrations. */
h1{font-size:clamp(38px,3.65vw,54px);letter-spacing:-2.3px}
h2{font-size:clamp(29px,2.8vw,40px);letter-spacing:-1.6px}
.narrative-copy h3{font-size:22px;letter-spacing:-.7px}
.category-row strong{font-size:20px}
.community-grid{grid-template-columns:1fr 1fr;gap:28px}
.culture-card{min-height:0;display:flex;flex-direction:column;transform:none}
.culture-copy{padding:28px 30px 0;flex-shrink:0}
.culture-copy .eyebrow{margin-bottom:16px}
.culture-copy h3{font-size:26px;line-height:1.28;letter-spacing:-.9px;margin-bottom:14px}
.culture-copy>p:last-child:not(.eyebrow){font-size:14px;line-height:1.8}
.detail-art{height:380px;width:100%;position:relative;isolation:isolate}
.detail-art canvas{display:block;position:relative;z-index:1;width:100%;height:100%;opacity:0;cursor:grab;touch-action:pan-y;transition:opacity .35s}
.detail-art canvas:active{cursor:grabbing}
.detail-art canvas:focus-visible{outline:1px solid var(--gold);outline-offset:-10px;border-radius:12px}
.detail-art.is-ready canvas{opacity:1}
.detail-fallback{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;transition:opacity .3s}
.detail-art.is-ready .detail-fallback{opacity:0}
.detail-art .detail-fallback img{position:static;width:180px;height:180px;object-fit:contain;border-radius:50%;mask-image:none;transform:none;margin:0}
.culture-card .detail-art{height:310px;margin-top:auto}
.culture-caption{padding:0 30px 24px;margin:0;font-size:13px;color:#989fa9;line-height:1.7}
.terminal-card .detail-art{margin-bottom:20px}
.closing{padding-top:28px}
.closing-wordmark{font-size:clamp(52px,6vw,84px);line-height:1.1;letter-spacing:-.045em;margin:26px 0 28px;max-width:max-content}
@media(max-width:1150px){h1{font-size:3.8vw}.culture-copy{padding:25px 25px 0}.culture-copy h3{font-size:24px}.culture-caption{padding-inline:25px}}
@media(max-width:760px){h1{font-size:clamp(29px,7.8vw,44px);letter-spacing:-1.4px}h2{font-size:29px;letter-spacing:-1.2px}.narrative-copy h3{font-size:21px}.community-grid{grid-template-columns:1fr;gap:24px}.culture-copy{padding:25px 24px 0}.culture-copy h3{font-size:24px;letter-spacing:-.7px}.detail-art{height:300px}.culture-card .detail-art{height:280px}.culture-caption{padding:0 24px 23px}.closing-wordmark{font-size:58px;margin-block:25px}.closing-top p{letter-spacing:0}}

/* Mouse and touch remain border-free; keyboard focus uses a quiet neutral cue. */
html[data-input="pointer"] :is(button,a,canvas,summary,[role="tabpanel"]):focus{outline:none!important}
#hero-canvas:focus-visible,#equity-canvas:focus-visible,.detail-art canvas:focus-visible{outline:1px solid #cdd2db70;outline-offset:-7px;border-radius:8px}
.narrative-display:hover,.culture-card:hover{border-color:#ffffff30}

/* Model gestures own the canvas; the rest of the page keeps vertical scrolling. */
html,body{touch-action:pan-y}
#hero-canvas,#equity-canvas,.detail-art canvas{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
@media(pointer:coarse){.header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}

/* Submerged BNB coins: milled gold rims, dark faces and shallow physical depth. */
.bnb-coin-field{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.bnb-coin{position:absolute;left:0;top:0;border-radius:50%;padding:6px;will-change:transform;transform-origin:center;background:conic-gradient(from 25deg,#fff1b0,#9a6b1d 18%,#edc969 34%,#51350e 49%,#e6b853 65%,#fff3ba 79%,#8a5d15 93%,#fff1b0);border:1px solid #f7dc82;box-shadow:0 2px 0 #75501b,0 3px 0 #4b3418,0 7px 16px #0006;contain:layout style}
.bnb-coin:after{content:'';position:absolute;inset:3px;border-radius:50%;border:1px dashed #533909aa;pointer-events:none}
.bnb-coin-face{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;border:1px solid #ecc773;background:radial-gradient(ellipse at 25% 16%,#6c522c,#201b13 48%,#101210 85%);box-shadow:inset 0 1px 3px #ffedaa66,inset 0 -2px 4px #0009;overflow:hidden}
.bnb-coin-face:after{content:'';position:absolute;inset:0;background:linear-gradient(125deg,#ffe7a128,transparent 40%,#ffe7a109 66%,transparent);border-radius:inherit}
.bnb-coin svg{width:54%;height:54%;fill:#f1ce76;stroke:none;filter:drop-shadow(0 1px 0 #fff1ac55) drop-shadow(0 -1px 1px #000);transform:translateY(-5%)}
.bnb-coin span{position:absolute;bottom:8%;font:750 8px/1 var(--font);letter-spacing:1.5px;color:#d0ae5e}
@media(prefers-reduced-motion:reduce){.bnb-coin{will-change:auto}}

/* Contract identity and the community Reserve. */
.contract-box{max-width:520px;margin-top:28px;padding:15px 16px;border:1px solid #d6b86652;border-radius:9px;background:linear-gradient(125deg,#b18c3115,#ffffff04);box-shadow:inset 0 1px 0 #f7dea710,0 5px 16px #0002;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.contract-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px;color:var(--gold);font-size:11px;line-height:1.5;font-weight:750;letter-spacing:.7px}.contract-label{color:#a2a5ad;font-size:9px;font-weight:550;letter-spacing:1px;margin-left:5px}.contract-status{color:#e3d59e;letter-spacing:0;font-size:11px;font-weight:500;text-align:right}.contract-row{display:flex;align-items:center;gap:10px;min-width:0}.contract-row code{flex:1;min-width:0;font-family:var(--font);font-size:12px;line-height:1.65;font-weight:550;letter-spacing:.02em;color:#e5dfcc;overflow-wrap:anywhere;user-select:all;-webkit-user-select:all;font-variant-numeric:tabular-nums}.contract-copy{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;min-width:69px;min-height:38px;padding:8px 10px;border:1px solid #827045;border-radius:6px;background:linear-gradient(#393124,#211d16);color:#f4d980;font-size:11px;font-weight:650;box-shadow:0 3px 0 #090a0b,inset 0 1px 0 #ffffff14;transition:background .2s,transform .2s,box-shadow .2s}.contract-copy:hover{background:linear-gradient(#51442b,#302719);transform:translateY(-2px);box-shadow:0 5px 0 #090a0b,inset 0 1px 0 #ffffff14}.contract-copy:active{transform:translateY(1px);box-shadow:0 1px 0 #090a0b}.contract-copy svg{width:15px;height:15px}.contract-copy .copied-glyph{display:none}.contract-copy.is-copied .copy-glyph{display:none}.contract-copy.is-copied .copied-glyph{display:block}
.reserve-section{border-bottom:1px solid #ffffff13}.reserve-intro{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:end;margin-bottom:42px}.reserve-intro .eyebrow{color:#c7b477;margin-bottom:20px}.reserve-intro h2{font-size:clamp(29px,2.7vw,38px);line-height:1.25}.reserve-intro h2 span{color:#d9d9d5}.reserve-summary p{font-size:15px;line-height:1.9;color:var(--muted);margin:0}.reserve-supply{height:6px;background:#ffffff10;border-radius:3px;overflow:hidden;margin-top:20px}.reserve-supply>span{display:block;width:3%;height:100%;background:var(--gold);border-radius:3px;box-shadow:0 0 12px #efc64b77}.reserve-summary .reserve-supply-caption{font-size:11px;margin-top:8px;color:#b4a575}
.reserve-panel{overflow:hidden;border:1px solid #ffffff21;border-radius:12px;background:linear-gradient(125deg,#3a3f483b,#11141938);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #ffffff09,0 12px 40px #0002}.reserve-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 32px;font-size:12px;line-height:1.6;font-weight:550;letter-spacing:.2px;color:#b9b5a8;border-bottom:1px solid #ffffff14}.reserve-panel-heading svg{color:#a39364;width:20px;height:20px}.reserve-allocations{display:grid;grid-template-columns:1fr 1fr}.reserve-allocation{position:relative;padding:30px 32px 34px;transition:background .3s}.reserve-allocation+ .reserve-allocation{border-left:1px solid #ffffff1a}.reserve-allocation:before{content:'';position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#e6bf55,#a88a4355);opacity:.75;transition:opacity .3s}.reserve-allocation:nth-child(2):before{background:linear-gradient(90deg,#c8c9bd88,#8b79503b)}.reserve-allocation:hover{background:#e7c86d07}.reserve-allocation:hover:before{opacity:1}.reserve-allocation-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.reserve-percent{font-size:46px;line-height:1.15;font-weight:650;letter-spacing:-2px;color:#efd68e;font-variant-numeric:tabular-nums}.reserve-percent>span{font-size:25px;margin-left:3px;font-weight:450;letter-spacing:-1px}.reserve-allocation-top>svg{width:40px;height:40px;padding:5px;color:#c4ae6b;transition:transform .35s}.reserve-allocation:hover .reserve-allocation-top>svg{transform:translateY(-3px)}.reserve-allocation:nth-child(2) .reserve-percent{color:#d9d8ca}.reserve-allocation h3{font-size:21px;line-height:1.4;letter-spacing:-.5px;font-weight:650;margin:0 0 12px}.reserve-allocation p{font-size:14px;line-height:1.9;margin:0;max-width:475px;color:#a3a7ae}.reserve-cycle{display:flex;align-items:center;gap:18px;padding:25px 32px;border-top:1px solid #ffffff17;background:#07090b24}.reserve-cycle>svg{width:24px;height:24px;color:#c6ad65}.reserve-cycle h3{font-size:15px;font-weight:650;line-height:1.5;margin:0 0 5px}.reserve-cycle p{font-size:13px;line-height:1.8;color:#969da7;margin:0}.reserve-cycle .text-link{margin-left:auto;flex-shrink:0;font-size:12px;color:#d1b56c}.reserve-closing{margin:30px 0 0;font-size:18px;line-height:1.65;letter-spacing:-.35px;color:#999da5}.reserve-closing span{color:var(--gold)}
@media(min-width:761px) and (max-width:1050px){.nav{gap:18px;font-size:12px}.header-inner{gap:20px}.header .button-small{padding:10px 12px;font-size:12px;gap:10px}.header .brand img{width:54px;height:54px}.contract-row code{font-size:11px}.contract-copy{min-width:37px;padding:9px}.contract-copy>span{display:none}}
@media(max-width:760px){.contract-box{margin-top:25px;max-width:510px;padding:13px}.contract-heading{font-size:10px}.contract-label{font-size:8px;letter-spacing:.7px}.contract-row{gap:12px}.contract-row code{font-size:11.5px;letter-spacing:0;line-height:1.8}.contract-copy{min-width:40px;min-height:40px;padding:10px}.contract-copy>span{display:none}.reserve-intro{grid-template-columns:1fr;gap:23px;margin-bottom:29px}.reserve-intro .eyebrow{font-size:11px;margin-bottom:19px}.reserve-intro h2{font-size:29px}.reserve-summary p{font-size:14px}.reserve-summary .reserve-supply-caption{font-size:10px}.reserve-panel-heading{font-size:11px;padding:16px 23px;gap:16px}.reserve-allocations{grid-template-columns:1fr}.reserve-allocation{padding:26px 23px}.reserve-allocation+ .reserve-allocation{border-left:0;border-top:1px solid #ffffff18}.reserve-percent{font-size:39px}.reserve-percent>span{font-size:23px}.reserve-allocation h3{font-size:20px}.reserve-allocation p{font-size:13px;line-height:1.9}.reserve-cycle{padding:23px;gap:13px;align-items:flex-start;flex-wrap:wrap}.reserve-cycle>svg{width:21px;height:21px;margin-top:2px}.reserve-cycle>div{flex:1;min-width:190px}.reserve-cycle h3{font-size:14px}.reserve-cycle p{font-size:12px}.reserve-cycle .text-link{margin:4px 0 0 34px}.reserve-closing{margin-top:24px;font-size:16px}}