@keyframes qn-wipe-in-left{0%{clip-path:inset(-10% 100% -10% 0);-webkit-clip-path:inset(-10% 100% -10% 0);transform:translate3d(-12px,0,0)}to{clip-path:inset(-10% 0 -10% 0);-webkit-clip-path:inset(-10% 0 -10% 0);transform:translateZ(0)}}@keyframes qn-wipe-in-right{0%{clip-path:inset(-10% 0 -10% 100%);-webkit-clip-path:inset(-10% 0 -10% 100%);transform:translate3d(12px,0,0)}to{clip-path:inset(-10% 0 -10% 0);-webkit-clip-path:inset(-10% 0 -10% 0);transform:translateZ(0)}}@keyframes qn-wipe-in-top{0%{clip-path:inset(0 -10% 100% -10%);-webkit-clip-path:inset(0 -10% 100% -10%);transform:translate3d(0,-12px,0)}to{clip-path:inset(0 -10% 0 -10%);-webkit-clip-path:inset(0 -10% 0 -10%);transform:translateZ(0)}}@keyframes qn-wipe-in-bottom{0%{clip-path:inset(100% -10% 0 -10%);-webkit-clip-path:inset(100% -10% 0 -10%);transform:translate3d(0,16px,0)}to{clip-path:inset(0 -10% 0 -10%);-webkit-clip-path:inset(0 -10% 0 -10%);transform:translateZ(0)}}@keyframes qn-nav-wipe-down{0%{clip-path:inset(0 0 100% 0);-webkit-clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0);-webkit-clip-path:inset(0 0 0 0)}}.qn-wipe{clip-path:inset(-10% 100% -10% 0);-webkit-clip-path:inset(-10% 100% -10% 0);will-change:clip-path,transform}.qn-wipe[data-wipe-from=right]{clip-path:inset(-10% 0 -10% 100%);-webkit-clip-path:inset(-10% 0 -10% 100%)}.qn-wipe[data-wipe-from=top]{clip-path:inset(0 -10% 100% -10%);-webkit-clip-path:inset(0 -10% 100% -10%)}.qn-wipe[data-wipe-from=bottom]{clip-path:inset(100% -10% 0 -10%);-webkit-clip-path:inset(100% -10% 0 -10%)}.qn-wipe[data-wipe-visible]{clip-path:inset(-10% 0 -10% 0);-webkit-clip-path:inset(-10% 0 -10% 0);animation:qn-wipe-in-left var(--qn-wipe-duration,.5s) cubic-bezier(.22,1,.36,1) var(--qn-wipe-delay,0s) both}.qn-wipe[data-wipe-visible][data-wipe-from=right]{clip-path:inset(-10% 0 -10% 0);-webkit-clip-path:inset(-10% 0 -10% 0);animation-name:qn-wipe-in-right}.qn-wipe[data-wipe-visible][data-wipe-from=top]{clip-path:inset(0 -10% 0 -10%);-webkit-clip-path:inset(0 -10% 0 -10%);animation-name:qn-wipe-in-top}.qn-wipe[data-wipe-visible][data-wipe-from=bottom]{clip-path:inset(0 -10% 0 -10%);-webkit-clip-path:inset(0 -10% 0 -10%);animation-name:qn-wipe-in-bottom}.qn-nav-wipe{will-change:clip-path}.qn-nav-wipe[data-wipe-visible]{animation:qn-nav-wipe-down .45s cubic-bezier(.22,1,.36,1) 0s}.qn-illustration{opacity:0;transform:translate3d(0,16px,0) scale(.97);transform-origin:center;transition:opacity .72s cubic-bezier(.16,1,.3,1),transform .72s cubic-bezier(.16,1,.3,1)}[data-wipe-visible] .qn-illustration{opacity:1;transform:translateZ(0) scale(1);transition-delay:.2s}@supports (animation-timeline:view()){.qn-illustration{animation:qn-illustration-parallax linear both;animation-timeline:view(block);animation-range:cover 0 cover 100%}}@keyframes qn-illustration-parallax{0%{translate:0 10%}to{translate:0 -10%}}@media (prefers-reduced-motion:reduce){.qn-nav-wipe,.qn-wipe{clip-path:none!important;-webkit-clip-path:none!important;animation:none!important}.qn-illustration{opacity:1!important;transform:none!important;transition:none!important;animation:none!important;translate:0!important}}@container card (min-width: 600px){.qn-enterprise-hubspot .qn-security-card-cta-row{flex-direction:row}}