/* 11 Oct 2026 - targeted public UX refinements, excluding Pal Atlas and private dashboards. */
:root{--vmp-red:#e30b31;--vmp-line:#303843;--vmp-muted:#aeb8c5}
.vmp-shell{width:min(1140px,calc(100% - 48px));margin-inline:auto}
.vmp-eyebrow{color:var(--vmp-red)!important;letter-spacing:.14em;font:800 10px/1.5 "Montserrat",system-ui,sans-serif!important;margin:0 0 16px!important}
/* Keep navigation aligned with the banner. Inline header copies have matching widths. */
body.versys-dark-page #vm-header .versys-header-inner.versys-container{width:min(1240px,calc(100% - 64px))!important}
body.versys-dark-page #vm-footer .versys-footer-main.versys-container,body.versys-dark-page #vm-footer .versys-footer-bottom-inner.versys-container{width:min(1240px,calc(100% - 64px))!important}
body.versys-dark-page #vm-footer{min-height:0!important;margin:0!important;padding:0!important}
/* More deliberate rhythm from banner to content to footer, without empty spacer sections. */
body.versys-dark-page main>section:is(.vmx-stage,.vmx-agency,.vmx-about-story,.vmx-dest,.vmx-directory-lead,.vmx-cross,.vmx-voice-explainer,.vmx-wp-bridge,.vmx-helpdesk-bridge){scroll-margin-top:84px}
body.versys-dark-page :is(.vmx-agency,.vmx-stage){padding-block:clamp(45px,5.2vw,75px)}
body.versys-dark-page :is(.vmx-cross,.vmx-directory-lead,.vmx-voice-explainer,.vmx-wp-bridge,.vmx-helpdesk-bridge){padding-block:clamp(32px,4.3vw,58px)}
body.versys-dark-page :is(.vmx-agency,.vmx-stage) h2{line-height:1.14!important;letter-spacing:-.045em!important}
body.versys-dark-page :is(.vmx-stage,.vmx-agency) a,body.versys-dark-page .vmp-home-close a{transition:background-color .18s ease,color .18s ease,border-color .18s ease}
/* Home: clean editorial finish rather than another oversized generic CTA card. */
.vmp-home-close{background:linear-gradient(105deg,#16191f,#101218);border-top:1px solid #3c414c;border-bottom:1px solid #2b313a;padding:clamp(40px,5vw,65px) 0;color:#fff}
.vmp-home-close__grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.7fr);align-items:center;gap:clamp(28px,5vw,85px)}
.vmp-home-close h2{color:#fff!important;font:800 clamp(27px,3vw,42px)/1.15 "Montserrat",system-ui,sans-serif!important;letter-spacing:-.05em;margin:0 0 12px!important}
.vmp-home-close p:not(.vmp-eyebrow){color:#b7c1cd;max-width:680px;font:400 14px/1.75 system-ui,sans-serif;margin:0}
.vmp-home-close__links{border-top:1px solid #3d4651}
.vmp-home-close__links a{display:block;padding:16px 1px;border-bottom:1px solid #3d4651;color:#f7f7f9!important;font:750 13px/1.4 "Montserrat",system-ui,sans-serif;text-decoration:none!important}
.vmp-home-close__links a:first-child{color:#fff!important}
.vmp-home-close__links a:hover{color:var(--vmp-red)!important;padding-left:7px}
/* App product previews: text-first, not screenshots or mock screens. */
body.versys-dark-page .vmx-demo{border-radius:7px;border-color:#39434e}
body.versys-dark-page .vmx-tab-bar button[aria-selected="true"]{color:#fff}
body.versys-dark-page .vmx-product-detail{background:#0e131a}
body.versys-dark-page .vmx-stage-heading>p{color:#bdc6d1}
/* Blog journal: quick actionable filtering, calm hierarchy and crisp links. */
.vmp-topic-jump{display:grid;grid-template-columns:minmax(210px,.65fr) minmax(0,1.4fr);align-items:center;gap:32px;margin:5px 0 40px;padding:23px 25px;border-block:1px solid #303b47;background:linear-gradient(100deg,#141a22,#0f141b)}
.vmp-topic-jump h2{color:#fff!important;font:800 clamp(19px,2.1vw,27px)/1.3 "Montserrat",system-ui,sans-serif!important;letter-spacing:-.035em;margin:0!important}
.vmp-topic-jump .vmp-eyebrow{margin-bottom:9px!important}
.vmp-topic-jump__buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.vmp-topic-jump button{appearance:none;cursor:pointer;border:1px solid #3c4652;background:#161e28;border-radius:3px;color:#e3e8ee;min-height:40px;padding:9px 12px;font:700 11px/1.35 "Montserrat",system-ui,sans-serif;transition:background .17s,border-color .17s}
.vmp-topic-jump button:hover{border-color:#e30b31;background:#21262f}
.vmp-topic-jump button[aria-pressed="true"]{border-color:var(--vmp-red);background:var(--vmp-red);color:#fff}
body.versys-dark-page .blog-main{padding-top:clamp(28px,3.5vw,49px)}
body.versys-dark-page .blog-main .sectionbar h2{font-size:clamp(18px,1.7vw,23px)!important;letter-spacing:-.04em}
body.versys-dark-page .blog-main .feature{border-radius:7px;box-shadow:none}
body.versys-dark-page .blog-main .post{border-radius:7px}
body.versys-dark-page .blog-main .post:hover,body.versys-dark-page .blog-main .feature:hover{border-color:var(--vmp-red);transform:translateY(-2px)}
body.versys-dark-page .blog-main .chip,body.versys-dark-page .blog-main .post-bottom strong{color:var(--vmp-red)!important}
body.versys-dark-page .blog-main .readlink{color:#fff}
#browse-articles{scroll-margin-top:85px}
/* About: remove decorative arrow repetition while keeping the links accessible. */
body.versys-dark-page .vm-u26--about .vm-h26__route{grid-template-columns:31px minmax(0,1fr)}
body.versys-dark-page .vma-service-tab{grid-template-columns:30px 1fr}
body.versys-dark-page .vma-service-tab .vma-service-arrow{display:none}
body.versys-dark-page .vma-inline-link,body.versys-dark-page .vma-panel-link{gap:0}
body.versys-dark-page .vma-products{padding-block:clamp(51px,6vw,83px)}
body.versys-dark-page .vma-process{padding-block:clamp(48px,5vw,73px)}
body.versys-dark-page .vma-cta{padding-block:clamp(42px,5vw,66px)}
body.versys-dark-page .vma-service-tab[aria-selected="true"]{background:#202833}
body.versys-dark-page .vma-product-links a:hover,body.versys-dark-page .vma-inline-link:hover,body.versys-dark-page .vma-panel-link:hover{text-decoration-color:var(--vmp-red)!important;color:#fff!important}
/* Shared focus/touch, preserving AI caller forms and real app behavior. */
body.versys-dark-page main :is(a,button):focus-visible{outline:2px solid #e30b31;outline-offset:3px}
body.versys-dark-page :is(.vmx-tab-bar button,.vma-service-tab,.vmp-topic-jump button){touch-action:manipulation}
@media(max-width:1020px){body.versys-dark-page #vm-header .versys-header-inner.versys-container{width:calc(100% - 40px)!important}}
@media(max-width:900px){body.versys-dark-page #vm-header .versys-header-inner.versys-container{width:calc(100% - 38px)!important}.vmp-topic-jump{grid-template-columns:1fr;gap:18px}.vmp-topic-jump__buttons{justify-content:flex-start}}
@media(max-width:700px){.vmp-shell{width:calc(100% - 34px)}.vmp-home-close__grid{grid-template-columns:1fr;gap:20px}.vmp-topic-jump{padding:18px 16px;margin-bottom:25px}.vmp-topic-jump__buttons{gap:7px}.vmp-topic-jump button{font-size:11px;min-height:43px}.vmp-home-close{padding-block:42px}}
@media(max-width:640px){body.versys-dark-page #vm-header .versys-header-inner.versys-container{width:calc(100% - 34px)!important}}
@media(max-width:380px){body.versys-dark-page #vm-header .versys-header-inner.versys-container{width:calc(100% - 30px)!important}}
@media(prefers-reduced-motion:reduce){.vmp-topic-jump button,.vmp-home-close a,body.versys-dark-page .blog-main .post{transition:none!important;transform:none!important}}