/* Shared Vezryn shell. Tokens retained from the approved homepage. */
:root{color-scheme:dark;--ink:#f0f1ef;--surface:#090c10;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--surface);color:var(--ink);font-synthesis:none}
:root{--text-strong:#deebf3;--text-body:#c2d0d9;--text-muted:#a3b7c5;--text-state:#a9bdcb;--edge:#8ca4b530;--edge-defined:#8ca4b558;--edge-future:#8ca4b552;--edge-active:#a7c9de;--focus:#b3dfff;--plane:linear-gradient(130deg,#1b2833b3,#111b2466);--plane-future:linear-gradient(110deg,#111b247a,#0c141b33);--control-plane:linear-gradient(130deg,#1b2833ed,#0c141ded);--hover-plane:#29405080;--press-plane:#0b131b;--press-depth:inset 0 2px 5px #0008;--radius-control:2px;--type-meta:12px;--type-detail:14px;--type-body:16px;--leading-body:1.75;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--panel-pad:32px;--ui-time:180ms;--surface-time:300ms;--atmosphere-time:600ms;--ui-ease:cubic-bezier(.2,.65,.3,1)}
:root{--panel-pad:24px;--type-body:15px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button,a,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}img{max-width:100%}em{font-style:normal;color:var(--text-muted)}.skip-link{position:fixed;top:16px;left:20px;z-index:100;transform:translateY(-150%);background:#202a34;padding:14px}.skip-link:focus{transform:none}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--focus);outline-offset:4px;box-shadow:0 0 0 4px #08111a;border-radius:var(--radius-control)}
.site-header{position:fixed;left:0;top:0;width:100%;z-index:40;display:flex;justify-content:space-between;align-items:center;padding:24px 5.5vw;min-height:88px;background:linear-gradient(#090e1480,transparent);transition:padding var(--atmosphere-time),background var(--atmosphere-time)}
.identity{display:flex;align-items:center;flex-shrink:0;width:147px;min-height:44px}.identity img{display:block;width:100%;height:auto}.site-header nav{display:flex;font-size:12px;letter-spacing:.025em}.nav-items{display:flex;align-items:center;gap:6px}.site-header .nav-items a,.site-header .nav-items button,.menu-toggle{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:12px 16px;border:1px solid transparent;color:var(--text-body);border-radius:var(--radius-control);transition:background var(--ui-time),box-shadow var(--ui-time),color var(--ui-time)}
.site-header .nav-items a[aria-current]{color:var(--text-strong);box-shadow:inset 0 -1px var(--edge-active);background:#1c2b3670}.reading .site-header,.editorial .site-header{padding:8px 5.5vw;min-height:64px;background:#10171ff7;box-shadow:0 1px #9ab7c333,0 8px 24px #03080c30}.reading .identity,.editorial .identity{width:118px}.site-header .nav-items :is(a,button):hover,.site-action:hover{background:var(--hover-plane);color:var(--text-strong)}.site-header .nav-items :is(a,button):active,.site-action:active{background:var(--press-plane);box-shadow:var(--press-depth)}
.site-ending{display:grid;grid-template-columns:1fr auto;gap:32px 60px;align-items:center;margin-top:100px;padding:36px 0 32px;border-top:1px solid var(--edge);font-size:12px;color:var(--text-muted)}.ending-identity{display:flex;align-items:center;gap:20px;line-height:1.7}.ending-identity img{width:36px;height:36px;opacity:.65}.ending-identity>span>span{color:var(--text-muted)}.site-ending nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px}.site-ending nav :is(a,button){display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:var(--text-muted);padding:8px 0;transition:color var(--ui-time),background var(--ui-time)}.site-ending nav :is(a,button):hover{color:var(--text-strong)}.site-ending nav :is(a,button):active{background:var(--press-plane)}.launch-foundations{display:flex;justify-content:space-between;gap:24px;grid-column:1/-1;border-top:1px solid var(--edge);padding-top:24px;font-size:12px;line-height:1.6}.launch-foundations ul{display:flex;gap:24px;list-style:none;margin:0;padding:0}.planned-label{border-left:1px dashed var(--edge-defined);margin-left:12px;padding-left:12px;color:var(--text-muted)}.site-action{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:48px;padding:12px 16px;border:1px solid var(--edge-defined);border-top-color:var(--edge-active);border-radius:var(--radius-control);font-size:14px;transition:background var(--ui-time),box-shadow var(--ui-time)}.preview-content .site-action{margin-top:24px}
@media(min-width:801px){.site-header .menu-toggle{display:none!important}}
@media(max-width:800px){.site-header,.reading .site-header,.editorial .site-header{padding:8px 24px;min-height:64px}.site-header .identity{width:116px}.shell-ready .menu-toggle{display:flex!important;height:44px;min-width:86px;background:#111d27cc;border:1px solid var(--edge-defined)}.menu-toggle span{font-size:19px;transition:transform var(--ui-time)}.menu-toggle[aria-expanded=true] span{transform:rotate(45deg)}.shell-ready .nav-items{display:none;position:absolute;right:24px;top:calc(100% - 1px);width:min(300px,calc(100vw - 48px));padding:12px;background:#101b25fa;border:1px solid var(--edge-defined);box-shadow:0 18px 40px #0008;max-height:calc(100svh - 90px);overflow:auto}.shell-ready .site-header.menu-open .nav-items{display:flex;flex-direction:column;align-items:stretch;gap:4px}.site-header .nav-items a,.site-header .nav-items button{justify-content:space-between;min-height:48px;padding:12px 16px}.site-header nav a:first-child{display:flex}.site-ending{grid-template-columns:1fr;gap:24px;margin-top:48px}.site-ending nav{display:flex;justify-content:start;gap:4px 24px}.launch-foundations{flex-direction:column;gap:14px}.launch-foundations ul{gap:24px}html:not(.shell-ready) .site-header{position:relative;flex-wrap:wrap;gap:8px;background:#10171f}html:not(.shell-ready) .nav-items{flex-wrap:wrap;gap:0}html:not(.shell-ready) .site-header nav{margin:0;width:100%}html:not(.shell-ready) .nav-items a{padding:8px 10px;font-size:12px;min-height:44px}}
@media(max-width:360px){.site-header,.reading .site-header,.editorial .site-header{padding-left:20px;padding-right:20px}.shell-ready .nav-items{right:20px;width:calc(100vw - 40px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-header,.identity,.site-header *,.site-action,.site-ending *{transition:none!important}}