.page section.pz{--pz-b:calc(100% + var(--nav-h));position:relative;height:calc(100svh - var(--nav-h) - var(--lnav-h));min-height:440px;padding:0;background:#000;--ink:#f5f5f7;--ink2:#a1a1a6;color:var(--ink)}
.prov main > section.pz > .wrap{width:auto}
.pz-st{position:relative;height:100%;overflow:hidden;isolation:isolate;background:#000}

.pz-txt{position:absolute;inset:0;z-index:2;display:flex;align-items:center;width:var(--lw);margin-inline:auto}
.pz-tb{max-width:560px}
.pz-mk{margin:0}
.pz .hero-mark{display:block;width:119.5px;height:auto;margin:0} 
.pz-h{margin-top:var(--s-20);font:600 48px/52px var(--font-sans);letter-spacing:-.01em;color:var(--ink);text-wrap:balance}
.pz-ld{margin-top:var(--s-16);font:var(--text-lead);letter-spacing:var(--track-lead);color:var(--ink2)}
.pz-act{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-12) var(--s-24);margin-top:var(--s-32)}
.pz-soc{display:flex;align-items:center;margin-inline:calc(var(--s-8) * -1)}
.pz-soc a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:var(--ink2);transition:color var(--dur-base) var(--ease)}
.pz-soc svg{display:block;width:24px;height:24px;fill:currentColor}
@media (hover:hover){.pz-soc a:hover{color:var(--ink)}}
.pz-soc a:focus-visible{outline:2px solid var(--pro-ink-dark);outline-offset:-2px}
.pz-gl{position:absolute;left:67%;translate:-50% 0;bottom:-18%;z-index:1;width:min(84vw,1160px);aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(2,138,238,.42),rgba(2,138,238,.12) 55%,transparent);pointer-events:none}
.pz-d{--r:1.204;position:absolute;left:67%;translate:-50% 0;bottom:calc(var(--nav-h) * -1);z-index:1;width:auto;max-width:none;height:min(var(--pz-b) * .97,1000px,calc(61.3vw / var(--r)));pointer-events:none}

@media (max-width:1360px){.pz-gl,.pz-d{left:70%}.pz-d{height:min(var(--pz-b) * .92,calc(58vw / var(--r)))}} 
@media (max-width:1279px){.pz-tb{max-width:440px}}
@media (max-width:1068px){.pz-h{font-size:44px;line-height:48px}} 
@media (max-width:999px),(max-width:1068px) and (orientation:portrait){
  .pz-txt{align-items:flex-start;padding-top:var(--s-48)}
  .pz-tb{width:100%;min-width:0;max-width:640px}
  .pz-gl{left:50%;bottom:-26%;width:120vw}
  .pz-d{left:50%;height:min(var(--pz-b) * .58,calc(104vw / var(--r)))}
}
@media (min-width:735px) and (max-width:999px),(min-width:735px) and (max-width:1068px) and (orientation:portrait){
  .page section.pz{--pzh:min(max(var(--pz-b) * .58,var(--pz-b) - 400px),calc(104vw / 1.204))}
  .pz-d{height:var(--pzh)}
  .pz-txt{bottom:calc(var(--pzh) - var(--nav-h));align-items:center;padding-top:0}
}
@media (max-width:734px){
  .pz-txt{padding-top:var(--s-24)}
  .pz-h{margin-top:var(--s-20);font-size:34px;line-height:38px;letter-spacing:-.01em}
  .pz-ld{font-size:17px;line-height:25px}
  .pz-act{margin-top:var(--s-24)}
  .pz-d{left:40%;height:min(var(--pz-b) * .5,calc(112vw / var(--r)))} 
}
@media (max-width:734px) and (max-height:667px){ 
  .pz-txt{padding-top:var(--s-16)}
  .pz-h{margin-top:var(--s-12);font-size:27px;line-height:31px}
  .pz-ld{margin-top:var(--s-8);font-size:15px;line-height:20px}
  .pz-act{margin-top:var(--s-16);gap:var(--s-8) var(--s-16)}
  .pz-act .btn{height:var(--btn-h-sm);padding-inline:var(--s-16);font-size:15px}
  .pz-d{left:50%;height:min(var(--pz-b) * .4,calc(96vw / var(--r)))}
}
@media (max-width:999px) and (max-height:500px){ 
  .pz-tb{max-width:380px}
  .page section.pz{min-height:260px} 
  .pz-txt{align-items:center;padding-top:0;bottom:0}
  .pz-h{margin-top:var(--s-12);font-size:30px;line-height:34px}
  .pz-ld{margin-top:var(--s-8);font-size:15px;line-height:20px}
  .pz-act{margin-top:var(--s-16);gap:var(--s-8) var(--s-16)}
  .pz-act .btn{height:var(--btn-h-sm);padding-inline:var(--s-16);font-size:15px}
  .pz-gl{left:78%;bottom:-60%;width:90vw}
  .pz-d{left:78%;height:min(var(--pz-b) * .9,calc(56vw / var(--r)))}
}

