@import url('data:text/css,');

:root {
  --black: #050505;
  --black-2: #0a0a0b;
  --panel: #101012;
  --white: #f5f3ed;
  --muted: #a6a39d;
  --gold: #f5a800;
  --gold-2: #ffcf4a;
  --blue: #00b7ff;
  --line: rgba(255,255,255,.13);
  --max: 1380px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--black); }
body {
  margin: 0;
  color: var(--white);
  background:
    radial-gradient(circle at 82% 8%, rgba(0,183,255,.09), transparent 28rem),
    radial-gradient(circle at 15% 36%, rgba(245,168,0,.07), transparent 32rem),
    var(--black);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  overflow-x: hidden;
}
.landing-page {
  --gold: #00b7ff;
  --gold-2: #62cfff;
  --line: rgba(98,207,255,.15);
  background:
    radial-gradient(circle at 82% 8%, rgba(0,183,255,.14), transparent 30rem),
    radial-gradient(circle at 14% 42%, rgba(32,112,164,.07), transparent 34rem),
    #030608;
}
body::selection { background: var(--gold); color: #000; }
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
img { display: block; max-width: 100%; }

.noise {
  position: fixed; inset: 0; z-index: 20; pointer-events: none; opacity: .035;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");
}
.cursor-glow {
  position: fixed; z-index: 0; width: 27rem; height: 27rem; border-radius: 50%; pointer-events: none;
  background:
    radial-gradient(circle at 49% 49%, rgba(102,225,255,.075) 0, rgba(0,183,255,.09) 30%, transparent 68%),
    radial-gradient(circle at 63% 40%, rgba(245,168,0,.035), transparent 50%),
    radial-gradient(circle at 38% 61%, rgba(67,255,176,.02), transparent 52%);
  mix-blend-mode: screen;
  filter: saturate(1.08);
  transform: translate(-50%,-50%); transition: opacity .2s;
}

.site-header {
  height: 82px; width: min(calc(100% - 48px), var(--max)); margin: 0 auto;
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center;
  border-bottom: 1px solid var(--line); position: relative; z-index: 10;
}
.brand { display: inline-flex; align-items: center; gap: 4px; font-weight: 950; font-style: italic; font-size: 21px; letter-spacing: -.05em; width: fit-content; }
.brand-logo { width:38px; height:38px; margin-right:8px; object-fit:contain; filter:drop-shadow(0 0 14px rgba(0,183,255,.28)); }
.brand-x { color: var(--gold); font-size: 1.25em; text-shadow: 0 0 18px rgba(245,168,0,.5); }
nav { display: flex; align-items:center; gap: 36px; }
nav>a,nav summary { color: #aaa; font-size: 12px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; transition: color .2s; }
nav>a:hover,nav summary:hover { color: var(--white); }
.market-menu { position:relative; }
.market-menu summary { list-style:none; cursor:pointer; }
.market-menu summary::-webkit-details-marker { display:none; }
.market-menu summary::after { content:'+'; margin-left:8px; color:var(--gold); }
.market-menu[open] summary::after { content:'−'; }
.market-menu-panel { position:absolute; z-index:30; top:30px; left:50%; width:240px; padding:7px; display:none; transform:translateX(-50%); border:1px solid rgba(255,255,255,.15); background:rgba(7,10,12,.96); backdrop-filter:blur(20px); box-shadow:0 24px 70px rgba(0,0,0,.52); }
.market-menu[open] .market-menu-panel,.market-menu:hover .market-menu-panel,.market-menu:focus-within .market-menu-panel { display:grid; }
.market-menu-panel a { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 13px; border:1px solid transparent; color:var(--white); text-transform:none; letter-spacing:0; }
.market-menu-panel a+a { border-top-color:var(--line); }
.market-menu-panel a:hover,.market-menu-panel a:focus-visible { border-color:rgba(0,183,255,.38); background:rgba(0,183,255,.06); }
.market-menu-panel span { font-size:12px; font-weight:850; }
.market-menu-panel b { color:var(--gold); font-size:9px; letter-spacing:.08em; text-transform:uppercase; white-space:nowrap; }
.nav-cta { justify-self: end; font-size: 12px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; padding: 12px 17px; border: 1px solid var(--line); background: rgba(255,255,255,.025); }
.nav-cta span { color: var(--gold); margin-left: 8px; }

.hero { min-height: calc(100svh - 82px); width: min(calc(100% - 48px), var(--max)); margin: 0 auto; display: grid; grid-template-columns: 1.03fr .97fr; align-items: center; gap: 36px; position: relative; isolation: isolate; }
.hero-grid { position: absolute; inset: 0; z-index: -2; opacity: .15; background-image: linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg,var(--line) 1px,transparent 1px); background-size: 84px 84px; mask-image: linear-gradient(to bottom,black,transparent 88%); }
.hero-copy { padding: 70px 0 100px; position: relative; z-index: 2; }
.eyebrow { display: flex; align-items: center; gap: 11px; margin-bottom: 28px; color: #bbb; font-size: 11px; font-weight: 850; letter-spacing: .18em; text-transform: uppercase; }
.pulse { width: 8px; height: 8px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 0 rgba(245,168,0,.5); animation: pulse 2s infinite; }
@keyframes pulse { 70% { box-shadow: 0 0 0 10px rgba(245,168,0,0); } 100% { box-shadow: 0 0 0 0 rgba(245,168,0,0); } }
h1,h2 { margin: 0; font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; font-weight: 950; text-transform: uppercase; letter-spacing: -.035em; line-height: .86; }
h1 { font-size: clamp(64px, 7.6vw, 128px); }
h1 span { display: block; }
.gradient-text { color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.18); background: linear-gradient(100deg,var(--gold),#fff2b3 52%,var(--blue)); -webkit-background-clip: text; background-clip: text; filter: drop-shadow(0 0 28px rgba(245,168,0,.18)); }
.hero-lead { max-width: 610px; margin: 32px 0 30px; color: #c6c4be; font-size: clamp(17px,1.5vw,21px); line-height: 1.6; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.button { min-height: 56px; padding: 0 22px; display: inline-flex; align-items: center; justify-content: space-between; gap: 28px; border: 0; cursor: pointer; font-size: 12px; font-weight: 950; letter-spacing: .14em; text-transform: uppercase; position: relative; overflow: hidden; transition: transform .2s, border-color .2s, background .2s; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: #080808; background: linear-gradient(105deg,var(--gold),var(--gold-2)); box-shadow: 0 10px 40px rgba(245,168,0,.17); }
.button-primary::before { content:""; position:absolute; inset:0; background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.75) 45%,transparent 70%); transform:translateX(-140%); animation: shine 4s infinite 1s; }
@keyframes shine { 0%,65% { transform:translateX(-140%); } 90%,100% { transform:translateX(140%); } }
.button span,.button b { position: relative; z-index: 1; }
.button-ghost { border: 1px solid var(--line); background: rgba(255,255,255,.035); }
.button-ghost:hover { border-color: rgba(255,255,255,.35); background: rgba(255,255,255,.07); }
.micro { color: #777; font-size: 11px; margin: 18px 0 0; }

.hero-art { min-width: 0; position: relative; justify-self: end; width: min(100%,680px); aspect-ratio: 1; }
.hero-frame { position: absolute; inset: 7%; margin: 0; overflow: hidden; border-radius: 50%; border: 1px solid rgba(255,255,255,.18); box-shadow: 0 0 0 12px rgba(255,255,255,.025), 0 35px 90px rgba(0,0,0,.72), -20px 0 80px rgba(245,168,0,.11), 20px 0 80px rgba(0,183,255,.12); }
.hero-frame::after { content:""; position:absolute; inset:0; background:linear-gradient(110deg,rgba(245,168,0,.06),transparent 44%,rgba(0,183,255,.06)); pointer-events:none; }
.hero-frame img { width:100%; height:100%; object-fit:cover; transform:scale(1.015); }
.orbit { position:absolute; border-radius:50%; pointer-events:none; }
.orbit-one { inset: 1%; border: 1px solid rgba(245,168,0,.35); border-right-color: var(--blue); animation: spin 18s linear infinite; }
.orbit-two { inset: 13%; border: 1px dashed rgba(255,255,255,.18); animation: spin 32s linear infinite reverse; }
@keyframes spin { to { transform:rotate(360deg); } }
.hero-badge { position:absolute; padding: 13px 16px; min-width:100px; backdrop-filter:blur(14px); background:rgba(6,6,6,.7); border:1px solid var(--line); box-shadow:0 12px 36px rgba(0,0,0,.45); }
.hero-badge small { display:block; color:#777; letter-spacing:.18em; font-size:8px; font-weight:900; }
.hero-badge strong { display:block; margin-top:3px; color:var(--gold); font-size:22px; font-style:italic; }
.badge-top { top:14%; right:0; }
.badge-bottom { bottom:11%; left:1%; }
.scroll-cue { position:absolute; bottom:20px; left:0; display:flex; align-items:center; gap:14px; color:#686868; font-size:9px; font-weight:900; letter-spacing:.2em; }
.scroll-cue i { width:72px; height:1px; background:linear-gradient(90deg,var(--gold),transparent); }

.ticker { width:100%; overflow:hidden; border-block:1px solid var(--line); background:var(--gold); color:#080808; transform:rotate(-1deg) scale(1.01); }
.ticker-track { display:flex; width:max-content; animation:marquee 25s linear infinite; }
.ticker span { padding:16px 24px; white-space:nowrap; font-size:14px; font-weight:1000; letter-spacing:.13em; }
.ticker i { margin-left:42px; font-style:normal; }
@keyframes marquee { to { transform:translateX(-50%); } }

.section { width:min(calc(100% - 48px),var(--max)); margin:0 auto; padding:150px 0; position:relative; }
.section-label { display:flex; gap:16px; align-items:center; color:#777; font-size:10px; font-weight:900; letter-spacing:.22em; margin-bottom:62px; }
.section-label span { color:var(--gold); }
.section-label::after { content:""; width:90px; height:1px; background:var(--line); }
.drip { display:grid; grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr); gap:8vw; align-items:center; border-bottom:1px solid var(--line); }
.drip-art { position:relative; min-width:0; }
.drip-art img { position:relative; z-index:1; display:block; width:100%; height:auto; filter:drop-shadow(0 28px 70px rgba(0,0,0,.6)); }
.drip-halo { position:absolute; inset:12%; border-radius:50%; background:radial-gradient(circle,rgba(0,183,255,.25),rgba(245,168,0,.12) 46%,transparent 70%); filter:blur(28px); }
.drip-stamp { position:absolute; z-index:2; right:-15px; bottom:8%; padding:10px 12px; border:1px solid rgba(0,183,255,.55); background:rgba(3,8,12,.86); color:#73d9ff; font:900 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.13em; transform:rotate(-2deg); }
.drip-copy h2 { font-size:clamp(52px,6vw,92px); line-height:.88; }
.drip-copy p { max-width:720px; margin:30px 0; color:#aaa; font-size:clamp(17px,1.5vw,20px); line-height:1.72; }
.drip-copy p strong { color:var(--white); }
.drip-copy small { display:block; margin-top:18px; color:#707070; font-size:11px; line-height:1.6; }
.drip-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:0 0 34px; border-block:1px solid var(--line); }
.drip-facts span { min-width:0; padding:18px 15px 18px 0; color:#8a8a8a; font-size:11px; text-transform:uppercase; letter-spacing:.08em; }
.drip-facts span+span { padding-left:15px; border-left:1px solid var(--line); }
.drip-facts b { display:block; margin-bottom:6px; color:var(--gold); font-size:20px; letter-spacing:0; }
.manifesto-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:9vw; align-items:start; }
h2 { font-size:clamp(58px,7vw,118px); }
h2 em { font-style:normal; color:var(--gold); }
.manifesto-copy { padding-top:8px; }
.manifesto-copy p { margin:0 0 24px; color:#aaa; font-size:clamp(17px,1.5vw,21px); line-height:1.7; }
.tag-row { margin-top:44px; display:flex; flex-wrap:wrap; gap:10px; }
.tag-row span { border:1px solid var(--line); padding:12px 14px; color:#ddd; font-size:10px; font-weight:900; letter-spacing:.16em; }

.mechanics { border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.mechanics-intro { display:grid; grid-template-columns:1.1fr .9fr; gap:8vw; align-items:start; }
.mechanics h2 { font-size:clamp(50px,6vw,92px); }
.mechanics-lead p { margin:0 0 22px; color:#aaa; font-size:clamp(17px,1.5vw,21px); line-height:1.7; }
.mechanics-lead strong { color:var(--white); }
.mechanics-steps { display:grid; grid-template-columns:repeat(3,1fr); margin-top:70px; border:1px solid var(--line); }
.mechanics-steps article { min-width:0; padding:34px; background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.01)); }
.mechanics-steps article+article { border-left:1px solid var(--line); }
.mechanics-steps b { color:var(--gold); font-size:11px; letter-spacing:.18em; }
.mechanics-steps h3 { margin:22px 0 14px; font-size:28px; }
.mechanics-steps p { margin:0; color:#929292; font-size:15px; line-height:1.65; }
.mechanics-callout { margin-top:26px; padding:28px 30px; border:1px solid rgba(44,168,255,.28); background:linear-gradient(100deg,rgba(44,168,255,.09),rgba(245,168,0,.06)); display:flex; align-items:center; justify-content:space-between; gap:30px; }
.mechanics-callout div { max-width:650px; display:grid; gap:9px; }
.mechanics-callout div span { color:var(--blue); font-size:9px; font-weight:950; letter-spacing:.18em; }
.mechanics-callout div strong { font-size:18px; line-height:1.5; }
.mechanics-callout .button { flex:0 0 auto; }
.mechanics-risk { margin:22px 0 0; color:#737373; font-size:12px; line-height:1.65; }

.proof { border-top:1px solid var(--line); }
.proof-layout { display:grid; grid-template-columns:1fr .8fr; gap:8vw; align-items:start; }
.proof h2 { font-size:clamp(48px,5.5vw,88px); }
.proof-copy p { max-width:660px; color:#aaa; font-size:18px; line-height:1.7; margin:32px 0; }
.text-link { display:inline-flex; gap:18px; align-items:center; color:var(--gold); font-size:11px; font-weight:950; letter-spacing:.17em; border-bottom:1px solid rgba(245,168,0,.35); padding-bottom:8px; }
.proof-panel { border:1px solid var(--line); background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.015)); padding:28px; }
.proof-row { min-width:0; display:flex; justify-content:space-between; align-items:center; gap:20px; padding:18px 2px; border-bottom:1px solid var(--line); }
.proof-row span { color:#858585; font-size:11px; letter-spacing:.1em; text-transform:uppercase; }
.proof-row strong { text-align:right; font-size:17px; overflow-wrap:anywhere; }
.proof-row small { color:var(--gold); margin-left:6px; }
.proof-row .good { color:#82f5a4; }
.contract-box { width:100%; margin-top:24px; padding:18px; border:1px solid rgba(245,168,0,.28); background:rgba(245,168,0,.06); cursor:pointer; display:grid; gap:7px; text-align:left; }
.contract-box span { color:#777; font-size:9px; font-weight:900; letter-spacing:.18em; }
.contract-box code { color:var(--white); font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:15px; overflow-wrap:anywhere; }
.contract-box b { color:var(--gold); font-size:9px; letter-spacing:.15em; }
.source-note { color:#646464; font-size:11px; line-height:1.55; margin:16px 0 0; }

.join { text-align:center; padding-block:160px 180px; overflow:hidden; }
.join .section-label { justify-content:center; }
.join .section-label::after { display:none; }
.join h2 { position:relative; z-index:1; }
.join p { max-width:660px; margin:30px auto 48px; color:#aaa; font-size:18px; line-height:1.7; }
.join-glow { position:absolute; width:650px; height:650px; border-radius:50%; top:50%; left:50%; transform:translate(-50%,-50%); background:radial-gradient(circle,rgba(245,168,0,.11),transparent 68%); pointer-events:none; }
.steps { max-width:1000px; margin:0 auto 46px; display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); background:rgba(255,255,255,.015); text-align:left; }
.steps div { padding:28px; min-width:0; border-right:1px solid var(--line); }
.steps div:last-child { border-right:0; }
.steps b { display:block; color:var(--gold); font-size:11px; }
.steps strong { display:block; margin:34px 0 8px; font-size:18px; }
.steps span { color:#777; font-size:13px; line-height:1.5; }
.button-large { min-height:66px; padding-inline:28px; }

.paper-ecosystem-links { margin-top:28px; display:flex; flex-wrap:wrap; justify-content:center; gap:12px 24px; }
.paper-ecosystem-links a { color:var(--gold); font-size:11px; font-weight:900; letter-spacing:.08em; }

footer { width:min(calc(100% - 48px),var(--max)); margin:0 auto; padding:70px 0 30px; border-top:1px solid var(--line); text-align:center; }
.footer-brand { margin:0 auto; font-size:34px; }
footer > p { color:var(--gold); font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:.2em; }
footer .risk { max-width:780px; margin:34px auto; color:#656565; font-weight:500; letter-spacing:0; text-transform:none; font-size:11px; line-height:1.7; }
.footer-bottom { display:flex; justify-content:space-between; border-top:1px solid var(--line); padding-top:24px; color:#666; font-size:9px; font-weight:900; letter-spacing:.15em; }
.footer-bottom a { color:var(--gold); }
.landing-page footer details {
  width:min(920px,100%); margin:4px auto 10px; border:1px solid rgba(0,183,255,.2); border-radius:14px;
  background:rgba(7,16,24,.76); text-align:left;
}
.landing-page footer details summary {
  display:flex; align-items:center; justify-content:space-between; padding:15px 17px; color:#c6d5dc;
  font-size:11px; font-weight:750; letter-spacing:.06em; cursor:pointer; list-style:none;
}
.landing-page footer details summary::-webkit-details-marker { display:none; }
.landing-page footer details summary::after { content:"+"; color:var(--gold); font-size:16px; }
.landing-page footer details[open] summary::after { content:"−"; }
.landing-page footer details>div { padding:0 17px 16px; border-top:1px solid var(--line); }
.landing-page footer details p { max-width:none; margin:14px 0 0; color:#8296a0; font-size:11px; line-height:1.65; }
.landing-page footer details strong { color:#c6d5dc; }
.toast { position:fixed; z-index:50; left:50%; bottom:28px; transform:translate(-50%,120px); padding:14px 18px; background:var(--white); color:#080808; font-size:10px; font-weight:950; letter-spacing:.16em; box-shadow:0 20px 60px rgba(0,0,0,.5); transition:transform .35s cubic-bezier(.2,.8,.2,1); }
.toast.show { transform:translate(-50%,0); }
.sound-toggle { position:fixed; z-index:45; left:18px; bottom:calc(18px + env(safe-area-inset-bottom)); min-height:42px; padding:10px 15px; border:1px solid rgba(0,183,255,.38); border-radius:999px; background:rgba(7,12,15,.88); backdrop-filter:blur(18px) saturate(130%); box-shadow:0 12px 36px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.06); color:var(--white); font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; }
.sound-toggle:hover,.sound-toggle:focus-visible,.sound-toggle[data-audio-state="blocked"] { border-color:var(--gold); color:#ffd66f; }
.sound-toggle:disabled { opacity:.5; cursor:not-allowed; }
.reveal { opacity:0; transform:translateY(24px); transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1); }
.reveal.visible { opacity:1; transform:none; }

/* Panda DRIP landing theme */
.landing-page .cursor-glow {
  background:radial-gradient(circle at 50% 50%,rgba(98,207,255,.10),rgba(0,183,255,.07) 34%,transparent 70%);
}
.landing-page .pulse { animation:landing-pulse 2s infinite; }
@keyframes landing-pulse { 70% { box-shadow:0 0 0 10px rgba(0,183,255,0); } 100% { box-shadow:0 0 0 0 rgba(0,183,255,0); } }
.landing-page h1 { font-size:clamp(54px,6.2vw,96px); line-height:.9; }
.landing-page .gradient-text { background:linear-gradient(100deg,#00b7ff,#bceeff 58%,#438dff);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 28px rgba(0,183,255,.2)); }
.landing-page .button-primary { box-shadow:0 10px 40px rgba(0,183,255,.2); }
.landing-page .hero-frame { inset:10%; overflow:visible; border: 0; border-radius: 0; box-shadow:none; }
.landing-page .hero-frame::after { display:none; }
.landing-page .hero-frame img { width:100%; height:100%; object-fit:contain; transform:none; filter:drop-shadow(0 28px 70px rgba(0,0,0,.62)) drop-shadow(0 0 34px rgba(0,183,255,.18)); }
.landing-page .orbit { display:none; }
.landing-page .hero-badge { border-color:rgba(98,207,255,.22);background:rgba(3,9,13,.78); }
.landing-page .ticker { background:linear-gradient(90deg,#008dcc,#2bcaff); }
.landing-page .drip-halo { background:radial-gradient(circle,rgba(0,183,255,.28),rgba(30,113,165,.10) 46%,transparent 70%); }
.landing-page .mechanics-callout { background:linear-gradient(100deg,rgba(0,183,255,.10),rgba(14,53,78,.08)); }
.landing-page .contract-box { border-color:rgba(0,183,255,.3);background:rgba(0,183,255,.055); }
.landing-page .text-link { border-color:rgba(0,183,255,.35); }
.landing-page .join-glow { background:radial-gradient(circle,rgba(0,183,255,.12),transparent 68%); }
.landing-page .footer-brand .brand-logo { width:54px;height:54px; }

@media (max-width: 1000px) {
  .site-header { grid-template-columns:1fr auto auto; gap:14px; }
  nav { display:block; }
  nav>a { display:none; }
  .market-menu-panel { left:auto; right:0; transform:none; }
  .hero { grid-template-columns:1fr; padding-top:40px; }
  .hero-copy { padding-bottom:20px; }
  .hero-art { justify-self:center; width:min(90vw,650px); }
  .scroll-cue { display:none; }
  .drip,.manifesto-grid,.mechanics-intro,.proof-layout { grid-template-columns:1fr; gap:60px; }
  .drip-art { width:min(52vw,380px); justify-self:center; }
  .manifesto-copy { max-width:700px; }
  .mechanics-steps { grid-template-columns:1fr; }
  .mechanics-steps article+article { border-left:0; border-top:1px solid var(--line); }
  .mechanics-callout { align-items:flex-start; flex-direction:column; }
}

@media (max-width: 680px) {
  .site-header,.hero,.section,footer { width:min(calc(100% - 30px),var(--max)); }
  .site-header { height:68px; }
  .landing-page .site-header { grid-template-columns:1fr auto; }
  .landing-page .site-header nav { display:none; }
  .brand { font-size:18px; }
  .landing-page .brand { white-space:nowrap; }
  nav summary { font-size:9px; letter-spacing:.1em; }
  .market-menu summary::after { margin-left:5px; }
  .market-menu-panel { position:fixed; top:68px; left:15px; right:15px; width:auto; transform:none; }
  .nav-cta { padding:10px 12px; font-size:9px; }
  .sound-toggle { left:12px; bottom:calc(12px + env(safe-area-inset-bottom)); min-height:40px; padding:9px 12px; }
  .hero { min-height:auto; }
  .hero-copy { padding-top:52px; }
  .drip { gap:38px; }
  .drip-art { width:min(72vw,300px); }
  .drip-stamp { right:0; }
  .drip-facts { grid-template-columns:1fr; }
  .drip-facts span,.drip-facts span+span { padding:14px 0; border-left:0; border-bottom:1px solid var(--line); }
  .drip-facts span:last-child { border-bottom:0; }
  h1 { font-size:clamp(56px,18vw,82px); }
  .landing-page h1 { font-size:clamp(46px,14vw,68px); }
  .hero-lead { margin-top:24px; font-size:17px; }
  .hero-actions { display:grid; grid-template-columns:1fr; }
  .button { width:100%; }
  .hero-art { margin-block:24px 74px; width:100%; }
  .hero-badge { min-width:82px; padding:9px 11px; }
  .hero-badge strong { font-size:17px; }
  .ticker span { font-size:11px; padding:13px 18px; }
  .section { padding-block:105px; }
  .section-label { margin-bottom:42px; }
  h2 { font-size:clamp(50px,16vw,78px); }
  .mechanics-steps { margin-top:46px; }
  .mechanics-steps article { padding:26px 22px; }
  .mechanics-callout { padding:24px 20px; }
  .mechanics-callout .button { width:100%; }
  .proof-panel { padding:18px; }
  .proof-row { align-items:flex-start; }
  .proof-row strong { max-width:58%; font-size:14px; }
  .join { padding-block:110px 120px; }
  .steps { grid-template-columns:1fr; }
  .steps div { border-right:0; border-bottom:1px solid var(--line); }
  .steps div:last-child { border-bottom:0; }
  .steps strong { margin-top:14px; }
  .footer-bottom { flex-direction:column; gap:14px; }
}

/* Plain-English white paper */
.paper-body { --gold:#00b7ff; --gold-2:#62cfff; --blue:#62cfff; --line:rgba(98,207,255,.16); background:radial-gradient(circle at 80% 7%,rgba(0,183,255,.14),transparent 30rem),radial-gradient(circle at 18% 48%,rgba(32,112,164,.07),transparent 34rem),#03070a; }
.paper-body .pulse { box-shadow:0 0 0 0 rgba(0,183,255,.5); }
.paper-body .gradient-text { background:linear-gradient(100deg,#00b7ff,#bceeff 58%,#438dff);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 28px rgba(0,183,255,.2)); }
.paper-header { position:sticky; top:0; z-index:30; background:rgba(3,7,10,.82); backdrop-filter:blur(24px) saturate(140%); }
.paper-header .brand { font-style:normal; letter-spacing:.015em; }
.paper { width:min(calc(100% - 48px),1120px); margin:0 auto; }
.paper-hero { min-height:calc(92svh - 82px); padding:120px 0 96px; display:grid; grid-template-columns:minmax(0,1fr) minmax(250px,.42fr); align-items:center; gap:42px; border-bottom:1px solid var(--line); position:relative; isolation:isolate; }
.paper-hero::before { content:""; position:absolute; z-index:-1; inset:7% -7% 5% 42%; background:radial-gradient(circle,rgba(0,183,255,.13),transparent 67%); filter:blur(24px); }
.paper-hero-copy { min-width:0; position:relative; z-index:2; }
.paper-hero h1 { max-width:820px; font-size:clamp(58px,7vw,104px); }
.paper-hero-art { width:min(100%,340px); aspect-ratio:1; margin:0; justify-self:end; display:grid; place-items:center; pointer-events:none; }
.paper-hero-art img { width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 26px 62px rgba(0,0,0,.7)) drop-shadow(0 0 34px rgba(0,183,255,.2)); }
.paper-deck { max-width:720px; margin:30px 0; color:#c6d5dc; font-size:clamp(17px,1.7vw,22px); line-height:1.65; }
.paper-status { max-width:820px; padding:20px 22px; display:grid; grid-template-columns:auto 1fr; gap:20px; border:1px solid rgba(98,207,255,.28); border-radius:16px; background:linear-gradient(135deg,rgba(0,183,255,.08),rgba(255,255,255,.02)); color:#91a6b0; line-height:1.6; box-shadow:inset 0 1px rgba(255,255,255,.05); }
.paper-status strong { color:var(--gold-2); font-size:10px; letter-spacing:.16em; }
.paper-section { padding:104px 0; border-bottom:1px solid var(--line); }
.paper-kicker { margin-bottom:28px; color:var(--gold); font-size:10px; font-weight:950; letter-spacing:.2em; }
.paper-section h2 { max-width:980px; font-size:clamp(42px,5vw,76px); line-height:1.02; }
.paper-section h2 em { color:var(--gold-2); font-style:normal; }
.paper-section>p { max-width:840px; color:#91a6b0; font-size:18px; line-height:1.75; }
.paper-section>p strong { color:#dce8ed; }
.paper-equation { margin:46px 0 26px; padding:30px; display:flex; flex-wrap:wrap; align-items:center; gap:18px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(145deg,rgba(7,18,25,.92),rgba(5,10,14,.78)); box-shadow:inset 0 1px rgba(255,255,255,.04); }
.paper-equation span { color:#91a6b0; font-size:13px; font-weight:850; letter-spacing:.05em; }
.paper-equation em { display:block; color:var(--gold-2); font-size:22px; font-style:normal; }
.paper-equation b { color:var(--gold); }
.paper-note { padding-left:18px; border-left:2px solid var(--gold); }
.paper-grid,.risk-grid { display:grid; grid-template-columns:repeat(2,1fr); border:1px solid var(--line); border-radius:20px; overflow:hidden; background:linear-gradient(145deg,rgba(7,18,25,.78),rgba(4,9,13,.68)); }
.paper-grid article,.risk-grid article { padding:34px; min-width:0; }
.paper-grid article:nth-child(even),.risk-grid article:nth-child(even) { border-left:1px solid var(--line); }
.paper-grid article:nth-child(n+3),.risk-grid article:nth-child(n+3) { border-top:1px solid var(--line); }
.paper-grid b { color:var(--gold); font-size:11px; letter-spacing:.16em; }
.paper-grid h3 { margin:18px 0 12px; font-size:26px; }
.paper-grid p,.risk-grid p,.ethics-list p { margin:0; color:#8197a1; font-size:15px; line-height:1.7; }
.paper-flip { position:relative; }
.paper-flip::before { content:""; position:absolute; inset:60px -60px; z-index:-1; background:radial-gradient(circle at 25% 50%,rgba(0,183,255,.09),transparent 48%); }
.ethics-list { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.ethics-list>div { padding:28px; border:1px solid var(--line); border-radius:16px; background:linear-gradient(145deg,rgba(8,19,26,.78),rgba(5,10,14,.65)); }
.ethics-list strong,.risk-grid strong { display:block; margin-bottom:12px; color:var(--white); font-size:18px; }
.paper-warning { margin-top:30px; padding:26px; border:1px solid rgba(255,107,107,.3); border-radius:16px; background:rgba(255,95,95,.055); }
.paper-warning strong { color:#ff9b9b; font-size:11px; letter-spacing:.14em; }
.paper-warning p { margin:9px 0 0; color:#b8c2c7; line-height:1.65; }
.paper-summary ul { margin:34px 0 40px; padding:0; list-style:none; display:grid; gap:12px; }
.paper-summary li { padding:16px 18px; border-left:2px solid var(--gold); background:rgba(0,183,255,.035); color:#91a6b0; line-height:1.55; }
.paper-summary li strong { color:var(--gold-2); }
.paper-actions { display:flex; flex-wrap:wrap; gap:12px; }
.paper-body .button-primary { box-shadow:0 10px 40px rgba(0,183,255,.2); }
.paper-footer { width:min(calc(100% - 48px),1120px); margin:0 auto; }
.paper-footer details { width:min(920px,100%); margin:4px auto 10px; border:1px solid rgba(0,183,255,.2); border-radius:14px; background:rgba(7,16,24,.76); text-align:left; }
.paper-footer details summary { display:flex; align-items:center; justify-content:space-between; padding:15px 17px; color:#c6d5dc; font-size:11px; font-weight:750; letter-spacing:.06em; cursor:pointer; list-style:none; }
.paper-footer details summary::-webkit-details-marker { display:none; }
.paper-footer details summary::after { content:"+"; color:var(--gold); font-size:16px; }
.paper-footer details[open] summary::after { content:"−"; }
.paper-footer details>div { padding:0 17px 16px; border-top:1px solid var(--line); }
.paper-footer details p { max-width:none; margin:14px 0 0; color:#8296a0; font-size:11px; line-height:1.65; }
.paper-footer details strong { color:#c6d5dc; }

@media (max-width: 900px) {
  .paper-grid,.risk-grid,.ethics-list { grid-template-columns:1fr; }
  .paper-grid article:nth-child(even),.risk-grid article:nth-child(even) { border-left:0; }
  .paper-grid article+article,.risk-grid article+article { border-top:1px solid var(--line); }
  .paper-hero { grid-template-columns:minmax(0,1fr) 220px; gap:24px; }
}
@media (max-width: 680px) {
  .paper-header nav { display:none; }
  .paper-header { grid-template-columns:1fr auto; }
  .paper-header .nav-cta { font-size:9px; padding:10px; }
  .paper-header .brand { font-size:17px; }
  .paper { width:min(calc(100% - 30px),1120px); }
  .paper-hero { min-height:auto; padding:92px 0 74px; display:block; }
  .paper-hero-copy { padding-top:20px; }
  .paper-hero h1 { max-width:calc(100% - 96px); font-size:clamp(46px,13vw,62px); }
  .paper-hero-art { position:absolute; z-index:1; right:-5px; top:150px; width:96px; height:96px; }
  .paper-deck { margin-top:34px; font-size:16px; }
  .paper-status { grid-template-columns:1fr; padding:18px; }
  .paper-section { padding:76px 0; }
  .paper-section h2 { font-size:clamp(38px,12vw,56px); }
  .paper-section>p { font-size:16px; }
  .paper-equation { align-items:flex-start; flex-direction:column; padding:24px 20px; }
  .paper-equation b { transform:rotate(90deg); }
  .paper-grid article,.risk-grid article { padding:26px 22px; }
  .paper-actions { display:grid; grid-template-columns:1fr; }
  .paper-actions .button { width:100%; }
  .paper-footer { width:min(calc(100% - 30px),1120px); }
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.01ms !important; }
  .reveal { opacity:1; transform:none; }
  .cursor-glow { display:none; }
}