.demo-layout{display:grid;grid-template-columns:130px 1fr;gap:25px;align-items:center;margin:30px 0}.demo-layout img{width:100%;height:auto;border-radius:16px}.demo-badge{font-size:13px;color:var(--accent);line-height:1.6}.demo-outline{padding-left:20px;color:var(--muted);line-height:1.9;font-size:14px}.demo-panel{padding:26px;background:var(--panel);border:1px solid var(--line);min-height:270px}.demo-panel>span{font-size:13px;color:var(--accent)}.demo-panel h3{font-size:23px;margin:18px 0 15px}.demo-panel p{font-size:16px;line-height:1.8;color:var(--muted)}.demo-controls{display:flex;justify-content:space-between;gap:16px;margin-top:16px}.demo-controls button{min-height:44px;padding:12px 20px;background:var(--accent);color:var(--bg);border:1px solid var(--accent);border-radius:4px;cursor:pointer}.demo-controls button:disabled{background:transparent;border-color:var(--line);color:var(--muted);cursor:default}.essay .small-note{font-size:14px;line-height:1.75;margin-top:22px}.small-note a{text-decoration:underline;text-underline-offset:4px}.brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.brand-grid a{border:1px solid var(--line);padding:16px;display:flex;flex-direction:column;gap:10px}.brand-grid a:hover{border-color:var(--accent)}.brand-grid img{width:100%;height:150px;object-fit:contain;background:#111916}.brand-grid strong{font-size:16px;font-weight:500}.brand-grid span{font-size:14px;color:var(--muted)}nav a{min-height:30px}.section-label,.nav-caption,.eyebrow,.stage-kicker,.art-label,.footer-bottom,.status{font-size:12px;line-height:1.6}.turtle-stage .stage-kicker{max-width:90%}.reader-body{content-visibility:auto}main{min-width:0}summary{min-height:48px}a,button{-webkit-tap-highlight-color:transparent}@media(max-width:700px){nav{grid-template-columns:repeat(3,minmax(0,1fr))}nav a{min-height:44px}.demo-layout{grid-template-columns:90px 1fr;gap:16px}.demo-panel{padding:20px;min-height:330px}.brand-grid{gap:12px}.brand-grid a{padding:12px}.brand-grid img{height:115px}.stage-kicker,.turtle-stage .art-label{font-size:11px}.token-facts>div{flex-wrap:wrap}.mascot-intro{grid-template-columns:90px 1fr}}@media(max-width:380px){.brand-grid{grid-template-columns:1fr}.hero-actions{flex-wrap:wrap}.token-heading{align-items:flex-start}}
.brand-grid{grid-template-columns:minmax(0,420px)}.brand-grid img{height:220px}

header{position:sticky;top:0;z-index:20;background:var(--bg);box-shadow:0 0 0 1px var(--bg)}.header-actions{display:flex;align-items:center;gap:22px;flex-shrink:0}.header-x{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:11px 17px;border-radius:5px;background:var(--accent);color:var(--bg);font-size:14px;font-weight:700;white-space:nowrap}.header-x:hover{filter:brightness(.92)}.x-symbol{font-family:Arial,sans-serif;font-size:23px;line-height:1}.header-note{margin-right:0}.theme-toggle{min-height:44px}.manifesto-reader{scroll-margin-top:120px}@media(max-width:1000px){.header-note{display:none}}@media(max-width:700px){header{margin:0;padding:0 6%;gap:10px}.header-actions{gap:12px}.header-x{padding:10px 12px;font-size:12px;gap:7px}.header-x .x-symbol{font-size:20px}.manifesto-reader{scroll-margin-top:90px}}@media(max-width:400px){header .brand-turtle{width:38px}header .wordmark{font-size:21px;gap:5px}.header-actions{gap:9px}.header-x{padding:10px;gap:5px}.theme-label{display:none}}