/* H2 Vital – Patička | FTP: /user/documents/h2vital-footer.css | v=1 */
.h2v-footer{position:relative;width:100%;overflow:hidden;font-family:'Barlow',sans-serif;background:radial-gradient(ellipse 75% 65% at 88% 5%,rgba(0,200,190,.55) 0%,transparent 52%),radial-gradient(ellipse 55% 50% at 65% 0%,rgba(0,155,165,.4) 0%,transparent 50%),radial-gradient(ellipse 60% 60% at 75% 45%,rgba(0,110,130,.25) 0%,transparent 60%),radial-gradient(ellipse 40% 50% at 20% 80%,rgba(0,40,60,.8) 0%,transparent 70%),linear-gradient(155deg,#000d15 0%,#001a26 25%,#022535 55%,#041c2c 80%,#000d15 100%)}
.h2v-footer::after{content:'';position:absolute;top:0;right:0;width:70%;height:55%;background:radial-gradient(ellipse at 80% 0%,rgba(0,210,200,.18) 0%,rgba(0,160,155,.08) 35%,transparent 65%);pointer-events:none;z-index:0}
.h2v-bubbles{position:absolute;inset:0;pointer-events:none;z-index:1}
.h2v-b{position:absolute;bottom:-30px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(180,240,240,.25),rgba(0,160,180,.04));border:1px solid rgba(150,230,230,.3);animation:h2vRise linear infinite}
.h2v-b:nth-child(1){width:4px;height:4px;left:3%;animation-duration:8s;animation-delay:0s;opacity:.8}
.h2v-b:nth-child(2){width:7px;height:7px;left:7%;animation-duration:12s;animation-delay:1.5s;opacity:.55}
.h2v-b:nth-child(3){width:3px;height:3px;left:11%;animation-duration:7s;animation-delay:4s;opacity:.9}
.h2v-b:nth-child(4){width:10px;height:10px;left:15%;animation-duration:15s;animation-delay:.8s;opacity:.4}
.h2v-b:nth-child(5){width:5px;height:5px;left:19%;animation-duration:9s;animation-delay:6s;opacity:.7}
.h2v-b:nth-child(6){width:3px;height:3px;left:23%;animation-duration:7s;animation-delay:2.5s;opacity:.85}
.h2v-b:nth-child(7){width:8px;height:8px;left:27%;animation-duration:13s;animation-delay:1s;opacity:.5}
.h2v-b:nth-child(8){width:4px;height:4px;left:31%;animation-duration:8s;animation-delay:7s;opacity:.75}
.h2v-b:nth-child(9){width:14px;height:14px;left:35%;animation-duration:17s;animation-delay:.3s;opacity:.35}
.h2v-b:nth-child(10){width:5px;height:5px;left:39%;animation-duration:9s;animation-delay:3s;opacity:.7}
.h2v-b:nth-child(11){width:3px;height:3px;left:43%;animation-duration:6s;animation-delay:5.5s;opacity:.9}
.h2v-b:nth-child(12){width:7px;height:7px;left:47%;animation-duration:11s;animation-delay:2s;opacity:.55}
.h2v-b:nth-child(13){width:4px;height:4px;left:51%;animation-duration:8s;animation-delay:8s;opacity:.75}
.h2v-b:nth-child(14){width:11px;height:11px;left:55%;animation-duration:16s;animation-delay:1.2s;opacity:.4}
.h2v-b:nth-child(15){width:3px;height:3px;left:59%;animation-duration:7s;animation-delay:4.5s;opacity:.85}
.h2v-b:nth-child(16){width:6px;height:6px;left:63%;animation-duration:10s;animation-delay:.7s;opacity:.65}
.h2v-b:nth-child(17){width:4px;height:4px;left:67%;animation-duration:8s;animation-delay:6.5s;opacity:.8}
.h2v-b:nth-child(18){width:9px;height:9px;left:71%;animation-duration:14s;animation-delay:2.8s;opacity:.45}
.h2v-b:nth-child(19){width:3px;height:3px;left:75%;animation-duration:6s;animation-delay:9s;opacity:.9}
.h2v-b:nth-child(20){width:6px;height:6px;left:79%;animation-duration:10s;animation-delay:1.8s;opacity:.6}
.h2v-b:nth-child(21){width:4px;height:4px;left:83%;animation-duration:8s;animation-delay:3.5s;opacity:.75}
.h2v-b:nth-child(22){width:12px;height:12px;left:87%;animation-duration:18s;animation-delay:.5s;opacity:.35}
.h2v-b:nth-child(23){width:3px;height:3px;left:91%;animation-duration:7s;animation-delay:5s;opacity:.85}
.h2v-b:nth-child(24){width:7px;height:7px;left:95%;animation-duration:12s;animation-delay:2.2s;opacity:.5}
@keyframes h2vRise{0%{transform:translateY(0) translateX(0);opacity:0}8%{opacity:1}85%{opacity:.7}100%{transform:translateY(-640px) translateX(12px);opacity:0}}
.h2v-hero{position:relative;z-index:2;display:grid;grid-template-columns:38% 1fr 1fr 1fr;gap:22px;align-items:center;max-width:1280px;margin:0 auto;padding:64px 48px 60px}
.h2v-brand{padding-right:16px}
.h2v-brand-title{font-family:'Barlow Condensed',sans-serif!important;font-weight:900!important;font-size:clamp(42px,5.5vw,72px)!important;line-height:.92!important;letter-spacing:-1px!important;text-transform:uppercase!important;color:#fff!important;margin:0 0 4px!important;padding:0!important;display:block}
.h2v-brand-sub{font-family:'Barlow Condensed',sans-serif!important;font-weight:700!important;font-size:clamp(17px,2.3vw,30px)!important;line-height:1.05!important;letter-spacing:.5px!important;text-transform:uppercase!important;color:#fff!important;margin:0 0 26px!important;padding:0!important;display:block}
.h2v-brand-text{font-family:'Barlow',sans-serif!important;font-size:clamp(13px,1.05vw,15px)!important;line-height:1.75!important;font-weight:300!important;color:rgba(255,255,255,.8)!important;max-width:360px;margin:0!important}
.h2v-card{position:relative;background:rgba(30,160,165,.38);backdrop-filter:blur(18px) saturate(1.6);-webkit-backdrop-filter:blur(18px) saturate(1.6);border:1px solid rgba(255,255,255,.24);border-radius:22px;padding:36px 22px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 8px 40px rgba(0,0,0,.3);align-self:stretch}
.h2v-card-icon{width:110px;height:110px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;flex-shrink:0;overflow:hidden}
.h2v-card-icon img{width:110px;height:110px;object-fit:contain;mix-blend-mode:screen;display:block}
.h2v-card-title{font-family:'Barlow Condensed',sans-serif!important;font-weight:700!important;font-size:15px!important;letter-spacing:3px!important;text-transform:uppercase!important;color:#fff!important;margin:0 0 3px!important}
.h2v-card-sub{font-family:'Barlow',sans-serif!important;font-size:13px!important;font-weight:400!important;font-style:italic!important;color:rgba(255,255,255,.88)!important;margin:0 0 16px!important}
.h2v-card-line{width:100%;height:1px;background:rgba(255,255,255,.22);margin-bottom:18px}
.h2v-card-text{font-family:'Barlow',sans-serif!important;font-size:13.5px!important;font-weight:300!important;line-height:1.72!important;color:rgba(255,255,255,.88)!important;margin:0!important}
.h2v-nav{position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.28);backdrop-filter:blur(8px)}
.h2v-nav-inner{max-width:1280px;margin:0 auto;padding:30px 48px;display:grid;grid-template-columns:1.8fr 1fr 1.4fr 1.2fr;gap:32px}
.h2v-nc-title{font-family:'Barlow Condensed',sans-serif!important;font-size:10px!important;font-weight:700!important;letter-spacing:3px!important;text-transform:uppercase!important;color:rgba(100,220,210,.9)!important;margin:0 0 14px!important;display:block}
.h2v-nc ul{list-style:none!important;margin:0!important;padding:0!important}
.h2v-nc ul li{margin-bottom:7px!important}
.h2v-nc ul li a{font-size:12px!important;font-weight:300!important;color:rgba(255,255,255,.58)!important;text-decoration:none!important;transition:color .2s}
.h2v-nc ul li a:hover{color:#fff!important}
.h2v-nc-desc{font-size:12px!important;font-weight:300!important;color:rgba(255,255,255,.48)!important;line-height:1.65!important;margin:0 0 12px!important}
.h2v-social{display:flex;gap:8px}
.h2v-soc{width:30px;height:30px;border-radius:7px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6);text-decoration:none!important;transition:background .2s,border-color .2s}
.h2v-soc:hover{background:rgba(100,220,210,.18);border-color:rgba(100,220,210,.45);color:#fff!important}
.h2v-soc svg{display:block}
.h2v-chips{display:flex;flex-wrap:wrap;gap:6px}
.h2v-chip{padding:5px 9px;border:1px solid rgba(255,255,255,.17);border-radius:6px;background:rgba(255,255,255,.05);font-family:'Barlow Condensed',sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.5px;color:rgba(255,255,255,.62);cursor:default;transition:background .2s,color .2s}
.h2v-chip:hover{background:rgba(100,220,210,.15);color:#fff}
.h2v-copy{position:relative;z-index:2;text-align:center;padding:13px 24px;border-top:1px solid rgba(255,255,255,.07);background:rgba(0,0,0,.32);font-family:'Barlow',sans-serif;font-size:11px;font-weight:300;color:rgba(255,255,255,.33);letter-spacing:.3px;margin:0}
@media(max-width:1024px){.h2v-hero{grid-template-columns:1fr 1fr;padding:44px 28px 36px}.h2v-brand{grid-column:span 2;padding-right:0}.h2v-nav-inner{grid-template-columns:1fr 1fr;padding:24px 28px}}
@media(max-width:600px){.h2v-hero{grid-template-columns:1fr;padding:32px 18px 28px}.h2v-brand{grid-column:span 1}.h2v-nav-inner{grid-template-columns:1fr;padding:20px 18px}}
