@font-face{font-family:Outfit;src:url('../assets/Outfit.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--gold:#e4cea2;--muted:#8b958f;--ease:cubic-bezier(.19,1,.22,1)}
*{box-sizing:border-box}body{margin:0;background:#0b192a;color:var(--gold);font-family:Outfit,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #e4cea2;outline-offset:8px}button{border:0;background:none}.intro{height:100svh;min-height:480px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 40%,#172d42 0,#101f32 43%,#091523 100%)}
.atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:#030c20}
.color-field{position:absolute;inset:-30%;filter:blur(55px);will-change:transform,opacity;mix-blend-mode:screen}
.field-blue{background:radial-gradient(ellipse at 28% 30%,#183a6390 0%,#142e5550 27%,transparent 58%);animation:blue-drift 19s ease-in-out infinite alternate}
.field-violet{background:radial-gradient(ellipse at 77% 42%,#34365c65 0%,#20294a40 25%,transparent 57%);animation:violet-drift 23s ease-in-out infinite alternate}
.field-gold{background:radial-gradient(ellipse at 43% 12%,#b6a48235 0%,#75694e18 24%,transparent 52%);animation:gold-drift 17s ease-in-out infinite alternate}
.light-rays{position:absolute;inset:-55% -40%;filter:blur(24px);mix-blend-mode:screen;transform-origin:50% 8%;will-change:transform,opacity;mask-image:linear-gradient(to bottom,transparent 18%,#000 38%,#0009 64%,transparent 90%)}
.rays-one{background:conic-gradient(from 151deg at 49% 5%,transparent 0deg,#e5d7b015 5deg,#d4e0ee26 10deg,transparent 16deg,transparent 24deg,#718eb821 29deg,transparent 35deg,#a7bad529 42deg,transparent 49deg,transparent 360deg);animation:rays-sway 16s ease-in-out infinite alternate}
.rays-two{background:conic-gradient(from 163deg at 67% 0%,transparent 0deg,#8294bd24 5deg,transparent 12deg,transparent 20deg,#89acd02c 28deg,transparent 36deg,transparent 360deg);animation:rays-counter 21s ease-in-out infinite alternate}
.light-veil{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 44%,#020b201f 8%,transparent 40%,#020719a6 100%),linear-gradient(0deg,#020819d1,transparent 35%)}
.grain{position:absolute;inset:0;opacity:.15;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='.84' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.2' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.identity{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:min(525px,76vw);text-align:center}.logo-shell{position:relative}.logo{width:100%;overflow:visible;display:block;filter:drop-shadow(0 0 20px #e6c77e0d)}.mark{fill:url(#gold);fill-opacity:0;stroke:#f6e6bf;stroke-width:.35;stroke-dasharray:1;stroke-dashoffset:1;animation:trace 2.1s cubic-bezier(.65,0,.2,1) .25s forwards,metal 1.6s ease 1.4s forwards}.part-1,.part-2,.part-3{stroke-width:.25;transform-box:fill-box;transform-origin:center;animation:trace .8s ease 1.25s forwards,metal 1s ease 1.55s forwards,pulse 5s ease-in-out 4s infinite}.part-2{animation-delay:1.15s,1.45s,4.2s}.part-3{animation-delay:1.35s,1.65s,4.4s}.wordmark{fill:url(#gold);animation:word-in 1.8s var(--ease) 1.7s both}.logo-glow{position:absolute;left:15%;right:15%;top:0;height:65%;background:radial-gradient(ellipse,#f1d69925,transparent 68%);filter:blur(28px);z-index:-1;animation:glow-in 4s ease both}.signature{margin-top:34px;animation:rise-in 1.8s var(--ease) 2.5s both}.signature-line{display:block;width:28px;height:1px;margin:0 auto 24px;background:#ceb48275}.signature p{margin:0;font-size:10px;letter-spacing:4px;font-weight:300;color:#c2c3bc}
footer{position:absolute;bottom:35px;left:44px;right:44px;display:flex;justify-content:center;align-items:center;animation:rise-in 1.4s var(--ease) 3.1s both}.enter{color:#e4cea2;text-decoration:none;display:flex;align-items:center;gap:34px;padding:17px 23px;border:1px solid #d9bd862e;border-radius:2px;font-size:10px;letter-spacing:2.2px;background:#d9bd8603;transition:border-color .3s,background .3s,transform .3s}.enter:hover{border-color:#d9bd8670;background:#d9bd860a;transform:translateY(-2px)}.arrow{font-size:20px;line-height:1;transition:transform .3s}.enter:hover .arrow{transform:translateX(5px)}
@keyframes trace{to{stroke-dashoffset:0}}@keyframes metal{to{fill-opacity:1;stroke-opacity:0}}@keyframes word-in{from{opacity:0;transform:translateY(6px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes rise-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes glow-in{0%,100%{opacity:0}55%{opacity:1}}@keyframes pulse{0%,20%,100%{opacity:1}10%{opacity:.6}}
@media(max-width:650px){.identity{width:84vw;top:43%}.signature{margin-top:24px}.signature p{font-size:8px;letter-spacing:2.5px}footer{left:24px;right:24px;bottom:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.mark{fill-opacity:1;stroke:none}.logo-glow{display:none}.enter:hover{transform:none}}

#notice{position:absolute;bottom:110px;left:50%;transform:translateX(-50%);font-size:12px;text-align:center;color:#e4cea2;max-width:80vw}

@keyframes blue-drift{0%{transform:translate(-5%,-4%) scale(1);opacity:.65}50%{opacity:1}100%{transform:translate(17%,10%) scale(1.13);opacity:.7}}
@keyframes violet-drift{0%{transform:translate(9%,4%) scale(1.06);opacity:.45}50%{opacity:.85}100%{transform:translate(-19%,-9%) scale(.97);opacity:.65}}
@keyframes gold-drift{0%{transform:translate(-9%,-5%) rotate(-8deg);opacity:.8}50%{opacity:.35}100%{transform:translate(21%,12%) rotate(12deg);opacity:.85}}
@keyframes rays-sway{0%{transform:translateX(-7%) rotate(-12deg) scale(1);opacity:.45}50%{opacity:.95}100%{transform:translateX(8%) rotate(13deg) scale(1.08);opacity:.6}}
@keyframes rays-counter{0%{transform:translateX(12%) rotate(16deg);opacity:.65}50%{opacity:.3}100%{transform:translateX(-12%) rotate(-14deg);opacity:.9}}
@media(max-width:650px){.color-field{filter:blur(35px)}.light-rays{inset:-35% -95%;filter:blur(18px)}}

/* Investor entry stays in the same DOM position before and after authentication. */
.investor-locked .intro{height:100dvh;min-height:0}
.investor-locked .page-arrow{visibility:hidden;pointer-events:none}
.intro:has(.investor-gate) .identity{top:37%;width:min(500px,76vw)}
.intro:has(.investor-gate) footer{top:calc(37% + 195px);bottom:auto;align-items:flex-start}
.investor-gate{position:relative;border:1px solid #d9bd8645;border-radius:2px;background:#d9bd8603;color:#e4cea2;width:350px;height:60px;max-width:calc(100vw - 48px);transition:width .65s var(--ease),height .65s var(--ease),border-color .3s}
.investor-gate:focus-within{border-color:#d9bd8670}
.investor-gate:focus{outline:none}
.investor-gate-form{display:flex;align-items:center;height:58px;margin:0;transition:opacity .18s ease}
.investor-gate-form[hidden],.investor-welcome[hidden]{display:none}
.investor-gate-form input{min-width:0;flex:1;background:transparent;border:0;outline:0;color:#e4cea2;padding:20px 0 20px 23px;font:400 11px Outfit,sans-serif;letter-spacing:2.2px;border-radius:0}
.investor-gate-form input::placeholder{color:#e4cea2;opacity:1;font-size:10px;letter-spacing:2.2px;transition:opacity .2s ease}
.investor-gate:focus-within .investor-gate-form input::placeholder{opacity:.22}
.investor-gate-form button{padding:17px 23px;font-size:22px;line-height:1;color:#e4cea2;opacity:1}
.investor-gate-form button:disabled{opacity:.4}
.investor-gate-form button:focus-visible{outline-offset:-5px}
.investor-gate-message{position:absolute;top:100%;left:-20px;right:-20px;margin:10px 0 0;text-align:center;color:#e4cea2;font-size:12px;letter-spacing:.3px;line-height:1.3}
.investor-gate.is-unlocking .investor-gate-form{opacity:0;pointer-events:none}
.investor-gate.is-expanded{width:520px;height:194px;border-color:#d9bd8655}
.investor-welcome{position:absolute;inset:0;text-align:center;padding:22px 24px;opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .6s var(--ease)}
.investor-welcome.is-visible{opacity:1;transform:translateY(0)}
.investor-access{display:flex;align-items:center;justify-content:center;gap:10px;height:20px;font-size:12px;letter-spacing:2.5px;text-transform:uppercase;margin:0;transition:opacity .18s ease,transform .18s ease}
.investor-access.is-changing{opacity:0;transform:translateY(-3px)}
.investor-access svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.investor-welcome-title{font-size:11px;line-height:1.6;letter-spacing:.7px;color:#b9b9b3;font-weight:300;margin:8px 0 0}
.investor-navigation{display:grid;grid-template-columns:1fr 20px 1fr 20px 1fr;align-items:start;gap:10px;max-width:510px;margin:17px auto 0}
.navigation-method{display:flex;flex-direction:column;align-items:center;gap:7px;opacity:0;transform:translateY(7px);transition:opacity .5s ease,transform .6s var(--ease)}
.is-visible .navigation-method{opacity:1;transform:translateY(0)}
.is-visible .navigation-method:nth-child(1){transition-delay:.1s}.is-visible .navigation-method:nth-child(3){transition-delay:.22s}.is-visible .navigation-method:nth-child(5){transition-delay:.34s}
.navigation-symbol{width:102px;height:64px;display:flex;align-items:center;justify-content:center;color:#e4cea2}
.navigation-symbol svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.navigation-mouse{width:49px;height:64px}
.is-visible .mouse-wheel{animation:gate-wheel 1.9s ease-in-out infinite}
.is-visible .mouse-down{animation:gate-chevron 1.9s ease-in-out infinite}
.navigation-screen{padding:0;opacity:1;border:0;background:none;border-radius:3px}
.navigation-screen:hover{background:#e4cea208}
.navigation-screen svg{width:92px;height:67px}
.navigation-screen .screen-content{opacity:.25;stroke-width:1}
.navigation-caption{font-size:11px;line-height:1.3;letter-spacing:.3px;color:#c6c4ba;font-weight:300;white-space:nowrap}
.navigation-or{font-size:11px;color:#8b928f;line-height:64px;font-weight:300;opacity:0;transition:opacity .5s ease .4s}
.is-visible .navigation-or{opacity:1}
.navigation-keyboard{display:grid;grid-template-columns:repeat(3,25px);grid-template-rows:repeat(2,25px);gap:4px;height:54px}
.navigation-keyboard span{display:grid;place-items:center;border:1px solid #d9bd8680;border-radius:3px;box-shadow:0 2px 0 #d9bd8620;font-size:16px;line-height:1;font-weight:300}
.key-up{grid-area:1/2}.key-left{grid-area:2/1}.key-down{grid-area:2/2}.key-right{grid-area:2/3}
@keyframes gate-wheel{0%,100%{transform:translateY(0);opacity:1}65%{transform:translateY(6px);opacity:.35}}
@keyframes gate-chevron{0%,100%{transform:translateY(0);opacity:.4}65%{transform:translateY(3px);opacity:1}}
@media(max-width:650px){.investor-navigation{gap:3px;grid-template-columns:1fr 14px 1fr 14px 1fr}.investor-gate{width:350px}.investor-welcome{padding-left:10px;padding-right:10px}.navigation-symbol{width:82px}.navigation-caption{font-size:10px}.navigation-or{font-size:10px}}
@media(max-height:650px){.intro:has(.investor-gate) .identity{top:30%;width:min(360px,65vw)}.intro:has(.investor-gate) footer{top:calc(30% + 135px);bottom:auto}.investor-gate.is-expanded{height:175px}.investor-welcome{padding-top:15px;padding-bottom:15px}.investor-navigation{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.investor-gate,.investor-welcome,.navigation-method,.navigation-or,.investor-access{transition:none}.mouse-wheel,.mouse-down{animation:none!important}}