@property --deck-sweep{syntax:"<angle>";inherits:false;initial-value:0deg}@layer components{.hero-deck{--deck-peek:32px;--deck-step:12px;--deck-dwell:3s;--deck-swap:.45s;--deck-gold:color-mix(in srgb, var(--color-viz-gold) 46%, transparent);isolation:isolate}.hero-deck:before{content:"";z-index:-1;background-image:radial-gradient(closest-side, color-mix(in srgb, var(--color-viz-gold) 30%, transparent) 0%, color-mix(in srgb, var(--color-viz-gold) 28%, transparent) 48%, color-mix(in srgb, var(--color-viz-gold) 13%, transparent) 72%, color-mix(in srgb, var(--color-viz-gold) 4%, transparent) 88%, transparent 100%);opacity:.5;pointer-events:none;position:absolute;inset:-120px -220px -110px -200px}@media (min-width:1024px){.hero-deck:before{opacity:1}}.hero-surfaces-label,.hero-caption,.hero-deck-tab{text-shadow:0 1px 2px #040818f2,0 0 10px #040818e6,0 0 22px #040818b3}.hero-deck-stage{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;margin:6px -16px 0;padding:8px 16px 30px;display:flex;position:relative;overflow-x:auto}.hero-deck-stage::-webkit-scrollbar{display:none}.hero-deck-card{--d:0;--s:calc(1 - var(--d) * .05);scroll-snap-align:center;background-image:linear-gradient(in oklab 165deg, #0e173ad6 0%, #040818eb 100%);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);border-radius:18px;flex-direction:column;flex:0 0 100%;min-width:0;display:flex;position:relative;box-shadow:inset 0 1px #ffffff12,0 18px 30px -18px #01030ccc}.hero-deck-card:before{content:"";border-radius:inherit;background:var(--deck-gold);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.hero-deck-body{flex-direction:column;flex:1;min-width:0;padding:10px 10px 14px;display:flex}.hero-deck-peek{display:none}.hero-deck-visual{flex-direction:column;flex:auto;gap:8px;min-width:0;display:flex}.hero-deck-shot{aspect-ratio:7/4;background-color:var(--color-brand-navy-deep);border-radius:10px;position:relative;overflow:hidden;container-type:inline-size}.hero-deck-shot:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1a}.hero-deck-chips{flex-wrap:wrap;gap:6px;display:flex}.hero-deck-chips>li{color:#d1dbe8;white-space:nowrap;background-color:#ffffff0f;border:1px solid #ffffff24;border-radius:12px;align-items:center;height:24px;padding-inline:9px;font-size:11px;font-weight:700;line-height:14px;display:flex}.hero-deck-explore>span[aria-hidden]{transition:translate .3s var(--motion-ease);display:inline-block}.hero-deck-explore:hover>span[aria-hidden]{translate:3px}.hero-hot{aspect-ratio:1;mix-blend-mode:screen;opacity:0;background-image:radial-gradient(circle,#ff783cd9 0%,#ff5a2800 70%);border-radius:50%;width:10%;animation:2.8s ease-in-out infinite hero-hot;position:absolute;translate:-50% -50%}.hero-hot-1{top:20.13%;left:58.96%}.hero-hot-2{animation-delay:-.9s;top:17.04%;left:79.8%}.hero-hot-3{animation-delay:-1.6s;top:76.11%;left:45.58%}.hero-hot-4{animation-delay:-.5s;top:75.22%;left:20.71%}.hero-hot-5{animation-delay:-2.1s;top:83.19%;left:2.02%}.hero-screen{position:absolute;overflow:hidden}.hero-screen-lightning-probability{width:23.094%;height:41.451%;top:30.699%;left:3.553%}.hero-screen-future-radar{width:22.798%;height:41.969%;top:29.922%;left:38.786%}.hero-screen-current-radar{width:22.798%;height:43.005%;top:28.886%;left:73.723%}.hero-screen-strip{flex-direction:column;height:300%;animation:28s linear infinite hero-screen;display:flex;position:absolute;inset:0 0 auto}.hero-screen-strip>span{background-size:100% 100%;flex:1}.hero-screen-mirror{scale:1 -1}.hero-screen-lightning-probability span{background-image:url(/images/home/hero/mobile-app-screen-lightning-probability.webp)}.hero-screen-future-radar span{background-image:url(/images/home/hero/mobile-app-screen-future-radar.webp)}.hero-screen-current-radar span{background-image:url(/images/home/hero/mobile-app-screen-current-radar.webp)}.hero-screen-future-radar .hero-screen-strip{animation-duration:32s;animation-delay:-9s}.hero-screen-current-radar .hero-screen-strip{animation-duration:26s;animation-delay:-17s}.hero-deck-card:not([data-depth="0"]) .motion-loop{animation-play-state:paused!important}.hero-deck-tabs{gap:8px;display:flex}@media (min-width:1024px){.hero-deck-tabs{margin-top:14px}}.hero-deck-tab{color:#d5dbe9;text-align:left;white-space:nowrap;cursor:pointer;flex-direction:column;flex:1 1 0;gap:9px;min-width:0;padding-block:6px 8px;font-size:11px;font-weight:700;line-height:14px;transition:color .3s ease-out;display:flex}.hero-deck-tab:hover,.hero-deck-tab[aria-selected=true]{color:var(--color-text-on-dark)}.hero-deck-track{background-color:#ffffff3d;border-radius:1px;height:2px;display:block;overflow:hidden;box-shadow:0 1px 3px #04081899}.hero-deck-fill{background-color:var(--color-viz-gold);transform-origin:0;height:100%;display:block;scale:0 1}.hero-deck-tab[aria-selected=true] .hero-deck-fill{scale:1}.hero-deck-tab-name{align-items:center;gap:6px;display:flex}.hero-deck-dot{background-color:#fff6;border-radius:50%;flex:none;width:6px;height:6px;transition:background-color .3s ease-out}.hero-deck-tab[aria-selected=true] .hero-deck-dot{background-color:var(--color-viz-gold)}@media (min-width:1024px){.hero-deck-stage{padding:calc(var(--deck-peek) * 2) calc(var(--deck-step) * 2) 0 0;scroll-snap-type:none;gap:0;margin:14px 0 0;overflow:visible}.hero-deck-stage:after{content:"";left:-7%;right:calc(var(--deck-step) * 2 - 7%);z-index:-1;pointer-events:none;background-image:radial-gradient(closest-side,#01030cc7 0%,#01030c75 45%,#01030c24 78%,#0000 100%);height:84px;position:absolute;bottom:-52px}.hero-deck-card{z-index:calc(3 - var(--d));translate:calc(var(--d) * var(--deck-step) + (1 - var(--s)) * 50%) calc(var(--d) * var(--deck-peek) * -1 - (1 - var(--s)) * 50% - var(--deck-lift,0px));scale:var(--s);box-shadow:inset 0 1px #ffffff12,0 34px 70px -22px #01030cd9,0 14px 26px -14px #01030cb3}.hero-deck-card+.hero-deck-card{margin-left:-100%}.hero-deck-card[data-depth="1"]{--d:1}.hero-deck-card[data-depth="2"]{--d:2}.hero-deck-card:not([data-depth="0"]){cursor:pointer}.hero-deck-card:not([data-depth="0"]):hover{--deck-lift:5px}.hero-deck-card:after{content:"";z-index:2;border-radius:inherit;background-color:var(--color-brand-navy-deep);opacity:calc(var(--d) * .3);pointer-events:none;position:absolute;inset:0}.hero-deck-peek{z-index:3;height:calc(var(--deck-peek) / var(--s));color:var(--color-viz-gold);letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;background-color:#080e28;border-radius:17px 17px 0 0;align-items:center;padding-inline:15px;font-size:11px;font-weight:800;line-height:14px;display:flex;position:absolute;inset:1px 1px auto}.hero-deck-card:not([data-depth="0"]) .hero-deck-peek{opacity:1}.hero-deck-card[data-depth="2"] .hero-deck-peek{color:color-mix(in srgb, var(--color-viz-gold) 78%, var(--color-brand-navy-deep))}}@media (prefers-reduced-motion:no-preference){.hero-deck{--deck-ease:cubic-bezier(.25, .8, .3, 1)}.hero-deck:before{animation:motion-fade .8s ease-out var(--hero-visual-at) backwards}.hero-deck-tab[aria-selected=true] .hero-deck-fill{scale:0 1}.hero-deck[data-cycle] .hero-deck-tab[aria-selected=true] .hero-deck-fill{animation:hero-deck-fill var(--deck-dwell) linear both}.hero-deck[data-hold] .hero-deck-fill,.hero-fx[data-offscreen] .hero-deck-fill{animation-play-state:paused!important}.hero-deck:has(:focus-visible) .hero-deck-fill{animation-play-state:paused!important}@media (hover:hover){.hero-deck:hover .hero-deck-fill{animation-play-state:paused!important}}.hero-deck[data-cycle] .hero-deck-card[data-depth="0"]:before{background:conic-gradient(from var(--deck-sweep), var(--deck-gold) 0deg, var(--deck-gold) 262deg, #fff0bef2 318deg, var(--deck-gold) 360deg);animation:7s linear infinite hero-deck-sweep}.hero-fx[data-offscreen] .hero-deck-card:before{animation-play-state:paused}.hero-deck-stage{animation:hero-deck-rise .7s var(--hero-ease) var(--hero-visual-at) backwards}.hero-deck-tabs{animation:motion-fade .6s ease-out var(--hero-support-at) backwards}@media (min-width:1024px){.hero-deck-card{transition:translate var(--deck-swap) var(--deck-ease), scale var(--deck-swap) var(--deck-ease), transform .8s var(--hero-ease), z-index 0s linear .1s}.hero-deck-card:after,.hero-deck-peek{transition:opacity var(--deck-swap) var(--deck-ease)}.hero-deck-card[data-depth="0"]{transform:perspective(1200px) rotateY(calc(var(--tilt-x,0) * 4deg)) rotateX(calc(var(--tilt-y,0) * -4deg))}.hero-deck-stage{animation:none}.hero-deck-card{animation:hero-deck-fan .5s var(--deck-ease) calc(var(--hero-visual-at) + var(--c,0) * .12s) backwards}.hero-deck-card-0{animation-name:hero-slide;animation-duration:.45s}.hero-deck-stage:after{animation:motion-fade .5s ease-out calc(var(--hero-visual-at) + .24s) backwards}.hero-deck-card-1{--c:1}.hero-deck-card-2{--c:2}}}}@keyframes hero-deck-fill{0%{scale:0 1}to{scale:1}}@keyframes hero-deck-rise{0%{transform:translateY(14px)}}@keyframes hero-deck-sweep{to{--deck-sweep:360deg}}@keyframes hero-deck-fan{0%{opacity:.01;translate:0;scale:.96}}@keyframes hero-hot{0%,to{opacity:.15;scale:.7}50%{opacity:.85;scale:1.25}}@keyframes hero-screen{to{translate:0 -66.6667%}}
