/* AI Automation: monochrome dimensional editorial layout. Brand tokens only. */
.vai-modern .vai-hero{background:var(--vrpa-gray-50);color:var(--vrpa-black)}
.vai-modern .vai-hero::before,.vai-modern .vai-hero::after{display:none}
.vai-modern .vai-crumbs,.vai-modern .vai-crumbs a{color:var(--vrpa-gray-600)}
.vai-modern .vai-hero-grid{grid-template-columns:1.05fr 1fr;gap:55px;padding:70px 0 84px;min-height:670px}
.vai-modern .vai-hero h1{font-size:clamp(40px,4.9vw,68px);line-height:1.18;letter-spacing:-.045em;font-weight:700;color:var(--vrpa-black);max-width:11em}
.vai-modern .vai-eyebrow-bright{color:var(--vrpa-gray-600)}
.vai-modern .vai-summary{font-size:19px;font-weight:400;color:var(--vrpa-gray-600);line-height:1.8}
.vai-modern .vai-btn{border-radius:3px;min-height:50px}
.vai-modern .vai-btn-yellow{background:var(--vrpa-yellow);color:var(--vrpa-black)!important}
.vai-modern .vai-btn-light{background:transparent;color:var(--vrpa-black)!important;border-color:var(--vrpa-gray-300)}
.vai-modern .vai-hero-tags{border-top:1px solid var(--vrpa-gray-200);padding-top:24px;gap:20px}
.vai-modern .vai-hero-tags span{border:0;background:none;padding:0;color:var(--vrpa-gray-600);font-size:12px}
.vai-modern .vai-anchor-nav{background:var(--vrpa-white);border-block:1px solid var(--vrpa-gray-200)}
.vai-modern .vai-section{padding-block:90px}
.vai-modern .vai-heading{max-width:780px}
.vai-modern .vai-heading h2{font-weight:600;letter-spacing:-.025em}
.vai-modern .vai-challenges-grid{gap:0}
.vai-modern .vai-challenge{border:0;border-left:1px solid var(--vrpa-gray-200);border-radius:0;box-shadow:none;background:none;padding:12px 28px}
.vai-modern .vai-index{color:var(--vrpa-gray-500);font-size:13px}
.vai-modern .vai-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 55px}
.vai-modern .vai-capability{background:none;border:0;border-top:1px solid var(--vrpa-gray-300);border-radius:0;box-shadow:none;padding:30px 0}
.vai-modern .vai-capability:hover{transform:none;box-shadow:none}
.vai-modern .vai-capability-icon{background:none;border:0;padding:0}
.vai-modern .vai-implementation-step,.vai-modern .vai-control,.vai-modern .vai-deliverable{border-radius:3px;box-shadow:none}
.vai-modern .vai-related-grid a{border-radius:3px;box-shadow:none}
.vai-modern .vai-architecture-diagram{border-radius:4px;box-shadow:none}
.vai-modern .vai-workflow{border-radius:0;box-shadow:none;border-width:0 0 1px}
.vam-visual{position:relative;margin:0;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.vam-scene{height:420px;position:relative;perspective:1000px;overflow:hidden}
.vam-assembly{position:absolute;width:270px;height:270px;left:50%;top:50%;margin:-135px 0 0 -135px;transform-style:preserve-3d;transform:rotateX(56deg) rotateZ(-36deg);animation:vam-turn 9s ease-in-out infinite}
.vam-plane{position:absolute;inset:0;border:1px solid var(--vrpa-gray-500);background:var(--vrpa-gray-800);transform-style:preserve-3d;box-shadow:12px 18px 24px color-mix(in srgb,var(--vrpa-black) 16%,transparent)}
.vam-plane::after{content:"";position:absolute;inset:0;transform:translateZ(-8px);background:var(--vrpa-gray-700);border:1px solid var(--vrpa-gray-500)}
.vam-plane-base{transform:translateZ(-68px);background:var(--vrpa-gray-200);border-color:var(--vrpa-gray-300)}
.vam-plane-mid{transform:translateZ(0);background:var(--vrpa-black)}
.vam-plane-top{transform:translateZ(68px);background:linear-gradient(135deg,var(--vrpa-white),var(--vrpa-gray-200));border-color:var(--vrpa-white)}
.vam-chip{position:absolute;inset:70px;display:grid;place-items:center;background:var(--vrpa-yellow);border:1px solid var(--vrpa-black);font-size:35px;font-weight:700;letter-spacing:-2px;color:var(--vrpa-black);box-shadow:7px 7px 0 var(--vrpa-gray-700)}
.vam-trace{position:absolute;inset:28px;border:1px solid var(--vrpa-gray-500)}
.vam-trace::before,.vam-trace::after{content:"";position:absolute;background:var(--vrpa-gray-500)}
.vam-trace::before{width:1px;height:100%;left:50%}
.vam-trace::after{height:1px;width:100%;top:50%}
.vam-light{position:absolute;width:8px;height:8px;background:var(--vrpa-yellow);left:28px;top:28px;animation:vam-signal 6s linear infinite;transform:translateZ(2px)}
.vam-label{position:absolute;font-size:10px;letter-spacing:.12em;font-weight:600;color:var(--vrpa-gray-600)}
.vam-label-one{top:34px;left:10px}
.vam-label-two{right:0;bottom:40px}
.vam-visual figcaption{border-top:1px solid var(--vrpa-gray-300);padding-top:18px;display:flex;justify-content:space-between;gap:15px;font-size:11px;letter-spacing:.08em;color:var(--vrpa-gray-600)}
.vam-motion{border:0;border-bottom:1px solid var(--vrpa-gray-500);border-radius:0;background:none;color:var(--vrpa-gray-600);font:inherit;min-height:44px;padding:8px 0;cursor:pointer}
.vam-visual[data-paused="true"] *,.vam-visual[data-offscreen="true"] *{animation-play-state:paused!important}
.vam-reveal{animation:vam-in .6s ease-out both}
@keyframes vam-in{from{opacity:.3;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes vam-turn{0%,100%{transform:rotateX(56deg) rotateZ(-36deg) translateZ(0)}50%{transform:rotateX(51deg) rotateZ(-29deg) translateZ(12px)}}
@keyframes vam-signal{0%{transform:translate(0,0) translateZ(2px)}25%{transform:translate(212px,0) translateZ(2px)}50%{transform:translate(212px,212px) translateZ(2px)}75%{transform:translate(0,212px) translateZ(2px)}100%{transform:translate(0,0) translateZ(2px)}}
@media(max-width:980px){.vai-modern .vai-hero-grid{gap:20px;grid-template-columns:1fr 1fr}.vam-assembly{scale:.85}.vam-scene{height:370px}.vai-modern .vai-hero h1{font-size:44px}}
@media(max-width:730px){.vai-modern .vai-hero-grid{grid-template-columns:1fr;padding:44px 0}.vai-modern .vai-hero h1{font-size:42px;max-width:12em}.vai-modern .vai-summary{font-size:17px}.vam-scene{height:320px}.vam-assembly{scale:.78}.vam-label-one{top:10px}.vam-label-two{bottom:14px}.vai-modern .vai-section{padding-block:58px}.vai-modern .vai-capability-grid{grid-template-columns:1fr}.vai-modern .vai-challenge{border-left:0;border-top:1px solid var(--vrpa-gray-200);padding:24px 0}.vai-modern .vai-hero-tags{gap:12px}.vam-visual figcaption{font-size:10px}}
@media(prefers-reduced-motion:reduce){.vai-modern *,.vai-modern *::before,.vai-modern *::after{animation:none!important;transition:none!important}.vam-motion{display:none}}