@media (prefers-reduced-motion:no-preference){
  .pz-tb > *{animation:pz-up .8s var(--ease-reveal) calc(var(--td,0s) + var(--ti,0s)) both}
  .pz-tb > :nth-child(2){--ti:.08s}.pz-tb > :nth-child(3){--ti:.16s}.pz-tb > :nth-child(4){--ti:.24s}.pz-tb > :nth-child(5){--ti:.32s}
  .pz-gl{animation:pz-in 1.6s var(--ease-reveal) both}
  .pz-d{animation:pz-up-d 1s var(--ease-reveal) both}

  .pz-full .pz{--tc:.62s;--tb:.86s;--tw:1.16s;--tf:1.24s;--tfd:.95s;--tl:1.75s;--td:1.62s}
  .pz-full .pz:not(.pz-go) *,.pz-full .pz:not(.pz-go) *::before{animation-play-state:paused!important} 

  .pz-sw{position:absolute;left:var(--swx);top:var(--swy);z-index:3;width:var(--sww);height:var(--swh);pointer-events:none;animation:pz-sw-fly var(--tfd) cubic-bezier(.6,0,.15,1) var(--tf) both}
  .pz-land .pz-sw{animation:pz-sw-fly var(--tfd) cubic-bezier(.6,0,.15,1) var(--tf) both,pz-sw-off .08s linear .03s both} 
  .pz-sw svg{display:block;width:100%;height:100%;overflow:visible;animation:pz-sw-in .42s cubic-bezier(.16,1,.3,1) both,pz-sw-press .34s ease-out var(--tc)}
  .pz-sw-r{animation:pz-sw-on .26s ease-out var(--tc) both}
  .pz-sw-t{animation:pz-sw-on .26s ease-out var(--tc) both,pz-sw-th .4s var(--tc) both}

  .pz-full .pz-d{-webkit-mask-image:radial-gradient(closest-side,#000 86%,transparent);mask-image:radial-gradient(closest-side,#000 86%,transparent);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;animation:pz-m 1.35s cubic-bezier(.3,.1,.3,1) var(--tw) both,pz-show .01s linear var(--tw) both}
  .pz-full .pz.pz-end .pz-d{-webkit-mask-image:none;mask-image:none;animation:none}
  .pz-full .pz-gl{animation:pz-in 1.5s ease-out calc(var(--tw) + .3s) both}
  .pz-tg,.pz-rg{position:absolute;left:var(--tx);top:var(--ty);z-index:1;width:0;height:0;pointer-events:none}
  .pz-tg::before{content:"";position:absolute;left:0;top:0;width:46vmin;height:46vmin;margin:-23vmin 0 0 -23vmin;border-radius:50%;background:radial-gradient(closest-side,rgba(180,222,255,.95) 0,rgba(70,165,245,.5) 8%,rgba(2,138,238,.14) 40%,transparent);mix-blend-mode:screen;animation:pz-bloom 1.2s cubic-bezier(.2,.7,.2,1) var(--tb) both}
  .pz-rg::before{content:"";position:absolute;left:-200px;top:-200px;width:400px;height:400px;border-radius:50%;background:radial-gradient(closest-side,transparent 74%,rgba(110,182,255,.34) 93%,transparent);mix-blend-mode:screen;animation:pz-ring 1.35s cubic-bezier(.3,.1,.3,1) var(--tw) both}

  .pz-full .pz-tb > :first-child{animation:pz-in .42s ease-out var(--tl) both}
  .pz-full .pz:not(.pz-land) .hero-mark{clip-path:polygon(0 0,100% 0,100% 52%,33.6% 52%,33.6% 100%,0 100%)} 
}
@keyframes pz-up-d{from{opacity:0;transform:translateY(40px)}}
@keyframes pz-up{from{opacity:0;transform:translateY(16px)}}
@keyframes pz-in{from{opacity:0}}
@keyframes pz-sw-fly{to{transform:translate(var(--swdx),var(--swdy)) scale(var(--sws))}}
@keyframes pz-sw-off{from{opacity:1}to{opacity:0}}
@keyframes pz-sw-in{from{opacity:0;transform:scale(.8)}}
@keyframes pz-sw-press{40%{transform:scale(.95)}}
@keyframes pz-sw-on{from{fill:#8e8e93}to{fill:#028aee}}
@keyframes pz-sw-th{0%{transform:translateX(-95.1px);animation-timing-function:cubic-bezier(.5,0,.2,1)}72%{transform:translateX(4px);animation-timing-function:ease-out}100%{transform:none}}
@keyframes pz-m{from{-webkit-mask-size:0 0;mask-size:0 0;-webkit-mask-position:var(--mx) var(--my);mask-position:var(--mx) var(--my)}to{-webkit-mask-size:var(--ms) var(--ms);mask-size:var(--ms) var(--ms);-webkit-mask-position:calc(var(--mx) - var(--ms) / 2) calc(var(--my) - var(--ms) / 2);mask-position:calc(var(--mx) - var(--ms) / 2) calc(var(--my) - var(--ms) / 2)}}
@keyframes pz-show{from{opacity:0}to{opacity:1}}
@keyframes pz-bloom{0%{opacity:0;transform:scale(.04)}26%{opacity:1;transform:scale(.9)}100%{opacity:0;transform:scale(1.25)}}
@keyframes pz-ring{0%{opacity:0;transform:scale(.02)}12%{opacity:1}72%{opacity:.7}100%{opacity:0;transform:scale(var(--rs,8))}}
