/** Shopify CDN: Minification failed

Line 385:89 Unexpected ";"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:valakos-404 (INDEX:54) */
.vk4{position:relative; isolation:isolate; overflow:hidden; min-height:max(560px,88svh); display:grid; place-items:center; background:var(--vk4-bg); color:var(--vk4-ink); -webkit-font-smoothing:antialiased; text-align:center}
.vk4 *{box-sizing:border-box}
.vk4__bg{position:absolute; inset:0; z-index:-1; pointer-events:none; contain:strict}
.vk4__blob{position:absolute; width:80vmax; height:80vmax; border-radius:50%; will-change:transform}
.vk4__blob--1{left:-30vmax; top:-36vmax; background:radial-gradient(closest-side,var(--vk4-a),transparent 72%); opacity:.5; animation:vk4-a 26s ease-in-out infinite alternate}
.vk4__blob--2{right:-34vmax; bottom:-40vmax; background:radial-gradient(closest-side,var(--vk4-b),transparent 70%); opacity:.45; animation:vk4-b 30s ease-in-out infinite alternate}
.vk4__vig{position:absolute; inset:0; background:radial-gradient(120% 90% at 50% 50%,transparent 40%,var(--vk4-bg) 100%)}
@keyframes vk4-a{to{transform:translate3d(20vmax,16vmax,0) scale(1.15)}}
@keyframes vk4-b{to{transform:translate3d(-18vmax,-14vmax,0) scale(1.1)}}
.vk4__in{position:relative; width:100%; max-width:820px; padding:72px 20px; display:flex; flex-direction:column; align-items:center}
.vk4__in>*{animation:vk4-up .9s cubic-bezier(.2,.8,.2,1) both}
.vk4__in>*:nth-child(2){animation-delay:.08s}.vk4__in>*:nth-child(3){animation-delay:.16s}.vk4__in>*:nth-child(4){animation-delay:.24s}.vk4__in>*:nth-child(5){animation-delay:.32s}
@keyframes vk4-up{from{opacity:0; transform:translateY(14px)}}
.vk4__code{margin:0 0 6px; font-weight:200; font-size:clamp(96px,28vw,240px); line-height:.9; letter-spacing:-.06em; color:transparent; -webkit-text-stroke:1px color-mix(in srgb,var(--vk4-ink) 40%,transparent)}
.vk4__title{margin:0; font-weight:300; font-size:clamp(32px,7vw,64px); line-height:1.05; letter-spacing:-.035em}
.vk4__text{margin:16px 0 0; max-width:34ch; font-size:clamp(15px,2vw,18px); line-height:1.5; font-weight:300; opacity:.62}
.vk4__btn{display:inline-flex; align-items:center; gap:14px; margin-top:36px; height:56px; padding:0 8px 0 28px; border-radius:99px; background:var(--vk4-ink); color:var(--vk4-bg); text-decoration:none; font-size:15px; font-weight:500; transition:transform .25s}
.vk4__btn svg{width:40px; height:40px; padding:10px; border-radius:50%; background:color-mix(in srgb,var(--vk4-bg) 10%,transparent)}
.vk4__btn:hover{transform:translateY(-2px)}
.vk4__btn:focus-visible{outline:2px solid var(--vk4-ink); outline-offset:4px}
.vk4__auto{margin:22px 0 0; font-size:13px; opacity:.45}
.vk4__auto b{font-weight:400; font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:reduce){.vk4__blob,.vk4__in>*{animation:none!important}}
/* END_SECTION:valakos-404 */

