*{margin:0;padding:0;box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{font-family:Arial,Helvetica,sans-serif;color:#222;background:#fff;-webkit-font-smoothing:antialiased}
    a{color:#0027E7;text-decoration:none}
    a:hover{color:#0020C4}
    #pz-navtoggle{display:none}
    @keyframes pzdash{to{stroke-dashoffset:-20}}
    @keyframes pzdrift{from{transform:scale(1)}to{transform:scale(1.05)}}
    @keyframes pzscan{from{left:0}to{left:100%}}
    @keyframes pzlight{0%,15%{background:#1A2540}25%,85%{background:#F0B35B}100%{background:#1A2540}}
    @keyframes pzspin{to{transform:rotate(360deg)}}
    @keyframes pzbright{from{filter:brightness(.2)}to{filter:brightness(1)}}
    @keyframes pzsweep{0%{transform:translateX(-30vw);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateX(130vw);opacity:0}}
    @keyframes pzrise{from{opacity:0;transform:translateY(40%)}to{opacity:1;transform:translateY(0)}}
    @keyframes pzfade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
    @keyframes pzshine{from{background-position:100% 0}to{background-position:0 0}}
    @keyframes pzwBlue{0%,100%{color:#fff;text-shadow:none}35%,60%{color:#6F86FF;text-shadow:0 0 22px #0027E7,0 0 6px #0027E7}}
    @keyframes pzwAmber{0%,100%{color:#fff;text-shadow:none}35%,60%{color:#F0B35B;text-shadow:0 0 22px rgba(240,179,91,.8)}}
    @keyframes pzwTeal{0%,100%{color:#fff;text-shadow:none}35%,60%{color:#4FD1E0;text-shadow:0 0 22px rgba(79,209,224,.8)}}
    @keyframes pzpulse{0%,82%{box-shadow:0 0 0 0 rgba(0,39,231,0)}88%{box-shadow:0 0 0 0 rgba(0,39,231,.65)}100%{box-shadow:0 0 0 18px rgba(0,39,231,0)}}
    @keyframes pzbreathe{0%,100%{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}
    @keyframes pzfloat{0%{transform:translate(0,0)}50%{transform:translate(18px,-40px)}100%{transform:translate(0,0)}}
    .pz-lc .pz-lc-more{max-height:0;opacity:0;overflow:hidden;transition:max-height .28s ease,opacity .22s ease,margin .28s ease}
    .pz-lc:hover .pz-lc-more,.pz-lc:focus-within .pz-lc-more{max-height:60px;opacity:1;margin-top:8px}
    .pz-door .pz-anim{animation-play-state:paused !important}
    .pz-door:hover .pz-anim,.pz-door:focus-visible .pz-anim{animation-play-state:running !important}
    @media(max-width:1199.98px){.pz-isamp{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
    @media(max-width:720px){.pz-isamp,.pz-ind2{grid-template-columns:1fr !important}.pz-solrow{grid-template-columns:1fr !important;gap:12px !important}}
    @media(max-width:960px){.pz-i2col{grid-template-columns:1fr !important}.pz-ileft{position:static !important}}
    @media(max-width:600px){.pz-ishow{grid-template-columns:1fr !important}.pz-iproof{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.pz-itool{grid-template-columns:1fr !important;gap:12px !important}}
    @media(max-width:1100px){
      .pz-lineup{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
    }
    @media(max-width:1200px){
      .pz-doors5{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
      .pz-doors5>*:last-child{grid-column:1/-1;flex-direction:row !important}
      .pz-doors5>*:last-child>span:first-child{flex:0 0 50%;aspect-ratio:auto !important;border-bottom:none !important;border-right:1px solid rgba(255,255,255,.08)}
      .pz-loop{grid-template-columns:1fr !important}
      .pz-looparrow{display:none !important}
    }
    @media(max-width:1099.98px){
      .pz-navlinks{position:absolute;top:100%;left:0;right:0;flex-direction:column !important;align-items:stretch !important;background:#1B2A4A;padding:12px 16px !important;gap:0 !important;display:none !important}
      #pz-navtoggle:checked~.pz-navlinks{display:flex !important}
      .pz-navlinks a{color:#fff !important;padding:14px 8px !important;display:block !important}
      .pz-hamburger{display:flex !important}
      .pz-startfree{margin-left:auto !important}
    }
    @media(max-width:960px){
      .pz-doors{grid-template-columns:1fr !important;max-width:520px !important}
      .pz-two{grid-template-columns:1fr !important;gap:40px !important}
      .pz-postviz{grid-template-columns:1fr !important;justify-items:center !important;gap:20px !important}
      .pz-plines{display:none !important}
      .pz-cards{grid-template-columns:1fr !important}
      .pz-proof{grid-template-columns:repeat(2,minmax(0,1fr)) !important;column-gap:24px !important}
      .pz-proof>div{padding:28px 0 !important}
      .pz-seeit{grid-template-columns:1fr !important}
      .pz-feeds{grid-template-columns:1fr !important;max-width:460px !important}
      .pz-feedline{display:none !important}
      .pz-ent{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
      .pz-plans{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
    }
    @media(max-width:1200px){
      .pz-plans{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
    }
    @media(max-width:720px){
      .pz-sec{padding:40px 16px !important}
      .pz-herobox{padding:110px 16px 40px !important}
      .pz-h1{font-size:54px !important}
      .pz-lineup{display:flex !important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px !important;padding-bottom:6px;margin:0 -16px !important;padding-left:16px;padding-right:16px}
      .pz-lineup>*{flex:0 0 74%;scroll-snap-align:start}
      .pz-lc .pz-lc-more{max-height:60px !important;opacity:1 !important;margin-top:8px !important}
      .pz-chevron{display:none !important}
      .pz-doors5{grid-template-columns:1fr !important}
      .pz-doors5>*:last-child{flex-direction:column !important}
      .pz-doors5>*:last-child>span:first-child{flex:none;aspect-ratio:16/9 !important;border-right:none !important;border-bottom:1px solid rgba(255,255,255,.08) !important}
      .pz-checks{grid-template-columns:1fr !important}
      .pz-hsub{font-size:26px !important}
      .pz-hline{font-size:17px !important}
      .pz-h2{font-size:32px !important}
      .pz-cth2{font-size:36px !important}
      .pz-num{font-size:40px !important}
      .pz-ent{grid-template-columns:1fr !important}
      .pz-plans{grid-template-columns:1fr !important}
      .pz-agent{flex-direction:column !important;align-items:flex-start !important}
      .pz-navwrap{padding:12px 16px !important}
      .pz-devices{transform:scale(.82);transform-origin:center}
    }
    @media(prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}html{scroll-behavior:auto}}
    /*ph*/
    @keyframes phfloat{0%{transform:translate(0,0)}50%{transform:translate(16px,-34px)}100%{transform:translate(0,0)}}
    @keyframes phshine{from{background-position:100% 0}to{background-position:0 0}}
    @keyframes phbreathe{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}
    @keyframes phbeam{0%,100%{opacity:.5}50%{opacity:.9}}
    @keyframes phtick{from{transform:translateY(0)}to{transform:translateY(-50%)}}
    @keyframes phspin{to{transform:rotate(360deg)}}
    @keyframes phpulse{0%{box-shadow:0 0 0 0 rgba(46,196,255,.65)}100%{box-shadow:0 0 0 14px rgba(46,196,255,0)}}
    @media(max-width:1100px){
      .ph-grid{grid-template-columns:1fr !important;gap:28px !important}
      .ph-side{height:120px !important;justify-content:flex-start !important}
      .ph-doors{flex-direction:row !important;flex-wrap:wrap;gap:12px !important}
      .ph-doors>span{flex-direction:column !important;gap:6px !important}
      .ph-frame{width:auto !important;height:120px !important}
      .ph-ticker{height:120px !important}
      .ph-agent{width:100px !important;height:100px !important}
      .ph-ringbox{width:120px !important;height:120px !important}
      .ph-ring{transform:scale(.44)}
    }
    @media(max-width:720px){
      .ph-hero{min-height:40vh !important}
      .ph-inner{padding:104px 16px 40px !important}
      .ph-h1{font-size:42px !important}
      .ph-sub{font-size:18px !important}
    }

  
/* style-hover / style-active from the design, as classes (inline styles need !important) */
.zh1:hover{background:#0020C4 !important;color:#fff !important}
.zh1:focus-visible{background:#0020C4 !important;color:#fff !important}
.zh1:active{background:#001A9E !important}
.zh2:hover{transform:translateY(-3px) !important;box-shadow:0 14px 34px rgba(16,27,50,.13) !important}
.zh2:focus-visible{transform:translateY(-3px) !important;box-shadow:0 14px 34px rgba(16,27,50,.13) !important}
.zh3:hover{transform:translateY(-4px) !important;border-color:#F0B35B !important;box-shadow:0 18px 44px rgba(240,179,91,.22) !important}
.zh3:focus-visible{transform:translateY(-4px) !important;border-color:#F0B35B !important;box-shadow:0 18px 44px rgba(240,179,91,.22) !important}
.zh4:hover{background:#0020C4 !important;color:#fff !important}
.zh4:focus-visible{background:#0020C4 !important;color:#fff !important}
.zh5:hover{background:rgba(255,255,255,.1) !important;color:#fff !important}
.zh5:focus-visible{background:rgba(255,255,255,.1) !important;color:#fff !important}