.q-hero.q-hero--material{isolation:isolate;background:#03172c;place-items:center;min-height:480px;padding:76px 40px 80px;display:grid;position:relative;overflow:hidden}.q-hero--material .q-hero__content{isolation:isolate;position:relative}.q-hero--material .q-hero__content:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#03112300,#031123a3 38px calc(100% - 42px),#03112300);position:absolute;inset:-38px -30px -42px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.q-material{--material-position:50% 50%;z-index:-1;pointer-events:none;contain:paint;background:#03172c;position:absolute;inset:0;overflow:hidden}.q-material:after{content:"";background:radial-gradient(38% 78% at 50% 42%,#0311232e,#0000),linear-gradient(#0311230d,#0000 68%,#03112314);position:absolute;inset:0}.q-material .q-material__base,.q-material .q-material__canvas{object-fit:cover;object-position:var(--material-position);width:100%;max-width:none;height:100%;margin:0;display:block;position:absolute;inset:0}.q-material .q-material__base{opacity:1}.q-material .q-material__canvas{opacity:0}.q-material[data-renderer=webgl] .q-material__canvas{opacity:1}.q-material[data-renderer=static] .q-material__canvas{opacity:0}.q-material[data-material=licensing]{inset:0 -4% -6%}.q-material[data-material=email] .q-material__base,.q-material[data-material=email] .q-material__canvas{filter:brightness(.74)}@media (width<=1100px){.q-hero.q-hero--material{min-height:465px;padding:68px 36px 72px}}@media (width<=600px){.q-hero.q-hero--material{min-height:0;padding:52px 20px 58px}.q-material[data-material=licensing]{--material-position:75% 50%;inset:0 0 -20%}.q-material[data-material=endpoint]{--material-position:28% 50%}.q-material[data-material=email]{--material-position:69% 50%}.q-hero--material .q-hero__content:before{background:linear-gradient(#03112300,#031123b3 30px calc(100% - 34px),#03112300);inset:-30px -24px -34px;-webkit-mask-image:none;mask-image:none}}@media (width<=360px){.q-hero.q-hero--material{padding-block:44px 50px}}@media (prefers-reduced-motion:reduce){.q-material .q-material__canvas{display:none}.q-material .q-material__base{opacity:1}}