.hive-canvas{position:fixed;inset:0;z-index:1;display:block}.hive-overlay{position:relative;z-index:5;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;padding:40px 24px}.hive-overlay>*{pointer-events:auto}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:JetBrains Mono,monospace;font-size:.62rem;letter-spacing:.32em;color:var(--gold);text-transform:uppercase;padding:6px 14px;border:1px solid var(--hair-strong);background:#f5c76a0f;margin-bottom:36px;opacity:0;animation:fadeIn 1.2s ease-out .3s forwards}.eyebrow:before{content:"";width:6px;height:6px;background:var(--gold);box-shadow:0 0 8px var(--gold)}.hive-title{font-family:Inter,sans-serif;font-weight:200;font-size:clamp(4rem,13vw,10rem);line-height:.92;letter-spacing:.04em;margin-bottom:22px;opacity:0;animation:fadeIn 1.4s ease-out .6s forwards;background:linear-gradient(180deg,var(--white) 0%,var(--gold-soft) 60%,var(--gold) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hive-sub{font-family:Playfair Display,serif;font-style:italic;font-size:clamp(1.2rem,2.4vw,1.8rem);color:var(--muted);letter-spacing:.02em;margin-bottom:14px;opacity:0;animation:fadeIn 1.4s ease-out .9s forwards}.hive-sub .seal{color:var(--gold);font-style:normal;font-family:Inter,sans-serif;font-weight:400;letter-spacing:.08em}.hive-tag{font-family:JetBrains Mono,monospace;font-size:clamp(.78rem,1.1vw,.95rem);letter-spacing:.3em;color:var(--gold-soft);text-transform:uppercase;opacity:0;animation:fadeIn 1.4s ease-out 1.2s forwards}.enter-block{margin-top:64px;opacity:0;animation:fadeIn 1.4s ease-out 1.6s forwards;display:flex;flex-direction:column;align-items:center;gap:16px}.enter-btn{display:inline-flex;align-items:center;gap:14px;padding:18px 40px;font-family:JetBrains Mono,monospace;font-size:.78rem;font-weight:600;letter-spacing:.42em;text-transform:uppercase;background:#f5c76a14;color:var(--gold);border:1px solid var(--gold);outline:none;transition:background .22s,color .22s,transform .22s,box-shadow .22s,letter-spacing .3s;animation:pulseGold 2.6s ease-in-out infinite}.enter-btn:hover:not(:disabled){background:var(--gold);color:var(--navy);letter-spacing:.46em}.enter-btn:active:not(:disabled){transform:scale(.98)}.enter-btn:disabled{opacity:.6;cursor:not-allowed}.enter-btn.pressed{background:var(--gold);color:var(--navy);transform:scale(1.05);box-shadow:0 0 60px #f5c76ad9;animation:none}.enter-glyph{font-size:.7rem}.enter-arrow{transition:transform .22s}.enter-btn:hover:not(:disabled) .enter-arrow{transform:translate(6px)}.enter-hint{font-family:JetBrains Mono,monospace;font-size:.55rem;letter-spacing:.28em;color:var(--soft);text-transform:uppercase}.stage-card{--accent: #F5C76A;position:relative;display:flex;flex-direction:column;gap:12px;padding:28px 26px;background:#03040a8c;border:1px solid var(--hair);outline:none;cursor:pointer;overflow:hidden;transition:background .25s,border-color .25s,transform .25s,box-shadow .25s,opacity .25s;min-height:0;height:100%;max-height:100%}.stage-card:before{content:"";position:absolute;top:0;right:0;width:220px;height:220px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 18%,transparent),transparent 65%);pointer-events:none;opacity:.55;transition:opacity .3s}.stage-card:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent);opacity:.35;transition:opacity .25s,width .25s}.stage-card:hover,.stage-card.is-active{background:#080912c7;border-color:color-mix(in srgb,var(--accent) 50%,var(--hair-strong));transform:translateY(-3px);box-shadow:0 0 30px color-mix(in srgb,var(--accent) 22%,transparent)}.stage-card.is-active:before{opacity:.85}.stage-card.is-active:after{opacity:.95;width:3px}.stage-card.is-dim{opacity:.65}.stage-num{font-family:JetBrains Mono,monospace;font-size:.6rem;letter-spacing:.32em;color:var(--accent);text-transform:uppercase}.stage-title{font-family:Inter,sans-serif;font-weight:200;font-size:clamp(1.6rem,2.4vw,2.2rem);letter-spacing:.06em;line-height:1;color:var(--white)}.stage-sub{font-family:JetBrains Mono,monospace;font-size:.62rem;letter-spacing:.16em;color:var(--gold-soft);text-transform:uppercase;line-height:1.5}.stage-body{font-family:Inter,sans-serif;font-size:.88rem;line-height:1.7;color:var(--muted);flex:1}.stage-meta{display:flex;gap:8px;flex-wrap:wrap}.stage-status{font-family:JetBrains Mono,monospace;font-size:.55rem;letter-spacing:.22em;padding:4px 10px;border:1px solid var(--hair);text-transform:uppercase}.status-live{color:#34d399;border-color:#34d39966}.status-beta{color:var(--gold);border-color:#f5c76a73}.status-soon{color:var(--muted);border-color:var(--hair)}.stage-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;margin-top:auto;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:600;letter-spacing:.28em;text-decoration:none;text-transform:uppercase;color:var(--navy);background:var(--accent);border:1px solid var(--accent);transition:filter .2s,transform .2s,box-shadow .2s}.stage-cta:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 0 24px color-mix(in srgb,var(--accent) 50%,transparent)}.cta-arrow{transition:transform .2s}.stage-cta:hover .cta-arrow{transform:translate(4px)}.stage-progress{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr 24px 1fr;align-items:center;margin-top:18px;font-family:JetBrains Mono,monospace}@media (max-width: 1100px){.stage-progress{grid-template-columns:1fr 1fr;gap:8px}.step-connector{display:none}.step-wrap{display:contents}}@media (max-width: 700px){.stage-progress{grid-template-columns:1fr}}.step-wrap{display:contents}.step{--accent: #F5C76A;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 14px;background:#03040a8c;border:1px solid var(--hair);border-left:2px solid var(--accent);cursor:pointer;transition:.22s;text-align:left}.step:hover{background:#f5c76a0d;border-color:var(--hair-strong)}.step.is-active{background:#f5c76a14;border-color:var(--accent);border-left-width:3px}.step.is-past{opacity:.7}.step-num{font-size:.55rem;letter-spacing:.32em;color:var(--accent)}.step-title{font-family:Inter,sans-serif;font-weight:400;font-size:.95rem;letter-spacing:.06em;color:var(--white)}.step-sub{font-size:.55rem;letter-spacing:.16em;color:var(--soft);text-transform:uppercase}.step-connector{height:1px;background:var(--hair);position:relative;overflow:hidden}.step-connector:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--gold),var(--gold-soft));transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.step-connector.is-filled:after{transform:scaleX(1)}.panorama{position:relative;z-index:5;width:100%;height:100%;display:grid;grid-template-rows:auto auto 1fr auto;padding:28px 28px 22px;animation:panoramaIn .5s ease-out}@keyframes panoramaIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.panorama-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--hair)}.head-eyebrow{font-family:JetBrains Mono,monospace;font-size:.6rem;letter-spacing:.32em;color:var(--gold);text-transform:uppercase;margin-bottom:8px}.head-title{font-family:Inter,sans-serif;font-weight:200;font-size:clamp(1.6rem,3.2vw,2.4rem);letter-spacing:.04em;line-height:1.1;background:linear-gradient(180deg,var(--white) 0%,var(--gold-soft) 60%,var(--gold) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.head-back{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;font-family:JetBrains Mono,monospace;font-size:.6rem;letter-spacing:.28em;text-transform:uppercase;text-decoration:none;color:var(--muted);border:1px solid var(--hair);background:#03040a8c;transition:.2s}.head-back:hover{color:var(--gold);border-color:var(--gold);background:#f5c76a0d}.panorama-body{overflow:hidden;margin-top:22px;display:flex;align-items:center}.card-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;width:100%;height:100%;max-height:100%}@media (max-width: 1100px){.card-rail{grid-template-columns:repeat(2,1fr);gap:14px}}@media (max-width: 700px){.card-rail{grid-template-columns:1fr;gap:12px;overflow-y:auto}}.panorama-foot{margin-top:18px;padding-top:14px;border-top:1px solid var(--hair);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;font-family:JetBrains Mono,monospace;font-size:.6rem;letter-spacing:.22em;color:var(--soft);text-transform:uppercase}.foot-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.foot-meta .k{color:var(--soft)}.foot-meta .v{color:var(--gold-soft)}.foot-meta .dot{width:4px;height:4px;background:var(--hair-strong);border-radius:50%}.foot-links{display:flex;gap:0;align-items:center;flex-wrap:wrap}.foot-links a{color:var(--muted);text-decoration:none;margin:0 12px;transition:color .2s}.foot-links a:hover{color:var(--gold)}.hud-tl,.hud-tr{position:fixed;top:1.5rem;z-index:15;padding:.8rem 1rem;border:1px solid var(--hair-strong);background:#03040a8c;backdrop-filter:blur(10px);font-family:JetBrains Mono,monospace;font-size:.55rem;letter-spacing:.18em;color:var(--muted);line-height:1.7;min-width:220px}.hud-tl{left:1.5rem}.hud-tr{right:1.5rem;min-width:200px;text-align:right}.hud-t{color:var(--gold);font-size:.62rem;letter-spacing:.22em;margin-bottom:.4rem;padding-bottom:.4rem;border-bottom:1px solid var(--hair)}.hud-t-row{color:var(--gold);font-size:.62rem;letter-spacing:.22em;margin-bottom:.4rem;padding-bottom:.4rem;border-bottom:1px solid var(--hair);display:flex;justify-content:space-between}.hud-row{display:flex;justify-content:space-between;gap:1rem}.hud-row .k{color:var(--soft)}.hud-row .v{color:#f5f7fad9}.hud-row .v.gold{color:var(--gold)}.hud-row .v.blink:after{content:"";display:inline-block;width:6px;height:6px;background:var(--gold);margin-left:6px;box-shadow:0 0 6px var(--gold);animation:blink 1.6s ease-in-out infinite}@media (max-width: 800px){.hud-tl,.hud-tr{font-size:.5rem;min-width:0;max-width:45vw;padding:.6rem .8rem}}.app-shell{position:relative;width:100vw;height:100vh;overflow:hidden}.blackout{position:fixed;inset:0;background:var(--navy);z-index:30;transition:opacity .3s ease-in-out 1.05s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--navy: #04050A;--navy2: #0B0E22;--gold: #F5C76A;--gold-soft: #FFE4A6;--cyan: #00E5FF;--violet: #7C3AED;--white: #F5F7FA;--muted: rgba(245,247,250,.55);--soft: rgba(245,247,250,.32);--hair: rgba(245,199,106,.18);--hair-strong: rgba(245,199,106,.32)}html,body,#root{height:100%;background:var(--navy);color:var(--white);font-family:Inter,sans-serif;font-weight:300;overflow:hidden}body{background:radial-gradient(ellipse at center,var(--navy2) 0%,var(--navy) 78%);cursor:default}button{font-family:inherit;color:inherit;cursor:pointer}a{color:inherit}.stars{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 60% 70%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 80% 20%,rgba(245,199,106,.4),transparent),radial-gradient(2px 2px at 30% 80%,rgba(245,199,106,.25),transparent),radial-gradient(1px 1px at 90% 50%,rgba(124,58,237,.3),transparent),radial-gradient(1px 1px at 15% 65%,rgba(255,255,255,.35),transparent);opacity:.6}.grid-overlay{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(245,199,106,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(245,199,106,.025) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at center,transparent 30%,black 90%);opacity:.5}.corner{position:fixed;width:32px;height:32px;border:1px solid rgba(245,199,106,.28);z-index:14;pointer-events:none}.corner.tl{top:1.2rem;left:1.2rem;border-right:0;border-bottom:0}.corner.tr{top:1.2rem;right:1.2rem;border-left:0;border-bottom:0}.corner.bl{bottom:1.2rem;left:1.2rem;border-right:0;border-top:0}.corner.br{bottom:1.2rem;right:1.2rem;border-left:0;border-top:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGold{0%,to{box-shadow:0 0 18px #f5c76a59}50%{box-shadow:0 0 36px #f5c76ab3}}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}@media (max-width: 800px){.corner{width:22px;height:22px}}