*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--void: #030308;--void-mid: #0a0a14;--gold: #D3A441;--gold-bright: #EED2A9;--gold-dim: rgba(211, 164, 65, .35);--peach: #E8B896;--mauve: #B8A4B8;--mauve-dark: #9A8898;--teal: #7A9E9E;--teal-light: #A8C4C4;--white-soft: rgba(255, 248, 231, .85);--text-dim: rgba(255, 248, 231, .45);--font-display: "Cormorant Garamond", Georgia, serif;--font-brand: "Outfit", system-ui, sans-serif;--font-ui: "Inter", system-ui, sans-serif}html,body{width:100%;height:100%;overflow:hidden;background:var(--void);color:var(--white-soft);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}[hidden]{display:none!important}#app{position:relative;width:100vw;height:100vh;background:var(--void);overflow:hidden}#atmosphere,#vibe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}#atmosphere{z-index:1}#vibe{z-index:3}#narrative{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.memory-node{opacity:0}.memory-node .node-halo{opacity:.8}.memory-node .node-shine{pointer-events:none}.memory-node .node-label{font-family:var(--font-ui);font-size:9px;font-weight:300;letter-spacing:.14em;text-transform:uppercase;text-anchor:middle;opacity:0}.memory-node--person .node-label{text-transform:none;letter-spacing:.05em;font-size:10px}.connection-line{stroke:var(--gold-dim);stroke-width:.6;fill:none;opacity:0;stroke-linecap:round}.connection-pulse{stroke:var(--gold-bright);stroke-width:1.2;fill:none;opacity:0;stroke-linecap:round}#overlay-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.reading-layer{position:absolute;top:50%;transform:translateY(-50%);opacity:0;transition:opacity .6s ease}.reading-layer.visible{opacity:1}#layer-c{left:8%}#layer-b{right:8%;text-align:right}.reading-tag{font-family:var(--font-display);font-size:clamp(1.1rem,2vw,1.5rem);font-weight:300;font-style:italic;color:var(--gold);margin-bottom:1.2rem;letter-spacing:.04em}.reading-items{list-style:none;display:flex;flex-direction:column;gap:.55rem}.reading-items li{font-family:var(--font-ui);font-size:clamp(.7rem,1.2vw,.85rem);font-weight:300;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}#layer-b .reading-items{align-items:flex-end}#market-labels{position:absolute;bottom:10%;left:50%;transform:translate(-50%);display:flex;gap:clamp(2rem,6vw,5rem);opacity:0;transition:opacity .8s ease}#market-labels.visible{opacity:1}.market-block{display:flex;flex-direction:column;align-items:center;gap:.35rem;opacity:.25;transition:opacity .7s ease}.market-block.active{opacity:1}.market-tag{font-family:var(--font-display);font-size:clamp(.85rem,1.6vw,1.15rem);font-weight:300;font-style:italic;letter-spacing:.18em;color:var(--text-dim);transition:color .6s ease}.market-block.active .market-tag{color:var(--gold)}.market-figure{font-family:var(--font-ui);font-size:clamp(.6rem,1vw,.72rem);font-weight:300;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);transition:color .6s ease}.market-value{font-family:var(--font-display);font-size:clamp(1rem,2vw,1.4rem);font-weight:300;letter-spacing:.06em;color:#fff8e733;transition:color .6s ease}.market-block.active .market-figure{color:#a8c4c4b3}.market-block.active .market-value{color:var(--gold-bright)}.memory-node.node-dimmed{opacity:.2!important}.memory-node.node-highlight .node-core{filter:none}.memory-node.node-operational .node-core{fill:var(--teal-light)}.memory-node.node-circuit .node-core{fill:var(--gold)}.memory-node.node-circuit .node-halo{fill:#d3a44133}.connection-line.connection-active{stroke:var(--gold);stroke-width:.9}.connection-curve{stroke:#d3a44159;stroke-width:.35;fill:none;stroke-linecap:round;opacity:0}.cluster-halo{fill:#7a9e9e0f;stroke:var(--teal-light);stroke-width:.8;opacity:0}#monetization-layers{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mono-layer{position:absolute;left:8%;top:50%;transform:translateY(-50%);max-width:22rem;opacity:0;transition:opacity .7s ease}.mono-layer.visible{opacity:1}.mono-tag{font-family:var(--font-display);font-size:clamp(1.1rem,2vw,1.5rem);font-weight:300;font-style:italic;color:var(--gold);margin-bottom:.8rem;letter-spacing:.04em}.mono-desc{font-family:var(--font-ui);font-size:clamp(.72rem,1.2vw,.85rem);font-weight:300;line-height:1.55;color:var(--text-dim);margin-bottom:1.2rem;letter-spacing:.02em}.mono-items{list-style:none;display:flex;flex-direction:column;gap:.5rem}.mono-items li{font-family:var(--font-ui);font-size:clamp(.65rem,1.1vw,.78rem);font-weight:300;letter-spacing:.12em;text-transform:uppercase;color:#a8c4c48c}#roadmap-track{position:absolute;right:clamp(5%,8vw,10%);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:clamp(1.2rem,2.5vh,2rem);max-width:26rem}#roadmap-track:not(.roadmap-active) .roadmap-phase{opacity:0}.roadmap-line{position:absolute;left:5px;top:0;bottom:0;width:1px;background:#fff8e714;--progress: 0%;overflow:hidden}.roadmap-line:after{content:"";position:absolute;top:0;left:0;width:100%;height:var(--progress);background:linear-gradient(to bottom,var(--teal),var(--gold));box-shadow:0 0 8px #d3a44133}.roadmap-phase{display:flex;align-items:flex-start;gap:1rem;padding-left:0;opacity:0;transition:opacity .5s ease,color .5s ease}#roadmap-track.roadmap-active .roadmap-phase{opacity:.18}#roadmap-track.roadmap-active .roadmap-phase.passed{opacity:.55}#roadmap-track.roadmap-active .roadmap-phase.passed .phase-label{color:#a8c4c499}#roadmap-track.roadmap-active .roadmap-phase.passed .phase-items{color:#fff8e759}#roadmap-track.roadmap-active .roadmap-phase.active,.roadmap-phase.active{opacity:1}.roadmap-phase.passed{opacity:.55}.phase-marker{flex-shrink:0;width:11px;height:11px;border-radius:50%;border:1px solid rgba(255,248,231,.2);background:var(--void);margin-top:3px;transition:background .5s ease,border-color .5s ease,box-shadow .5s ease}.roadmap-phase.active .phase-marker{background:var(--gold);border-color:var(--gold-bright);box-shadow:0 0 12px #d3a44166}.roadmap-phase.passed .phase-marker{background:var(--teal);border-color:var(--teal-light)}.phase-content{display:flex;flex-direction:column;gap:.2rem}.roadmap-phase.active .phase-label{color:var(--gold-bright);text-shadow:0 0 24px rgba(211,164,65,.35)}#roadmap-track.roadmap-active .roadmap-phase.active .phase-label{color:var(--gold-bright)}#roadmap-track.roadmap-active .roadmap-phase.active .phase-period{color:var(--teal-light)}#roadmap-track.roadmap-active .roadmap-phase.active .phase-items{color:#fff8e7bf}.phase-label{font-family:var(--font-display);font-size:clamp(.95rem,1.6vw,1.2rem);font-weight:300;font-style:italic;color:#d3a44173;letter-spacing:.04em;transition:color .5s ease,text-shadow .5s ease}.roadmap-phase.active .phase-label{color:var(--gold-bright)}.phase-period{font-family:var(--font-ui);font-size:clamp(.58rem,.9vw,.68rem);font-weight:300;letter-spacing:.14em;text-transform:uppercase;color:#a8c4c459;transition:color .5s ease}.phase-items{font-family:var(--font-ui);font-size:clamp(.62rem,1vw,.74rem);font-weight:300;line-height:1.5;color:#fff8e740;letter-spacing:.03em;margin-top:.15rem;transition:color .5s ease}#fade-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;background:var(--void);opacity:0;pointer-events:none}#closing-layer{position:absolute;bottom:14%;left:50%;transform:translate(-50%);width:min(44rem,82vw);text-align:center;z-index:16}#closing-layer.visible{opacity:1}.closing-reveal{display:flex;flex-direction:column;gap:.5rem}.closing-part{--reveal: 0%;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 calc(var(--reveal) - 2.5%),transparent calc(var(--reveal) + .5%),transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 calc(var(--reveal) - 2.5%),transparent calc(var(--reveal) + .5%),transparent 100%)}.closing-part--second{opacity:0}.closing-line{font-family:var(--font-display);font-size:clamp(1.2rem,2.6vw,1.85rem);font-weight:300;line-height:1.6;color:#fff8e78c;letter-spacing:.02em}.closing-line em{font-style:italic;color:var(--gold-bright);display:block;margin-top:.6rem;font-size:clamp(1.35rem,2.8vw,2.1rem);text-shadow:0 0 40px rgba(211,164,65,.2)}#brand-finale{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:17}.brand-hero{position:relative;display:flex;flex-direction:column;align-items:center;gap:.65rem;z-index:1}.vibin-vibe-mark{width:clamp(4rem,8vw,6rem);height:clamp(1.15rem,2.4vw,1.75rem);background:linear-gradient(100deg,#d3a441,#f0deb8 42%,#c8e8f4 72%,#8ec8e8);-webkit-mask-image:url(/brand/vibin-vibe.png);mask-image:url(/brand/vibin-vibe.png);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;opacity:0;transform:scale(.18);filter:blur(6px) drop-shadow(0 0 28px rgba(211,164,65,.28));transform-origin:center center;will-change:transform,opacity,filter}.brand-wordmark{font-family:var(--font-brand);font-size:clamp(1.1rem,2.2vw,1.65rem);font-weight:200;font-style:normal;letter-spacing:.36em;text-indent:.36em;text-transform:uppercase;background:linear-gradient(100deg,#d3a441,#f0deb8 45%,#a8d8ec 75%,#8ec8e8);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 20px rgba(211,164,65,.18));opacity:0;margin:0}#presenter-hud{position:fixed;bottom:1rem;left:1rem;z-index:100;display:flex;flex-direction:column;gap:.25rem;font-size:.65rem;font-weight:300;letter-spacing:.06em;color:#fff8e733;pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .4s ease}#presenter-hud.hidden{opacity:0;visibility:hidden}#hud-scene{color:#d3a44166}#presenter-click{position:fixed;right:0;top:0;width:15vw;height:100vh;background:transparent;border:none;cursor:default;z-index:50;opacity:0;pointer-events:none}#presenter-click.presenter-click--live{pointer-events:auto;cursor:pointer}.capture-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:radial-gradient(circle at var(--flash-x, 50%) var(--flash-y, 50%),rgba(255,248,220,.55) 0%,rgba(211,164,65,.15) 30%,transparent 65%);opacity:0;pointer-events:none}#auth-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:radial-gradient(ellipse 60% 50% at 50% 45%,rgba(211,164,65,.06),transparent 70%),var(--void)}.auth-gate__inner{width:100%;max-width:22rem;text-align:center}.auth-gate__mark{width:4.25rem;height:1.28rem;margin:0 auto 1.25rem;background:var(--gold);border:none;border-radius:0;box-shadow:0 0 20px #d3a44133;-webkit-mask-image:url(/brand/vibin-vibe.png);mask-image:url(/brand/vibin-vibe.png);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;animation:auth-gate-glow 3.2s ease-in-out infinite}@keyframes auth-gate-glow{0%,to{opacity:.88;filter:drop-shadow(0 0 8px rgba(211,164,65,.25))}50%{opacity:1;filter:drop-shadow(0 0 14px rgba(211,164,65,.4))}}.auth-gate__title{font-family:var(--font-brand);font-weight:200;font-size:1.75rem;letter-spacing:.35em;text-indent:.35em;color:var(--gold-bright);margin-bottom:.5rem}.auth-gate__sub{font-family:var(--font-display);font-weight:300;font-style:italic;font-size:1.05rem;color:var(--text-dim);margin-bottom:2rem}.auth-gate__form{display:flex;flex-direction:column;gap:.75rem}.auth-gate__input{width:100%;padding:.85rem 1rem;border:1px solid rgba(211,164,65,.25);border-radius:2px;background:#0a0a14cc;color:var(--white-soft);font-family:var(--font-ui);font-size:.95rem;font-weight:300;letter-spacing:.04em;outline:none;transition:border-color .2s,box-shadow .2s}.auth-gate__input::placeholder{color:#fff8e740}.auth-gate__input:focus{border-color:#d3a4418c;box-shadow:0 0 0 3px #d3a44114}.auth-gate__btn{padding:.85rem 1rem;border:none;border-radius:2px;background:linear-gradient(135deg,#d3a441e6,#b48c32d9);color:#1a1408;font-family:var(--font-ui);font-size:.8rem;font-weight:400;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:opacity .2s,transform .15s}.auth-gate__btn:hover{opacity:.92}.auth-gate__btn:active{transform:scale(.98)}.auth-gate__btn:disabled{opacity:.5;cursor:wait}.auth-gate__error{min-height:1.25rem;font-size:.8rem;color:#e8a0a0}.auth-gate__foot{margin-top:2.5rem;font-size:.7rem;color:#fff8e733;letter-spacing:.08em}