:root{color-scheme:dark;--bg: #07101f;--bg-soft: #0d1830;--bg-elevated: #101d38;--panel: rgba(15, 28, 53, .9);--panel-border: rgba(130, 170, 255, .2);--text: #eef4ff;--muted: #abc0e9;--accent: #7cb8ff;--accent-strong: #d5e7ff;--accent-soft: rgba(124, 184, 255, .16);--shadow: 0 24px 80px rgba(0, 0, 0, .32);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top,rgba(66,125,217,.24),transparent 34%),linear-gradient(180deg,#091225 0%,var(--bg) 42%,#060c17 100%);color:var(--text)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent);mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent);animation:grid-drift 26s linear infinite}body:after{content:"";position:fixed;inset:-12% auto auto -10%;width:44vw;height:44vw;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(124,184,255,.14),transparent 66%);filter:blur(12px);animation:ambient-drift 18s ease-in-out infinite}a{color:inherit}h1,h2,h3,p,a{overflow-wrap:anywhere}#app{width:min(1180px,calc(100vw - 32px));margin:0 auto;padding:28px 0 120px}.site-shell{display:flex;flex-direction:column;gap:24px}.dreamers-badge{position:fixed;left:18px;bottom:18px;z-index:20;padding:10px 14px;border:1px solid rgba(165,198,255,.22);border-radius:999px;background:#07101fd6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--accent);font-size:.76rem;font-weight:800;letter-spacing:.2em;text-decoration:none;text-transform:uppercase;transition:color .18s ease,border-color .18s ease,transform .18s ease}.dreamers-badge:hover,.dreamers-badge:focus-visible{color:var(--accent-strong);border-color:#a5c6ff6b}.hero,.panel{border:1px solid var(--panel-border);border-radius:32px;background:var(--panel);box-shadow:var(--shadow)}.hero{position:relative;overflow:hidden;min-height:72vh;padding:36px}.hero:before{content:"";position:absolute;inset:auto 8% -28% auto;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(124,184,255,.18),transparent 68%);filter:blur(12px);animation:ambient-drift 14s ease-in-out infinite}.hero:after,.panel:after{content:"";position:absolute;inset:-35% 30% auto -10%;height:160px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);transform:rotate(-8deg);opacity:.42;animation:sheen-pass 11s linear infinite}.hero-home,.hero-tokenomics{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:24px;align-items:stretch}.hero-copy-wrap,.hero-visual{position:relative;z-index:1;min-width:0}.hero-copy-wrap{display:flex;flex-direction:column;justify-content:center;padding:10px 0}.eyebrow,.panel-kicker{margin:0 0 12px;color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.brand-mark{margin-bottom:16px;color:var(--accent-strong);font-size:1rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.hero h1,.panel h2,.panel h3{margin:0;line-height:1.02}.hero h1{max-width:10.5ch;font-size:clamp(3.1rem,7vw,5.6rem);letter-spacing:-.05em}.hero-copy,.panel p,.status-list,.flow-grid p{color:var(--muted);font-size:1.04rem;line-height:1.72}.hero-copy-wrap>*,.hero-visual-copy>*,.panel>*,.panel article>*,.panel-split>div>*,.panel-tokenomics-copy>*{max-width:100%;min-width:0}.hero-copy{max-width:64ch;margin:18px 0 0}.hero-copy-strong{color:var(--accent-strong)}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:999px;text-decoration:none;font-weight:700;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.button-primary{background:linear-gradient(135deg,#dbe9ff,#79a9ff);color:#06101f}.button-secondary{border:1px solid rgba(166,194,255,.28);background:#ffffff0a;color:var(--text)}.button:hover,.button:focus-visible{transform:translateY(-1px)}.button:focus-visible,.dreamers-badge:focus-visible{outline:2px solid rgba(219,233,255,.72);outline-offset:2px}.resource-note{margin:18px 0 0;color:#d5e7ffc2;font-size:.92rem;line-height:1.55}.resource-link{color:var(--accent-strong);font-weight:700;text-decoration-thickness:1px;text-underline-offset:.18em}.resource-link:hover,.resource-link:focus-visible{color:#fff}.hero-visual{display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-height:520px;padding:24px;border-radius:28px;background:linear-gradient(180deg,#ffffff08,#ffffff03),radial-gradient(circle at top,rgba(124,184,255,.12),transparent 44%);border:1px solid rgba(146,182,255,.12);animation:float-card 8s ease-in-out infinite}.hero-visual-copy{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);font-size:.92rem;width:100%;min-width:0}.hero-visual-label{margin:0;color:var(--accent-strong);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero-visual-text{max-width:24ch;margin:0;text-align:right;overflow-wrap:anywhere}.wireframe-stage{position:relative;flex:1;min-height:400px;border-radius:24px;background:linear-gradient(180deg,#07101f00,#07101f4d),radial-gradient(circle at center,rgba(255,255,255,.03),transparent 56%);overflow:hidden}.wireframe-stage:before{content:"";position:absolute;inset:14%;border:1px solid rgba(198,220,255,.12);border-radius:50%;animation:orbit-spin 18s linear infinite}.wireframe-stage:after{content:"";position:absolute;inset:auto 12% 10%;height:28%;border-radius:50%;background:radial-gradient(circle,rgba(124,184,255,.14),transparent 70%);filter:blur(24px)}.wireframe-stage-compact{min-height:260px}.wireframe-canvas{position:absolute;inset:0;width:100%;height:100%;animation:canvas-float 10s ease-in-out infinite}.wireframe-canvas-small{max-height:300px}.panel{padding:32px;min-width:0;position:relative;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.panel:hover{transform:translateY(-3px);border-color:#a6c2ff52}.panel h2{font-size:clamp(2rem,4.4vw,3.4rem);letter-spacing:-.04em}.panel h3{font-size:1.45rem;letter-spacing:-.03em}.panel p{max-width:70ch;margin:18px 0 0}.panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.panel-grid-dense{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-feature{position:relative;overflow:hidden}.principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}.principles article{padding:20px;border:1px solid rgba(146,182,255,.14);border-radius:20px;background:#ffffff05;min-width:0}.principles p{margin-top:12px}.panel-quote p{margin:0;max-width:48ch;color:var(--accent-strong);font-size:clamp(1.4rem,3vw,2rem);line-height:1.45}.scroll-story{position:relative;width:100vw;margin-left:calc(50% - 50vw);background:radial-gradient(circle at 15% 18%,rgba(124,184,255,.18),transparent 28%),linear-gradient(180deg,#203f74,#1a3563 48%,#13294c);overflow:clip}.scroll-story:before{content:"";position:absolute;left:-12vw;bottom:-24vw;width:48vw;height:48vw;border:2px solid rgba(244,247,255,.82);border-radius:50%;opacity:.42;filter:blur(.2px)}.scroll-story:after{content:"";position:absolute;inset:auto auto 0 0;width:100%;height:32%;background:linear-gradient(180deg,#0c182e00,#0a142661);pointer-events:none}.scroll-story-sticky{position:sticky;top:0;height:100vh;display:flex;align-items:center;overflow:hidden}.scroll-story-track{display:flex;align-items:flex-start;gap:7vw;width:max-content;padding:0 12vw;will-change:transform}.story-slide{position:relative;z-index:1;min-width:min(70vw,780px);min-height:62vh;display:flex;flex-direction:column;justify-content:flex-start;padding-top:10vh;color:#f4f7ff}.story-slide-hero{min-width:min(84vw,980px)}.story-kicker{margin:0 0 18px;color:#dbe9ffdb;font-size:.82rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.story-slide h2{max-width:11ch;margin:0;font-size:clamp(3rem,8vw,6.2rem);line-height:.96;letter-spacing:-.06em}.story-slide p{max-width:30ch;margin:20px 0 0;color:#f4f7ffe6;font-size:clamp(1rem,1.6vw,1.32rem);line-height:1.55}.story-slide-hero p:last-child{max-width:38ch}.panel-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}.panel-split>div,.panel-tokenomics-copy,.panel-tokenomics-art{min-width:0}.panel-tokenomics{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:24px;align-items:center}.panel-tokenomics-art{position:relative;min-height:280px;border-radius:24px;background:linear-gradient(180deg,#ffffff08,#07101f0d);border:1px solid rgba(146,182,255,.12);overflow:hidden;animation:float-card 9s ease-in-out infinite}.flow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.flow-grid article{min-height:100%;padding:20px;border:1px solid rgba(146,182,255,.14);border-radius:20px;background:#ffffff05;min-width:0}.flow-grid span{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:.78rem;font-weight:800;letter-spacing:.08em}.flow-grid h3{margin-top:18px}.flow-grid p{margin-top:12px}.js-ready [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s ease var(--reveal-delay, 0ms),transform .7s ease var(--reveal-delay, 0ms)}.js-ready [data-reveal].is-visible{opacity:1;transform:translateY(0)}@keyframes grid-drift{0%{transform:translateZ(0)}to{transform:translate3d(0,32px,0)}}@keyframes ambient-drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(18px,22px,0) scale(1.08)}}@keyframes sheen-pass{0%{transform:translate(-40%) rotate(-8deg);opacity:0}20%{opacity:.34}50%{transform:translate(120%) rotate(-8deg);opacity:.18}to{transform:translate(180%) rotate(-8deg);opacity:0}}@keyframes float-card{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes canvas-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.015)}}@keyframes orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:860px){#app{width:min(100vw - 20px,1180px)}.panel,.hero{padding-left:20px;padding-right:20px}.hero-home,.hero-tokenomics,.panel-split,.panel-tokenomics,.panel-grid,.panel-grid-dense,.principles,.flow-grid{grid-template-columns:1fr}.scroll-story{width:auto;margin-left:0;border:1px solid var(--panel-border);border-radius:32px}.scroll-story-sticky{position:relative;top:auto;height:auto;overflow:visible}.scroll-story-track{display:grid;gap:18px;width:auto;padding:28px 20px;transform:none!important}.story-slide,.story-slide-hero{min-width:0;min-height:auto;padding-top:0}.story-slide h2{max-width:none;font-size:clamp(2.3rem,9vw,4rem)}.hero{min-height:auto}.hero h1{max-width:none;font-size:clamp(2.5rem,11vw,4.6rem)}.hero-visual{min-height:420px;animation-duration:10s}.hero-visual-text{text-align:left}}@media(max-width:640px){#app{width:calc(100vw - 16px);padding-top:8px;padding-bottom:100px}.hero{padding:20px 16px}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}.hero-visual{min-height:320px;padding:16px;animation-duration:11s}.hero-visual-copy{align-items:flex-start;flex-direction:column;gap:8px;font-size:.84rem}.hero-visual-text{max-width:100%;text-align:left}.hero h1{font-size:clamp(2.15rem,11vw,3.1rem);line-height:1.04}.scroll-story-track{padding:22px 16px}.story-slide h2{font-size:clamp(1.9rem,10vw,2.8rem)}.story-slide p{max-width:none;font-size:.98rem;line-height:1.55}.hero-copy,.panel p,.flow-grid p{font-size:.98rem;line-height:1.6}.panel{padding:20px 16px}.panel h2{font-size:clamp(1.7rem,8vw,2.2rem);line-height:1.08}.panel h3{font-size:1.12rem;line-height:1.16}.wireframe-stage{min-height:220px}.panel:hover{transform:none}.dreamers-badge{left:12px;bottom:12px;max-width:calc(100vw - 24px);font-size:.68rem;letter-spacing:.16em}}