@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

.vx-site { --accent:#70efff; --accent2:#8466ff; --warm:#ffd06a; position:fixed; inset:0; overflow:hidden; color:#f5f7ff; background:#020208; font-family:Manrope,Arial,sans-serif; isolation:isolate; }
.vx-site.env-solar { --accent:#ffd36b; --accent2:#ff6a22; --warm:#fff0b6; }
.vx-site.env-nebula { --accent:#ef7eea; --accent2:#6de8ff; --warm:#ffd18b; }
.vx-site * { box-sizing:border-box; }
.vx-site a { color:inherit; text-decoration:none; }
.vx-cosmos { position:absolute; inset:0; z-index:-1; overflow:hidden; background:radial-gradient(circle at 40% 30%,#11132e,transparent 30%),#020208; }
.vx-cosmos:before { content:""; position:absolute; inset:0; opacity:.5; background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(var(--accent) 1px,transparent 1px); background-size:78px 78px,131px 131px; background-position:0 0,21px 47px; mask-image:linear-gradient(#000,transparent 94%); }
.vx-cosmos > i { position:absolute; width:5px; aspect-ratio:1; border-radius:50%; background:#fff; box-shadow:0 0 14px 3px var(--accent); animation:vxTwinkle 3s ease-in-out infinite alternate; }
.vx-cosmos > i:nth-child(1){left:12%;top:17%}.vx-cosmos > i:nth-child(2){left:72%;top:24%;animation-delay:-1s}.vx-cosmos > i:nth-child(3){left:87%;top:71%;animation-delay:-2s}
.vx-cosmos > span { position:absolute; border:1px solid color-mix(in srgb,var(--accent) 30%,transparent); border-radius:50%; opacity:.38; }
.vx-cosmos > span:nth-of-type(1){width:48vw;aspect-ratio:1;right:-16vw;top:4vh}.vx-cosmos > span:nth-of-type(2){width:30vw;aspect-ratio:1;right:-7vw;top:13vh}
.vx-cosmos.solar { background:radial-gradient(circle at 76% 42%,#fff 0 1%,#ffec9d 2%,#ffad25 8%,#e24512 17%,#5d140a80 30%,transparent 52%),#030206; }
.vx-cosmos.solar > span { border-color:#ffb32a55; box-shadow:0 0 40px #ff671f22; }
.vx-cosmos.nebula { background:radial-gradient(ellipse at 72% 34%,#ef55b642 0,transparent 28%),radial-gradient(ellipse at 54% 54%,#4bd8f12c 0,transparent 34%),radial-gradient(circle at 35% 20%,#6823a733,transparent 32%),#020208; }
.vx-cosmos.nebula > span { border-radius:37% 63% 55% 45%; transform:rotate(26deg); filter:blur(2px); }
.vx-cosmos.neutron:after { content:""; position:absolute; width:24vw; min-width:260px; aspect-ratio:1; right:7vw; top:16vh; border-radius:50%; background:radial-gradient(circle,#fff 0 1.4%,#a9f7ff 2%,#4bdcff 5%,#2c3cba 10%,#1c0b57 19%,transparent 39%); box-shadow:0 0 60px #4fe7ff66; }
@keyframes vxTwinkle { to{opacity:.25;transform:scale(.55)} }

.vx-header { position:absolute; z-index:20; top:0; left:0; right:0; height:82px; padding:0 clamp(20px,5vw,78px); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #ffffff12; background:#03030a80; backdrop-filter:blur(18px); }
.vx-brand { display:flex; align-items:center; gap:11px; }.vx-brand .vx-mark{width:46px;height:46px;display:grid;place-items:center}.vx-mark img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--accent) 32%,transparent))}.vx-brand b{display:block;font-size:1rem;letter-spacing:.08em}.vx-brand small{display:block;margin-top:2px;color:#b4bdcf;font:500 .58rem DM Mono,monospace;letter-spacing:.12em}.vx-brand em{display:block;margin-top:2px;color:#657087;font:500 .48rem DM Mono,monospace;letter-spacing:.07em;font-style:normal}
.vx-header nav { display:flex; gap:30px; align-items:center; }.vx-header nav a{position:relative;color:#949db2;font-size:.78rem}.vx-header nav a:hover,.vx-header nav a.active{color:#fff}.vx-header nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:1px;background:var(--accent);box-shadow:0 0 10px var(--accent)}
.vx-menu-button{display:none;border:0;background:none;color:#fff}.vx-menu-button svg{width:24px}

.vx-footer { min-height:190px; padding:45px clamp(22px,6vw,90px); border-top:1px solid #ffffff13; background:#020207df; display:grid; grid-template-columns:1fr auto; align-items:center; gap:25px; }
.vx-footer div{display:grid;gap:3px}.vx-footer b{font-size:1.3rem;letter-spacing:.08em}.vx-footer span{color:#c8cede;font:500 .7rem DM Mono,monospace;letter-spacing:.17em}.vx-footer small{margin-top:8px;color:#6f788e;font-size:.8rem}.vx-footer>a{display:flex;align-items:center;gap:9px;padding:12px 16px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:999px;color:var(--accent);font-size:.77rem}.vx-footer p{grid-column:1/-1;margin:0;color:#4e566a;font:500 .63rem DM Mono,monospace;letter-spacing:.08em}

.vx-index { overflow-y:auto; }.vx-index main{min-height:calc(100vh - 190px);padding:130px clamp(20px,5vw,75px) 65px;display:grid;grid-template-columns:minmax(260px,.65fr) minmax(620px,1.35fr);gap:5vw;align-items:center}.vx-index-heading>span,.vx-overline,.vx-identity-band>div>span,.vx-chapter-system aside>span,.vx-next-leaders>span{color:var(--accent);font:500 .68rem DM Mono,monospace;letter-spacing:.18em}.vx-index-heading h1{margin:20px 0;font-size:clamp(3.2rem,6.2vw,7.2rem);line-height:.9;letter-spacing:-.06em}.vx-index-heading h1 em{font-style:normal;background:linear-gradient(90deg,var(--accent),var(--accent2),var(--warm));color:transparent;background-clip:text}.vx-index-heading p{max-width:390px;color:#9aa4bb;font-size:1rem;line-height:1.7}
.vx-leader-deck{height:min(67vh,720px);display:flex;gap:12px}.vx-leader-deck article{position:relative;flex:1;min-width:0;overflow:hidden;border:1px solid #ffffff17;border-radius:18px;background:#070811;transition:flex .55s cubic-bezier(.2,.8,.2,1),border-color .4s;isolation:isolate}.vx-leader-deck article.active{flex:3.1;border-color:color-mix(in srgb,var(--accent) 48%,transparent)}.vx-leader-deck img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .8s,filter .5s;filter:saturate(.55) brightness(.65)}.vx-leader-deck article.active img{transform:scale(1.035);filter:saturate(1) brightness(.9)}.vx-card-shade{position:absolute;inset:0;background:linear-gradient(0deg,#02030bea 2%,transparent 65%),linear-gradient(90deg,#02030b66,transparent)}.vx-card-number{position:absolute;z-index:2;top:18px;left:18px;color:#c9cfe0;font:500 .72rem DM Mono,monospace}.vx-card-copy{position:absolute;z-index:2;left:clamp(18px,2vw,30px);right:clamp(18px,2vw,30px);bottom:27px;opacity:0;transform:translateY(12px);transition:.4s .15s}.vx-leader-deck article.active .vx-card-copy{opacity:1;transform:none}.vx-card-copy small{color:var(--accent);font:500 .62rem DM Mono,monospace;letter-spacing:.16em}.vx-card-copy h2{max-width:520px;margin:10px 0 3px;font-size:clamp(1.8rem,3.2vw,3.8rem);line-height:.97;letter-spacing:-.045em}.vx-card-copy h3{margin:0;color:#d7dbe7;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.vx-card-copy p{max-width:390px;margin:14px 0;color:#aab2c5;font-size:.83rem;line-height:1.5}.vx-card-copy a{width:max-content;display:flex;align-items:center;gap:8px;color:var(--accent);font:600 .71rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.vx-deck-controls{display:none}

.vx-profile-scroll{position:absolute;inset:82px 0 0;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--accent2) #05050b}.vx-profile main{position:relative}.vx-profile-hero{min-height:calc(100vh - 82px);padding:8vh clamp(22px,7vw,110px);display:grid;grid-template-columns:minmax(300px,.9fr) minmax(430px,1.1fr);align-items:center;gap:5vw}.vx-hero-copy{position:relative;z-index:2;max-width:760px}.vx-back{width:max-content;margin-bottom:40px;display:flex;gap:7px;align-items:center;color:#8993aa;font-size:.75rem}.vx-hero-copy h1{margin:20px 0 8px;font-size:clamp(3.6rem,7vw,8rem);line-height:.88;letter-spacing:-.065em}.vx-hero-copy h2{max-width:600px;margin:0;color:#d5d9e6;font-size:clamp(.86rem,1.35vw,1.15rem);font-weight:500;letter-spacing:.1em;text-transform:uppercase}.vx-hero-copy blockquote{max-width:660px;margin:35px 0 18px;padding-left:18px;border-left:2px solid var(--accent);color:#fff;font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.5}.vx-hero-copy>p{max-width:680px;color:#9da7bd;font-size:1rem;line-height:1.75}.vx-descend{width:max-content;margin-top:28px;display:flex;align-items:center;gap:9px;padding:11px 14px;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:999px;color:var(--accent);font:500 .7rem DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}
.vx-hero-portrait{position:relative;height:min(72vh,760px);border:1px solid #ffffff14;border-radius:28px;overflow:hidden;background:#060712;box-shadow:0 40px 100px #0009}.vx-hero-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#020208 0,transparent 42%),linear-gradient(90deg,#02020833,transparent)}.vx-hero-portrait img{width:100%;height:100%;object-fit:cover;object-position:center}.vx-hero-portrait span{position:absolute;z-index:2;left:24px;right:24px;bottom:22px;color:#c9d1e1;font:500 .63rem DM Mono,monospace;letter-spacing:.16em}
.env-solar .vx-profile-hero{grid-template-columns:minmax(360px,1.08fr) minmax(330px,.92fr)}.env-solar .vx-hero-portrait{order:-1;border-radius:50% 50% 24px 24px;box-shadow:0 0 100px #ff6a2433}.env-nebula .vx-hero-portrait{border-radius:42% 12% 42% 12%;transform:rotate(1.5deg)}.env-nebula .vx-hero-copy{transform:translateY(4vh)}
.vx-identity-band{padding:60px clamp(22px,7vw,110px);display:grid;grid-template-columns:1.45fr .55fr;gap:7vw;border-block:1px solid #ffffff12;background:#060710c7;backdrop-filter:blur(15px)}.vx-tags{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px}.vx-tags b{padding:8px 11px;border:1px solid #ffffff14;border-radius:999px;background:#ffffff07;color:#c7cede;font-size:.72rem;font-weight:500}.vx-identity-band p{margin:16px 0 0;color:#b2bacd;font-size:.88rem;line-height:1.5}
.vx-chapter-system{max-width:1500px;margin:auto;padding:80px clamp(22px,7vw,110px);display:grid;grid-template-columns:260px 1fr;gap:7vw}.vx-chapter-system aside{position:sticky;top:45px;height:max-content;display:grid;gap:5px}.vx-chapter-system aside>span{margin-bottom:18px}.vx-chapter-system aside a{display:flex;gap:10px;padding:8px 0;color:#646d81;font-size:.74rem;transition:.3s}.vx-chapter-system aside a i{font:normal .63rem DM Mono,monospace}.vx-chapter-system aside a.active{color:var(--accent);transform:translateX(7px)}.vx-chapters section{min-height:70vh;padding:13vh 0;border-bottom:1px solid #ffffff10;scroll-margin-top:40px}.vx-chapters section>span{color:var(--accent);font:500 .68rem DM Mono,monospace;letter-spacing:.16em}.vx-chapters h2{margin:17px 0;font-size:clamp(2.8rem,5.7vw,6.5rem);line-height:.92;letter-spacing:-.055em}.vx-chapters section>p{max-width:760px;margin:0;color:#aab3c7;font-size:clamp(1rem,1.3vw,1.18rem);line-height:1.8}.vx-chapters ul{max-width:760px;margin:30px 0 0;padding:0;display:grid;gap:8px;list-style:none}.vx-chapters li{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #ffffff10;border-radius:10px;color:#cbd1df;background:#ffffff05;font-size:.85rem}.vx-chapters li svg{flex:none;color:var(--accent)}
.vx-next-leaders{padding:70px clamp(22px,7vw,110px) 100px}.vx-next-leaders>div{margin-top:24px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.vx-next-leaders a{min-height:150px;padding:28px;border:1px solid #ffffff14;border-radius:16px;background:linear-gradient(135deg,#ffffff08,transparent);display:grid;grid-template-columns:1fr auto;align-items:end;transition:.3s}.vx-next-leaders a:hover{border-color:var(--accent);transform:translateY(-4px)}.vx-next-leaders small{grid-column:1/-1;color:#747d91;font-size:.67rem}.vx-next-leaders b{font-size:1.3rem}.vx-next-leaders svg{color:var(--accent)}

@media(max-width:1000px){.vx-index main{grid-template-columns:1fr;padding-top:130px}.vx-index-heading h1{font-size:clamp(3.4rem,10vw,6rem)}.vx-index-heading p{max-width:600px}.vx-leader-deck{height:620px}.vx-profile-hero{grid-template-columns:1fr;min-height:auto;padding-top:8vh}.vx-hero-copy{padding-bottom:15px}.vx-hero-portrait{height:min(68vh,680px)}.env-solar .vx-profile-hero{grid-template-columns:1fr}.env-solar .vx-hero-portrait{order:0}.vx-chapter-system{grid-template-columns:190px 1fr;gap:5vw}}
@media(max-width:700px){.vx-header{height:70px;padding:0 18px}.vx-brand small{font-size:.52rem}.vx-menu-button{display:block}.vx-header nav{display:none;position:absolute;top:70px;left:0;right:0;padding:22px;background:#050610f5;border-bottom:1px solid #ffffff16;flex-direction:column;align-items:flex-start}.vx-header nav.open{display:flex}.vx-header nav a.active:after{bottom:-4px}.vx-index main{padding:110px 14px 55px;display:block}.vx-index-heading{padding:0 8px}.vx-index-heading h1{font-size:3.5rem}.vx-leader-deck{height:auto;margin-top:40px;display:grid;gap:14px}.vx-leader-deck article,.vx-leader-deck article.active{height:72vh;min-height:560px;flex:none}.vx-leader-deck article .vx-card-copy{opacity:1;transform:none}.vx-leader-deck img,.vx-leader-deck article.active img{filter:saturate(.9) brightness(.78)}.vx-deck-controls{display:none}.vx-profile-scroll{inset:70px 0 0}.vx-profile-hero{padding:45px 16px 55px;gap:25px}.vx-back{margin-bottom:28px}.vx-hero-copy h1{font-size:clamp(3.2rem,15vw,5.4rem)}.vx-hero-copy h2{line-height:1.5}.vx-hero-copy blockquote{margin-top:25px}.vx-hero-portrait{height:62vh;min-height:500px;border-radius:20px}.env-nebula .vx-hero-portrait{transform:none;border-radius:20px}.env-nebula .vx-hero-copy{transform:none}.vx-identity-band{grid-template-columns:1fr;padding:40px 20px}.vx-chapter-system{display:block;padding:40px 20px}.vx-chapter-system aside{display:none}.vx-chapters section{min-height:64vh;padding:12vh 0}.vx-chapters h2{font-size:3.2rem}.vx-next-leaders{padding:55px 20px}.vx-next-leaders>div{grid-template-columns:1fr}.vx-footer{grid-template-columns:1fr;align-items:start;padding:38px 22px}.vx-footer>a{width:max-content}.vx-footer p{grid-column:auto}.vx-cosmos.neutron:after{right:-28vw;top:24vh}.vx-cosmos > span:nth-of-type(1){width:100vw;right:-50vw}.vx-cosmos > span:nth-of-type(2){width:70vw;right:-34vw}}
@media(prefers-reduced-motion:reduce){.vx-site *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.vx-leader-deck img{object-position:left center}

/* Accessibility additions (Oct 2026) */
.vx-site a:focus-visible, .vx-site button:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 4px; }
.vx-footer p a { color: #b4bdcf; text-decoration: underline; text-underline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .vx-site *, .vx-site *::before, .vx-site *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }

/* Official logo (Oct 2026) */
.vx-logo img { display: block; height: 56px; width: auto; max-width: none; }
@media (max-width: 700px) { .vx-logo img { height: 44px; } }
.vx-footer .footer-logo img { display: block; width: min(260px, 100%); height: auto; margin-bottom: 10px; }
.vx-chapter-system aside a { color: #8f99ad; }
.vx-footer p { color: #9aa4b8; }
