/* Versys Media studio experience - public landing pages only. */
:root{--vmx-red:#e30b31;--vmx-ink:#080a0e;--vmx-panel:#11161d;--vmx-border:#2a313b;--vmx-muted:#aab5c2}
.vmx-wrap{width:min(1140px,calc(100% - 48px));margin-inline:auto}
.vmx-overline{margin:0 0 17px!important;color:var(--vmx-red)!important;text-transform:uppercase;font:800 11px/1.4 "Montserrat",system-ui,sans-serif!important;letter-spacing:.13em}
.vmx-stage,.vmx-agency,.vmx-about-story,.vmx-dest,.vmx-cross,.vmx-directory-lead,.vmx-voice-explainer,.vmx-wp-bridge,.vmx-helpdesk-bridge{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#f7f8fa}
.vmx-stage h2,.vmx-agency h2,.vmx-about-story h2,.vmx-dest h2,.vmx-cross h2,.vmx-directory-lead h2,.vmx-voice-explainer h2,.vmx-wp-bridge h2,.vmx-helpdesk-bridge h2,.vmx-blog-bridge h2{font-family:"Montserrat",system-ui,sans-serif!important;letter-spacing:-.045em;line-height:1.13;color:#fff}
.vmx-stage p,.vmx-agency p,.vmx-about-story p,.vmx-dest p,.vmx-cross p,.vmx-directory-lead p,.vmx-voice-explainer p,.vmx-wp-bridge p,.vmx-helpdesk-bridge p,.vmx-blog-bridge p{line-height:1.7}
.vmx-stage a:focus-visible,.vmx-stage button:focus-visible,.vmx-agency a:focus-visible,.vmx-cross a:focus-visible,.vmx-about-story a:focus-visible,.vmx-dest a:focus-visible,.vmx-blog-bridge a:focus-visible{outline:2px solid #fff;outline-offset:3px}
/* Featured product area: one deliberate screen, never a wall of repeated cards. */
.vmx-stage{padding:clamp(54px,6vw,90px) 0;background:#0b0e13}
.vmx-stage-heading{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:28px}
.vmx-stage-heading>div{flex:1 1 auto;max-width:660px}
.vmx-stage-heading h2{margin:0;font-size:clamp(29px,3.5vw,46px)}
.vmx-stage-heading>p{max-width:350px;color:var(--vmx-muted);margin:0;font-size:14px}
.vmx-demo{border:1px solid #353b45;border-radius:13px;background:#12171f;overflow:hidden}
.vmx-tab-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #343b47;background:#10141b}
.vmx-tab-bar button{position:relative;min-height:66px;padding:15px 23px;border:0;border-right:1px solid #303844;background:transparent;color:#aeb9c6;text-align:left;font:700 14px/1.3 "Montserrat",sans-serif;cursor:pointer;transition:background .2s,color .2s}
.vmx-tab-bar button:last-child{border-right:0}
.vmx-tab-bar button span{font:750 10px/1.3 system-ui,sans-serif;color:#aab6c3;margin-right:13px}
.vmx-tab-bar button[aria-selected="true"]{background:#1c222c;color:#fff}
.vmx-tab-bar button[aria-selected="true"]::after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--vmx-red)}
.vmx-tab-bar button:hover{color:#fff;background:#1a2029}
.vmx-demo-pane{display:grid;grid-template-columns:minmax(0,.77fr) minmax(0,1.23fr);min-height:350px}
.vmx-demo-pane[hidden]{display:none!important}
.vmx-pane-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:clamp(24px,3vw,41px)}
.vmx-pane-copy .vmx-mini{margin:0 0 13px;color:var(--vmx-red);font-size:10px;font-weight:800;letter-spacing:.12em}
.vmx-pane-copy h3{margin:0;color:#fff;font:750 clamp(23px,2.45vw,33px)/1.19 "Montserrat",sans-serif;letter-spacing:-.04em}
.vmx-pane-copy>p:not(.vmx-mini){font-size:14px;color:#acb7c6;margin:17px 0 23px}
.vmx-action-link{font-size:13px;font-weight:750;text-decoration:none;color:#fff;border-bottom:1px solid var(--vmx-red);padding-bottom:7px;line-height:1.6}
.vmx-action-link span{margin-left:12px;color:var(--vmx-red)}
.vmx-action-link:hover{color:#dce4ec}
.vmx-real-preview{position:relative;min-width:0;background:#dfe5eb;overflow:hidden;border-left:1px solid #303844;display:flex;align-items:center;justify-content:center}
.vmx-real-preview img{display:block;width:100%;height:100%;max-height:440px;object-fit:contain;object-position:top center}
.vmx-real-preview>span{position:absolute;bottom:13px;right:13px;background:rgba(9,12,17,.9);color:#e0e6ec;padding:8px 11px;border:1px solid #2f3a46;font-size:9px;letter-spacing:.1em;font-weight:750}
.vmx-voice-board,.vmx-audit-board{min-width:0;border-left:1px solid #343b47;padding:clamp(22px,3.5vw,44px);background:linear-gradient(140deg,#171e29,#0d1117);display:flex;flex-direction:column;justify-content:center;gap:12px}
.vmx-screen-label{font-size:10px;font-weight:750;letter-spacing:.14em;color:#98a7b7;margin-bottom:9px}
.vmx-voice-board>div{border:1px solid #3a4654;background:#151c26;padding:12px 19px}
.vmx-voice-board>div b{color:#f0f3f6;font-size:13px}
.vmx-voice-board>div p{margin:5px 0 0;font-size:12px;color:#aab7c5}
.vmx-voice-board i{margin:0 0 0 28px;height:13px;border-left:2px solid var(--vmx-red)}
.vmx-audit-board>div{display:flex;gap:14px;align-items:center;border-bottom:1px solid #303b47;padding:12px 0}
.vmx-audit-board>div span{font-size:11px;font-weight:800;color:var(--vmx-red)}
.vmx-audit-board>div strong{flex:1;font-size:13px;color:#eaf0f5}
.vmx-audit-board>div em{font-size:11px;font-style:normal;color:#92a6b8}
/* Agency editorial split */
.vmx-agency{padding:clamp(62px,7.5vw,112px) 0;background:#11161d;border-block:1px solid #2b333e}
.vmx-agency-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.86fr);align-items:start;gap:clamp(36px,7vw,110px)}
.vmx-agency h2,.vmx-about-story h2{font-size:clamp(30px,3.8vw,50px);margin:0 0 21px}
.vmx-agency-intro>p:not(.vmx-overline),.vmx-about-grid>div:first-child>p:not(.vmx-overline){font-size:15px;color:#b7c1cc;max-width:560px}
.vmx-agency-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:28px}
.vmx-solid-link{display:inline-flex;min-height:46px;align-items:center;padding:12px 21px;background:var(--vmx-red);color:white!important;font-size:13px;font-weight:800;text-decoration:none;border-radius:5px}
.vmx-solid-link:hover{background:#c3092b}
.vmx-text-link{color:#fff;text-decoration:none;border-bottom:1px solid var(--vmx-red);padding-bottom:5px;font-size:13px;font-weight:750}
.vmx-text-link span{color:var(--vmx-red)}
.vmx-services{border-top:1px solid #3c4550}
.vmx-services a{display:block;padding:19px 3px 21px;text-decoration:none;border-bottom:1px solid #3c4550;transition:padding .2s,background .2s}
.vmx-services a:hover{padding-left:10px;background:rgba(255,255,255,.02)}
.vmx-services a span{display:block;color:var(--vmx-red);font-size:10px;font-weight:800;letter-spacing:.12em;margin-bottom:10px}
.vmx-services a strong{display:block;font-size:clamp(16px,1.6vw,20px);letter-spacing:-.025em;color:#fff;line-height:1.4}
.vmx-services a small{display:block;margin-top:6px;font-size:12px;color:#a4b1bf}
/* Post-showcase commercial bridge */
.vmx-cross,.vmx-directory-lead,.vmx-about-story,.vmx-dest,.vmx-voice-explainer,.vmx-wp-bridge,.vmx-helpdesk-bridge{padding:clamp(39px,5.1vw,70px) 0;background:#0c1016;border-block:1px solid #272f39}
.vmx-cross-grid,.vmx-directory-lead-grid,.vmx-about-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(24px,5vw,75px)}
.vmx-cross h2,.vmx-directory-lead h2,.vmx-voice-explainer h2,.vmx-wp-bridge h2,.vmx-helpdesk-bridge h2{font-size:clamp(25px,2.6vw,35px);margin:0 0 15px}
.vmx-cross p,.vmx-directory-lead p,.vmx-voice-explainer p,.vmx-wp-bridge p,.vmx-helpdesk-bridge p{color:#b4c0cc;font-size:14px;margin:0}
.vmx-cross-links{border-top:1px solid #343e4a}
.vmx-cross-links a{display:flex;justify-content:space-between;gap:20px;padding:17px 5px;border-bottom:1px solid #343e4a;color:#fff;text-decoration:none;font-weight:700;font-size:13px}
.vmx-cross-links span,.vmx-voice-explainer a span,.vmx-wp-bridge a span,.vmx-helpdesk-bridge a span{color:var(--vmx-red)}
.vmx-directory-lead-grid{grid-template-columns:minmax(0,.44fr) minmax(0,.87fr) minmax(0,.8fr);align-items:start}
.vmx-directory-lead-grid>div p{margin:0 0 13px}
.vmx-about-story{background:#0d1118}
.vmx-about-grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}
.vmx-about-grid>div:first-child>a{display:inline-block;margin-top:20px}
.vmx-about-aside{border-top:1px solid #39424c}
.vmx-about-aside>div{display:grid;grid-template-columns:42px 1fr;gap:0 12px;padding:20px 0;border-bottom:1px solid #39424c}
.vmx-about-aside span{grid-row:1/3;color:var(--vmx-red);font-size:12px;font-weight:800}
.vmx-about-aside h3{margin:0;font-size:18px;color:#fff}
.vmx-about-aside p{margin:5px 0 0;color:#aebac7;font-size:13px}
.vmx-dest{background:#11161e}
.vmx-dest h2{font-size:clamp(27px,3vw,42px);margin:0 0 25px}
.vmx-dest-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vmx-dest-grid a{display:flex;min-height:245px;flex-direction:column;padding:25px 28px;border:1px solid #35414f;text-decoration:none;color:#fff;background:#151c26;transition:background .2s,border-color .2s,transform .2s}
.vmx-dest-grid a:hover{background:#1c2631;border-color:var(--vmx-red);transform:translateY(-2px)}
.vmx-dest-grid a span{font-size:10px;color:var(--vmx-red);font-weight:800;letter-spacing:.13em}
.vmx-dest-grid a h3{font-family:"Montserrat",sans-serif;font-size:clamp(19px,2.1vw,27px);line-height:1.2;letter-spacing:-.04em;margin:18px 0 6px}
.vmx-dest-grid a p{color:#b7c4d0;font-size:14px;margin:0}
.vmx-dest-grid a strong{margin-top:auto;padding-top:16px;font-size:12px}
.vmx-game-note{display:flex;align-items:center;gap:24px;padding-block:26px}
.vmx-game-note span{color:var(--vmx-red);font-size:10px;font-weight:800;letter-spacing:.1em}
.vmx-game-note p{flex:1;color:#b9c3cd;margin:0;font-size:13px}
.vmx-game-note a{font-size:13px;font-weight:750;color:#fff;text-decoration:none}
.vmx-blog-bridge{display:flex;align-items:center;justify-content:space-between;gap:26px;margin:35px auto 48px;padding:26px 30px;max-width:1200px;border:1px solid #303c49;background:#141b25;color:#fff}
.vmx-blog-bridge h2{font-size:clamp(22px,2.5vw,32px);margin:0 0 8px}
.vmx-blog-bridge p:not(.vmx-overline){margin:0;color:#b7c0cb;font-size:13px;max-width:660px}
.vmx-blog-bridge>a{white-space:nowrap;display:inline-flex;padding:12px 17px;background:var(--vmx-red);font-size:12px;text-decoration:none;color:#fff;font-weight:800}
.vmx-blog-bridge>a span{margin-left:12px}
.vmx-voice-explainer .vmx-wrap,.vmx-wp-bridge .vmx-wrap,.vmx-helpdesk-bridge .vmx-wrap{display:flex;align-items:center;justify-content:space-between;gap:36px}
.vmx-voice-explainer .vmx-wrap>div,.vmx-wp-bridge .vmx-wrap>div,.vmx-helpdesk-bridge .vmx-wrap>div{max-width:750px}
.vmx-voice-explainer a,.vmx-wp-bridge a,.vmx-helpdesk-bridge a{white-space:nowrap;font-size:13px;font-weight:750;color:#fff;text-decoration:none;border-bottom:1px solid var(--vmx-red);padding-bottom:5px}
/* Comprehensive public marketing refinements. No private dashboards, no Pal Atlas styles. */
body.versys-dark-page :is(.category-card,.product-card,.directory-compact-card,.plugin-directory-card){transition:background .2s,border-color .2s,transform .2s}
body.versys-dark-page :is(.category-card,.product-card,.directory-compact-card,.plugin-directory-card):hover{transform:translateY(-2px);border-color:var(--vmx-red)}
body.versys-dark-page .directory-page-section{background:#0d1117}
body.versys-dark-page .directory-title-row{margin-bottom:23px}
body.versys-dark-page .directory-compact-card{border-radius:9px}
body.hd-page .hd-section{padding-block:clamp(40px,4.8vw,68px)}
body.hd-page .hd-section.alt{background:#0e131a}
body.hd-page .hd-final{background:linear-gradient(110deg,#151c26,#10141b)}
body.hd-page .hd-feature-strip{padding-block:22px}
body.hd-page .hd-conversion-intro{padding-block:clamp(36px,4.5vw,65px)}
body.versys-dark-page .vm-discovery{padding-block:clamp(30px,4vw,52px)}
body.versys-dark-page .vm-discovery-grid li{background:#111720;border-radius:6px}
/* subtle on-view reveal without hiding content before JavaScript runs */
.vmx-stage-heading.vmx-reveal-ready,.vmx-agency-intro.vmx-reveal-ready,.vmx-services.vmx-reveal-ready,.vmx-about-aside.vmx-reveal-ready{opacity:.65;transform:translateY(11px);transition:opacity .45s ease,transform .45s ease}
.vmx-reveal-ready.vmx-is-visible{opacity:1;transform:none}
@media(max-width:980px){.vmx-stage-heading{align-items:start;flex-direction:column;gap:12px}.vmx-stage-heading>p{max-width:700px}.vmx-agency-layout,.vmx-cross-grid,.vmx-about-grid{grid-template-columns:1fr;gap:30px}.vmx-directory-lead-grid{grid-template-columns:1fr 1fr}.vmx-directory-lead-grid>.vmx-overline{grid-column:1/-1;margin-bottom:-20px!important}.vmx-voice-explainer .vmx-wrap,.vmx-wp-bridge .vmx-wrap,.vmx-helpdesk-bridge .vmx-wrap{align-items:flex-start;flex-direction:column;gap:17px}}
@media(max-width:700px){.vmx-wrap{width:calc(100% - 30px)}.vmx-stage{padding-block:42px}.vmx-tab-bar button{min-height:58px;padding:11px;font-size:11px}.vmx-tab-bar button span{display:block;margin:0 0 6px;font-size:9px}.vmx-demo-pane{grid-template-columns:1fr}.vmx-pane-copy{padding:24px 21px}.vmx-real-preview,.vmx-voice-board,.vmx-audit-board{border-left:0;border-top:1px solid #303844;min-height:205px}.vmx-real-preview img{height:auto;max-height:280px}.vmx-agency{padding-block:48px}.vmx-dest-grid,.vmx-directory-lead-grid{grid-template-columns:1fr}.vmx-directory-lead-grid>.vmx-overline{grid-column:auto;margin-bottom:0!important}.vmx-dest-grid a{min-height:0}.vmx-game-note{align-items:flex-start;flex-direction:column;gap:9px}.vmx-blog-bridge{align-items:flex-start;flex-direction:column;margin-inline:15px;padding:22px}.vmx-blog-bridge>a{white-space:normal}.vmx-voice-explainer a,.vmx-wp-bridge a,.vmx-helpdesk-bridge a{white-space:normal}}
@media(prefers-reduced-motion:reduce){.vmx-stage *, .vmx-agency *, .vmx-dest *{transition:none!important;animation:none!important;transform:none!important}.vmx-stage-heading.vmx-reveal-ready,.vmx-agency-intro.vmx-reveal-ready,.vmx-services.vmx-reveal-ready,.vmx-about-aside.vmx-reveal-ready{opacity:1}}

/* No product screenshots or simulated application screens on the homepage. */
.vmx-demo-pane{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:310px}
.vmx-product-detail{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,3.6vw,47px);background:#0c1118;border-left:1px solid #303844}
.vmx-product-detail>p{margin:0 0 13px;color:#e30b31;font:800 10px/1.5 "Montserrat",system-ui,sans-serif;letter-spacing:.12em}
.vmx-product-detail>div{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:start;gap:9px;padding:17px 0;border-top:1px solid #323b47}
.vmx-product-detail>div span{font-size:11px;font-weight:850;color:#e30b31;line-height:1.7}
.vmx-product-detail>div strong{font:700 clamp(13px,1.25vw,16px)/1.5 "Montserrat",system-ui,sans-serif;color:#eef2f5;letter-spacing:-.015em}
@media(max-width:700px){.vmx-demo-pane{grid-template-columns:1fr;min-height:0}.vmx-product-detail{border-left:0;border-top:1px solid #303844;padding:20px 23px 24px}.vmx-product-detail>div{padding:12px 0}}