/* START_SECTION:valakos-app (INDEX:55) */
.vk-app{--vk-bz:linear-gradient(145deg,#fafafa,#dcdcdc); --vk-bz-sh:inset 0 0 0 1.5px #bdbdbd, inset 0 0 0 5px #f4f4f4, 0 0 0 1px rgba(0,0,0,.04); --vk-hb:linear-gradient(90deg,#cfcfcf,#9d9d9d); --vk-gl:linear-gradient(135deg,rgba(255,255,255,.82),rgba(255,255,255,.48)); --vk-gl-fg:#191919; --vk-gl-sh:0 0 0 1px rgba(255,255,255,.9), 0 10px 22px -12px rgba(0,0,0,.3), inset 0 1px 1px #fff; --vk-ic-bg:#191919; --vk-ic-fg:#fff;}
@media (prefers-color-scheme:dark){html:not([data-vk-theme="light"]) .vk-app{--vk-bz:linear-gradient(145deg,#3a3a3a,#141414); --vk-bz-sh:inset 0 0 0 1.5px #5a5a5a, inset 0 0 0 5px #0d0d0d, 0 0 0 1px rgba(255,255,255,.06); --vk-hb:linear-gradient(90deg,#4a4a4a,#1a1a1a); --vk-gl:linear-gradient(135deg,rgba(40,40,40,.82),rgba(20,20,20,.62)); --vk-gl-fg:#f1f1f1; --vk-gl-sh:0 0 0 1px rgba(255,255,255,.12), 0 10px 22px -12px rgba(0,0,0,.75), inset 0 1px 0 rgba(255,255,255,.14); --vk-ic-bg:#f1f1f1; --vk-ic-fg:#111;}}
html[data-vk-theme="dark"] .vk-app{--vk-bz:linear-gradient(145deg,#3a3a3a,#141414); --vk-bz-sh:inset 0 0 0 1.5px #5a5a5a, inset 0 0 0 5px #0d0d0d, 0 0 0 1px rgba(255,255,255,.06); --vk-hb:linear-gradient(90deg,#4a4a4a,#1a1a1a); --vk-gl:linear-gradient(135deg,rgba(40,40,40,.82),rgba(20,20,20,.62)); --vk-gl-fg:#f1f1f1; --vk-gl-sh:0 0 0 1px rgba(255,255,255,.12), 0 10px 22px -12px rgba(0,0,0,.75), inset 0 1px 0 rgba(255,255,255,.14); --vk-ic-bg:#f1f1f1; --vk-ic-fg:#111;}
.vk-app{position:relative; height:var(--vk-scroll,280vh); background:var(--vk-bg); color:var(--vk-ink); font-family:var(--vk-font,inherit); -webkit-font-smoothing:antialiased}
.vk-app *,.vk-app *::before,.vk-app *::after{box-sizing:border-box}
.vk-app__sticky{contain:paint; --tt:clamp(70px,13vh,140px); --l1:clamp(24px,4.2vw,58px); --l2:clamp(40px,10vw,150px); position:sticky; top:0; height:100vh; height:100svh; overflow:hidden; perspective:1400px}
/* big words behind the phone */
.vk-app__text{position:absolute; left:0; right:0; top:var(--tt); text-align:center; padding:0 16px; z-index:1}
.vk-app__eyebrow{margin:0 0 14px; font-size:12px; letter-spacing:.32em; text-transform:uppercase; opacity:.55; font-weight:500}
.vk-app__h{margin:0; font-family:inherit; color:var(--vk-ink); line-height:.95}
.vk-app__l1{display:block; font-weight:500; font-size:var(--l1); letter-spacing:-.02em; margin-bottom:.12em}
.vk-app__l2{display:block; font-weight:700; font-size:var(--l2); letter-spacing:-.05em; white-space:nowrap}
.vk-app__eyebrow,.vk-app__l1,.vk-app__l2{transition:opacity 1.1s cubic-bezier(.2,.8,.2,1), filter 1.1s cubic-bezier(.2,.8,.2,1), transform 1.1s cubic-bezier(.2,.8,.2,1), clip-path 1.3s cubic-bezier(.7,0,.2,1) .25s}
.vk-app:not(.is-in) .vk-app__eyebrow,.vk-app:not(.is-in) .vk-app__l1{opacity:0; filter:blur(12px); transform:translateY(24px)}
.vk-app:not(.is-in) .vk-app__l2{clip-path:inset(0 100% 0 0)}
.vk-app__l2{clip-path:inset(0 0 0 0)}
/* phone */
.vk-app__stage{position:absolute; inset:0; z-index:2; display:flex; justify-content:center; pointer-events:none}
.vk-app__phone-wrap{position:absolute; left:50%; top:calc(var(--tt) + 30px + var(--l1) * 1.1 + var(--l2) * .42); width:clamp(250px,24vw,330px); transform-style:preserve-3d; will-change:transform;
  transform:translate3d(-50%,75vh,0) rotateX(38deg) scale(.88); backface-visibility:hidden}
.vk-app__phone{position:relative; width:100%; aspect-ratio:9/19.3; border-radius:15.5% / 7.2%; padding:3.6%; background:var(--vk-bz);
  box-shadow:var(--vk-bz-sh), 0 50px 90px -30px rgba(0,0,0,.45), 0 20px 36px -18px rgba(0,0,0,.3); container-type:inline-size; z-index:1}
.vk-app__btn{position:absolute; width:3px; border-radius:2px; background:var(--vk-hb)}
.vk-app__btn--a{left:-3px; top:18%; height:5%} .vk-app__btn--b{left:-3px; top:26%; height:9%} .vk-app__btn--c{right:-3px; top:24%; height:13%}
.vk-app__screen{position:relative; height:100%; border-radius:12.5% / 5.9%; overflow:hidden; background:radial-gradient(120% 60% at 80% 10%,#fff,transparent 60%),radial-gradient(90% 50% at 10% 70%,#e2e2e2,transparent 70%),#efefef; color:#191919}
.vk-app__glare{position:absolute; inset:0; z-index:5; pointer-events:none; background:linear-gradient(115deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,0) 38%)}
.vk-app__island{position:absolute; top:2.6cqw; left:50%; transform:translateX(-50%); width:31cqw; height:9cqw; border-radius:99px; background:#0b0b0b; z-index:6}
.vk-app__status{display:flex; justify-content:space-between; align-items:center; padding:3.8cqw 8cqw 0 9cqw; font-size:4.3cqw; font-weight:600}
.vk-app__sig{display:flex; gap:.8cqw; align-items:flex-end} .vk-app__sig i{width:1.1cqw; background:#191919; border-radius:1px} .vk-app__sig i:nth-child(1){height:1.6cqw} .vk-app__sig i:nth-child(2){height:2.4cqw} .vk-app__sig i:nth-child(3){height:3.2cqw}
.vk-app__sig b{width:6.4cqw; height:3.2cqw; border:1px solid #191919; border-radius:1cqw; margin-left:1.2cqw; background:linear-gradient(90deg,#191919 70%,transparent 70%); background-clip:content-box; padding:.5cqw}
.vk-app__ui{padding:7cqw 6cqw 0}
.vk-app__top{display:flex; justify-content:space-between; align-items:center; margin-bottom:6cqw}
.vk-app__logo{width:27cqw; height:auto; display:block} .vk-app__logo-t{font-weight:800; font-size:6cqw; letter-spacing:-.03em}
.vk-app__avatar{width:10cqw; height:10cqw; border-radius:50%; background:radial-gradient(circle at 50% 38%,#191919 22%,transparent 23%),radial-gradient(ellipse at 50% 100%,#191919 45%,transparent 46%),#fff; box-shadow:0 1px 3px rgba(0,0,0,.15)}
.vk-app__hello{font-size:8.6cqw; font-weight:400; letter-spacing:-.02em; display:flex; align-items:center; gap:2.4cqw; margin-bottom:5cqw}
.vk-sk{display:inline-block; height:3cqw; width:30cqw; border-radius:99px; background:linear-gradient(90deg,rgba(25,25,25,.12),rgba(25,25,25,.05),rgba(25,25,25,.12)); background-size:200% 100%; animation:vk-sk 2.4s linear infinite}
.vk-sk--name{height:6cqw; width:28cqw}
.vk-sk--light{background:linear-gradient(90deg,rgba(255,255,255,.28),rgba(255,255,255,.1),rgba(255,255,255,.28)); background-size:200% 100%}
@keyframes vk-sk{to{background-position:-200% 0}}
.vk-app__streak{display:flex; justify-content:space-between; align-items:center; padding:4.5cqw 5cqw; border-radius:6cqw; margin-bottom:6cqw;
  background:linear-gradient(180deg,rgba(255,255,255,.8),rgba(255,255,255,.45)); box-shadow:0 0 0 1px rgba(255,255,255,.9),0 4cqw 8cqw -4cqw rgba(0,0,0,.18)}
.vk-app__streak>div:first-child{display:flex; align-items:center; gap:2cqw}
.vk-app__count{font-size:11cqw; font-weight:300; line-height:1}
.vk-app__streak small{font-size:3.3cqw; line-height:1.15; opacity:.7; max-width:14cqw}
.vk-app__prog{display:flex; flex-direction:column; gap:1.6cqw; align-items:flex-end}
.vk-app__prog small{max-width:none; white-space:nowrap} .vk-app__prog b{font-weight:600}
.vk-app__prog span{width:28cqw; height:1.6cqw; border-radius:9px; background:rgba(25,25,25,.1); overflow:hidden} .vk-app__prog i{display:block; height:100%; width:100%; transform:scaleX(0); transform-origin:left; background:#191919; border-radius:inherit}
.vk-app__need{font-size:6.8cqw; margin:0 0 3.5cqw; letter-spacing:-.01em}
.vk-app__card{position:relative; border-radius:5cqw; padding:4.2cqw 5cqw 5cqw; margin-bottom:3cqw; color:#fff; display:flex; flex-direction:column; gap:5.5cqw}
.vk-app__card b{font-weight:300; font-size:7.6cqw; letter-spacing:-.01em}
.vk-app__card svg{position:absolute; right:5cqw; bottom:4.2cqw; width:9cqw}
.vk-app__card--1{background:#3d3d3d} .vk-app__card--2{background:#191919}
.vk-app__card--3{background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,.4)); color:#191919; box-shadow:0 0 0 1px rgba(255,255,255,.9)}
.vk-w{opacity:0; transform:translate3d(0,18px,0); will-change:transform,opacity}
/* bottom fade: the phone melts into the page */
.vk-app__fade{position:absolute; left:0; right:0; bottom:0; height:var(--vk-fade,32vh); z-index:3; pointer-events:none; background:linear-gradient(to bottom,transparent,var(--vk-bg) 88%)}
/* glass bubbles */
.vk-bub{position:absolute; top:var(--y,30%); z-index:5; display:flex; align-items:center; gap:12px; padding:12px 16px 12px 12px; border-radius:18px; white-space:nowrap; pointer-events:auto;
  background:var(--vk-gl); color:var(--vk-gl-fg); -webkit-backdrop-filter:blur(18px) saturate(1.6); backdrop-filter:blur(18px) saturate(1.6);
  box-shadow:var(--vk-gl-sh);
  opacity:0; transform:translate3d(0,60px,0) scale(.75); will-change:transform,opacity}
.vk-bub--left{right:calc(100% - 34px)} .vk-bub--right{left:calc(100% - 34px); --rot:8deg}
.vk-bub__ic{flex:0 0 auto; width:38px; height:38px; border-radius:50%; background:var(--vk-ic-bg); color:var(--vk-ic-fg); display:grid; place-items:center; box-shadow:0 6px 14px -6px rgba(0,0,0,.5)}
.vk-bub__ic svg{width:19px; height:19px}
.vk-bub__t{display:flex; flex-direction:column; line-height:1.2}
.vk-bub__t b{font-size:14px; font-weight:600; letter-spacing:-.01em} .vk-bub__t small{font-size:12px; opacity:.6}
.vk-bub.is-float{animation:vk-float 5s ease-in-out infinite}
@media (max-width:749px),(hover:none){ .vk-bub{-webkit-backdrop-filter:none!important; backdrop-filter:none!important} }
.vk-app .vk-sk{animation:none} .vk-bub--right.is-float{animation-delay:-2.5s}
@keyframes vk-float{50%{translate:0 -6px}}
@media (max-width:749px){
  .vk-app__phone-wrap{width:76vw; top:calc(var(--tt) + 30px + var(--l1) * 1.1 + var(--l2) * .9)}
  .vk-bub{gap:8px; padding:8px 11px 8px 8px; border-radius:14px}
  .vk-bub__ic{width:28px; height:28px} .vk-bub__ic svg{width:15px; height:15px}
  .vk-bub__t b{font-size:12px} .vk-bub__t small{font-size:10.5px}
  .vk-bub--left{right:auto; left:-5%} .vk-bub--right{left:auto; right:-5%}
  .vk-bub__t small{display:none}
}
@media (prefers-reduced-motion:reduce){.vk-app{height:auto} .vk-app__sticky{contain:paint; position:relative} .vk-bub.is-float{animation:none} .vk-sk{animation:none}}
/* END_SECTION:valakos-app */

/* START_SECTION:valakos-cta (INDEX:57) */
.vk-cta{position:relative; z-index:2; background:var(--vk-bg); padding:var(--vk-pt,24px) 12px var(--vk-pb,24px); font-family:var(--vk-font,inherit); -webkit-font-smoothing:antialiased}
.vk-cta *,.vk-cta *::before,.vk-cta *::after{box-sizing:border-box}
.vk-cta__pill{
  position:relative; overflow:hidden; isolation:isolate; max-width:var(--vk-maxw,1200px); margin:0 auto;
  border-radius:var(--vk-radius,40px); background:var(--vk-pill); color:#fff; text-align:center;
  padding:clamp(72px,12vw,120px) 24px clamp(56px,9vw,96px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08), inset 0 1px 0 rgba(255,255,255,.12), 0 40px 80px -40px rgba(0,0,0,.9);
}
/* the page colour melting into the top of the pill */
.vk-cta__pill::before{
  content:''; position:absolute; inset:-2px; z-index:-1; pointer-events:none;
  background:
    radial-gradient(45% 70% at 0% 0%, var(--vk-bg) 0%, transparent var(--vk-fade,40%)),
    radial-gradient(45% 70% at 100% 0%, var(--vk-bg) 0%, transparent var(--vk-fade,40%)),
    linear-gradient(to bottom, color-mix(in srgb, var(--vk-bg) 70%, transparent) 0%, transparent calc(var(--vk-fade,40%) * .5));
}
/* slow moving glow for a bit of life */
.vk-cta__pill::after{
  content:''; position:absolute; left:50%; bottom:-40%; width:120%; height:90%; z-index:-1; pointer-events:none;
  background:radial-gradient(closest-side, color-mix(in srgb,var(--vk-accent,#e3242b) 28%,transparent), transparent);
  transform:translateX(-50%); animation:vk-cta-glow 9s ease-in-out infinite alternate;
}
@keyframes vk-cta-glow{to{transform:translateX(-38%) scale(1.15)}}
.vk-cta__content{position:relative; max-width:560px; margin:0 auto}
.vk-cta__title{font-family:inherit; font-weight:500; color:#fff; font-size:clamp(26px,5.4vw,44px); line-height:1.12; letter-spacing:-.015em; margin:0 0 12px}
.vk-cta__text{font-weight:300; color:rgba(255,255,255,.55); font-size:clamp(14px,2.4vw,16px); line-height:1.5; margin:0 auto 28px; max-width:420px}
.vk-cta__btn{
  display:inline-flex; align-items:center; gap:10px; padding:13px 22px; border-radius:999px;
  background:#fff; color:#111; text-decoration:none; font-size:14px; font-weight:500;
  transition:transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s ease;
  box-shadow:0 0 0 0 rgba(255,255,255,.35);
}
.vk-cta__btn svg{width:18px; transition:transform .3s ease}
.vk-cta__btn:hover{transform:translateY(-2px); box-shadow:0 0 0 6px rgba(255,255,255,.12)}
.vk-cta__btn:hover svg{transform:translateX(3px)}
.vk-cta__btn:focus-visible{outline:2px solid #fff; outline-offset:3px}
.vk-cta [data-vk-reveal]{opacity:0; transform:translateY(18px); transition:opacity .8s ease, transform .8s cubic-bezier(.2,.8,.2,1)}
.vk-cta.is-in [data-vk-reveal]{opacity:1; transform:none}
@media (prefers-reduced-motion:reduce){.vk-cta__pill::after{animation:none} .vk-cta [data-vk-reveal]{opacity:1; transform:none; transition:none}}
.vk-cta__noise{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent); mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent); position:absolute; inset:0; width:100%; height:100%; z-index:-1; pointer-events:none; opacity:.95}
.vk-cta__pill:has(.vk-cta__noise)::after{display:none}
/* END_SECTION:valakos-cta */

/* START_SECTION:valakos-faq (INDEX:58) */
.vk-faq{background:var(--vk-bg); color:var(--vk-ink); padding:var(--vk-pt,56px) 16px var(--vk-pb,64px); font-family:var(--vk-font,inherit); font-weight:300; -webkit-font-smoothing:antialiased}
.vk-faq *,.vk-faq *::before,.vk-faq *::after{box-sizing:border-box}
.vk-faq__inner{max-width:var(--vk-maxw,480px); margin:0 auto}
.vk-faq__title{font-family:inherit; font-weight:300; font-size:clamp(28px,6vw,38px); text-align:center; margin:0 0 44px; letter-spacing:-.01em; color:var(--vk-ink)}
.vk-faq__list{display:flex; flex-direction:column; gap:6px}
.vk-faq__item{border-radius:16px; transition:background-color .35s ease}
.vk-faq__item.is-open{background:color-mix(in srgb,var(--vk-ink) 5%,transparent)}
.vk-faq__q{list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:20px;
  padding:14px 12px; font-size:16px; line-height:1.35; -webkit-tap-highlight-color:transparent; user-select:none}
.vk-faq__q::-webkit-details-marker{display:none}
.vk-faq__q::marker{content:''}
.vk-faq__q:focus-visible{outline:2px solid var(--vk-ink); outline-offset:2px; border-radius:12px}
.vk-faq__q>span{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.vk-faq__q:hover>span{transform:translateX(3px)}
.vk-faq__chev{flex:0 0 auto; width:14px; height:auto; transition:transform .45s cubic-bezier(.6,0,.2,1.2)}
.vk-faq__item.is-open .vk-faq__chev{transform:rotate(180deg)}
.vk-faq__a{overflow:hidden}
.vk-faq__a-inner{padding:0 12px 18px; color:color-mix(in srgb,var(--vk-ink) 62%,var(--vk-bg)); font-size:15px; line-height:1.55; transition:opacity .35s ease, transform .45s cubic-bezier(.2,.8,.2,1)}
.vk-faq__item:not(.is-open) .vk-faq__a-inner{opacity:0; transform:translateY(-6px)}
.vk-faq__a-inner p{margin:0 0 8px} .vk-faq__a-inner p:last-child{margin:0}
.vk-faq__a-inner a{color:var(--vk-ink)}
@media (prefers-reduced-motion:reduce){.vk-faq *{transition:none!important}}
/* END_SECTION:valakos-faq */

/* START_SECTION:valakos-feature (INDEX:59) */
.vk-feat{--vk-bz:linear-gradient(145deg,#fafafa,#dcdcdc); --vk-bz-sh:inset 0 0 0 1.5px #bdbdbd, inset 0 0 0 5px #f4f4f4, 0 0 0 1px rgba(0,0,0,.04); --vk-hb:linear-gradient(90deg,#cfcfcf,#9d9d9d); --vk-gl:linear-gradient(135deg,rgba(255,255,255,.82),rgba(255,255,255,.48)); --vk-gl-fg:#191919; --vk-gl-sh:0 0 0 1px rgba(255,255,255,.9), 0 24px 44px -18px rgba(0,0,0,.28), inset 0 1px 1px #fff; --vk-ic-bg:#191919; --vk-ic-fg:#fff;}
@media (prefers-color-scheme:dark){html:not([data-vk-theme="light"]) .vk-feat{--vk-bz:linear-gradient(145deg,#3a3a3a,#141414); --vk-bz-sh:inset 0 0 0 1.5px #5a5a5a, inset 0 0 0 5px #0d0d0d, 0 0 0 1px rgba(255,255,255,.06); --vk-hb:linear-gradient(90deg,#4a4a4a,#1a1a1a); --vk-gl:linear-gradient(135deg,rgba(40,40,40,.82),rgba(20,20,20,.62)); --vk-gl-fg:#f1f1f1; --vk-gl-sh:0 0 0 1px rgba(255,255,255,.12), 0 24px 44px -18px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.14); --vk-ic-bg:#f1f1f1; --vk-ic-fg:#111;}}
html[data-vk-theme="dark"] .vk-feat{--vk-bz:linear-gradient(145deg,#3a3a3a,#141414); --vk-bz-sh:inset 0 0 0 1.5px #5a5a5a, inset 0 0 0 5px #0d0d0d, 0 0 0 1px rgba(255,255,255,.06); --vk-hb:linear-gradient(90deg,#4a4a4a,#1a1a1a); --vk-gl:linear-gradient(135deg,rgba(40,40,40,.82),rgba(20,20,20,.62)); --vk-gl-fg:#f1f1f1; --vk-gl-sh:0 0 0 1px rgba(255,255,255,.12), 0 24px 44px -18px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.14); --vk-ic-bg:#f1f1f1; --vk-ic-fg:#111;}
.vk-feat{background:var(--vk-bg); color:var(--vk-ink); font-family:var(--vk-font,inherit); -webkit-font-smoothing:antialiased; overflow:hidden}
.vk-feat *,.vk-feat *::before,.vk-feat *::after{box-sizing:border-box}
.vk-feat__inner{max-width:1180px; margin:0 auto; padding:clamp(56px,9vw,110px) 20px 0; display:grid; grid-template-columns:1fr 1fr; gap:clamp(24px,5vw,72px); align-items:center}
.vk-feat--phone-left .vk-feat__visual{order:-1}
.vk-feat__copy{padding-bottom:clamp(40px,8vw,110px); max-width:500px}
.vk-feat__eyebrow{display:flex; align-items:center; gap:10px; margin:0 0 16px; font-size:12px; letter-spacing:.24em; text-transform:uppercase; font-weight:500; opacity:.6}
.vk-feat__eyebrow::before{content:''; width:22px; height:2px; background:var(--vk-accent)}
.vk-feat__title{margin:0 0 18px; font-family:inherit; font-weight:600; font-size:clamp(32px,4.6vw,58px); line-height:1.02; letter-spacing:-.035em; color:var(--vk-ink)}
.vk-feat__text{margin:0 0 26px; font-size:clamp(16px,1.5vw,18px); line-height:1.55; font-weight:300; opacity:.8}
.vk-feat__points{list-style:none; margin:0; padding:0; display:grid; gap:12px}
.vk-feat__points li{display:flex; align-items:center; gap:12px; font-size:15.5px; font-weight:400}
.vk-feat__points li span{flex:0 0 auto; width:24px; height:24px; border-radius:50%; background:var(--vk-ink); color:var(--vk-bg); display:grid; place-items:center}
.vk-feat__points svg{width:13px}
/* the half phone */
.vk-feat__visual{position:relative; height:clamp(460px,52vw,620px); align-self:end}
.vk-feat__phone-wrap{position:absolute; left:50%; top:0; width:clamp(250px,24vw,310px); transform:translateX(-50%) translateY(90px) rotate(-3deg); opacity:0; transition:transform 1.2s cubic-bezier(.2,.8,.2,1), opacity .8s}
.vk-feat--phone-left .vk-feat__phone-wrap{transform:translateX(-50%) translateY(90px) rotate(3deg)}
.vk-feat.is-in .vk-feat__phone-wrap{transform:translateX(-50%) translateY(0) rotate(0); opacity:1}
.vk-feat__phone{position:relative; width:100%; aspect-ratio:9/19.3; border-radius:15.5% / 7.2%; padding:3.6%; background:var(--vk-bz);
  box-shadow:var(--vk-bz-sh), 0 50px 90px -30px rgba(0,0,0,.45), 0 20px 36px -18px rgba(0,0,0,.3); container-type:inline-size; z-index:1}
.vk-feat__screen{position:relative; height:100%; border-radius:12.5% / 5.9%; overflow:hidden; background:radial-gradient(120% 60% at 80% 10%,#fff,transparent 60%),#efefef; color:#191919}
.vk-feat__glare{position:absolute; inset:0; z-index:5; pointer-events:none; background:linear-gradient(115deg,rgba(255,255,255,.5),rgba(255,255,255,0) 38%)}
.vk-feat__island{position:absolute; top:2.6cqw; left:50%; transform:translateX(-50%); width:31cqw; height:9cqw; border-radius:99px; background:#0b0b0b; z-index:6}
.vk-feat__status{display:flex; justify-content:space-between; align-items:center; padding:3.8cqw 8cqw 0 9cqw; font-size:4.3cqw; font-weight:600}
.vk-feat__bat{width:6.4cqw; height:3.2cqw; border:1px solid #191919; border-radius:1cqw; background:linear-gradient(90deg,#191919 70%,transparent 70%); background-clip:content-box; padding:.5cqw}
.vk-feat__fade{position:absolute; left:-20px; right:-20px; bottom:0; height:42%; z-index:3; pointer-events:none; background:linear-gradient(to bottom,transparent,var(--vk-bg) 90%)}
.vk-feat .vk-sk{display:block; height:3cqw; border-radius:99px; background:linear-gradient(90deg,rgba(25,25,25,.1),rgba(25,25,25,.04),rgba(25,25,25,.1)); background-size:200% 100%}
.vk-feat .vk-sk--dark{background:linear-gradient(90deg,rgba(25,25,25,.22),rgba(25,25,25,.1),rgba(25,25,25,.22)); background-size:200% 100%}
@keyframes vkf-sk{to{background-position:-200% 0}}
/* workout screen */
.vkw{position:relative; padding:5cqw 5cqw 0; height:100%}
.vkw__top{display:flex; justify-content:space-between; align-items:center; margin-bottom:4cqw}
.vkw__top small{display:block; font-size:3.4cqw; opacity:.6} .vkw__top b{font-size:7.6cqw; font-weight:400; font-variant-numeric:tabular-nums}
.vkw__done{background:#191919; color:#fff; border-radius:99px; padding:2.6cqw 4.4cqw; font-size:3.6cqw}
.vkw__card{background:#fff; border-radius:5cqw; padding:4cqw; margin-bottom:3cqw; box-shadow:0 0 0 1px rgba(25,25,25,.05)}
.vkw__ex{display:flex; gap:3cqw; align-items:flex-start; margin-bottom:3cqw}
.vkw__n{font-size:3.6cqw; opacity:.45; padding-top:.6cqw}
.vkw__ex b{display:block; font-weight:400; font-size:4.6cqw} .vkw__ex small{font-size:3.6cqw; opacity:.7}
.vkw__head,.vkw__row{display:grid; grid-template-columns:7cqw 17cqw 1fr 1fr 9cqw; gap:2cqw; align-items:center}
.vkw__head{font-size:2.8cqw; opacity:.5; margin-bottom:1.6cqw}
.vkw__row{margin-bottom:2cqw; font-size:3.4cqw; border-radius:2.4cqw; transition:background .4s}
.vkw__row>span:first-child{text-align:center}
.vkw__prev{opacity:.5; font-size:3cqw}
.vkw__in{height:8cqw; border-radius:2.2cqw; background:#f0f0f0; display:flex; align-items:center; justify-content:center; font-variant-numeric:tabular-nums; transition:box-shadow .25s, background .3s}
.vkw__in.is-focus{box-shadow:0 0 0 1.5px #191919; background:#fff}
.vkw__in.is-focus::after{content:''; width:1px; height:4cqw; background:#191919; animation:vkw-caret .8s steps(1) infinite; margin-left:1px}
@keyframes vkw-caret{50%{opacity:0}}
.vkw__ok{height:8cqw; border-radius:2.2cqw; background:#f0f0f0; color:rgba(25,25,25,.35); display:grid; place-items:center; transition:background .3s, color .3s, transform .3s cubic-bezier(.3,1.6,.5,1)}
.vkw__ok svg{width:4cqw}
.vkw__row.is-done .vkw__ok{background:#191919; color:#fff; transform:scale(1.08)}
.vkw__row.is-done{background:rgba(25,25,25,.035)}
.vkw__rest{display:block; font-size:3cqw; opacity:.5; margin-top:1cqw}
.vkw__card--next .vk-sk{width:60%}
.vkw__sheet{position:absolute; left:3cqw; right:3cqw; bottom:3cqw; z-index:4; background:#191919; color:#fff; border-radius:7cqw; padding:5cqw; display:flex; flex-direction:column; align-items:center; gap:3cqw;
  transform:translateY(120%); transition:transform .6s cubic-bezier(.2,.9,.2,1)}
.vkw__sheet.is-open{transform:none}
.vkw__sheet small{font-size:3.6cqw; opacity:.7}
.vkw__ring{position:relative; width:34cqw; height:34cqw}
.vkw__ring svg{width:100%; height:100%; transform:rotate(-90deg)}
.vkw__ring circle{fill:none; stroke:rgba(255,255,255,.12); stroke-width:6}
.vkw__ring .vkw__arc{stroke:#fff; stroke-linecap:round; stroke-dasharray:276.5; stroke-dashoffset:0}
.vkw__ring b{position:absolute; inset:0; display:grid; place-items:center; font-size:9cqw; font-weight:300; font-variant-numeric:tabular-nums}
.vkw__bell{font-size:3.3cqw; opacity:.8}
.vkw__sheet.is-ring .vkw__bell{animation:vkw-ring .5s ease 3}
@keyframes vkw-ring{25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}
/* nutrition screen */
.vkn{padding:5cqw 5.5cqw 0}
.vkn__h{font-size:8cqw; margin:0 0 4cqw; letter-spacing:-.02em}
.vkn__macros{display:grid; grid-template-columns:1fr 1fr; gap:3cqw 4cqw; margin-bottom:4.5cqw}
.vkn__macros>div{background:#fff; border-radius:3.6cqw; padding:3.2cqw 3.6cqw; box-shadow:0 0 0 1px rgba(25,25,25,.05)} .vkn__macros .vkn__big{height:5cqw; margin-top:2cqw}
.vkn__days{position:relative; display:flex; justify-content:space-between; padding:1.4cqw; border-radius:99px; background:#fff; margin-bottom:4cqw; box-shadow:0 0 0 1px rgba(25,25,25,.06)}
.vkn__days span{position:relative; z-index:1; width:11cqw; text-align:center; font-size:3cqw; padding:1.6cqw 0; transition:color .35s}
.vkn__days span.is-on{color:#fff}
.vkn__days i{position:absolute; top:1.4cqw; bottom:1.4cqw; left:1.4cqw; width:11cqw; border-radius:99px; background:#191919; transition:transform .5s cubic-bezier(.6,0,.2,1.2)}
.vkn__meal{background:#fff; border-radius:4.5cqw; padding:3.6cqw 4cqw; margin-bottom:2.6cqw; display:flex; flex-direction:column; gap:1.8cqw; box-shadow:0 0 0 1px rgba(25,25,25,.05); transition:opacity .3s}
.vkn__meal small{font-size:3cqw; opacity:.55} .vkn__meal em{font-style:normal; font-size:3cqw; opacity:.4}
.vkn.is-swap .vkn__meal{opacity:.35}
.vkn__list{padding:3cqw 1cqw}
.vkn__list>small{display:block; font-size:3.4cqw; opacity:.6; margin-bottom:2.4cqw}
.vkn__item{display:grid; grid-template-columns:6cqw 1fr 12cqw; gap:3cqw; align-items:center; margin-bottom:2.6cqw}
.vkn__box{width:5.2cqw; height:5.2cqw; border-radius:1.4cqw; box-shadow:inset 0 0 0 1.2px rgba(25,25,25,.35); display:grid; place-items:center; color:transparent; transition:background .3s, color .3s}
.vkn__box svg{width:3.6cqw}
.vkn__item.is-done .vkn__box{background:#191919; color:#fff; box-shadow:none}
.vkn__item.is-done .vk-sk:not(.vkn__qty){opacity:.35}
.vkn__qty{width:100%}
/* bubbles */
.vk-fbub{position:absolute; z-index:5; display:flex; align-items:center; gap:11px; padding:11px 15px 11px 11px; border-radius:17px; white-space:nowrap;
  background:var(--vk-gl); color:var(--vk-gl-fg); -webkit-backdrop-filter:blur(16px) saturate(1.5); backdrop-filter:blur(16px) saturate(1.5);
  box-shadow:var(--vk-gl-sh);
  opacity:0; transform:translateY(24px) scale(.85); transition:opacity .6s, transform .8s cubic-bezier(.3,1.5,.5,1)}
.vk-feat.is-in .vk-fbub{opacity:1; transform:none}
.vk-feat.is-in .vk-fbub--1{transition-delay:.7s} .vk-feat.is-in .vk-fbub--2{transition-delay:1s} .vk-feat.is-in .vk-fbub--3{transition-delay:1.3s}
.vk-fbub--1{top:16%; right:calc(100% - 64px)} .vk-fbub--2{top:34%; left:calc(100% - 64px)} .vk-fbub--3{top:52%; right:calc(100% - 56px)}
.vk-fbub__ic{flex:0 0 auto; width:36px; height:36px; border-radius:50%; background:var(--vk-ic-bg); color:var(--vk-ic-fg); display:grid; place-items:center}
.vk-fbub__ic svg{width:18px}
.vk-fbub__t{display:flex; flex-direction:column; line-height:1.2}
.vk-fbub__t b{font-size:13.5px; font-weight:600} .vk-fbub__t small{font-size:12px; opacity:.6}
@media (max-width:860px){
  .vk-feat__inner{grid-template-columns:1fr; padding-top:64px}
  .vk-feat--phone-left .vk-feat__visual{order:0}
  .vk-feat__copy{padding-bottom:10px}
  .vk-feat__visual{height:560px}
  .vk-feat__phone-wrap{width:64vw; max-width:300px}
  .vk-fbub{gap:8px; padding:8px 11px 8px 8px; border-radius:14px}
  .vk-fbub__ic{width:28px; height:28px} .vk-fbub__ic svg{width:15px}
  .vk-fbub__t b{font-size:12px} .vk-fbub__t small{display:none}
  .vk-fbub--1{right:auto; left:-12%; top:25%} .vk-fbub--2{left:auto; right:-12%; top:44%} .vk-fbub--3{right:auto; left:-10%; top:63%}
}
@media (prefers-reduced-motion:reduce){.vk-feat__phone-wrap,.vk-fbub{transition:none} .vk-feat .vk-sk{animation:none}}
/* END_SECTION:valakos-feature */

/* START_SECTION:valakos-footer_1 (INDEX:60) */
.vk-foot{position:relative; overflow:hidden; background:var(--vk-bg); color:var(--vk-ink); padding:var(--vk-pt,32px) 12px 0; font-family:var(--vk-font,inherit); -webkit-font-smoothing:antialiased}
.vk-foot *,.vk-foot *::before,.vk-foot *::after{box-sizing:border-box}
.vk-foot a{color:inherit; text-decoration:none}
.vk-foot__pill{
  position:relative; z-index:1; max-width:1080px; margin:0 auto; background:color-mix(in srgb,var(--vk-ink) 5%,var(--vk-bg));
  border-radius:28px; padding:36px 40px 26px;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vk-ink) 9%,transparent), 0 24px 60px -30px rgba(0,0,0,.35);
}
.vk-foot__top{display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1.6fr); gap:40px; padding-bottom:28px; border-bottom:1px solid color-mix(in srgb,var(--vk-ink) 9%,transparent)}
.vk-foot__logo{display:inline-block}
.vk-foot__logo img{display:block; height:auto; max-width:100%}
.vk-foot__wordmark{font-weight:600; font-size:20px; letter-spacing:.01em}
.vk-foot__text{font-weight:300; font-size:13px; line-height:1.55; opacity:.7; margin:14px 0 16px; max-width:320px}
.vk-foot__social{display:flex; gap:14px}
.vk-foot__social a{display:inline-flex; width:20px; height:20px; opacity:.85; transition:opacity .2s, transform .2s}
.vk-foot__social a:hover{opacity:1; transform:translateY(-2px)}
.vk-foot__social svg{width:100%; height:100%}
.vk-foot__cols{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px}
.vk-foot__label{font-size:13px; font-weight:600; margin:0 0 12px}
.vk-foot__col ul,.vk-foot__policies{list-style:none; margin:0; padding:0}
.vk-foot__col li{margin:0 0 9px}
.vk-foot__col a{font-size:13px; font-weight:300; opacity:.7; transition:opacity .2s}
.vk-foot__col a:hover{opacity:1}
.vk-foot__bottom{display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; padding-top:18px; font-size:12px; font-weight:300}
.vk-foot__bottom p{margin:0; opacity:.6}
.vk-foot__policies{display:flex; flex-wrap:wrap; gap:6px 18px}
.vk-foot__policies a{text-decoration:underline; text-underline-offset:2px; opacity:.7}
.vk-foot__policies a:hover{opacity:1}

/* giant half logo fading out under the pill */
.vk-foot__giant{position:relative; z-index:0; max-width:1200px; margin:-28px auto 0; pointer-events:none; user-select:none; opacity:var(--vk-giant-o,.08);
  -webkit-mask-image:linear-gradient(to bottom,#000 10%,transparent 95%); mask-image:linear-gradient(to bottom,#000 10%,transparent 95%)}
.vk-foot__giant-text{display:block; height:.62em; overflow:hidden; text-align:center; white-space:nowrap; font-weight:800; line-height:1; letter-spacing:-.04em; font-size:clamp(80px,16.5vw,250px)}
.vk-foot__giant-img{position:relative; overflow:hidden; width:100%}
.vk-foot__giant-img img{position:absolute; top:0; left:0; width:100%; height:auto}

/* mobile: BBC-style menu */
@media (max-width:749px){
  .vk-foot{padding-left:10px; padding-right:10px}
  .vk-foot__pill{padding:28px 26px 22px; border-radius:26px}
  .vk-foot__top{grid-template-columns:1fr; gap:30px}
  .vk-foot__cols{grid-template-columns:1fr; gap:26px}
  .vk-foot__label{font-size:14px; font-weight:400; opacity:.6; margin:0 0 8px}
  .vk-foot__col li{margin:0}
  .vk-foot__col a{display:block; padding:4px 0; font-size:25px; line-height:1.25; font-weight:600; letter-spacing:-.01em; opacity:1}
  .vk-foot__col a:active{opacity:.55}
  .vk-foot__bottom{flex-direction:column; align-items:flex-start}
  .vk-foot__giant{margin-top:6px}
}

.vk-foot__app{display:flex; flex-direction:column; align-items:flex-start; gap:10px; margin:22px 0 4px}
.vk-foot__app-label{font-size:13px; opacity:.6}
.vk-foot .vk-foot__app-btn{width:fit-content; max-width:100%; display:inline-flex; align-items:center; gap:12px; height:48px; padding:0 18px 0 6px; border-radius:99px; text-decoration:none; color:var(--vk-bg); background:var(--vk-ink); font-family:var(--vk-font); font-size:14.5px; font-weight:500; transition:transform .25s, box-shadow .25s}
.vk-foot__app-ico{display:grid; place-items:center; width:36px; height:36px; border-radius:50%; background:color-mix(in srgb,var(--vk-bg) 14%,transparent)}
.vk-foot__app-ico svg{width:17px; height:17px}
.vk-foot__app-arr{width:18px; height:9px; transition:transform .3s}
.vk-foot .vk-foot__app-btn:hover{transform:translateY(-1px); box-shadow:0 10px 24px -12px color-mix(in srgb,var(--vk-ink) 60%,transparent)}
.vk-foot__app-btn:hover .vk-foot__app-arr{transform:translateX(3px)}
.vk-foot__app-btn:focus-visible{outline:2px solid var(--vk-ink); outline-offset:3px}
.vk-foot__app{margin-bottom:14px}
.vk-foot .vk-foot__app-btn{white-space:nowrap}
@media (max-width:749px){ .vk-foot .vk-foot__app-btn{font-size:13.5px; gap:10px; padding-right:16px} }
/* END_SECTION:valakos-footer_1 */

/* START_SECTION:valakos-hero_3 (INDEX:61) */
.vk-hero{--vk-d:0; position:relative; height:100vh; height:100svh; background:var(--vk-bg); color:var(--vk-ink); font-family:var(--vk-font,inherit); -webkit-font-smoothing:antialiased}
.vk-hero *,.vk-hero *::before,.vk-hero *::after{box-sizing:border-box}
.vk-hero__sticky{position:relative; height:100%; overflow:hidden; isolation:isolate}
/* stage 2: the gym */
.vk-hero__photo{position:absolute; left:0; right:0; top:0; height:82%; z-index:-4; -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 45%,rgba(0,0,0,.6) 70%,transparent 100%); mask-image:linear-gradient(to bottom,#000 0%,#000 45%,rgba(0,0,0,.6) 70%,transparent 100%); opacity:var(--ph,0); transform:scale(calc(1.16 - var(--ph,0) * .12))}
.vk-hero__photo img,.vk-hero__photo video{width:100%; height:100%; object-fit:cover; object-position:var(--vk-pos,center); display:block; filter:grayscale(1)}
.vk-hero__shade{position:absolute; inset:0; z-index:-3; opacity:var(--ph,0);
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--vk-bg) calc(var(--vk-shade,.3) * 60%),transparent) 0%,
    transparent 22%, transparent 34%,
    color-mix(in srgb,var(--vk-bg) 8%,transparent) 42%,
    color-mix(in srgb,var(--vk-bg) 26%,transparent) 50%,
    color-mix(in srgb,var(--vk-bg) 52%,transparent) 58%,
    color-mix(in srgb,var(--vk-bg) 76%,transparent) 66%,
    color-mix(in srgb,var(--vk-bg) 91%,transparent) 74%,
    var(--vk-bg) 84%)}
/* stage 1: black + wet metal rising from the bottom */
  -webkit-mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,.85) 35%,transparent 100%); mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,.85) 35%,transparent 100%);
  animation:vk-hero-rise 2.4s cubic-bezier(.2,.8,.2,1) both}
@keyframes vk-hero-rise{from{opacity:0; transform:translateY(18%)}}
@keyframes vk-hero-drift{to{transform:scale(1.08) translateY(-2%)}}
.vk-hero__grain{position:absolute; inset:-50%; z-index:-1; opacity:.06; pointer-events:none; mix-blend-mode:overlay;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.vk-hero__intro{position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:0 24px; pointer-events:none}
.vk-hero__logo{width:clamp(110px,14vw,170px); height:auto; animation:vk-hero-fade 1.4s ease both}
.vk-hero__logo--t{font-weight:800; font-size:26px; letter-spacing:-.02em; width:auto}
.vk-hero__tag{margin:0; display:flex; flex-direction:column; font-weight:300; font-size:clamp(30px,5.2vw,64px); line-height:1.12; letter-spacing:-.02em}
.vk-hero__tag span{display:block; animation:vk-hero-word 1.3s cubic-bezier(.2,.8,.2,1) both; animation-delay:calc(.5s + var(--i) * .28s)}
@keyframes vk-hero-word{from{opacity:0; filter:blur(10px); transform:translateY(22px)}}
@keyframes vk-hero-fade{from{opacity:0}}
.vk-hero__cue{display:none; position:absolute; left:50%; bottom:28px; width:1px; height:46px; background:color-mix(in srgb,var(--vk-ink) 20%,transparent); overflow:hidden; animation:vk-hero-fade 1s 1.8s both}
.vk-hero__cue i{position:absolute; left:0; top:-40%; width:1px; height:40%; background:var(--vk-ink); animation:vk-hero-cue 1.8s cubic-bezier(.6,0,.3,1) infinite}
@keyframes vk-hero-cue{to{top:110%}}
/* stage 2 content */
.vk-hero__main{position:absolute; left:0; right:0; bottom:0; width:100%; max-width:1240px; margin:0 auto; padding:0 20px clamp(56px,10vh,110px)}
.vk-hero__main [data-s]{opacity:var(--o,0); transform:translateY(calc((1 - var(--o,0)) * 34px)); filter:blur(calc((1 - var(--o,0)) * 10px))}
.vk-hero__eyebrow{display:inline-flex; align-items:center; gap:10px; margin:0 0 18px; font-size:12px; letter-spacing:.24em; text-transform:uppercase; font-weight:500; color:color-mix(in srgb,var(--vk-ink) 75%,transparent)}
.vk-hero__dot{width:8px; height:8px; border-radius:50%; background:var(--vk-accent); animation:vk-hero-pulse 2.2s infinite}
@keyframes vk-hero-pulse{0%{box-shadow:0 0 0 0 var(--vk-accent)}70%,100%{box-shadow:0 0 0 10px transparent}}
.vk-hero__title{margin:0 0 20px; font-family:inherit; font-weight:700; color:var(--vk-ink); font-size:clamp(42px,7vw,108px); line-height:.96; letter-spacing:-.045em}
.vk-hero__line{display:block}
.vk-hero__title em{font-style:normal; color:var(--vk-accent); display:inline-block; clip-path:inset(-10% calc(100% - var(--em,0) * 102%) -20% 0)}
.vk-hero__text{max-width:560px; margin:0 0 28px; font-size:clamp(16px,1.6vw,19px); line-height:1.55; font-weight:300; color:color-mix(in srgb,var(--vk-ink) 80%,transparent)}
.vk-hero__ctas{display:flex; flex-wrap:wrap; align-items:center; gap:14px 22px; margin-bottom:30px}
.vk-hero__btn{display:inline-flex; align-items:center; gap:12px; padding:16px 26px; border-radius:999px; background:var(--vk-ink); color:var(--vk-bg); text-decoration:none; font-size:15px; font-weight:500; transition:transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s}
.vk-hero__btn svg{width:18px; transition:transform .3s} .vk-hero__btn:hover{transform:translateY(-2px); box-shadow:0 0 0 6px color-mix(in srgb,var(--vk-ink) 14%,transparent)} .vk-hero__btn:hover svg{transform:translateX(3px)}
.vk-hero__link{color:var(--vk-ink); font-size:15px; text-decoration:underline; text-underline-offset:4px; text-decoration-color:color-mix(in srgb,var(--vk-ink) 40%,transparent)}
.vk-hero__chips{list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:8px}
.vk-hero__chips li{padding:8px 14px; border-radius:999px; font-size:13px; color:var(--vk-ink); background:color-mix(in srgb,var(--vk-ink) 7%,transparent); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vk-ink) 16%,transparent); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px)}
.vk-hero:not(.is-live) .vk-hero__main{pointer-events:none}
@media (prefers-reduced-motion:reduce){
  .vk-hero{min-height:100svh}
  .vk-hero__intro,.vk-hero__tex{display:none} .vk-hero__photo,.vk-hero__shade{opacity:1; transform:none} .vk-hero__photo img{filter:none}
  .vk-hero__main [data-s]{opacity:1; transform:none; filter:none} .vk-hero__title em{clip-path:none}
}
.vk-hero__logo{filter:var(--vk-logof,invert(1))}
@media (prefers-color-scheme:dark){html:not([data-vk-theme="light"]) .vk-hero{--vk-logof:none}}
html[data-vk-theme="dark"] .vk-hero{--vk-logof:none}

/* timed intro: words in -> two heartbeats -> fade -> video */
.vk-hero__photo,.vk-hero__shade{transition:opacity 1.6s ease, transform 2.4s cubic-bezier(.2,.8,.2,1)}
.vk-hero__photo img,.vk-hero__photo video{transition:filter 2s ease}
.vk-hero__intro{transition:opacity .9s ease, filter .9s ease}
.vk-hero__tag{transform-origin:50% 45%}
.vk-hero.is-out .vk-hero__intro{opacity:0; filter:blur(12px)}
.vk-hero.is-video .vk-hero__photo,.vk-hero.is-video .vk-hero__shade{opacity:1}
.vk-hero.is-video .vk-hero__photo{transform:scale(1.04)}
.vk-hero.is-video .vk-hero__photo img,.vk-hero.is-video .vk-hero__photo video{filter:none}
.vk-hero__main [data-s]{transition:opacity 1s cubic-bezier(.2,.8,.2,1), transform 1s cubic-bezier(.2,.8,.2,1), filter 1s; transition-delay:calc(var(--d,0) * 1s)}
.vk-hero.is-live .vk-hero__main [data-s]{--o:1}
.vk-hero__title em{transition:clip-path 1.3s cubic-bezier(.7,0,.2,1) .9s}
.vk-hero.is-live .vk-hero__title em{--em:1}
.vk-hero.is-live .vk-hero__main{pointer-events:auto}
/* neural veins behind the intro words; they pulse twice, then dissolve */
.vk-hero__tex{position:absolute; inset:0; z-index:-2; pointer-events:none; animation:vk-hero-fade 1.6s ease both}
.vk-hero__veins{position:absolute; inset:0; width:100%; height:100%; display:block}
.vk-hero.is-out .vk-hero__tex{opacity:0; transition:opacity 1s ease .2s}
.vk-hero--nointro .vk-hero__intro,.vk-hero--nointro .vk-hero__tex{display:none}
.vk-hero--nointro .vk-hero__photo,.vk-hero--nointro .vk-hero__shade,.vk-hero--nointro .vk-hero__main [data-s]{transition:none}
.vk-hero__poster{position:absolute; inset:0}
.vk-hero__video{position:absolute; inset:0; opacity:0; transition:opacity .8s ease}
.vk-hero__video.is-playing{opacity:1}

/* app login pill: for people who already bought; quiet but always findable */
.vk-applink{position:absolute; z-index:6; top:max(18px,env(safe-area-inset-top)); right:20px; display:inline-flex; align-items:center; gap:10px; padding:6px 16px 6px 6px; border-radius:99px; text-decoration:none; color:#f1f1f1;
  background:rgba(18,18,18,.55); box-shadow:inset 0 0 0 1px rgba(255,255,255,.16), 0 10px 30px -12px rgba(0,0,0,.6); font-size:13px; line-height:1.2; white-space:nowrap;
  opacity:0; transform:translateY(-8px); animation:vk-applink-in .8s cubic-bezier(.2,.8,.2,1) 1.4s forwards; transition:background .3s, box-shadow .3s}
.vk-hero--nointro .vk-applink{animation-delay:.3s}
.vk-applink__ico{display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:#f1f1f1; color:#111}
.vk-applink__ico svg{width:16px; height:16px}
.vk-applink__txt small{font-size:inherit; opacity:.6; margin-right:2px}
.vk-applink__txt b{font-weight:500}
.vk-applink__arr{width:18px; height:9px; opacity:.7; transition:transform .3s}
.vk-applink:hover{background:rgba(30,30,30,.75); box-shadow:inset 0 0 0 1px rgba(255,255,255,.35), 0 10px 30px -12px rgba(0,0,0,.6)}
.vk-applink:hover .vk-applink__arr{transform:translateX(3px)}
.vk-applink:focus-visible{outline:2px solid #f1f1f1; outline-offset:3px}
@media (hover:hover) and (min-width:750px){ .vk-applink{-webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px)} }
@media (max-width:749px){ .vk-applink{left:50%; right:auto; top:max(14px,env(safe-area-inset-top)); transform:translate(-50%,-8px); font-size:12.5px; padding:5px 14px 5px 5px; animation-name:vk-applink-in-m}
  .vk-applink__ico{width:26px; height:26px} }
@keyframes vk-applink-in{to{opacity:1; transform:none}}
@keyframes vk-applink-in-m{to{opacity:1; transform:translate(-50%,0)}}
@media (prefers-reduced-motion:reduce){ .vk-applink{animation-duration:.01s; animation-delay:0s} }
/* END_SECTION:valakos-hero_3 */

/* START_SECTION:valakos-password (INDEX:62) */
.vkp{position:fixed; inset:0; z-index:2147483000; overflow:hidden auto; background:var(--vkp-bg); color:var(--vkp-ink); -webkit-font-smoothing:antialiased; display:grid; place-items:center}
.vkp *,.vkp *::before,.vkp *::after{box-sizing:border-box}

/* background: soft colour fields that drift (transform-only, no blur filters = cheap on phones) */
.vkp__bg{position:fixed; inset:0; pointer-events:none; contain:strict}
.vkp__blob{position:absolute; width:90vmax; height:90vmax; border-radius:50%; will-change:transform; opacity:.9}
.vkp__blob--1{left:-30vmax; top:-35vmax; background:radial-gradient(closest-side,var(--vkp-a),transparent 72%); opacity:.55; animation:vkp-a calc(26s / var(--vkp-speed)) ease-in-out infinite alternate}
.vkp__blob--2{right:-38vmax; bottom:-40vmax; background:radial-gradient(closest-side,var(--vkp-b),transparent 70%); opacity:.5; animation:vkp-b calc(32s / var(--vkp-speed)) ease-in-out infinite alternate}
.vkp__blob--3{left:20%; top:30%; width:60vmax; height:60vmax; background:radial-gradient(closest-side,var(--vkp-a),transparent 70%); opacity:.22; animation:vkp-c calc(22s / var(--vkp-speed)) ease-in-out infinite alternate}
.vkp__vignette{position:absolute; inset:0; background:radial-gradient(120% 90% at 50% 50%,transparent 40%,var(--vkp-bg) 100%)}
@keyframes vkp-a{to{transform:translate3d(22vmax,18vmax,0) scale(1.15)}}
@keyframes vkp-b{to{transform:translate3d(-20vmax,-16vmax,0) scale(1.1)}}
@keyframes vkp-c{0%{transform:translate3d(-14vmax,6vmax,0) scale(.9)}100%{transform:translate3d(10vmax,-10vmax,0) scale(1.2)}}
@keyframes vkp-spin{to{transform:rotate(360deg)}}

.vkp__in{position:relative; width:100%; max-width:1100px; padding:max(48px,env(safe-area-inset-top)) 20px max(56px,env(safe-area-inset-bottom)); text-align:center; display:flex; flex-direction:column; align-items:center}
.vkp__in>*{animation:vkp-up .9s cubic-bezier(.2,.8,.2,1) both}
.vkp__in>*:nth-child(2){animation-delay:.08s}.vkp__in>*:nth-child(3){animation-delay:.16s}.vkp__in>*:nth-child(4){animation-delay:.24s}.vkp__in>*:nth-child(5){animation-delay:.32s}.vkp__in>*:nth-child(6){animation-delay:.4s}.vkp__in>*:nth-child(7){animation-delay:.48s}
@keyframes vkp-up{from{opacity:0; transform:translateY(14px)}}

.vkp__logo{max-width:60vw; margin-bottom:clamp(28px,6vh,56px)}
.vkp__logo img{display:block; width:100%; height:auto}
.vkp__kicker{display:inline-flex; align-items:center; gap:10px; margin:0 0 18px; padding:8px 16px 8px 13px; border-radius:99px; font-size:12px; letter-spacing:.18em; text-transform:uppercase; box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vkp-ink) 18%,transparent); background:color-mix(in srgb,var(--vkp-ink) 4%,transparent)}
.vkp__dot{width:7px; height:7px; border-radius:50%; background:#e3242b; box-shadow:0 0 0 0 rgba(227,36,43,.6); animation:vkp-pulse 1.8s ease-out infinite}
@keyframes vkp-pulse{70%{box-shadow:0 0 0 8px rgba(227,36,43,0)}100%{box-shadow:0 0 0 0 rgba(227,36,43,0)}}
.vkp__title{margin:0; font-weight:300; font-size:clamp(46px,10.5vw,124px); line-height:.98; letter-spacing:-.045em}
.vkp__sub{margin:18px 0 0; max-width:34ch; font-size:clamp(15px,2.1vw,18px); line-height:1.5; opacity:.62; font-weight:300}

.vkp__count{display:flex; align-items:flex-start; justify-content:center; gap:clamp(6px,2vw,18px); margin:clamp(36px,7vh,64px) 0 0; font-variant-numeric:tabular-nums}
.vkp__unit{display:flex; flex-direction:column; align-items:center; min-width:clamp(56px,15vw,120px)}
.vkp__unit b{display:block; font-weight:300; font-size:clamp(44px,12vw,104px); line-height:1; letter-spacing:-.04em}
.vkp__unit b.is-tick{animation:vkp-tick .5s cubic-bezier(.2,.8,.2,1)}
@keyframes vkp-tick{from{opacity:.25; transform:translateY(-10%)}}
.vkp__unit small{margin-top:10px; font-size:11px; letter-spacing:.2em; text-transform:uppercase; opacity:.5}
.vkp__sep{font-weight:200; font-size:clamp(34px,9vw,80px); line-height:1.1; opacity:.25}
.vkp__live{margin:clamp(36px,7vh,64px) 0 0; font-size:clamp(28px,6vw,48px); font-weight:300; letter-spacing:-.03em}

.vkp__form{width:100%; max-width:420px; margin:clamp(40px,8vh,72px) 0 0}
.vkp__label{display:block; margin-bottom:12px; font-size:13px; opacity:.6}
.vkp__field{position:relative; display:flex; align-items:center; height:60px; padding:6px 6px 6px 24px; border-radius:99px; background:color-mix(in srgb,var(--vkp-ink) 6%,transparent); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vkp-ink) 20%,transparent); transition:box-shadow .3s,background .3s}
.vkp__field:focus-within{background:color-mix(in srgb,var(--vkp-ink) 9%,transparent); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vkp-ink) 55%,transparent),0 0 0 6px color-mix(in srgb,var(--vkp-ink) 6%,transparent)}
.vkp__field.is-error{box-shadow:inset 0 0 0 1px #e3242b; animation:vkp-shake .45s cubic-bezier(.36,.07,.19,.97)}
@keyframes vkp-shake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
.vkp__field input{flex:1; min-width:0; height:100%; border:0; outline:0; background:none; color:inherit; font:inherit; font-size:16px; letter-spacing:.06em}
.vkp__field input::placeholder{color:inherit; opacity:.4; letter-spacing:0}
.vkp__field button{flex:none; width:48px; height:48px; border:0; border-radius:50%; display:grid; place-items:center; background:var(--vkp-ink); color:var(--vkp-bg); cursor:pointer; transition:transform .25s}
.vkp__field button:hover{transform:translateX(2px)}
.vkp__field button svg{width:20px; height:20px}
.vkp__err{margin:12px 0 0; font-size:13px; color:#ff6b70}
.vkp__foot{margin:clamp(28px,5vh,44px) 0 0; font-size:12px; letter-spacing:.2em; text-transform:uppercase; opacity:.4}
.vkp__ig{position:fixed; right:20px; bottom:max(20px,env(safe-area-inset-bottom)); width:40px; height:40px; display:grid; place-items:center; color:inherit; opacity:.55; transition:opacity .25s}
.vkp__ig:hover{opacity:1} .vkp__ig svg{width:22px; height:22px}

@media (max-width:520px){ .vkp__unit small{font-size:9.5px; letter-spacing:.14em} .vkp__sep{display:none} .vkp__count{gap:4px} }
@media (prefers-reduced-motion:reduce){ .vkp__blob,.vkp__dot,.vkp__in>*,.vkp__unit b.is-tick{animation:none!important} }
.vkp [hidden]{display:none!important}
/* END_SECTION:valakos-password */

/* START_SECTION:valakos-pricing_7 (INDEX:63) */
.vk-pricing{
  --vk-bg:#f1f1f1; --vk-ink:#191919; --vk-card1:#3a3a3a; --vk-card2:#191919; --vk-card-fg:#fff;
  position:relative; overflow:hidden; isolation:isolate;
  background:var(--vk-bg); color:var(--vk-ink);
  padding:var(--vk-pt,48px) 16px var(--vk-pb,40px);
  font-family:var(--vk-font, inherit); font-weight:300;
  -webkit-font-smoothing:antialiased;
}
.vk-pricing *,.vk-pricing *::before,.vk-pricing *::after{box-sizing:border-box}
.vk-bg{position:absolute; inset:0; z-index:0; pointer-events:none; opacity:var(--vk-bg-opacity,1);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--vk-edge,120px),#000 calc(100% - var(--vk-edge,120px)),transparent 100%);
          mask-image:linear-gradient(to bottom,transparent 0,#000 var(--vk-edge,120px),#000 calc(100% - var(--vk-edge,120px)),transparent 100%)}
.vk-bg canvas,.vk-bg img,.vk-bg video{position:absolute; inset:0; width:100%; height:100%; display:block; object-fit:cover}
.vk-inner{position:relative; z-index:1; max-width:var(--vk-maxw,440px); margin:0 auto; display:flex; flex-direction:column}

/* logo + title */
.vk-logo{display:block; margin:0 auto 30px; width:var(--vk-logo-w,130px); height:auto}
.vk-logo--text{font-weight:800; letter-spacing:.02em; font-size:28px; text-align:center; line-height:1}
.vk-title{font-family:inherit; font-weight:300; font-size:clamp(30px,8.6vw,42px); line-height:1.12; letter-spacing:-.01em; margin:0 0 22px; color:var(--vk-ink)}

/* liquid glass selector */
.vk-glass{
  position:relative; display:grid; grid-auto-flow:column; grid-auto-columns:1fr;
  padding:4px; border-radius:999px; margin:0 0 22px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--vk-ink) 14%,transparent),color-mix(in srgb,var(--vk-ink) 4%,transparent));
  box-shadow:0 0 0 1px color-mix(in srgb,var(--vk-ink) 45%,transparent), inset 0 1px 1px color-mix(in srgb,var(--vk-ink) 40%,transparent),
             inset 0 -3px 6px rgba(0,0,0,.08), 0 12px 30px -14px rgba(0,0,0,.4);
}
.vk-glass__refract{
  position:absolute; inset:0; border-radius:inherit; z-index:0; pointer-events:none;
  -webkit-backdrop-filter:blur(3px) saturate(1.6); backdrop-filter:blur(3px) saturate(1.6);
}
.vk-glass__shine{
  position:absolute; inset:0; border-radius:inherit; z-index:1; pointer-events:none;
  background:
    radial-gradient(90% 160% at 12% -30%,color-mix(in srgb,var(--vk-ink) 30%,transparent),transparent 48%),
    radial-gradient(70% 140% at 95% 140%,color-mix(in srgb,var(--vk-ink) 16%,transparent),transparent 50%);
}
.vk-goo{position:absolute; inset:4px; z-index:2; pointer-events:none}
.vk-blob{
  position:absolute; top:0; bottom:0; left:0; width:var(--w,33%);
  transform:translateX(var(--x,0)); border-radius:999px; background:var(--vk-ink);
}
.vk-blob--main{transition:transform .55s cubic-bezier(.6,0,.2,1.12), width .55s cubic-bezier(.6,0,.2,1.12)}
.vk-blob--trail{transition:transform .8s cubic-bezier(.75,0,.15,1) .05s, width .8s cubic-bezier(.75,0,.15,1) .05s; transform:translateX(var(--x,0)) scaleY(.82)}
.vk-glass.is-ready .vk-blob{will-change:transform}
.vk-glass:not(.is-ready) .vk-blob{transition:none}
.vk-tab{
  position:relative; z-index:3; appearance:none; -webkit-appearance:none; background:none; border:0; margin:0;
  min-height:44px; padding:6px 4px; border-radius:999px; cursor:pointer;
  font:inherit; font-size:13px; line-height:1.15; color:var(--vk-ink);
  display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;
  transition:color .35s ease .08s; -webkit-tap-highlight-color:transparent;
}
.vk-tab[aria-checked="true"]{color:var(--vk-bg)}
.vk-tab:focus-visible{outline:2px solid var(--vk-ink); outline-offset:2px}
.vk-tab__off{font-size:12px}

/* cards */
.vk-cards{display:grid; gap:14px}
.vk-card-form{margin:0; padding:0; display:block}
.vk-card{
  position:relative; display:block; width:100%; margin:0; text-align:left; cursor:pointer;
  appearance:none; -webkit-appearance:none; border:0; border-radius:18px;
  padding:18px 20px 20px; font:inherit; font-weight:300;
  color:var(--vk-card-fg); background:var(--vk-card-bg);
  box-shadow:0 20px 40px -24px rgba(0,0,0,.7);
  transition:transform .25s ease, box-shadow .25s ease; -webkit-tap-highlight-color:transparent;
}
.vk-card:hover{transform:translateY(-2px); box-shadow:0 26px 46px -24px rgba(0,0,0,.75)}
.vk-card:active{transform:scale(.985)}
.vk-card:focus-visible{outline:2px solid var(--vk-ink); outline-offset:3px}
.vk-card__head{display:flex; justify-content:space-between; align-items:flex-start; gap:12px; margin-bottom:12px}
.vk-card__name{font-size:34px; line-height:1; font-weight:300}
.vk-card__price{display:flex; flex-direction:column; align-items:flex-end; text-align:right; padding-top:4px}
.vk-card__was{font-size:12px; opacity:.75; max-height:0; overflow:hidden; transition:max-height .35s ease, opacity .35s ease}
.vk-card__was s{text-decoration-thickness:1px}
.vk-card.has-discount .vk-card__was{max-height:18px}
.vk-card__now{font-size:19px; white-space:nowrap}
.vk-card__amount{display:inline-block; transition:opacity .2s ease, transform .2s ease}
.vk-card__amount.is-swapping{opacity:0; transform:translateY(-6px)}
.vk-card__per{font-size:12px; opacity:.85; margin-left:2px}
.vk-card__body{display:grid; grid-template-columns:1fr auto; align-items:center; gap:16px}
.vk-card__desc{font-size:14px; line-height:1.3; opacity:.92}
.vk-card__arrow{width:42px; height:auto; transition:transform .3s ease}
.vk-card:hover .vk-card__arrow{transform:translateX(4px)}
.vk-card__spin{display:none; width:22px; height:22px; border-radius:50%; border:2px solid currentColor; border-right-color:transparent; animation:vk-spin .7s linear infinite; justify-self:end; margin-right:10px}
.vk-card.is-loading .vk-card__arrow{display:none}
.vk-card.is-loading .vk-card__spin{display:block}
.vk-card.is-loading{pointer-events:none}
@keyframes vk-spin{to{transform:rotate(360deg)}}

.vk-error{margin:10px 0 0; font-size:13px; color:#b00020; text-align:center; min-height:0}
.vk-error:empty{display:none}
.vk-debug{margin-top:14px; padding:12px; border:1px dashed #b00020; border-radius:10px; font:12px/1.4 ui-monospace,Menlo,monospace; background:rgba(255,255,255,.85); color:#191919; white-space:pre-wrap}

/* footnote + popup */
.vk-note{text-align:center; font-size:12px; line-height:1.35; margin:16px auto 0; max-width:320px}
.vk-note__link{appearance:none; background:none; border:0; padding:0; margin:0; font:inherit; color:inherit; cursor:pointer; text-decoration:underline; text-underline-offset:2px}
.vk-dialog{
  border:0; padding:0; margin:auto; width:min(92vw,420px); border-radius:22px; color:var(--vk-ink);
  background:color-mix(in srgb,var(--vk-bg) 90%,transparent); -webkit-backdrop-filter:blur(18px) saturate(1.5); backdrop-filter:blur(18px) saturate(1.5);
  box-shadow:0 0 0 1px color-mix(in srgb,var(--vk-ink) 18%,transparent), inset 0 1px 1px color-mix(in srgb,var(--vk-ink) 15%,transparent), 0 30px 80px -20px rgba(0,0,0,.6);
  font-family:var(--vk-font, inherit); font-weight:300;
}
.vk-dialog::backdrop{background:rgba(0,0,0,.55); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px)}
.vk-dialog[open]{animation:vk-pop .35s cubic-bezier(.2,.9,.3,1.2)}
@keyframes vk-pop{from{opacity:0; transform:translateY(12px) scale(.96)}}
.vk-dialog__inner{padding:26px 24px 22px; position:relative}
.vk-dialog__title{font-size:22px; font-weight:400; margin:0 0 10px; padding-right:30px; line-height:1.2}
.vk-dialog__body{font-size:15px; line-height:1.45}
.vk-dialog__body p{margin:0 0 10px}
.vk-dialog__links{display:flex; flex-wrap:wrap; gap:8px; margin-top:14px}
.vk-dialog__links a{display:inline-block; padding:9px 14px; border-radius:999px; background:var(--vk-ink); color:var(--vk-bg); text-decoration:none; font-size:13px}
.vk-dialog__close{position:absolute; top:14px; right:14px; width:34px; height:34px; border-radius:50%; border:0; background:color-mix(in srgb,var(--vk-ink) 10%,transparent); color:inherit; font-size:20px; line-height:1; cursor:pointer}

@media (min-width:750px){ .vk-card__desc{font-size:16px} .vk-tab{font-size:14px} }
@media (prefers-reduced-motion:reduce){ .vk-blob,.vk-card,.vk-card__amount{transition:none!important} .vk-dialog[open]{animation:none} }

/* Silver / Golden: flowing liquid-metal shader cards */
.vk-cards{gap:18px}
.vk-card-form{display:block}
.vk-card{position:relative; display:flex; flex-direction:column; gap:14px; width:100%; padding:28px 28px 26px; border-radius:22px; isolation:isolate; overflow:hidden;
  color:#f5f5f6; background:#070707; transition:transform .5s cubic-bezier(.2,.8,.2,1);
  box-shadow:0 30px 70px -26px rgba(0,0,0,.75), 0 12px 26px -14px rgba(0,0,0,.5)}
.vk-card:hover{transform:translateY(-3px)}
.vk-card__flow{position:absolute; inset:0; width:100%; height:100%; z-index:-2; display:block}
/* soft dark scrim so the text stays readable over the bright metal */
.vk-card::before{content:''; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.28) 40%,rgba(0,0,0,.62) 100%)}
/* thin metal edge */
.vk-card::after{content:''; position:absolute; inset:0; z-index:1; border-radius:inherit; padding:1px; pointer-events:none;
  background:linear-gradient(150deg,var(--vk-edge-hi) 0%,rgba(255,255,255,.08) 40%,rgba(255,255,255,.04) 70%,var(--vk-edge-hi) 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.vk-card--silver,.vk-card--dark,.vk-card--none{--vk-edge-hi:rgba(235,236,240,.55);
  --vk-rim:linear-gradient(100deg,#6f7076 0%,#f3f3f5 10%,#8d8e94 22%,#d9dadf 34%,#5f6066 46%,#ffffff 56%,#9a9ba1 68%,#e3e4e8 80%,#77787e 90%,#6f7076 100%)}
.vk-card--gold{--vk-edge-hi:rgba(246,227,180,.6);
  --vk-rim:linear-gradient(100deg,#7d5a22 0%,#f6e2a6 10%,#a67a2f 22%,#e7c77c 34%,#6f4f1c 46%,#fff1c6 56%,#b0863a 68%,#ecd08a 80%,#86632a 90%,#7d5a22 100%)}
.vk-card__head,.vk-card__desc,.vk-card__li{text-shadow:0 1px 12px rgba(0,0,0,.45)}
.vk-card__head{align-items:flex-end; position:relative}
.vk-card__name{font-weight:600; letter-spacing:-.03em; line-height:1; font-size:36px; color:#fff}
.vk-card__now{font-size:20px; color:#fff}
.vk-card__per{opacity:.7}
.vk-card__desc{font-size:14.5px; line-height:1.45; color:rgba(255,255,255,.78)}
.vk-card__list{display:flex; flex-direction:column; gap:9px; padding-top:14px; border-top:1px solid rgba(255,255,255,.18)}
.vk-card__li{display:grid; grid-template-columns:16px 1fr; gap:10px; font-size:14.5px; line-height:1.4; align-items:start; color:rgba(255,255,255,.92)}
.vk-card__li svg{width:15px; margin-top:2px; opacity:.8}
.vk-card__li--lead{font-weight:500; color:#fff}
.vk-card__li--lead svg{visibility:hidden}
.vk-card__tag{position:absolute; top:22px; right:26px; z-index:2; padding:5px 11px; border-radius:99px; font-size:10.5px; letter-spacing:.16em; text-transform:uppercase; font-weight:600; color:#fff; background:var(--vk-accent,#e3242b); box-shadow:0 6px 18px -6px var(--vk-accent,#e3242b)}
.vk-card:has(.vk-card__tag) .vk-card__head{padding-top:28px}
/* button: dark glass, silver / gold only on the moving outline */
.vk-card__cta{display:block; margin-top:auto; padding-top:8px}
.vk-btn{position:relative; display:flex; align-items:center; justify-content:space-between; gap:12px; height:54px; padding:0 7px 0 24px; border-radius:999px; isolation:isolate;
  color:#fff; font-size:15.5px; font-weight:500; letter-spacing:.01em; background:rgba(8,8,9,.72); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  box-shadow:0 12px 26px -12px rgba(0,0,0,.7)}
.vk-btn::before{content:''; position:absolute; inset:0; border-radius:inherit; padding:1.5px; pointer-events:none; z-index:-1;
  background:var(--vk-rim); background-size:300% 100%; animation:vk-rim 24s linear infinite;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
@keyframes vk-rim{to{background-position:-300% 0}}
.vk-btn>span:first-child{position:relative; z-index:1}
.vk-btn__arrow{position:relative; z-index:1; display:grid; place-items:center; width:40px; height:40px; border-radius:50%; color:#fff; background:rgba(255,255,255,.04)}
.vk-btn__arrow::before{content:''; position:absolute; inset:0; border-radius:50%; padding:1.5px; pointer-events:none;
  background:var(--vk-rim); background-size:300% 100%; animation:vk-rim 24s linear infinite reverse;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.vk-btn__arrow svg{width:18px; transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.vk-card:hover .vk-btn__arrow svg{transform:translateX(3px)}
.vk-card .vk-card__spin{display:none; width:18px; height:18px; border-radius:50%; border:2px solid currentColor; border-right-color:transparent; animation:vk-spin .7s linear infinite}
.vk-card.is-loading .vk-btn__arrow svg{display:none} .vk-card.is-loading .vk-card__spin{display:block}
.vk-card:focus-visible{outline:2px solid var(--vk-ink); outline-offset:4px}
/* mobile first: stacked, Silver compact, Golden the big one */
.vk-card--silver{padding:24px 24px 22px; gap:11px}
.vk-card--silver .vk-card__name{font-size:28px}
.vk-card--silver .vk-card__desc{display:none}
.vk-card--silver .vk-card__li{font-size:13.5px}
.vk-card--silver .vk-btn{height:48px}
.vk-card--silver .vk-btn__arrow{width:36px; height:36px}
.vk-card--gold{padding:30px 26px 26px}
.vk-card--gold .vk-card__name{font-size:40px}
@media (min-width:900px){
  .vk-cards{grid-template-columns:.9fr 1.1fr; align-items:start; width:min(940px,calc(100vw - 40px)); align-self:center}
  .vk-card--silver{margin-top:30px; padding:28px 28px 26px}
  .vk-card--silver .vk-card__desc{display:block}
  .vk-card--silver .vk-card__name{font-size:32px}
  .vk-card--gold .vk-card__name{font-size:46px}
}
@media (prefers-reduced-motion:reduce){ .vk-btn::before,.vk-btn__arrow::before{animation:none} }

/* ---- phones: the whole pricing block fits on one screen ---- */
@media (max-width:899px){
  .vk-pricing{padding-top:min(var(--vk-pt,48px),28px); padding-bottom:min(var(--vk-pb,40px),24px)}
  .vk-pricing .vk-logo{display:none}
  .vk-title{font-size:clamp(24px,7vw,30px); line-height:1.1; margin:0 0 14px}
  .vk-glass{margin-bottom:14px}
  .vk-tab{min-height:40px; padding:4px; font-size:12.5px} .vk-tab__off{font-size:11px}
  .vk-cards{gap:10px}
  .vk-card{gap:9px; border-radius:18px}
  .vk-card--silver{padding:16px 18px 16px; gap:8px}
  .vk-card--gold{padding:18px 18px 18px; gap:9px}
  .vk-card--silver .vk-card__name{font-size:24px}
  .vk-card--gold .vk-card__name{font-size:30px}
  .vk-card__now{font-size:17px}
  .vk-card__was{font-size:11px}
  .vk-card__desc{display:none}
  .vk-card__list{gap:4px; padding-top:9px}
  .vk-card__li,.vk-card--silver .vk-card__li{font-size:13px; line-height:1.3; grid-template-columns:14px 1fr; gap:8px}
  .vk-card__li svg{width:13px; margin-top:1px}
  .vk-card__cta{padding-top:4px}
  .vk-btn,.vk-card--silver .vk-btn{height:44px; font-size:14.5px; padding-left:18px}
  .vk-btn__arrow,.vk-card--silver .vk-btn__arrow{width:32px; height:32px}
  .vk-btn__arrow svg{width:15px}
  .vk-card__tag{top:14px; right:16px; padding:4px 9px; font-size:9.5px}
  .vk-card:has(.vk-card__tag) .vk-card__head{padding-top:16px}
  .vk-note{margin-top:10px; font-size:11.5px}
}
@media (max-width:899px) and (max-height:700px){
  .vk-title{font-size:22px; margin-bottom:10px}
  .vk-card__li,.vk-card--silver .vk-card__li{font-size:12px}
  .vk-btn,.vk-card--silver .vk-btn{height:40px}
}
@media (min-width:900px){
  .vk-card--silver{margin-top:24px}
  .vk-card__list{gap:7px}
}
/* END_SECTION:valakos-pricing_7 */

/* START_SECTION:valakos-quiz (INDEX:64) */
.vk-qz{position:relative; overflow:hidden; background:var(--vk-bg); color:var(--vk-ink); font-family:var(--vk-font,inherit); -webkit-font-smoothing:antialiased; isolation:isolate}
.vk-qz *,.vk-qz *::before,.vk-qz *::after{box-sizing:border-box}
.vk-qz__inner{max-width:640px; margin:0 auto; padding:clamp(64px,10vw,130px) 20px}
@property --vk-qr{syntax:'<angle>'; inherits:false; initial-value:0deg}
.vk-quiz{position:relative; isolation:isolate; border-radius:28px; padding:clamp(24px,4vw,40px); min-height:clamp(440px,52vh,520px); display:flex; flex-direction:column;
  background:color-mix(in srgb,var(--vk-ink) 4%,var(--vk-bg)); box-shadow:0 40px 80px -40px rgba(0,0,0,.45)}
/* slowly travelling red light around the edge */
.vk-quiz__rim{position:absolute; inset:0; z-index:-1; border-radius:inherit; padding:1px; pointer-events:none;
  background:conic-gradient(from var(--vk-qr),color-mix(in srgb,var(--vk-ink) 12%,transparent) 0deg,color-mix(in srgb,var(--vk-ink) 12%,transparent) 250deg,var(--vk-accent) 320deg,color-mix(in srgb,var(--vk-ink) 12%,transparent) 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  animation:vk-qrim 6s linear infinite}
@keyframes vk-qrim{to{--vk-qr:360deg}}
.vk-quiz__top{display:flex; justify-content:space-between; align-items:flex-start; gap:16px; margin-bottom:18px}
.vk-quiz__title{margin:0; font-family:inherit; color:var(--vk-ink); font-size:clamp(24px,3vw,32px); font-weight:600; letter-spacing:-.03em; line-height:1.1}
.vk-quiz__count{display:flex; align-items:baseline; gap:4px; font-variant-numeric:tabular-nums; white-space:nowrap}
.vk-quiz__count b{font-size:28px; font-weight:600; color:var(--vk-accent); display:inline-block; animation:vk-q-pop .5s cubic-bezier(.3,1.6,.5,1)}
.vk-quiz__count i{font-style:normal; font-size:15px; opacity:.5}
@keyframes vk-q-pop{from{transform:translateY(8px); opacity:0}}
.vk-quiz__bar{height:3px; border-radius:3px; background:color-mix(in srgb,var(--vk-ink) 10%,transparent); overflow:hidden; margin-bottom:clamp(22px,3vw,34px)}
.vk-quiz__bar span{display:block; height:100%; width:33.3%; background:var(--vk-accent); border-radius:inherit; transition:width .6s cubic-bezier(.6,0,.2,1)}
.vk-quiz__stage{position:relative; flex:1; display:flex; flex-direction:column}
.vk-quiz__q,.vk-quiz__res{display:none; flex:1; flex-direction:column}
.vk-quiz__q.is-on,.vk-quiz__res.is-on{display:flex; animation:vk-q .55s cubic-bezier(.2,.8,.2,1)}
@keyframes vk-q{from{opacity:0; transform:translateX(24px); filter:blur(6px)}}
.vk-quiz__ghost{position:absolute; right:-6px; top:-18px; z-index:-1; font-size:clamp(110px,16vw,170px); font-weight:700; letter-spacing:-.06em; line-height:1;
  color:transparent; -webkit-text-stroke:1px color-mix(in srgb,var(--vk-ink) 12%,transparent); pointer-events:none}
.vk-quiz__text{margin:0 0 24px; max-width:92%; font-size:clamp(22px,2.6vw,30px); line-height:1.22; font-weight:300; letter-spacing:-.015em}
.vk-quiz__btns{display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:auto}
.vk-quiz__btns button{appearance:none; border:0; cursor:pointer; font:inherit; position:relative; overflow:hidden; isolation:isolate;
  display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; gap:22px; min-height:112px; padding:16px 18px; border-radius:20px; text-align:left;
  color:var(--vk-ink); background:color-mix(in srgb,var(--vk-ink) 5%,var(--vk-bg)); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vk-ink) 14%,transparent);
  font-size:20px; font-weight:500; transition:color .35s, transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s}
.vk-quiz__btns button::before{content:''; position:absolute; inset:0; z-index:-1; background:var(--vk-ink); transform:translateY(101%); transition:transform .45s cubic-bezier(.6,0,.2,1); border-radius:inherit}
.vk-quiz__btns button[data-a="1"]::before{background:var(--vk-accent)}
.vk-quiz__btns button:hover{color:var(--vk-bg); transform:translateY(-2px)}
.vk-quiz__btns button[data-a="1"]:hover{color:#fff}
.vk-quiz__btns button:hover::before{transform:none}
.vk-quiz__ic{display:grid; place-items:center; width:34px; height:34px; border-radius:50%; box-shadow:inset 0 0 0 1px currentColor; opacity:.8}
.vk-quiz__ic svg{width:16px}
.vk-quiz__ar{position:absolute; right:18px; bottom:22px; width:20px; opacity:0; transform:translateX(-8px); transition:opacity .35s, transform .35s}
.vk-quiz__btns button:hover .vk-quiz__ar{opacity:1; transform:none}
.vk-quiz__btns button.is-picked{animation:vk-q-tap .35s ease}
@keyframes vk-q-tap{50%{transform:scale(.96)}}
.vk-quiz__res small{font-size:13px; letter-spacing:.14em; text-transform:uppercase; opacity:.55; margin-bottom:6px}
.vk-quiz__res b{font-size:clamp(56px,9vw,88px); font-weight:700; letter-spacing:-.05em; line-height:.95; margin-bottom:14px; padding-bottom:4px;
  background:linear-gradient(100deg,#6d6f72 0%,#d9dbde 20%,#7c7e81 40%,#f2f3f4 55%,#77797c 75%,#b9bbbe 100%); background-size:250% 100%; -webkit-background-clip:text; background-clip:text; color:transparent;
  animation:vk-q-shine 5s linear infinite}
.vk-quiz__res--gold b{background-image:linear-gradient(100deg,#8a6526 0%,#f6e2a6 20%,#a67a2f 40%,#fff1c6 55%,#86632a 75%,#e7c77c 100%)}
@keyframes vk-q-shine{to{background-position:-250% 0}}
.vk-quiz__res p{margin:0 0 24px; font-size:16px; line-height:1.5; font-weight:300; opacity:.8; max-width:460px}
.vk-quiz__go{appearance:none; border:0; cursor:pointer; font:inherit; margin-top:auto; display:flex; align-items:center; justify-content:space-between; gap:12px; height:56px; padding:0 8px 0 24px; border-radius:999px;
  color:#111; font-size:16px; font-weight:500; text-shadow:0 1px 0 rgba(255,255,255,.45); background-size:320% 100%; animation:vk-q-liquid 7s linear infinite;
  background-image:linear-gradient(100deg,#8c8c8c 0%,#f4f4f4 9%,#9d9d9d 18%,#dcdcdc 27%,#7b7b7b 36%,#ffffff 45%,#a3a3a3 54%,#e6e6e6 63%,#858585 72%,#f7f7f7 81%,#999 90%,#8c8c8c 100%);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.9), inset 0 -2px 3px rgba(0,0,0,.25), 0 0 0 1px rgba(0,0,0,.4), 0 14px 30px -12px rgba(0,0,0,.6)}
.vk-quiz__res--gold .vk-quiz__go{background-image:linear-gradient(100deg,#8a6526 0%,#f6e2a6 9%,#a67a2f 18%,#e7c77c 27%,#7f5c22 36%,#fff1c6 45%,#b0863a 54%,#ecd08a 63%,#86632a 72%,#fbe8b0 81%,#9c7433 90%,#8a6526 100%)}
.vk-quiz__go:hover{animation-duration:28s}
@keyframes vk-q-liquid{to{background-position:-320% 0}}
.vk-quiz__goar{display:grid; place-items:center; width:42px; height:42px; border-radius:50%; background:#111; color:#fff}
.vk-quiz__goar svg{width:18px}
.vk-quiz__again{appearance:none; border:0; cursor:pointer; font:inherit; margin-top:14px; background:none; color:inherit; opacity:.55; padding:6px 0; font-size:14px; text-decoration:underline; text-underline-offset:3px; align-self:flex-start}
@keyframes vk-pulse-card{0%,100%{outline:3px solid transparent; outline-offset:6px}30%{outline:3px solid #e3242b; outline-offset:6px}}
.vk-card.is-picked{animation:vk-pulse-card 1.6s ease 2 !important}
@media (max-width:520px){ .vk-quiz__btns button{min-height:96px; font-size:18px} }
@media (prefers-reduced-motion:reduce){ .vk-quiz__rim,.vk-quiz__res b,.vk-quiz__go{animation:none} }
/* END_SECTION:valakos-quiz */

/* START_SECTION:valakos-steps (INDEX:65) */
.vk-how{background:var(--vk-bg); color:var(--vk-ink); font-family:var(--vk-font,inherit); -webkit-font-smoothing:antialiased}
.vk-how *,.vk-how *::before,.vk-how *::after{box-sizing:border-box}
.vk-how__inner{max-width:1180px; margin:0 auto; padding:clamp(56px,8vw,100px) 20px}
.vk-how__title{margin:0 0 clamp(26px,3.5vw,40px); font-family:inherit; font-weight:600; color:var(--vk-ink); font-size:clamp(30px,4vw,48px); line-height:1.05; letter-spacing:-.035em}
.vk-how__steps{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr; gap:0; position:relative}
.vk-how__steps li{position:relative; display:grid; grid-template-columns:44px 1fr; column-gap:14px; padding:0 0 26px}
.vk-how__steps li::before{content:''; position:absolute; left:21px; top:44px; bottom:4px; width:1px; background:color-mix(in srgb,var(--vk-ink) 16%,transparent)}
.vk-how__steps li:last-child::before{display:none}
.vk-how__num{grid-row:span 2; width:44px; height:44px; border-radius:50%; display:grid; place-items:center; font-size:15px; font-weight:600;
  color:var(--vk-ink); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vk-ink) 25%,transparent)}
.vk-how__num{transition:background .45s ease, color .45s ease, box-shadow .45s ease, transform .45s cubic-bezier(.3,1.6,.5,1)}
.vk-how__steps li.is-on .vk-how__num{background:var(--vk-accent); color:#fff; box-shadow:0 0 0 6px color-mix(in srgb,var(--vk-accent) 18%,transparent); transform:scale(1.06)}
.vk-how__steps li.is-past .vk-how__num{background:color-mix(in srgb,var(--vk-accent) 14%,transparent); color:var(--vk-accent); box-shadow:inset 0 0 0 1px var(--vk-accent)}
.vk-how__steps li b,.vk-how__steps li p{transition:opacity .45s ease}
.vk-how__steps li:not(.is-on):not(.is-past) b,.vk-how__steps li:not(.is-on):not(.is-past) p{opacity:.45}
.vk-how__steps li::after{content:''; position:absolute; left:21px; top:44px; width:1px; height:calc((100% - 48px) * var(--fill,0)); background:var(--vk-accent); transition:height .5s ease}
.vk-how__steps li:last-child::after{display:none}
.vk-how__steps b{align-self:center; font-size:18px; font-weight:600; letter-spacing:-.02em; padding-top:10px}
.vk-how__steps p{margin:4px 0 0; font-size:15px; line-height:1.5; font-weight:300; color:color-mix(in srgb,var(--vk-ink) 70%,var(--vk-bg))}
@media (min-width:860px){
  .vk-how__steps{grid-template-columns:repeat(4,1fr); gap:24px}
  .vk-how__steps li{grid-template-columns:1fr; padding:0}
  .vk-how__steps li::before{left:56px; right:-12px; top:22px; bottom:auto; width:auto; height:1px}
  .vk-how__steps li::after{left:56px; top:22px; height:1px; width:calc((100% - 44px) * var(--fill,0)); transition:width .5s ease}
  .vk-how__num{grid-row:auto; margin-bottom:18px}
  .vk-how__steps b{padding-top:0}
}
/* END_SECTION:valakos-steps */

/* START_SECTION:valakos-videos (INDEX:66) */
.vk-voices{background:var(--vk-bg); color:var(--vk-ink); font-family:var(--vk-font,inherit); -webkit-font-smoothing:antialiased; overflow:hidden}
.vk-voices *,.vk-voices *::before,.vk-voices *::after{box-sizing:border-box}
.vk-voices__inner{max-width:1180px; margin:0 auto; padding:clamp(56px,8vw,110px) 20px}
.vk-voices__title{margin:0 0 clamp(18px,2.5vw,28px); font-family:inherit; color:var(--vk-ink); font-weight:600; font-size:clamp(30px,4vw,48px); letter-spacing:-.035em; line-height:1.05}
.vk-voices__text{margin:0 0 clamp(24px,3vw,36px); max-width:520px; font-size:16px; line-height:1.55; font-weight:300; color:color-mix(in srgb,var(--vk-ink) 70%,var(--vk-bg))}
/* Leo on his own, then the interviews side by side, all 16:9 */
.vk-voices__lead{margin-bottom:clamp(36px,5vw,64px)}
.vk-voices__sub{margin:0 0 16px; font-size:clamp(20px,2.2vw,26px); font-weight:600; letter-spacing:-.02em; color:var(--vk-ink)}
.vk-voices__row{display:grid; grid-template-columns:1fr; gap:14px}
.vk-vid{position:relative; display:block; width:100%; aspect-ratio:16/9; border:0; padding:0; margin:0; cursor:pointer; border-radius:20px; overflow:hidden; text-align:left; color:#fff; font:inherit;
  background:#1a1a1a; box-shadow:0 30px 60px -30px rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.06); transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.vk-vid--main{border-radius:24px}
.vk-vid--main .vk-vid__meta b{font-size:clamp(18px,2.4vw,28px)}
.vk-vid--main .vk-vid__meta small{font-size:clamp(13px,1.4vw,16px)}
.vk-vid--main .vk-vid__play{width:78px; height:78px; margin:-39px 0 0 -39px}
.vk-vid:hover{transform:translateY(-4px)}
.vk-vid__media,.vk-vid__media img,.vk-vid__media video{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block}
.vk-vid__media video{opacity:0; transition:opacity .6s}
.vk-vid.is-playing .vk-vid__media video{opacity:1}
.vk-vid__shade{position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.25) 0%,transparent 30%,transparent 50%,rgba(0,0,0,.85) 100%)}
.vk-vid__tag{position:absolute; top:14px; left:14px; padding:6px 11px; border-radius:99px; font-size:11px; letter-spacing:.12em; text-transform:uppercase; background:rgba(0,0,0,.4); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.vk-vid--main .vk-vid__tag{background:var(--vk-accent); box-shadow:none}
.vk-vid__play{position:absolute; top:50%; left:50%; width:64px; height:64px; margin:-32px 0 0 -32px; border-radius:50%; display:grid; place-items:center; color:#111;
  background:rgba(255,255,255,.9); box-shadow:0 0 0 8px rgba(255,255,255,.18); transition:transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s}
.vk-vid__play svg{width:24px; margin-left:3px}
.vk-vid:hover .vk-vid__play{transform:scale(1.08); box-shadow:0 0 0 14px rgba(255,255,255,.12)}
.vk-vid__meta{position:absolute; left:18px; right:18px; bottom:18px; display:flex; flex-direction:column; gap:3px}
.vk-vid__quote{font-size:15px; line-height:1.35; font-weight:300; margin-bottom:10px; opacity:.95}
.vk-vid__meta b{font-size:16px; font-weight:600} .vk-vid__meta small{font-size:13px; opacity:.7}
.vk-voices__modal{padding:0; border:0; background:transparent; width:min(94vw,1100px); max-height:92vh; overflow:visible}
.vk-voices__modal::backdrop{background:rgba(0,0,0,.82); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px)}
.vk-voices__modal video{display:block; width:100%; max-height:88vh; border-radius:20px; background:#000}
.vk-voices__soon{margin:0; padding:60px 24px; border-radius:20px; background:#141414; color:#fff; text-align:center; font-family:var(--vk-font,inherit)}
.vk-voices__close{position:absolute; top:-46px; right:0; width:36px; height:36px; border-radius:50%; border:0; background:rgba(255,255,255,.14); color:#fff; font-size:22px; cursor:pointer}
@media (min-width:760px){ .vk-voices__row{grid-template-columns:1fr 1fr; gap:18px} }
@media (max-width:759px){ .vk-vid__quote{display:none} .vk-vid__play{width:52px; height:52px; margin:-26px 0 0 -26px} .vk-vid__meta{left:14px; right:14px; bottom:12px} }
/* END_SECTION:valakos-videos */