/* Arkemys: demonstrations beside the argument they explain. */
.vr-screen{margin:0;overflow:hidden;border:1px solid #d6dfeb;border-radius:5px;background:#f4f7fb;color:#0c182a}
.vr-screen>a{display:block;position:relative}
.vr-screen img{display:block;width:100%;height:auto;max-width:none}
.vr-screen figcaption{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 20px;background:#fff;border-top:1px solid #d6dfeb;font:500 14px/1.4 var(--sans,sans-serif)}
.vr-screen figcaption a{display:inline-flex;align-items:center;gap:20px;color:#365d91;text-decoration:none}
.vr-screen a:focus-visible,.vr-switch button:focus-visible,.vr-check input:focus-visible,.vr-calculator input:focus-visible{outline:3px solid #3e68a0;outline-offset:4px}
.vr-feature{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(28px,4vw,64px)}
.vr-feature>.vr-copy{min-width:0;display:block!important;grid-template-columns:none!important}
.vr-feature .vr-copy>.ui-copy-grid,.vr-feature .vr-copy>.bk-grid,.vr-feature .vr-copy>.impact-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.vr-feature .vr-copy .bk-copy-row{grid-template-columns:minmax(0,1fr);gap:10px;padding-block:18px}
.vr-feature>.vr-copy>h2{max-width:20ch}
.vr-feature>.vr-copy>p{max-width:62ch}
.vr-feature>.vr-screen{min-width:0;width:100%}
.vr-feature>.vr-screen img{max-height:460px;object-fit:contain}
@media(min-width:851px){.vr-feature>figure,.vr-feature>.vr-calculator{position:sticky;top:116px;align-self:start}}
.vr-feature .vr-copy>:first-child{margin-top:0}
.vr-feature .vr-copy>:last-child{margin-bottom:0}
.vr-switch{min-width:0;width:100%}
.vr-switch-controls{display:flex;gap:0;border-bottom:1px solid #cbd7e8;margin-bottom:20px}
.vr-switch-controls button{border:0;border-bottom:3px solid transparent;background:none;padding:13px 16px;color:#65738b;font:500 14px/1.4 var(--sans,sans-serif);cursor:pointer;flex:1}
.vr-switch-controls button[aria-pressed="true"]{border-color:#365d91;color:#0c182a}
.vr-switch [hidden]{display:none!important}
.vr-query{display:flex;align-items:center;gap:12px;border:1px solid #ccd9e9;background:white;border-radius:30px;padding:13px 20px;font-size:14px;color:#12223a;margin:0 0 16px!important}
.vr-query:before{content:"";width:12px;height:12px;flex:none;border:1.8px solid #486a9c;border-radius:50%}
.vr-query:after{content:"";width:6px;height:1.8px;order:-1;background:#486a9c;transform:translate(25px,6px) rotate(45deg);margin-left:-6px}
.vr-switch .vr-screen img{aspect-ratio:1.96;object-fit:contain;background:#f5f7fa}
.seo-map-section.vr-feature{display:block!important}.seo-map-section>h2{max-width:28ch;margin-bottom:32px}.seo-map-section>.vr-switch{max-width:960px;margin-inline:auto}
.seo-blog-grid .vr-screen{margin-bottom:24px}
.seo-blog-grid .vr-screen img{aspect-ratio:1.96;object-fit:contain}
.seo-page #votre-besoin-seo .bk-copy-row{padding-block:22px}
.seo-page #votre-besoin-seo .bk-copy-list{margin-top:28px}
.vr-measure-board{padding:28px;background:#eff4fb;border:1px solid #d2deef;border-radius:6px;display:grid;gap:0}
.vr-measure-stage{display:grid;grid-template-columns:38px 1fr;gap:16px;padding:22px 0;position:relative}
.vr-measure-stage+.vr-measure-stage{border-top:1px solid #cedaec}
.vr-measure-stage>span{height:34px;width:34px;display:grid;place-items:center;border:1px solid #b5c9e5;background:#fff;color:#365d91;font-size:12px;border-radius:50%}
.vr-measure-stage h3{font:500 21px/1.3 var(--sans,sans-serif);margin:10px 0!important;letter-spacing:-.025em}
.vr-measure-stage p{font-size:14px!important;line-height:1.65;margin:0!important}
.vr-source{display:inline-block;font:600 10px/1.4 var(--sans,sans-serif);letter-spacing:.08em;text-transform:uppercase;color:#45648b}
.vr-url-map{display:grid;gap:0;background:#0c182a;padding:28px;color:#fff;border-radius:5px;min-width:0;margin:0}
.vr-url-map figcaption{font-size:13px;color:#c4d0e2;margin-bottom:26px}
.vr-url-line{display:grid;grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);align-items:center;gap:14px;padding:20px 0;border-top:1px solid #344155}
.vr-url-line strong,.vr-url-line span{font:400 13px/1.5 var(--sans,sans-serif)}
.vr-url-line>b{font:500 10px/1.4 var(--sans,sans-serif);color:#c5d9f5;text-align:center;position:relative}
.vr-url-line>b:after{content:"→";display:block;font-size:23px;margin-top:3px}
.vr-url-line span{padding:12px;border:1px solid #3b5578;color:#e3ecf9;background:#152840}
.vr-checklist{display:grid;gap:0;margin:24px 0;border:1px solid #cdd9e9;background:#f6f9fd;border-radius:5px;padding:8px 20px}
.vr-check{display:flex;align-items:flex-start;gap:13px;padding:17px 0;font:400 14px/1.65 var(--sans,sans-serif);color:#22314a;cursor:pointer}
.vr-check+.vr-check{border-top:1px solid #d9e2ee}
.vr-check input{accent-color:#365d91;width:18px;height:18px;flex:none;margin:3px 0 0}
.vr-check strong{display:block;font-weight:600;margin-bottom:4px;color:#0c182a}
.vr-check:has(input:checked){color:#62748c}
.vr-calculator{border:1px solid #c7d5e8;border-radius:5px;padding:28px;background:#f1f6fc;color:#0c182a;margin:32px 0}
.vr-calculator>h3{font:500 21px/1.35 var(--sans,sans-serif);margin:0 0 24px!important;letter-spacing:-.02em}
.vr-calculator label{display:grid;grid-template-columns:1fr 140px;gap:20px;align-items:center;padding:9px 0;margin:0;font:400 14px/1.4 var(--sans,sans-serif)}
.vr-calculator input{width:100%;min-width:0;min-height:44px;height:44px;box-sizing:border-box;border:1px solid #b8c9e1;border-radius:3px;padding:10px 12px;background:#fff;color:#0c182a;font:500 16px/1 var(--sans,sans-serif);text-align:right}
.vr-calculator-results{margin-top:18px;border-top:1px solid #c7d5e8;padding-top:22px;display:grid;grid-template-columns:1.3fr 1fr;gap:20px}
.vr-calculator-results>div{display:grid;gap:8px;font-size:12px}
.vr-calculator output{font:500 30px/1.2 var(--sans,sans-serif);letter-spacing:-.04em}
.vr-calculator small{display:block;color:#63758d;font-size:12px;line-height:1.5;margin-top:15px}
.vr-article-media{margin:36px 0!important}
.vr-article-media .vr-screen figcaption{font-size:13px}
.vr-article-media img{max-height:430px;object-fit:contain;background:#f4f7fb}
.vr-system{margin:32px 0;padding:28px;border:1px solid #cdd9e9;border-radius:5px;background:#f0f5fc}
.vr-system figcaption{font:600 12px/1.4 var(--sans,sans-serif);color:#3c5a80;margin-bottom:24px}
.vr-system-path{display:flex;align-items:stretch;gap:0}
.vr-system-node{flex:1;min-width:0;padding:20px 14px;border:1px solid #bed0e7;background:#fff;position:relative;text-align:center}
.vr-system-node+.vr-system-node{margin-left:26px}
.vr-system-node+.vr-system-node:before{content:"→";position:absolute;left:-24px;top:calc(50% - 12px);color:#456b9d}
.vr-system-node b{display:block;color:#365d91;font:500 11px/1 var(--sans,sans-serif);margin-bottom:13px}
.vr-system-node span{font:500 13px/1.45 var(--sans,sans-serif);color:#0c182a}
.vr-system-compare .vr-system-path{gap:16px}
.vr-system-compare .vr-system-node+.vr-system-node{margin-left:0}
.vr-system-compare .vr-system-node:before{display:none}
.vr-system-note{display:block;font-size:12px;color:#63748d;margin:20px 0 0;line-height:1.6}
.vr-process{position:relative}
.vr-process article{border-left:2px solid #c6d6ec;padding-left:23px!important;position:relative}
.vr-process article:before{content:"";position:absolute;left:-6px;top:24px;width:10px;height:10px;border-radius:50%;background:#365d91;box-shadow:0 0 0 5px #fff}
.vr-client-gallery{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.vr-client-gallery>.sector-client{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding-top:0}
.vr-client-gallery .sector-client-logo{width:auto;height:auto;min-height:0}
.vr-client-gallery .sector-client-logo>svg,.vr-client-gallery .sector-client-logo>img{display:none}
.vr-client-gallery .vr-screen{width:100%;margin:0}
.vr-client-gallery .vr-screen img{height:auto;width:100%;object-fit:contain;aspect-ratio:1.6}
.vr-client-gallery .sector-client>div{width:100%}
.vr-client-gallery .sector-client .text-link{margin-top:auto}
.vr-comparison-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}
.vr-comparison-cases .vr-screen{margin:0 0 18px}
.vr-comparison-cases .vr-screen img{width:100%;height:auto;aspect-ratio:1.6;object-fit:contain}
.vr-comparison-cases article p{margin-top:0}
.vr-library-search{display:flex;gap:16px;align-items:center;margin:24px 0 36px}
.vr-library-search label{flex:1;font-size:13px}
.vr-library-search input{display:block;width:100%;padding:15px 18px;border:1px solid #c8d5e7;border-radius:3px;background:#fff;color:#0c182a;font:400 16px/1.3 var(--sans,sans-serif);margin-top:9px}
.vr-library-search output{color:#65758c;font-size:13px;white-space:nowrap;padding-top:24px}
.vr-load-more{display:block;border:1px solid #aabdd8;background:#fff;color:#193456;padding:15px 24px;font:500 14px/1.4 var(--sans,sans-serif);cursor:pointer;margin:28px auto 0}
[data-vr-library] [hidden]{display:none!important}
@media(max-width:850px){.vr-feature{grid-template-columns:minmax(0,1fr)!important;gap:28px}.vr-feature>.vr-copy>h2{max-width:none}.vr-feature>.vr-copy>p{max-width:none}.vr-client-gallery,.vr-comparison-cases{grid-template-columns:1fr}.vr-system{padding:22px}.vr-calculator{padding:22px}.vr-measure-board{padding:12px 22px}}
@media(max-width:520px){.vr-switch-controls button{font-size:12px;padding:12px 8px}.vr-query{font-size:12px;padding:12px 17px}.vr-screen figcaption{padding:12px 14px;font-size:12px}.vr-screen figcaption a{gap:12px}.vr-url-map{padding:20px}.vr-url-line{gap:8px;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr)}.vr-url-line strong,.vr-url-line span{font-size:11px}.vr-url-line span{padding:10px 7px}.vr-system-path{display:grid;gap:22px}.vr-system-node+.vr-system-node{margin-left:0}.vr-system-node+.vr-system-node:before{content:"↓";top:-24px;left:calc(50% - 6px)}.vr-system-node{padding:16px;display:flex;align-items:center;gap:17px;text-align:left}.vr-system-node b{margin:0}.vr-system-node span{font-size:14px}.vr-calculator label{grid-template-columns:1fr 110px;gap:12px;font-size:12px}.vr-calculator-results{grid-template-columns:1fr}.vr-calculator output{font-size:27px}.vr-library-search{display:block}.vr-library-search output{display:block;padding-top:13px}.vr-measure-stage h3{font-size:19px}}