/* Selected image-led homepage. All UI colors use the shared palette.
 * Photography is illustrative; layout/content remain semantic HTML.
 * Mobile keeps copy above imagery and changes multi-column sections to one column.
 */
html body.home #brx-content .vep-root{width:100%;max-width:none;margin:0;padding:0}
html body.home #brx-content .vep-page{background:var(--vrpa-black);color:var(--vrpa-white);font-family:var(--vrpa-font-family);width:100%;overflow:clip}
html body.home #brx-content .vep-page *{box-sizing:border-box}
html body.home #brx-content .vep-container{width:calc(100% - 112px);max-width:1280px;margin-inline:auto}
html body.home #brx-content .vep-page h1,html body.home #brx-content .vep-page h2,html body.home #brx-content .vep-page h3{color:var(--vrpa-white)!important;font-weight:700!important;letter-spacing:-.025em!important;line-height:1.27!important;margin:0!important}
html body.home #brx-content .vep-page h1{font-size:clamp(40px,4.7vw,72px)!important}
html body.home #brx-content .vep-page h2{font-size:clamp(30px,3.1vw,46px)!important}
html body.home #brx-content .vep-page h3{font-size:23px!important;line-height:1.45!important}
html body.home #brx-content .vep-page p{color:var(--vrpa-gray-300)!important;font-size:16px!important;font-weight:400!important;line-height:1.8!important;margin:16px 0 0!important}
html body.home #brx-content .vep-page a{color:var(--vrpa-white);text-decoration:none}
html body.home #brx-content .vep-page a:focus-visible{outline:3px solid var(--vrpa-primary)!important;outline-offset:5px}
html body.home #brx-content .vep-page svg{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:miter}
html body.home #brx-content .vep-page img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0;max-width:none}
html body.home #brx-content .vep-hero{position:relative;isolation:isolate;min-height:660px;height:min(58vw,880px);overflow:hidden}
html body.home #brx-content .vep-hero>img{position:absolute;inset:0;z-index:-2;object-position:center}
html body.home #brx-content .vep-hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,color-mix(in srgb,var(--vrpa-black) 40%,transparent),transparent 62%),linear-gradient(0deg,var(--vrpa-black),transparent 18%)}
html body.home #brx-content .vep-hero-copy{padding-top:98px}
html body.home #brx-content .vep-hero-copy>h1{max-width:690px;text-shadow:0 2px 20px var(--vrpa-black)}
html body.home #brx-content .vep-hero-copy>p{font-size:17px!important;line-height:1.75!important;margin-top:24px!important;color:var(--vrpa-white)!important;max-width:700px}
html body.home #brx-content .vep-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:14px 24px;margin-top:28px;border-radius:999px;background:var(--vrpa-primary);color:var(--vrpa-on-primary)!important;font-size:15px;font-weight:700;line-height:1.5;transition:transform 160ms,background 160ms}
html body.home #brx-content .vep-button:hover{background:var(--vrpa-white);transform:translateY(-2px)}
html body.home #brx-content .vep-image-label{position:absolute;bottom:22px;right:40px;font-size:10px;color:var(--vrpa-gray-300)}
html body.home #brx-content .vep-services{display:block;padding-block:108px 112px;scroll-margin-top:90px}
html body.home #brx-content .vep-services-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:end;gap:56px;margin-bottom:40px}
html body.home #brx-content .vep-services-kicker{display:inline-block;margin-bottom:18px;color:var(--vrpa-primary);font-weight:700;font-size:13px;letter-spacing:.08em;line-height:1.5}
html body.home #brx-content .vep-services-heading h2{max-width:750px}
html body.home #brx-content .vep-services-heading>p{justify-self:end;max-width:400px;font-size:16px!important;margin:0 0 4px!important}
html body.home #brx-content .vep-service-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-template-rows:repeat(2,minmax(0,310px));gap:18px}
html body.home #brx-content .vep-service-card{position:relative;isolation:isolate;display:flex;min-width:0;min-height:0;overflow:hidden;border-radius:var(--vrpa-radius-lg);background:var(--vrpa-gray-800)}
html body.home #brx-content .vep-service-erpnext{grid-row:span 2}
html body.home #brx-content .vep-service-card>img{position:absolute;inset:0;z-index:-2;object-fit:cover;transition:transform 550ms ease}
html body.home #brx-content .vep-service-erpnext>img{object-position:50% center}
html body.home #brx-content .vep-service-packkub>img{object-position:45% center}
html body.home #brx-content .vep-service-custom>img{object-position:60% center}
html body.home #brx-content .vep-service-card::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--vrpa-black) 27%,transparent),color-mix(in srgb,var(--vrpa-black) 8%,transparent) 29%,color-mix(in srgb,var(--vrpa-black) 88%,transparent) 100%)}
html body.home #brx-content .vep-service-body{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:100%;margin-top:auto;padding:44px 34px 34px}
html body.home #brx-content .vep-service-card h3{font-size:clamp(29px,3vw,42px)!important;line-height:1.18!important}
html body.home #brx-content .vep-service-erpnext h3{font-size:clamp(38px,4.4vw,60px)!important}
html body.home #brx-content .vep-service-card p{margin:10px 0 0!important;max-width:430px;font-size:15px!important;line-height:1.65!important;color:var(--vrpa-gray-100)!important}
html body.home #brx-content .vep-service-action{display:inline-flex;align-items:center;gap:14px;margin-top:22px;font-weight:700;font-size:14px;line-height:1.5;color:var(--vrpa-white)}
html body.home #brx-content .vep-service-action svg{width:20px;height:20px;color:var(--vrpa-primary);transition:transform 200ms ease}
html body.home #brx-content .vep-service-card:hover>img,html body.home #brx-content .vep-service-card:focus-visible>img{transform:scale(1.045)}
html body.home #brx-content .vep-service-card:hover .vep-service-action svg,html body.home #brx-content .vep-service-card:focus-visible .vep-service-action svg{transform:translateX(5px)}
@media(max-width:800px){
 html body.home #brx-content .vep-services-heading{grid-template-columns:1fr;gap:18px;margin-bottom:28px}
 html body.home #brx-content .vep-services-heading>p{justify-self:start;max-width:620px}
 html body.home #brx-content .vep-service-grid{grid-template-columns:1fr;grid-template-rows:none;gap:16px}
 html body.home #brx-content .vep-service-card,html body.home #brx-content .vep-service-erpnext{min-height:330px;grid-row:auto}
 html body.home #brx-content .vep-service-erpnext{min-height:400px}
}
html body.home #brx-content .vep-feature{display:grid;grid-template-columns:1.2fr 1fr;align-items:stretch;max-width:1600px;margin:auto}
html body.home #brx-content .vep-feature figure{margin:0;position:relative;min-height:470px;overflow:hidden}
html body.home #brx-content .vep-feature img{position:absolute;inset:0;object-position:40% center}
html body.home #brx-content .vep-feature figcaption{position:absolute;bottom:12px;left:16px;font-size:10px;color:var(--vrpa-white);padding:5px 8px;background:color-mix(in srgb,var(--vrpa-black) 85%,transparent)}
html body.home #brx-content .vep-feature-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:60px clamp(32px,5vw,88px)}
html body.home #brx-content .vep-feature-copy p{max-width:420px}
html body.home #brx-content .vep-text-link{display:inline-flex;align-items:center;gap:28px;min-height:48px;margin-top:24px;font-size:16px;font-weight:700;text-decoration:underline!important;text-underline-offset:7px}
html body.home #brx-content .vep-text-link:hover{color:var(--vrpa-primary)}
html body.home #brx-content .vep-process{display:block;max-width:none;padding-block:92px 98px;background:var(--vrpa-white);color:var(--vrpa-black)}
html body.home #brx-content .vep-process-inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:72px;align-items:center}
html body.home #brx-content .vep-process-kicker{display:block;margin-bottom:18px;font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--vrpa-gray-600)}
html body.home #brx-content .vep-process h2{font-size:clamp(28px,2.8vw,43px)!important;color:var(--vrpa-black)!important}
html body.home #brx-content .vep-process p{max-width:440px;font-size:15px!important;color:var(--vrpa-gray-600)!important}
html body.home #brx-content .vep-process ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:0}
html body.home #brx-content .vep-process li{position:relative;min-width:0;padding:27px 12px 0 0;border-top:1px solid var(--vrpa-gray-300)}
html body.home #brx-content .vep-process li:last-child{border-top-color:transparent}
html body.home #brx-content .vep-process li>span{position:absolute;top:-7px;left:0;width:13px;height:13px;border:2px solid var(--vrpa-black);border-radius:50%;background:var(--vrpa-white)}
html body.home #brx-content .vep-process li:first-child>span{background:var(--vrpa-primary)}
html body.home #brx-content .vep-process strong{display:block;font-size:14px;line-height:1.5;font-weight:700;color:var(--vrpa-black)}
html body.home #brx-content .vep-process small{display:block;margin-top:10px;font-size:12px;line-height:1.6;color:var(--vrpa-gray-600)}
html body.home #brx-content .vep-stories{display:grid;grid-template-columns:1fr 1fr;max-width:1600px;margin:auto}
html body.home #brx-content .vep-story{position:relative;min-height:460px;isolation:isolate;overflow:hidden}
html body.home #brx-content .vep-story>img{position:absolute;inset:0;z-index:-2;transition:transform 450ms ease}
html body.home #brx-content .vep-story:first-child>img{object-position:10% center;filter:grayscale(1)}
html body.home #brx-content .vep-story:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,var(--vrpa-black),color-mix(in srgb,var(--vrpa-black) 20%,transparent) 65%,transparent)}
html body.home #brx-content .vep-story>div{position:absolute;bottom:38px;left:40px;right:40px;padding-right:40px}
html body.home #brx-content .vep-story h2{font-size:30px!important}
html body.home #brx-content .vep-story p{font-size:15px!important;max-width:440px;margin-top:10px!important}
html body.home #brx-content .vep-story svg{position:absolute;right:0;bottom:4px;color:var(--vrpa-primary)}
html body.home #brx-content .vep-story:hover>img{transform:scale(1.025)}
html body.home #brx-content .vep-feature.vep-training{background:var(--vrpa-gray-50);color:var(--vrpa-black);margin-block:0}
html body.home #brx-content .vep-training h2{color:var(--vrpa-black)!important}
html body.home #brx-content .vep-training .vep-feature-copy p{color:var(--vrpa-gray-600)!important}
html body.home #brx-content .vep-training .vep-section-label{color:var(--vrpa-gray-600)}
html body.home #brx-content .vep-training .vep-text-link{color:var(--vrpa-black)!important}
html body.home #brx-content .vep-closing p{max-width:580px;color:var(--vrpa-white)!important}
html body.home #brx-content .vep-closing{position:relative;isolation:isolate;overflow:hidden;min-height:400px;padding-block:80px}
html body.home #brx-content .vep-closing>img{position:absolute;inset:0;z-index:-2;object-position:center 72%}
html body.home #brx-content .vep-closing:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--vrpa-black),color-mix(in srgb,var(--vrpa-black) 80%,transparent) 40%,color-mix(in srgb,var(--vrpa-black) 20%,transparent))}
html body.home #brx-content .vep-bottom{padding-block:24px 36px;display:flex;justify-content:space-between;gap:32px;align-items:center}
html body.home #brx-content .vep-bottom>p{font-size:11px!important;max-width:540px;margin:0!important}
html body.home #brx-content .vep-bottom>nav{display:flex;gap:22px;flex-wrap:wrap}
html body.home #brx-content .vep-bottom>nav>a{font-size:13px;padding:12px 0}
html body.home #brx-content .vep-bottom>nav>a:hover{color:var(--vrpa-primary)}
html body.home #brx-footer .vrpa-footer-pitch{display:none!important}
html body.home #brx-footer .vrpa-footer{padding-top:40px!important}
@media(max-width:1000px){
 html body.home #brx-content .vep-container{width:calc(100% - 64px)}
 html body.home #brx-content .vep-hero{min-height:600px}
 html body.home #brx-content .vep-hero-copy{padding-top:60px}
 html body.home #brx-content .vep-services{padding-block:76px}
 html body.home #brx-content .vep-process{padding-block:72px}
 html body.home #brx-content .vep-process-inner{grid-template-columns:1fr;gap:32px}
 html body.home #brx-content .vep-feature-copy{padding:40px 32px}
 html body.home #brx-content .vep-story>div{left:28px;right:28px}
 html body.home #brx-content .vep-story h2{font-size:26px!important}
}
@media(max-width:700px){
 html body.home #brx-content .vep-container{width:calc(100% - 40px)}
 html body.home #brx-content .vep-hero{height:720px;min-height:0}
 html body.home #brx-content .vep-hero>img{top:290px;height:430px;object-position:60% center}
 html body.home #brx-content .vep-hero-shade{background:linear-gradient(180deg,var(--vrpa-black) 36%,transparent 62%,var(--vrpa-black) 100%)}
 html body.home #brx-content .vep-hero-copy{padding-top:42px}
 html body.home #brx-content .vep-page h1{font-size:clamp(34px,8.5vw,48px)!important}
 html body.home #brx-content .vep-hero-copy>p{font-size:15px!important;margin-top:18px!important}
 html body.home #brx-content .vep-image-label{right:20px;bottom:16px;font-size:9px}
 html body.home #brx-content .vep-services{padding-block:60px}
 html body.home #brx-content .vep-process{padding-block:56px}
 html body.home #brx-content .vep-process ol{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}
 html body.home #brx-content .vep-page h2{font-size:32px!important}
 html body.home #brx-content .vep-page h3{font-size:21px!important}
 html body.home #brx-content .vep-service-card,html body.home #brx-content .vep-service-erpnext{min-height:310px}
 html body.home #brx-content .vep-service-body{padding:38px 24px 24px}
 html body.home #brx-content .vep-service-card p{font-size:14px!important}
 html body.home #brx-content .vep-service-erpnext h3{font-size:38px!important}
 html body.home #brx-content .vep-feature{grid-template-columns:1fr}
 html body.home #brx-content .vep-feature figure{min-height:300px}
 html body.home #brx-content .vep-feature-copy{padding:36px 20px 24px}
 html body.home #brx-content .vep-process ol{margin-top:12px}
 html body.home #brx-content .vep-process strong{font-size:12px}
 html body.home #brx-content .vep-process li{padding-right:8px}
 html body.home #brx-content .vep-stories{grid-template-columns:1fr}
 html body.home #brx-content .vep-story{min-height:390px}
 html body.home #brx-content .vep-story>div{left:24px;right:24px;bottom:28px}
 html body.home #brx-content .vep-story h2{font-size:27px!important}
 html body.home #brx-content .vep-closing{padding-block:56px;min-height:340px}
 html body.home #brx-content .vep-bottom{flex-direction:column;align-items:flex-start;gap:16px}
}
@media(prefers-reduced-motion:reduce){html body.home #brx-content .vep-page *{animation:none!important;transition:none!important;transform:none!important}}

/* Generated editorial assets retain original neutral/yellow colors;
 * legacy homepage image filters must not recolor these new photographs. */
html body.home #brx-content .vep-page img{filter:none!important}
html body.home #brx-content .vep-page .vep-story:first-child>img{filter:grayscale(1)!important}
html body.home #brx-content .vep-anchor{display:block;height:0;scroll-margin-top:90px}

/* Legacy ID selectors apply section padding/background to preserved anchors.
 * Reset the anchors completely, without changing shared section rules. */
html body.home #brx-content #brxe-vep-image-home .vep-anchor{display:block!important;height:0!important;min-height:0!important;max-height:0!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;overflow:hidden!important}
html body.home #brx-footer #brxe-v00079{background:var(--vrpa-black)!important}
html body.home #brx-footer{background:var(--vrpa-black)!important}

/* Additional service images alternate composition, without extra card chrome. */
html body.home #brx-content .vep-feature-reverse{grid-template-columns:1fr 1.2fr}
html body.home #brx-content .vep-feature-reverse>figure{order:2}
html body.home #brx-content .vep-feature-reverse>.vep-feature-copy{order:1}
html body.home #brx-content .vep-section-label{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;line-height:1.5;color:var(--vrpa-gray-300);margin-bottom:20px}
html body.home #brx-content #vep-automation figure img{object-position:75% center}
html body.home #brx-content #vep-commerce figure img{object-position:30% center}
html body.home #brx-content .vep-training{margin-block:0}
@media(max-width:700px){
 html body.home #brx-content .vep-feature-reverse{grid-template-columns:1fr}
 html body.home #brx-content .vep-feature-reverse>figure{order:0}
 html body.home #brx-content .vep-feature-reverse>.vep-feature-copy{order:1}
 html body.home #brx-content .vep-training{margin-block:0}
 html body.home #brx-content #vep-automation,html body.home #brx-content #vep-commerce{margin-top:32px}
}

/* Home editorial revision: direct proposition, two purposeful actions. */
html body.home #brx-content .vep-hero-eyebrow{display:block;margin-bottom:19px;font-size:12px;line-height:1.5;font-weight:700;letter-spacing:.08em;color:var(--vrpa-white)}
html body.home #brx-content .vep-hero-copy>h1{max-width:850px;text-wrap:balance}
html body.home #brx-content .vep-hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:28px}
html body.home #brx-content .vep-hero-actions .vep-button{margin:0}
html body.home #brx-content .vep-hero-secondary{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:12px 2px;font-size:15px;font-weight:700}
html body.home #brx-content .vep-hero-secondary:hover{color:var(--vrpa-primary)}
html body.home #brx-content .vep-hero-secondary svg{width:20px;height:20px}
html body.home #brx-content .vep-services-heading>p{max-width:430px;text-wrap:pretty}
html body.home #brx-content .vep-service-grid{gap:20px}
html body.home #brx-content .vep-service-card p{max-width:450px;text-wrap:pretty}
@media(max-width:700px){
 html body.home #brx-content .vep-hero{height:850px;min-height:0}
 html body.home #brx-content .vep-hero>img{top:auto;bottom:0;height:405px;object-position:60% center}
 html body.home #brx-content .vep-hero-shade{background:linear-gradient(180deg,var(--vrpa-black) 24%,color-mix(in srgb,var(--vrpa-black) 96%,transparent) 45%,color-mix(in srgb,var(--vrpa-black) 14%,transparent) 76%,var(--vrpa-black) 100%)}
 html body.home #brx-content .vep-hero-copy{padding-top:40px}
 html body.home #brx-content .vep-hero-eyebrow{font-size:11px;margin-bottom:14px}
 html body.home #brx-content .vep-hero-copy>p{font-size:15px!important;margin-top:18px!important}
 html body.home #brx-content .vep-hero-actions{gap:10px;margin-top:22px}
 html body.home #brx-content .vep-hero-secondary{font-size:14px}
 html body.home #brx-content .vep-process strong{font-size:13px}
 html body.home #brx-content .vep-process small{font-size:11px}
 html body.home #brx-content .vep-closing p{font-size:14px!important}
}
@media(max-width:360px){
 html body.home #brx-content .vep-hero{height:910px}
 html body.home #brx-content .vep-hero>img{height:380px}
}


/* Native PageBuilder layers: image, button, heading and text remain independently editable.
   Brand colors are always inherited from shared VRPA semantic tokens. */
html body.home #brx-content .vep-page .brxe-button.vep-button,
html body.home #brx-content .vep-page .pagebuilder-button.vep-button{background:var(--vrpa-primary)!important;color:var(--vrpa-on-primary)!important;border:0!important;box-shadow:none!important}
html body.home #brx-content .vep-page .brxe-button.vep-hero-secondary,
html body.home #brx-content .vep-page .pagebuilder-button.vep-hero-secondary{background:transparent!important;color:var(--vrpa-white)!important;border:0!important;box-shadow:none!important;padding:12px 2px!important}
html body.home #brx-content .vep-page .brxe-button.vep-text-link,
html body.home #brx-content .vep-page .pagebuilder-button.vep-text-link{display:inline-flex;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--vrpa-white)!important;padding:0!important;width:max-content;max-width:100%;text-align:left}
html body.home #brx-content .vep-page .vep-training .brxe-button.vep-text-link,
html body.home #brx-content .vep-page .vep-training .pagebuilder-button.vep-text-link{color:var(--vrpa-black)!important}
html body.home #brx-content .vep-page .vep-quick-link{background:transparent!important;box-shadow:none!important;border:0!important;color:var(--vrpa-white)!important;padding:12px 0!important;min-height:44px;font-weight:400!important;font-size:13px!important}
html body.home #brx-content .vep-page .vep-quick-link:hover{color:var(--vrpa-primary)!important}
html body.home #brx-content .vep-page .vep-native-photo{display:block}
html body.home #brx-content .vep-page .vep-service-action{color:var(--vrpa-white)}
html body.home #brx-content .vep-page .vep-process li::before{content:"";position:absolute;top:-7px;left:0;width:13px;height:13px;border:2px solid var(--vrpa-black);border-radius:50%;background:var(--vrpa-white)}
html body.home #brx-content .vep-page .vep-process li:first-child::before{background:var(--vrpa-primary)}
/* Keep editable CTA labels visible on backgrounds even without decorative SVG arrows. */
html body.home #brx-content .vep-service-action{margin-top:22px;min-height:22px}