.storm-preview{isolation:isolate}.storm-sky{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 70% 0%,#123256 0,transparent 60%),#080d18}.storm-clouds{position:absolute;inset:-25%;opacity:.35;background:radial-gradient(ellipse at 30% 20%,#3979ad44,transparent 42%),radial-gradient(ellipse at 80% 40%,#4a659d44,transparent 35%);animation:cloud-drift 35s ease-in-out infinite alternate}.storm-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 20%,#6fbaff55,transparent 70%);opacity:0;animation:sky-thunder 18s linear infinite}.storm-bolt{position:absolute;top:-10px;width:170px;height:470px;fill:#a7eaff;filter:drop-shadow(0 0 7px #29adff) drop-shadow(0 0 22px #148bff);opacity:0;animation:lightning 18s linear infinite}.bolt-one{right:9%}.bolt-two{left:6%;width:120px;animation-delay:9s}.branch{fill:none;stroke:#a7eaff;stroke-width:3}.storm-rain{position:absolute;inset:0;opacity:.45}.rain-drop{position:absolute;top:-140px;width:1px;height:100px;background:linear-gradient(transparent,#7ac4ff88);animation:rain-fall 1.4s linear infinite}.storm-preview-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;background:#11243bee;border-bottom:1px solid #356699;color:#bee0ff;font-size:12px}.storm-preview-bar button{background:#172f4c;border:1px solid #5894c8;color:white;padding:7px 12px;border-radius:6px;cursor:pointer}.storm-preview-bar button:focus-visible{outline:3px solid #9bd3ff;outline-offset:3px}.storm-preview .signal-strip,.storm-preview .plans-section{background-color:#0b1420d9}.storm-paused .storm-sky *{animation-play-state:paused!important}.storm-paused .storm-bolt,.storm-paused .storm-glow{opacity:0!important}@keyframes rain-fall{to{transform:translate(-100px,calc(100vh + 200px))}}@keyframes cloud-drift{to{transform:translate(8%,3%)}}@keyframes lightning{0%,30%,35%,100%{opacity:0}32%{opacity:.75}}@keyframes sky-thunder{0%,30%,36%,100%{opacity:0}32%{opacity:.25}}@media(max-width:760px){.storm-bolt{width:95px;height:350px}.rain-drop:nth-child(even){display:none}.storm-preview-bar{font-size:10px;padding:10px 18px}.storm-rain{opacity:.3}}@media(prefers-reduced-motion:reduce){.storm-sky *{animation:none!important}.storm-bolt,.storm-glow,.storm-rain{display:none}.storm-preview-bar button{display:none}}
.rain-0{left:0%;height:50px;animation-duration:1.1s;animation-delay:-0s;opacity:0.25}
.rain-1{left:37%;height:67px;animation-duration:1.2400000000000002s;animation-delay:-0.31s;opacity:0.39}
.rain-2{left:74%;height:84px;animation-duration:1.3800000000000001s;animation-delay:-0.62s;opacity:0.53}
.rain-3{left:111%;height:101px;animation-duration:1.52s;animation-delay:-0.9299999999999999s;opacity:0.67}
.rain-4{left:33%;height:118px;animation-duration:1.6600000000000001s;animation-delay:-1.24s;opacity:0.81}
.rain-5{left:70%;height:135px;animation-duration:1.8000000000000003s;animation-delay:-1.55s;opacity:0.25}
.rain-6{left:107%;height:62px;animation-duration:1.9400000000000002s;animation-delay:-1.8599999999999999s;opacity:0.39}
.rain-7{left:29%;height:79px;animation-duration:1.1s;animation-delay:-2.17s;opacity:0.53}
.rain-8{left:66%;height:96px;animation-duration:1.2400000000000002s;animation-delay:-2.48s;opacity:0.67}
.rain-9{left:103%;height:113px;animation-duration:1.3800000000000001s;animation-delay:-2.79s;opacity:0.81}
.rain-10{left:25%;height:130px;animation-duration:1.52s;animation-delay:-0.10000000000000009s;opacity:0.25}
.rain-11{left:62%;height:57px;animation-duration:1.6600000000000001s;animation-delay:-0.41000000000000014s;opacity:0.39}
.rain-12{left:99%;height:74px;animation-duration:1.8000000000000003s;animation-delay:-0.7199999999999998s;opacity:0.53}
.rain-13{left:21%;height:91px;animation-duration:1.9400000000000002s;animation-delay:-1.0300000000000002s;opacity:0.67}
.rain-14{left:58%;height:108px;animation-duration:1.1s;animation-delay:-1.3399999999999999s;opacity:0.81}
.rain-15{left:95%;height:125px;animation-duration:1.2400000000000002s;animation-delay:-1.6500000000000004s;opacity:0.25}
.rain-16{left:17%;height:52px;animation-duration:1.3800000000000001s;animation-delay:-1.96s;opacity:0.39}
.rain-17{left:54%;height:69px;animation-duration:1.52s;animation-delay:-2.2699999999999996s;opacity:0.53}
.rain-18{left:91%;height:86px;animation-duration:1.6600000000000001s;animation-delay:-2.58s;opacity:0.67}
.rain-19{left:13%;height:103px;animation-duration:1.8000000000000003s;animation-delay:-2.8899999999999997s;opacity:0.81}
.rain-20{left:50%;height:120px;animation-duration:1.9400000000000002s;animation-delay:-0.20000000000000018s;opacity:0.25}
.rain-21{left:87%;height:137px;animation-duration:1.1s;animation-delay:-0.5099999999999998s;opacity:0.39}
.rain-22{left:9%;height:64px;animation-duration:1.2400000000000002s;animation-delay:-0.8200000000000003s;opacity:0.53}
.rain-23{left:46%;height:81px;animation-duration:1.3800000000000001s;animation-delay:-1.13s;opacity:0.67}
.rain-24{left:83%;height:98px;animation-duration:1.52s;animation-delay:-1.4399999999999995s;opacity:0.81}
.rain-25{left:5%;height:115px;animation-duration:1.6600000000000001s;animation-delay:-1.75s;opacity:0.25}
.rain-26{left:42%;height:132px;animation-duration:1.8000000000000003s;animation-delay:-2.0600000000000005s;opacity:0.39}
.rain-27{left:79%;height:59px;animation-duration:1.9400000000000002s;animation-delay:-2.369999999999999s;opacity:0.53}
.rain-28{left:1%;height:76px;animation-duration:1.1s;animation-delay:-2.6799999999999997s;opacity:0.67}
.rain-29{left:38%;height:93px;animation-duration:1.2400000000000002s;animation-delay:-2.99s;opacity:0.81}
.rain-30{left:75%;height:110px;animation-duration:1.3800000000000001s;animation-delay:-0.3000000000000007s;opacity:0.25}
.rain-31{left:112%;height:127px;animation-duration:1.52s;animation-delay:-0.6099999999999994s;opacity:0.39}
.rain-32{left:34%;height:54px;animation-duration:1.6600000000000001s;animation-delay:-0.9199999999999999s;opacity:0.53}
.rain-33{left:71%;height:71px;animation-duration:1.8000000000000003s;animation-delay:-1.2300000000000004s;opacity:0.67}
.rain-34{left:108%;height:88px;animation-duration:1.9400000000000002s;animation-delay:-1.5399999999999991s;opacity:0.81}
.rain-35{left:30%;height:105px;animation-duration:1.1s;animation-delay:-1.8499999999999996s;opacity:0.25}
.rain-36{left:67%;height:122px;animation-duration:1.2400000000000002s;animation-delay:-2.16s;opacity:0.39}
.rain-37{left:104%;height:139px;animation-duration:1.3800000000000001s;animation-delay:-2.4700000000000006s;opacity:0.53}
.rain-38{left:26%;height:66px;animation-duration:1.52s;animation-delay:-2.7799999999999994s;opacity:0.67}
.rain-39{left:63%;height:83px;animation-duration:1.6600000000000001s;animation-delay:-0.08999999999999986s;opacity:0.81}
.rain-40{left:100%;height:100px;animation-duration:1.8000000000000003s;animation-delay:-0.40000000000000036s;opacity:0.25}
.rain-41{left:22%;height:117px;animation-duration:1.9400000000000002s;animation-delay:-0.7099999999999991s;opacity:0.39}
.rain-42{left:59%;height:134px;animation-duration:1.1s;animation-delay:-1.0199999999999996s;opacity:0.53}
.rain-43{left:96%;height:61px;animation-duration:1.2400000000000002s;animation-delay:-1.33s;opacity:0.67}

/* Angular lightning spans the entire document rather than one viewport. */
.storm-preview{position:relative}.storm-lightning{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.storm-lightning .storm-bolt{top:0;right:3%;width:320px;height:100%;fill:none;filter:drop-shadow(0 0 8px #28aaff) drop-shadow(0 0 24px #148bff)}.storm-lightning path{vector-effect:non-scaling-stroke;stroke-linejoin:miter;stroke-linecap:square}.bolt-halo{stroke:#188dff;stroke-width:34}.bolt-core{stroke:#c5f6ff;stroke-width:16}.storm-paused .storm-lightning *{animation-play-state:paused!important}.storm-paused .storm-lightning .storm-bolt{opacity:0!important}@media(max-width:760px){.storm-lightning .storm-bolt{width:180px;right:1%;height:100%}}@media(prefers-reduced-motion:reduce){.storm-lightning{display:none}}

/* One soft strike at a randomized interval; no rapid repeated flicker. */
.storm-lightning .storm-bolt,.storm-glow{animation:none;transition:opacity .22s ease-out}.storm-striking .storm-lightning .storm-bolt{opacity:.75}.storm-striking .storm-glow{opacity:.25}.storm-paused .storm-glow{opacity:0!important}@media(prefers-reduced-motion:reduce){.storm-lightning .storm-bolt,.storm-glow{transition:none}}

/* Calm review: effects stay inside the opening hero. */
.storm-preview .hero{position:relative;isolation:isolate;overflow:hidden}.storm-sky{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 0%,#12325688,transparent 65%)}.storm-rain{opacity:.18}.storm-clouds{opacity:.2}.storm-lightning .storm-bolt{width:240px}.bolt-halo{stroke-width:24}.bolt-core{stroke-width:10}.storm-striking .storm-lightning .storm-bolt{opacity:.45}.storm-striking .storm-glow{opacity:.1}.storm-preview .signal-strip{background:#0d1420}.storm-preview .plans-section{background:#0b1220}@media(max-width:760px){.storm-rain{opacity:.1}.rain-drop:nth-child(3n){display:none}.storm-lightning .storm-bolt{width:140px}.bolt-halo{stroke-width:18}.bolt-core{stroke-width:7}}