/* Chrome Pulse 04 for the product hero only. No filters or reflections on the screenshots. */
.lr-page .lr-hero{position:relative;isolation:isolate}
.lr-page .lr-hero::before,.lr-page .lr-hero::after{content:"";position:absolute;pointer-events:none;z-index:-1}
.lr-page .lr-hero::before{inset:-80px -22% 10%;background:radial-gradient(ellipse at 77% 28%,#70ddff21,transparent 48%),radial-gradient(ellipse at 18% 57%,#87a9d018,transparent 56%);animation:lr-chrome-aura 12s ease-in-out infinite alternate}
.lr-page .lr-hero::after{inset:0 -12% 5%;background:linear-gradient(116deg,transparent 30%,#bcecff05 41%,#d7f4ff0c 42%,#5bcfea05 45%,transparent 57%)}
.lr-page .lr-hero h1 em{color:#e2f3fc}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 .lr-page .lr-hero h1 em{display:inline-block;color:transparent;background:linear-gradient(104deg,#eff9fd 0%,#8ca5bb 21%,#f8fdff 42%,#7de9ff 64%,#91a9bc 84%,#e6f8ff 100%);background-size:210% 100%;background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 0 18px #7de9ff1a);animation:lr-chrome-title 7s ease-in-out infinite alternate}
}
.lr-page .lr-screen--hero{box-shadow:0 34px 80px #0009,0 0 90px #36cdeb1c,inset 0 1px #d8f2ff60}
/* The interior is cut out of the effect: only the two-pixel frame can shimmer. */
@supports ((mask-composite:exclude) or (-webkit-mask-composite:xor)){
 .lr-page .lr-screen--hero::after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:2px;pointer-events:none;background:linear-gradient(112deg,transparent 20%,#829daf33 35%,#f1fcffc4 48%,#98eaff8c 52%,#7899b533 63%,transparent 78%);background-size:280% 100%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:lr-chrome-frame 10s ease-in-out infinite alternate}
}
@keyframes lr-chrome-title{from{background-position:0 50%}to{background-position:100% 50%}}
@keyframes lr-chrome-frame{0%,15%{background-position:0 50%;opacity:.5}65%,100%{background-position:100% 50%;opacity:1}}
@keyframes lr-chrome-aura{from{opacity:.65}to{opacity:1}}
@media(prefers-reduced-motion:reduce){
 .lr-page .lr-hero::before,.lr-page .lr-hero h1 em,.lr-page .lr-screen--hero::after{animation:none}
 .lr-page .lr-hero h1 em{background-position:45% 50%}
 .lr-page .lr-screen--hero::after{background-position:55% 50%}
}
@media(forced-colors:active){
 .lr-page .lr-hero h1 em{color:CanvasText;background:none;filter:none;animation:none}
 .lr-page .lr-hero::before,.lr-page .lr-hero::after,.lr-page .lr-screen--hero::after{display:none}
}