/* VEXTRACE Institutional Expansion — shared layer */
:root{--vx-black:#070707;--vx-dark:#0d0d0d;--vx-card:#101010;--vx-mid:#151515;--vx-border:#1c1c1c;--vx-border2:#292929;--vx-muted:#444;--vx-dim:#686868;--vx-sub:#929292;--vx-light:#c7c7c7;--vx-white:#efefef;--vx-blue:#718594;--vx-blue2:#9aabb7;--vx-red:#8e5c5c;--vx-green:#748a7d;--vx-gutter:clamp(20px,5vw,72px);--vx-max:1240px}
.vx-suite-page{background:var(--vx-black);color:var(--vx-light);font-family:'DM Mono',monospace;min-height:100vh;overflow-x:hidden;cursor:crosshair}

/* ── Layout integrity fixes ───────────────────────────────────── */
html{overflow-x:hidden;max-width:100%}
body{max-width:100%;overflow-x:hidden}
/* nav bars must never push the page wider than the viewport */
.nav{max-width:100vw}
.nav-right{min-width:0}
.vx-suite-page{max-width:100%}
/* grid/flex children default to min-width:auto, which breaks containment of
   wide content (tables, pre, long strings) — force them to be shrinkable */
.vx-grid>*,.vx-lab>*,.vx-portal-shell>*,.vx-flow>*,.vx-band>*{min-width:0}
.vx-table-wrap{max-width:100%;-webkit-overflow-scrolling:touch}
.vx-card,.vx-panel,.vx-metric,.vx-notice,.vx-document{max-width:100%;overflow-wrap:anywhere}
.vx-card img,.vx-panel img,.vx-document img{max-width:100%;height:auto}
.vx-tabs{max-width:100%}

/* ── Modern polish layer ──────────────────────────────────────── */
/* Fluid, more generous type + tighter display headings */
.vx-sec-title{letter-spacing:-.015em}
.vx-card h3{letter-spacing:-.01em}
.vx-card p,.vx-sec-desc,.vx-lead{text-wrap:pretty}
.vx-title,.vx-sec-title,.vx-card h3,.vx-band h3{text-wrap:balance}
/* Slightly larger body copy — the original sizes were very small */
.vx-card p{font-size:12px;line-height:1.85}
.vx-card li{font-size:11px}
.vx-sec-desc{font-size:12.5px;line-height:1.85}
.vx-table th,.vx-table td{font-size:10.5px}
/* Softer, layered surfaces instead of flat blocks */
.vx-card{background:linear-gradient(168deg,#111 0%,#0d0d0d 100%)}
.vx-card:hover{background:linear-gradient(168deg,#161616 0%,#111 100%)}
.vx-panel{background:linear-gradient(168deg,#111 0%,#0d0d0d 100%)}
.vx-band{border-radius:2px}
/* Smoother section rhythm */
.vx-section{padding:76px 0}
.vx-section-head{margin-bottom:36px}
/* Inputs feel more modern with a clear focus state */
.vx-field input,.vx-field select,.vx-field textarea{transition:border-color .18s,background .18s}
.vx-field input:focus,.vx-field select:focus,.vx-field textarea:focus{background:#0e0e0e}
/* Links get a refined underline instead of the browser default */
.vx-card a,.vx-notice a,.vx-panel a{text-underline-offset:3px;text-decoration-thickness:1px}

/* Staggered entrance for grid items — feels far more considered than
   everything appearing at once */
.vx-reveal.in>*{animation:vxFadeUp .55s cubic-bezier(.16,1,.3,1) backwards}
.vx-reveal.in>*:nth-child(1){animation-delay:.02s}
.vx-reveal.in>*:nth-child(2){animation-delay:.07s}
.vx-reveal.in>*:nth-child(3){animation-delay:.12s}
.vx-reveal.in>*:nth-child(4){animation-delay:.17s}
.vx-reveal.in>*:nth-child(5){animation-delay:.22s}
.vx-reveal.in>*:nth-child(6){animation-delay:.27s}
@keyframes vxFadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* Nav: animated underline + sticky blur consistency */
.nav-links a{position:relative}
.nav-links a::after{content:'';position:absolute;left:0;bottom:-5px;width:0;height:1px;background:var(--vx-sub);transition:width .25s cubic-bezier(.16,1,.3,1)}
.nav-links a:hover::after{width:100%}
.nav-cta{transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease}
.nav-cta:hover{transform:translateY(-1px)}

/* Section numbers get a subtle outlined treatment */
.vx-sec-num{transition:color .3s}
.vx-section:hover .vx-sec-num{color:var(--vx-muted)}

@media(prefers-reduced-motion: reduce){.vx-reveal.in>*{animation:none!important}}

/* ── Motion & interaction layer ───────────────────────────────── */
/* Page fade-in. Deliberately a self-completing CSS animation rather than a
   JS-toggled class: if the script ever fails to load, the content must still
   become visible instead of being stuck at opacity 0. */
body{animation:vxPageIn .55s ease both}
@keyframes vxPageIn{from{opacity:0}to{opacity:1}}

/* Scroll progress */
.vx-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:600;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,var(--vx-muted),var(--vx-sub),var(--vx-white));pointer-events:none;will-change:transform}

/* Nav condenses and solidifies after scrolling */
.nav{transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,height .3s ease}
.nav.vx-nav-scrolled{background:rgba(7,7,7,.97);box-shadow:0 1px 0 rgba(255,255,255,.05),0 10px 30px rgba(0,0,0,.45)}

/* Cursor spotlight on surfaces */
.vx-spotlight{position:relative}
.vx-spotlight::before{content:'';position:absolute;inset:0;z-index:0;opacity:0;transition:opacity .35s ease;pointer-events:none;background:radial-gradient(340px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.07),transparent 60%)}
.vx-spotlight:hover::before{opacity:1}
.vx-spotlight>*{position:relative;z-index:1}

/* Hero decoration drifts on scroll + rotates slowly */
.vx-hero::after{transform:rotate(45deg) translateY(var(--vx-parallax,0));transition:transform .1s linear;animation:vxHeroSpin 90s linear infinite}
@keyframes vxHeroSpin{from{rotate:0deg}to{rotate:360deg}}

/* Buttons: sheen sweep on hover */
.vx-btn{position:relative;overflow:hidden}
.vx-btn::after{content:'';position:absolute;top:0;left:-70%;width:40%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.14),transparent);transform:skewX(-20deg);transition:left .6s cubic-bezier(.16,1,.3,1);pointer-events:none}
.vx-btn:hover::after{left:130%}

/* Section number counts up visually with a sliding rule */
.vx-section-head{position:relative}
.vx-section-head::after{content:'';position:absolute;left:0;bottom:-14px;height:1px;width:0;background:linear-gradient(90deg,var(--vx-border2),transparent);transition:width 1.1s cubic-bezier(.16,1,.3,1)}
.vx-reveal.in .vx-section-head::after,.vx-section-head.in::after{width:100%}

/* Metrics get a subtle rising underline */
.vx-metric{position:relative;overflow:hidden}
.vx-metric::after{content:'';position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--vx-sub);transition:width .6s cubic-bezier(.16,1,.3,1)}
.vx-metric:hover::after{width:100%}

/* Tabs slide their active indicator */
.vx-tab{position:relative}
.vx-tab::after{content:'';position:absolute;left:50%;right:50%;bottom:0;height:2px;background:var(--vx-white);transition:left .3s cubic-bezier(.16,1,.3,1),right .3s cubic-bezier(.16,1,.3,1)}
.vx-tab.active::after{left:0;right:0}

/* Timeline events slide in */
.vx-event::before{transition:transform .3s ease,background .3s ease}
.vx-event:hover::before{transform:scale(1.4);background:var(--vx-white)}

/* Table rows respond to hover */
.vx-table tbody tr{transition:background .18s}
.vx-table tbody tr:hover{background:rgba(255,255,255,.028)}

/* Pills lift subtly */
.vx-pill{transition:border-color .2s,color .2s,transform .2s}
.vx-pill:hover{border-color:var(--vx-sub);color:var(--vx-light);transform:translateY(-1px)}

@media(prefers-reduced-motion: reduce){
  .vx-progress,.vx-spotlight::before,.vx-btn::after,.vx-hero::after{transition:none!important;animation:none!important}
  body{animation:none!important}
}
.vx-suite-page::before{content:'';position:fixed;inset:0;z-index:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;pointer-events:none;animation:vxGridDrift 70s linear infinite}
.vx-suite-page::after{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(680px circle at 88% -6%,rgba(255,255,255,.05),transparent 60%),radial-gradient(600px circle at -6% 106%,rgba(255,255,255,.03),transparent 60%)}
@keyframes vxGridDrift{from{background-position:0 0,0 0}to{background-position:72px 72px,-72px 72px}}
::selection{background:rgba(255,255,255,.18);color:#fff}
.vx-suite-page :focus-visible{outline:1.5px solid var(--vx-sub);outline-offset:2px}
@media(prefers-reduced-motion: reduce){.vx-suite-page::before{animation:none!important}}
.vx-suite-page *{box-sizing:border-box}.vx-suite-page a{color:inherit}.vx-main{position:relative;z-index:1;max-width:var(--vx-max);margin:auto;padding:116px var(--vx-gutter) 86px}.vx-kicker{font-size:9px;letter-spacing:.34em;text-transform:uppercase;color:var(--vx-dim);display:flex;align-items:center;gap:12px}.vx-kicker::before{content:'';width:26px;height:1px;background:linear-gradient(90deg,var(--vx-sub),var(--vx-muted))}
.vx-hero{padding:40px 0 74px;position:relative}.vx-hero::after{content:'';position:absolute;right:-8%;top:-18%;width:440px;height:440px;border:1px solid rgba(255,255,255,.04);transform:rotate(45deg);pointer-events:none;max-width:60vw;max-height:60vw}.vx-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(62px,10.5vw,136px);letter-spacing:.02em;line-height:.85;color:var(--vx-white);margin:22px 0;text-shadow:0 0 40px rgba(255,255,255,.08)}.vx-title em{display:block;color:var(--vx-dim);font-style:normal}.vx-lead{max-width:800px;border-left:2px solid var(--vx-muted);padding-left:22px;font-size:13.5px;line-height:1.9;color:var(--vx-sub);letter-spacing:.03em}.vx-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.vx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-size:9.5px;letter-spacing:.19em;text-transform:uppercase;padding:12px 18px;border:1px solid var(--vx-border2);transition:.18s;background:transparent;color:var(--vx-sub);cursor:pointer;font-family:'DM Mono',monospace}.vx-btn:hover{border-color:var(--vx-sub);color:var(--vx-white);background:rgba(255,255,255,.025)}.vx-btn-primary{background:var(--vx-sub);color:var(--vx-black);border-color:var(--vx-sub)}.vx-btn-primary:hover{background:var(--vx-white);color:var(--vx-black)}
.vx-section{padding:64px 0;border-top:1px solid var(--vx-border)}.vx-section-head{display:grid;grid-template-columns:92px 1fr;gap:28px;margin-bottom:30px}.vx-sec-num{font-family:'Bebas Neue';font-size:48px;color:var(--vx-border2)}.vx-sec-title{font-family:'Syne';font-weight:800;font-size:clamp(24px,3.4vw,38px);color:var(--vx-white);margin-bottom:8px}.vx-sec-desc{font-size:12.5px;line-height:1.85;color:var(--vx-dim);max-width:760px}
.vx-grid{display:grid;gap:1px;background:var(--vx-border)}.vx-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.vx-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.vx-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.vx-card{background:var(--vx-card);padding:28px;position:relative;overflow:hidden;transition:.2s}.vx-card:hover{background:var(--vx-mid)}.vx-card::before{content:'';position:absolute;top:0;left:0;width:32px;height:1px;background:var(--vx-muted)}.vx-tag{font-size:8.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--vx-dim);margin-bottom:12px}.vx-card h3{font-family:'Syne';font-size:17.5px;line-height:1.3;color:var(--vx-white);margin:0 0 12px}.vx-card p{font-size:12px;line-height:1.85;color:var(--vx-dim)}.vx-card ul{list-style:none;margin-top:16px}.vx-card li{font-size:11px;color:var(--vx-sub);line-height:1.7;padding:7px 0 7px 16px;border-top:1px solid var(--vx-border);position:relative}.vx-card li::before{content:'+';position:absolute;left:0;color:var(--vx-dim)}
.vx-metric{background:var(--vx-card);padding:22px}.vx-metric strong{font-family:'Bebas Neue';font-size:44px;color:var(--vx-white);display:block;line-height:1}.vx-metric span{font-size:8px;letter-spacing:.2em;text-transform:uppercase;color:var(--vx-dim)}
.vx-pill-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.vx-pill{font-size:7.5px;letter-spacing:.15em;text-transform:uppercase;border:1px solid var(--vx-border2);padding:5px 8px;color:var(--vx-dim)}.vx-status{display:inline-flex;align-items:center;gap:7px;font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:var(--vx-sub)}.vx-status::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--vx-green);box-shadow:0 0 12px rgba(116,138,125,.35)}.vx-status.warn::before{background:#8b8067}.vx-status.demo::before{background:var(--vx-blue)}
.vx-band{display:grid;grid-template-columns:1fr auto;align-items:center;gap:28px;padding:34px;border:1px solid var(--vx-border2);background:linear-gradient(120deg,#101010,#0b0b0b);margin-top:30px}.vx-band h3{font-family:'Bebas Neue';font-size:clamp(28px,5vw,54px);color:var(--vx-white);line-height:1}.vx-band p{font-size:10.5px;color:var(--vx-dim);margin-top:8px;max-width:720px;line-height:1.7}
.vx-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--vx-border)}.vx-flow-step{background:var(--vx-card);padding:22px 16px;min-height:148px}.vx-flow-step b{font-family:'Bebas Neue';font-size:28px;color:var(--vx-border2);display:block}.vx-flow-step strong{font-family:'Syne';font-size:12px;color:var(--vx-white);display:block;margin:6px 0}.vx-flow-step span{font-size:9px;color:var(--vx-dim);line-height:1.6}
.vx-table-wrap{overflow:auto;border:1px solid var(--vx-border)}.vx-table{width:100%;border-collapse:collapse;min-width:760px;background:var(--vx-card)}.vx-table th,.vx-table td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--vx-border);font-size:10.5px;vertical-align:top}.vx-table th{letter-spacing:.18em;text-transform:uppercase;color:var(--vx-dim);font-weight:400}.vx-table td{color:var(--vx-sub);line-height:1.6}.vx-table strong{color:var(--vx-white)}
.vx-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.vx-field{display:flex;flex-direction:column;gap:7px}.vx-field.full{grid-column:1/-1}.vx-field label{font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:var(--vx-dim)}.vx-field input,.vx-field select,.vx-field textarea{width:100%;background:#0b0b0b;border:1px solid var(--vx-border2);color:var(--vx-light);padding:13px;font:11px 'DM Mono';outline:none}.vx-field input:focus,.vx-field select:focus,.vx-field textarea:focus{border-color:var(--vx-sub)}.vx-field textarea{min-height:130px;resize:vertical}.vx-helper{font-size:8.5px;color:var(--vx-dim);line-height:1.6}.vx-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.vx-check{display:flex;gap:8px;align-items:flex-start;padding:10px;border:1px solid var(--vx-border);background:#0b0b0b;font-size:9px;color:var(--vx-sub)}
.vx-tabs{display:flex;gap:1px;background:var(--vx-border);overflow:auto}.vx-tab{border:0;background:var(--vx-card);color:var(--vx-dim);padding:13px 16px;font:8.5px 'DM Mono';letter-spacing:.16em;text-transform:uppercase;cursor:pointer;white-space:nowrap}.vx-tab.active,.vx-tab:hover{color:var(--vx-white);background:var(--vx-mid)}.vx-panel{border:1px solid var(--vx-border);border-top:0;background:var(--vx-card);padding:28px}.vx-panel[hidden]{display:none}
.vx-timeline{border-left:1px solid var(--vx-border2);margin-left:6px;padding-left:26px}.vx-event{position:relative;padding:0 0 24px}.vx-event::before{content:'';position:absolute;left:-30px;top:4px;width:7px;height:7px;background:var(--vx-sub);border:2px solid var(--vx-black)}.vx-event time{font-size:8px;color:var(--vx-dim);letter-spacing:.15em}.vx-event h4{font-family:'Syne';font-size:12px;color:var(--vx-white);margin:5px 0}.vx-event p{font-size:9.5px;line-height:1.7;color:var(--vx-dim)}
.vx-classification{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--vx-border2);padding:9px 12px;margin-bottom:18px;font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:var(--vx-dim)}.vx-classification b{color:var(--vx-sub);font-weight:400}.vx-confidence{height:4px;background:#1a1a1a;margin-top:8px}.vx-confidence span{display:block;height:100%;background:var(--vx-sub)}
.vx-document{background:#e7e7e5;color:#191919;min-height:520px;padding:36px;box-shadow:0 18px 60px rgba(0,0,0,.35);font-family:'DM Mono';position:relative}.vx-document::before{content:'SAMPLE · SYNTHETIC DATA';position:absolute;inset:45% 8% auto;transform:rotate(-16deg);font-family:'Bebas Neue';font-size:56px;color:rgba(0,0,0,.065);text-align:center;pointer-events:none}.vx-document h2{font-family:'Bebas Neue';font-size:42px;letter-spacing:.04em}.vx-document h3{font-family:'Syne';font-size:14px;margin:24px 0 8px}.vx-document p,.vx-document li{font-size:9px;line-height:1.7}.vx-document hr{border:0;border-top:1px solid #aaa;margin:16px 0}.vx-document table{width:100%;border-collapse:collapse}.vx-document td,.vx-document th{font-size:8px;padding:7px;border:1px solid #aaa;text-align:left}
.vx-lab{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:1px;background:var(--vx-border)}.vx-map{background:#0a0d0f;min-height:570px;position:relative;overflow:hidden}.vx-map svg{width:100%;height:100%;position:absolute;inset:0}.vx-map-toolbar{position:absolute;z-index:3;left:14px;top:14px;display:flex;gap:6px;flex-wrap:wrap}.vx-map-btn{background:rgba(7,7,7,.88);border:1px solid #2b3338;color:#84949e;font:8px 'DM Mono';letter-spacing:.14em;text-transform:uppercase;padding:8px;cursor:pointer}.vx-map-btn.active{background:#8a9aa4;color:#080808}.vx-map-readout{position:absolute;z-index:3;left:14px;bottom:14px;background:rgba(7,7,7,.88);border:1px solid #2b3338;padding:10px;font-size:8px;line-height:1.7;color:#7f8c94}.vx-lab-side{background:var(--vx-card);padding:20px}.vx-alert{padding:12px;border:1px solid var(--vx-border);margin-bottom:8px;background:#0b0b0b}.vx-alert b{font-size:9px;color:var(--vx-white);display:block;margin-bottom:4px}.vx-alert span{font-size:8px;color:var(--vx-dim);line-height:1.5}.vx-sitrep{margin-top:14px;border:1px solid var(--vx-border2);padding:14px;min-height:150px;background:#090909}.vx-sitrep h4{font-family:'Syne';font-size:11px;color:var(--vx-white);margin-bottom:9px}.vx-sitrep p{font-size:8.5px;color:var(--vx-sub);line-height:1.7}
.vx-graph{background:#090b0c;border:1px solid var(--vx-border);min-height:360px;position:relative}.vx-graph svg{width:100%;height:100%;position:absolute}.vx-node-label{font:7px 'DM Mono';fill:#9aa5ab}.vx-portal-shell{display:grid;grid-template-columns:230px 1fr;min-height:620px;border:1px solid var(--vx-border);background:#090909}.vx-portal-side{border-right:1px solid var(--vx-border);padding:20px}.vx-portal-brand{font-family:'Bebas Neue';font-size:22px;letter-spacing:.15em;color:var(--vx-white);padding-bottom:20px;border-bottom:1px solid var(--vx-border)}.vx-portal-menu{margin-top:16px}.vx-portal-menu button{width:100%;text-align:left;background:none;border:0;color:var(--vx-dim);font:9px 'DM Mono';letter-spacing:.12em;text-transform:uppercase;padding:12px;cursor:pointer}.vx-portal-menu button.active,.vx-portal-menu button:hover{background:var(--vx-card);color:var(--vx-white)}.vx-portal-main{padding:24px}.vx-portal-top{display:flex;justify-content:space-between;gap:20px;margin-bottom:22px}.vx-portal-top h2{font-family:'Syne';font-size:20px;color:var(--vx-white)}
.vx-notice{border-left:2px solid var(--vx-blue);background:rgba(113,133,148,.06);padding:14px 16px;font-size:9px;color:var(--vx-sub);line-height:1.7}.vx-warning{border-left-color:#8b8067;background:rgba(139,128,103,.05)}
.vx-print-only{display:none}.vx-reveal{opacity:0;transform:translateY(22px);transition:.6s cubic-bezier(.16,1,.3,1)}.vx-reveal.in{opacity:1;transform:none}
/* Global motion layer — shared across every page that loads vx-suite.css */
.vx-card,.vx-metric,.company-cert-card{transition:background .22s,transform .32s cubic-bezier(.16,1,.3,1),box-shadow .32s cubic-bezier(.16,1,.3,1),border-color .32s}
.vx-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.07)}
.vx-metric:hover{transform:translateY(-2px)}
.vx-card{position:relative}
.vx-card::after{content:'';position:absolute;top:0;left:-60%;width:34%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.05),transparent);transform:skewX(-18deg);transition:left .7s cubic-bezier(.16,1,.3,1);pointer-events:none}
.vx-card:hover::after{left:130%}
.vx-btn{transition:.18s,transform .18s ease,box-shadow .18s ease}
.vx-btn:hover{transform:translateY(-1px)}
.vx-btn-primary:hover{box-shadow:0 8px 24px rgba(255,255,255,.1)}
.vx-tab{transition:color .18s,background .18s,transform .18s}
.vx-status::before{animation:vxPulseDot 2.2s ease-in-out infinite}
@keyframes vxPulseDot{0%{box-shadow:0 0 0 0 rgba(116,138,125,.45)}70%{box-shadow:0 0 0 7px rgba(116,138,125,0)}100%{box-shadow:0 0 0 0 rgba(116,138,125,0)}}
@media(prefers-reduced-motion: reduce){.vx-card,.vx-card::after,.vx-metric,.vx-btn,.vx-status::before{animation:none!important;transition:none!important}}

/* Custom scrollbar — shared across every page loading this stylesheet */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#070707}
::-webkit-scrollbar-thumb{background:#2a2a2a;border:2px solid #070707;border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:#3a3a3a}
html{scrollbar-color:#2a2a2a #070707;scrollbar-width:thin}

/* Vextrace × NVIDIA Inception partnership banner (inline SVG, shared markup) */
.partner-visual{width:100%;line-height:0;overflow:hidden;background:#070707}
.partner-visual svg{display:block;width:100%;height:auto}
.pb-hexlayer{animation:pbHexDrift 30s linear infinite}
@keyframes pbHexDrift{from{transform:translate(0,0)}to{transform:translate(42px,48.5px)}}
.pb-glow{animation:pbGlowPulse 5s ease-in-out infinite}
@keyframes pbGlowPulse{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
.pb-sheen{animation:pbSheenSweep 6s ease-in-out infinite}
@keyframes pbSheenSweep{0%{transform:translateX(-100px) skewX(-18deg);opacity:0}10%{opacity:.9}55%{transform:translateX(1350px) skewX(-18deg);opacity:.9}68%{opacity:0}100%{transform:translateX(1350px) skewX(-18deg);opacity:0}}
.pb-dot{animation:pbDot 2.2s ease-in-out infinite}
@keyframes pbDot{0%,100%{opacity:1}50%{opacity:.35}}
.pb-tri-group{filter:drop-shadow(0 0 6px rgba(239,239,239,.25))}
.pb-tri-outer{transform-origin:18px 21px;animation:pbTriBreathe 4.5s ease-in-out infinite}
@keyframes pbTriBreathe{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.045);opacity:1}}
.pb-tri-mid{transform-origin:18px 21px;animation:pbTriSpinCCW 9s linear infinite}
@keyframes pbTriSpinCCW{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}
.pb-tri-dot{animation:pbTriDotPulse 2.4s ease-in-out infinite;transform-origin:18px 21px}
@keyframes pbTriDotPulse{0%,100%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.6)}}
.pb-nvlogo{animation:pbNvFade 5s ease-in-out infinite}
@keyframes pbNvFade{0%,100%{opacity:.94}50%{opacity:1}}
@media(prefers-reduced-motion: reduce){.pb-hexlayer,.pb-glow,.pb-sheen,.pb-dot,.pb-tri-outer,.pb-tri-mid,.pb-tri-dot,.pb-nvlogo{animation:none!important}}

/* ── Animated Earth backdrop (shared across every page) ──────────────── */
.vx-hero{position:relative;isolation:isolate}
.vx-globe-stage{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#050505}
.vx-globe-stage canvas{display:block;width:100%;height:100%;opacity:0;transform:scale(1.06);transition:opacity 1.6s ease,transform 2.4s cubic-bezier(.16,1,.3,1)}
.vx-globe-stage.vx-globe-ready canvas{opacity:1;transform:none}
.vx-globe-stage.vx-globe-fallback{background:#050505 url('earth-day.jpg') no-repeat 72% center/cover;filter:grayscale(.42) brightness(.55) contrast(1.05)}
.vx-globe-stage::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.93) 0%,rgba(5,5,5,.7) 30%,rgba(5,5,5,.2) 56%,rgba(5,5,5,0) 82%),linear-gradient(to bottom,rgba(5,5,5,.62) 0%,transparent 20%,transparent 70%,rgba(5,5,5,.72) 100%)}
.vx-globe-label{position:absolute;right:clamp(20px,4vw,54px);bottom:clamp(20px,4vw,44px);display:flex;flex-direction:column;align-items:flex-end;gap:3px;z-index:2}
.vx-globe-label-row{display:flex;align-items:center;gap:9px;font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.26em;text-transform:uppercase;color:var(--vx-sub);padding:8px 14px;border:1px solid var(--vx-border2);background:rgba(7,7,7,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.vx-globe-coords{font-family:'DM Mono',monospace;font-size:8px;letter-spacing:.16em;color:var(--vx-muted);padding:0 14px}
.vx-globe-dot{width:5px;height:5px;border-radius:50%;background:var(--vx-white);flex-shrink:0;animation:vxGeoPing 2.4s ease-in-out infinite}
@keyframes vxGeoPing{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(255,255,255,.4)}50%{opacity:.55;box-shadow:0 0 0 7px rgba(255,255,255,0)}}
.vx-globe-label-in .vx-globe-name{animation:vxGeoName .5s cubic-bezier(.16,1,.3,1) both}
@keyframes vxGeoName{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.vx-main,.vx-hero-actions,footer,.footer{position:relative;z-index:1}
@media(max-width:640px){.vx-globe-label-row{font-size:8px;padding:6px 10px}.vx-globe-coords{font-size:7px;padding:0 10px}}
@media(prefers-reduced-motion: reduce){.vx-globe-stage canvas{transition:none}.vx-globe-dot{animation:none}}
/* Global navigation normalization for old + new pages */
.nav-links{gap:14px!important}.nav-links a{font-size:8.5px!important;letter-spacing:.15em!important}.nav-cta{white-space:nowrap}.vx-nav-portal{border:1px solid var(--vx-border2)!important;padding:5px 9px!important;color:var(--vx-sub)!important}
.vx-home-expansion{padding:80px var(--gutter);border-top:1px solid var(--border,#1c1c1c);position:relative;z-index:1;background:rgba(5,5,5,.5);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.vx-home-expansion-inner{max-width:1200px;margin:auto}.vx-home-expansion .vx-section-head{grid-template-columns:92px 1fr}.vx-home-expansion .vx-card{min-height:210px}.vx-home-expansion .vx-btn{margin-top:18px}
@media(max-width:1180px){.nav-links{display:none!important}.hamburger{display:flex!important}}
@media(max-width:980px){.vx-grid-4{grid-template-columns:repeat(2,1fr)}.vx-grid-3{grid-template-columns:repeat(2,1fr)}.vx-flow{grid-template-columns:repeat(3,1fr)}.vx-lab{grid-template-columns:1fr}.vx-map{min-height:500px}.vx-portal-shell{grid-template-columns:1fr}.vx-portal-side{border-right:0;border-bottom:1px solid var(--vx-border)}.vx-portal-menu{display:flex;overflow:auto}.vx-portal-menu button{white-space:nowrap;width:auto}}
@media(max-width:680px){.vx-main{padding:96px 20px 60px}.vx-section-head{grid-template-columns:1fr;gap:6px}.vx-sec-num{font-size:30px}.vx-grid-2,.vx-grid-3,.vx-grid-4{grid-template-columns:1fr}.vx-flow{grid-template-columns:1fr}.vx-band{grid-template-columns:1fr;padding:24px}.vx-form{grid-template-columns:1fr}.vx-field.full{grid-column:auto}.vx-checks{grid-template-columns:1fr}.vx-hero{padding-bottom:48px}.vx-title{font-size:clamp(54px,18vw,86px)}.vx-document{padding:22px}.vx-document::before{font-size:34px}.vx-home-expansion{padding:56px 20px}.vx-home-expansion .vx-section-head{grid-template-columns:1fr}
.vx-table{min-width:0}.vx-table th,.vx-table td{padding:10px;font-size:9.5px}
.vx-document{min-height:0}.vx-document h2{font-size:30px}
.vx-classification{flex-wrap:wrap;gap:6px}
.vx-portal-top{flex-direction:column;gap:10px}
.vx-tabs{gap:0}.vx-tab{padding:11px 12px}}
@media print{.nav,.mobile-menu,footer,.vx-no-print,.vx-hero-actions{display:none!important}.vx-suite-page{background:#fff;color:#111}.vx-suite-page::before{display:none}.vx-main{max-width:none;padding:20px}.vx-section{border-color:#aaa}.vx-card,.vx-metric,.vx-panel{background:#fff;border:1px solid #aaa;break-inside:avoid}.vx-card h3,.vx-sec-title,.vx-title{color:#111}.vx-card p,.vx-card li,.vx-sec-desc,.vx-lead{color:#333}.vx-print-only{display:block}}

/* ════════════════════════════════════════════════════════════════
   MOTION LAYER V2 — modern finish
   Monochrome only. Every effect degrades safely and is disabled
   under prefers-reduced-motion.
   ════════════════════════════════════════════════════════════════ */

/* Film grain — adds tactile depth to large flat dark areas */
body::after,.vx-suite-page::after{will-change:opacity}
.vx-grain{position:fixed;inset:-50%;z-index:0;pointer-events:none;opacity:.03;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:vxGrain 8s steps(6) infinite}
@keyframes vxGrain{
  0%{transform:translate(0,0)}20%{transform:translate(-4%,2%)}40%{transform:translate(3%,-3%)}
  60%{transform:translate(-2%,4%)}80%{transform:translate(4%,1%)}100%{transform:translate(0,0)}}

/* Shimmer sweep across display headings */
.vx-shimmer{background:linear-gradient(100deg,var(--vx-white) 30%,#fff 45%,var(--vx-white) 60%);
  background-size:220% 100%;-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;animation:vxShimmer 7s ease-in-out infinite}
@keyframes vxShimmer{0%,100%{background-position:180% 0}50%{background-position:-40% 0}}

/* Blur-in reveal — softer and more premium than a plain fade */
.vx-reveal{opacity:0;transform:translateY(22px);transition:.6s cubic-bezier(.16,1,.3,1)}
.vx-reveal.in{opacity:1;transform:none}

/* Section rules that draw themselves in as they enter the viewport */
.vx-section{position:relative}
.vx-section::before{content:'';position:absolute;top:-1px;left:0;height:1px;width:0;
  background:linear-gradient(90deg,var(--vx-sub),transparent);transition:width 1.1s cubic-bezier(.16,1,.3,1)}
.vx-section.vx-seen::before{width:100%}

/* Animated corner brackets on cards — reads as a targeting reticle */
.vx-card::before{transition:width .4s cubic-bezier(.16,1,.3,1),background .4s}
.vx-card:hover::before{width:56px;background:var(--vx-sub)}

/* Kicker line extends on hover */
.vx-kicker::before{transition:width .5s cubic-bezier(.16,1,.3,1)}
.vx-section:hover .vx-kicker::before{width:44px}

/* Tabs get a sliding active indicator */
.vx-tab{position:relative}
.vx-tab::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--vx-white);
  transform:scaleX(0);transform-origin:center;transition:transform .32s cubic-bezier(.16,1,.3,1)}
.vx-tab.active::after{transform:scaleX(1)}

/* Table rows respond to the pointer */
.vx-table tbody tr{transition:background .2s}
.vx-table tbody tr:hover{background:rgba(255,255,255,.022)}

/* Timeline markers pulse gently when their entry scrolls in */
.vx-event::before{transition:transform .4s cubic-bezier(.16,1,.3,1),background .4s}
.vx-event:hover::before{transform:scale(1.5);background:var(--vx-white)}

/* Focus ring refinement */
.vx-btn:focus-visible,.vx-tab:focus-visible{outline-offset:3px}

/* Decrypt/scramble effect keeps a monospace lock so text doesn't jitter */
.vx-decrypt{font-variant-ligatures:none}

@media(prefers-reduced-motion: reduce){
  .vx-grain,.vx-shimmer{animation:none!important}
  .vx-shimmer{-webkit-text-fill-color:currentColor;background:none}
  .vx-reveal{filter:none!important}
  .vx-section::before{transition:none;width:100%}
}