/* Odoo Helpdesk 26: approved light app banner, 2026-11-03. */
.npvf-app,.npvf-app *{box-sizing:border-box}
.npvf-app{background:#EDF7F3;position:relative;overflow:hidden;overflow:clip;color:#00382B}
main.wp-block-group > section.npvf-app{padding:0}
.npvf-app:before{content:none}
.npvf-app__inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:44% 56%;min-height:560px;gap:0;position:relative;padding:60px 52px 0}
.npvf-app__copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:3px 0 58px;min-height:500px;z-index:4}
.npvf-app h2{font-family:Inter,Arial,sans-serif;font-size:62px;line-height:1.08;letter-spacing:-.035em;margin:0;font-weight:700;color:#00382B;max-width:500px;text-wrap:balance}
.npvf-app__bottom{margin-top:64px}
.npvf-app__subtitle{font-size:22px;line-height:1.45;margin:0;color:#374151;max-width:350px}
.npvf-app__stores{display:flex;align-items:center;gap:16px;margin-top:22px;flex-wrap:wrap}
.npvf-app__stores a{display:flex;flex-shrink:0;align-items:center;justify-content:center;min-height:48px;border-radius:7px;outline:1px solid #4B5563;outline-offset:-1px;transition:transform .15s ease-out}
.npvf-app__stores a:hover{transform:translateY(-2px)}
.npvf-app__stores a:focus-visible{outline:3px solid #016443;outline-offset:5px}
.npvf-app__stores img{display:block;max-width:100%}
.npvf-app__stores .app-store img{width:152px;height:50px}
.npvf-app__stores .google-play{width:158px;height:50px;overflow:hidden}
.npvf-app__stores .google-play img{width:182px;max-width:none;height:auto;flex-shrink:0}
.npvf-app__art{position:relative;min-height:500px;height:100%;align-self:end;isolation:isolate}
.npvf-app__phone{position:absolute;overflow:hidden;margin:0;background:#0d110f;border-radius:34px 34px 0 0;box-shadow:5px 12px 28px rgba(0,56,43,.18)}
.npvf-app__phone img{position:absolute;max-width:none;display:block}
.npvf-app__phone--left{left:6px;top:45px;width:221px;height:500px;z-index:1;transform:rotate(-4deg);transform-origin:bottom center}
.npvf-app__phone--left img{width:420px;height:630px;left:-193px;top:-49px}
.npvf-app__phone--middle{left:190px;top:0;width:244px;height:550px;z-index:3}
.npvf-app__phone--middle img{width:459px;height:688.5px;left:-19px;top:-146px}
.npvf-app__phone--right{left:390px;top:45px;width:220px;height:500px;z-index:2;transform:rotate(4deg);transform-origin:bottom center}
.npvf-app__phone--right img{width:420px;height:630px;left:-184px;top:-48px}
@media(max-width:1100px){.npvf-app__inner{padding-left:36px;padding-right:36px;grid-template-columns:42% 58%;min-height:510px}.npvf-app h2{font-size:50px}.npvf-app__copy{min-height:450px}.npvf-app__subtitle{font-size:20px}.npvf-app__art{transform:scale(.86);transform-origin:bottom left;min-height:500px;width:610px;margin-top:-50px}.npvf-app__stores{gap:12px}}
@media(max-width:760px){.npvf-app__inner{display:flex;flex-direction:column;gap:34px;min-height:0;padding:40px 24px 0}.npvf-app__copy{padding:0;min-height:0;display:block}.npvf-app h2{font-size:43px;max-width:390px}.npvf-app__bottom{margin-top:22px}.npvf-app__subtitle{font-size:18px;max-width:300px}.npvf-app__stores{gap:12px;margin-top:22px;flex-wrap:nowrap}.npvf-app__stores .app-store img{width:142px;height:47px}.npvf-app__stores .google-play{width:148px;height:47px}.npvf-app__stores .google-play img{width:171px}.npvf-app__art{transform:none;width:100%;height:365px;min-height:365px;margin-top:0;align-self:center;max-width:390px;flex-shrink:0}.npvf-app__phone{border-radius:23px 23px 0 0}.npvf-app__phone--left{left:0;top:36px;width:137px;height:370px}.npvf-app__phone--left img{width:260px;height:390px;left:-119px;top:-30px}.npvf-app__phone--middle{left:93px;top:0;width:154px;height:385px}.npvf-app__phone--middle img{width:291px;height:436.5px;left:-12px;top:-92px}.npvf-app__phone--right{left:203px;top:36px;width:139px;height:370px}.npvf-app__phone--right img{width:265px;height:397.5px;left:-116px;top:-30px}}
@media(max-width:359px){.npvf-app__inner{padding-left:18px;padding-right:18px}.npvf-app h2{font-size:38px}.npvf-app__stores{gap:8px}.npvf-app__stores .app-store img{width:126px;height:44px}.npvf-app__stores .google-play{width:135px;height:44px}.npvf-app__stores .google-play img{width:155px}.npvf-app__art{max-width:284px;height:310px;min-height:310px}.npvf-app__phone--left{width:117px;height:315px;top:32px}.npvf-app__phone--left img{width:222px;height:333px;left:-102px;top:-26px}.npvf-app__phone--middle{left:75px;width:133px;height:340px}.npvf-app__phone--middle img{width:251px;height:376.5px;left:-10px;top:-80px}.npvf-app__phone--right{left:169px;width:117px;height:315px;top:32px}.npvf-app__phone--right img{width:224px;height:336px;left:-98px;top:-26px}}
@media(prefers-reduced-motion:reduce){.npvf-app__stores a{transition:none}.npvf-app__stores a:hover{transform:none}}
