/* Uses the approved portfolio tokens. The green product colour stays inside real UI exports. */
.is-vpn .vpn-cover{margin-bottom:70px}
.is-vpn .vpn-image-link{display:block;border-radius:var(--radius-panel,21px);overflow:hidden;background:#151a17}
.is-vpn .vpn-image-link img{display:block;width:100%;height:auto}
.is-vpn .vpn-cover .vpn-image-link{box-shadow:0 26px 44px -36px rgb(28 35 50 / 40%)}
.vpn-section{margin-top:76px;min-width:0}
.vpn-section h2{max-width:24ch;margin:0;font:400 clamp(27px,2.7vw,40px)/1.12 Archivo,sans-serif;letter-spacing:-.035em;text-wrap:balance}
.vpn-intro{max-width:68ch;margin:18px 0 28px;color:#4e5662;font-size:15px;line-height:1.65}
.vpn-research-table{width:100%;margin:30px 0 20px;border-collapse:collapse;text-align:left;font-size:13px;line-height:1.55}
.vpn-research-table th,.vpn-research-table td{vertical-align:top;padding:16px 14px 16px 0}
.vpn-research-table thead th{color:#717884;font-size:11px;font-weight:500;padding-top:0;padding-bottom:12px}
.vpn-research-table tbody th{width:20%;font-weight:600;white-space:nowrap}
.vpn-research-table td{width:40%;color:#4e5662}
.vpn-research-table tr+tr{border-top:1px solid rgb(176 184 198 / 35%)}
.vpn-source-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;border-bottom:1px solid #9399a4;color:#8f235d;font-size:13px}
.vpn-source-link:hover{color:var(--pink)}
.vpn-scope{margin-top:36px;padding:28px;border:1px solid rgb(255 255 255 / 82%);border-radius:var(--radius-panel,21px);background:rgb(255 255 255 / 52%)}
.vpn-scope h3{margin:0;font-size:20px;font-weight:500;letter-spacing:-.02em}
.vpn-scope p,.vpn-test-plan{margin:14px 0 0;color:#4e5662;font-size:14px;line-height:1.65}
.vpn-screen-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;min-width:0}
.vpn-screen-rail--pairs{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}
.vpn-screen{min-width:0;margin:0}
.is-vpn .vpn-screen .vpn-image-link{width:min(100%,280px);margin-inline:auto;border-radius:22px;box-shadow:0 20px 34px -30px rgb(28 35 50 / 45%)}
.vpn-screen figcaption{max-width:36ch;margin:16px auto 0;color:#4e5662;font-size:13px;line-height:1.5}
.vpn-screen figcaption strong{display:block;color:#262d35;font-weight:500}
.vpn-screen figcaption p{margin:12px 0 0}
.vpn-priority{display:inline-flex;margin-top:10px;padding:4px 9px;border-radius:999px;background:#f2dfeb;color:#862254;font-size:11px;font-weight:500}
.vpn-test-plan{margin-top:28px;padding-left:20px;border-left:2px solid #cda4bb}
.vpn-gallery-controls{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}
.vpn-gallery-controls[hidden]{display:none}
.vpn-gallery-controls button{cursor:pointer;min-height:44px}
.vpn-gallery-controls button:disabled{opacity:.4;cursor:default;transform:none}
.vpn-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:1050px) and (min-width:761px){.vpn-screen-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.vpn-research-table{font-size:12px}.vpn-research-table tbody th{white-space:normal}}
@media(max-width:760px){
 .is-vpn .vpn-cover{margin-bottom:0}.vpn-section{margin-top:56px}.vpn-section:first-of-type{margin-top:0}
 .vpn-section h2{font-size:30px}.vpn-intro{font-size:15px;margin-bottom:24px}
 .vpn-screen-rail,.vpn-screen-rail--pairs{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:0;padding:3px 2px 12px;scrollbar-width:thin;scrollbar-color:#c4b6c0 transparent}
 .vpn-screen{flex:0 0 min(85%,320px);scroll-snap-align:start}
 .is-vpn .vpn-screen .vpn-image-link{width:100%;max-width:320px}
 .vpn-screen figcaption{max-width:none;font-size:14px}
 .vpn-research-table,.vpn-research-table tbody{display:block}
 .vpn-research-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .vpn-research-table tr{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px 0}
 .vpn-research-table th,.vpn-research-table td{display:block;width:auto;padding:0;white-space:normal;font-size:13px}
 .vpn-research-table tbody th{grid-column:1/-1;font-size:16px}
 .vpn-research-table td::before{display:block;margin-bottom:5px;font-size:11px;color:#727884}
 html[lang=uk] .vpn-research-table td:first-of-type::before{content:'Спостереження'}
 html[lang=uk] .vpn-research-table td:last-of-type::before{content:'Рішення для MVP'}
 html[lang=en] .vpn-research-table td:first-of-type::before{content:'Observation'}
 html[lang=en] .vpn-research-table td:last-of-type::before{content:'MVP decision'}
 .vpn-scope{padding:23px}.vpn-test-plan{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.vpn-screen-rail{scroll-behavior:auto}}