/* Shared typographic bento, based on the approved VM tiles. Size is decorative, not rank. */
.vpn-page .solution-bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:154px;grid-auto-flow:row dense;gap:10px}
.vpn-page .solution-bento .vpn-tile{grid-column:span 2;min-height:0;padding:22px;position:relative;isolation:isolate;overflow:hidden;border:1px solid #ffffff12;border-radius:12px;color:#f2f1ee;justify-content:space-between;background:#24354a}
.vpn-page .solution-bento .vpn-tile:nth-child(9n+1){grid-row:span 2;background:linear-gradient(150deg,#24354a,#151d28)}
.vpn-page .solution-bento .vpn-tile:nth-child(9n+2){background:#173e37}
.vpn-page .solution-bento .vpn-tile:nth-child(9n+3){grid-row:span 2;background:linear-gradient(145deg,#4e222c,#291820)}
.vpn-page .solution-bento .vpn-tile:nth-child(9n+4){grid-column:span 1;background:#38282b}
.vpn-page .solution-bento .vpn-tile:nth-child(9n+5){grid-column:span 1;background:#222d42}
.vpn-page .solution-bento .vpn-tile:nth-child(9n+6){background:#33352d}
.vpn-page .solution-bento .vpn-tile:nth-child(9n+7){background:#292842}
.vpn-page .solution-bento .vpn-tile:nth-child(9n+8){grid-column:span 1;background:#303035}
.vpn-page .solution-bento .vpn-tile:nth-child(9n){grid-column:span 1;background:#29312f}
.vpn-page .solution-bento[data-count="16"] .vpn-tile:last-child{grid-column:span 4}
.vpn-page .solution-bento .vpn-tile:before{content:'';position:absolute;pointer-events:none;z-index:-1;width:260px;height:260px;border:1px solid #ffffff09;border-radius:50%;right:-130px;top:-95px;box-shadow:0 0 0 32px #ffffff03,0 0 0 65px #ffffff02}
.vpn-page .solution-bento .vpn-tile>span:first-child{color:inherit;opacity:.75;font-size:10px;max-width:100%;line-height:1.4}
.vpn-page .solution-bento .solution-wordmark{display:flex;flex-direction:column;gap:6px;margin:auto 0;padding:18px 0}
.vpn-page .solution-bento .solution-wordmark strong{font-size:clamp(23px,2.6vw,39px);font-weight:650;letter-spacing:-1.6px;line-height:1.07;padding:0;overflow-wrap:anywhere}
.vpn-page .solution-bento .solution-wordmark em{font-size:12px;font-style:normal;line-height:1.4;letter-spacing:0}
.vpn-page .solution-bento .vpn-tile:nth-child(9n+1) strong,.vpn-page .solution-bento .vpn-tile:nth-child(9n+3) strong{font-size:clamp(32px,4.3vw,60px);letter-spacing:-2.5px}
.vpn-page .solution-bento .vpn-tile:nth-child(9n+4) strong,.vpn-page .solution-bento .vpn-tile:nth-child(9n+5) strong,.vpn-page .solution-bento .vpn-tile:nth-child(9n+8) strong,.vpn-page .solution-bento .vpn-tile:nth-child(9n) strong{font-size:clamp(18px,1.8vw,27px);letter-spacing:-1px}
.vpn-page .solution-bento .tile-arrow{top:auto;bottom:12px;right:16px;font-size:17px;color:inherit;opacity:.6}
.vpn-page .solution-bento .vpn-tile:hover{filter:brightness(1.16);border-color:#ffffff45}
@media(max-width:850px){.vpn-page .solution-bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:180px}.vpn-page .solution-bento .vpn-tile:nth-child(n){grid-column:span 1;grid-row:span 1}.vpn-page .solution-bento .vpn-tile:nth-child(n) strong{font-size:30px;letter-spacing:-1px}.vpn-page .solution-bento .vpn-tile:last-child:nth-child(odd){grid-column:span 2}}
@media(max-width:500px){.vpn-page .solution-bento{grid-template-columns:1fr;grid-auto-rows:170px}.vpn-page .solution-bento .vpn-tile:nth-child(n){grid-column:span 1}.vpn-page .solution-bento .vpn-tile:nth-child(n) strong{font-size:34px}}
@media(max-width:850px){.vpn-page .solution-bento[data-count="16"] .vpn-tile:last-child{grid-column:span 1}}
@media(max-width:500px){.vpn-page .solution-bento .vpn-tile:last-child:nth-child(odd){grid-column:span 1}}