.hero{background:linear-gradient(145deg,#fff 54%,#f2f7fa 100%)}
.hero:before{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;background:
radial-gradient(circle at 81% 38%,transparent 0 118px,#00aeef2a 119px 120px,transparent 121px 182px,#00aeef18 183px 184px,transparent 185px 255px,#00aeef10 256px 257px,transparent 258px),
radial-gradient(circle at 88% 23%,#00aeef 0 3px,#00aeef22 4px 10px,transparent 11px),
radial-gradient(circle at 72% 68%,#00aeef 0 2px,#00aeef22 3px 8px,transparent 9px),
linear-gradient(#0c0e1010 1px,transparent 1px),
linear-gradient(90deg,#0c0e1010 1px,transparent 1px);
background-size:auto,auto,auto,28px 28px,28px 28px;
-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 30%,#000 46%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,transparent 30%,#000 46%,#000 100%)}
.hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:
linear-gradient(90deg,transparent 0 63%,#00aeef14 63% 63.12%,transparent 63.12%),
linear-gradient(180deg,transparent 0 33%,#00aeef10 33% 33.12%,transparent 33.12%),
radial-gradient(ellipse at 80% 43%,#00aeef18 0%,#00aeef0b 19%,transparent 48%)}
.hero-proof{position:relative;box-shadow:0 42px 100px #0c0e1030,0 0 0 1px #00aeef14;transform:rotate(.7deg)}
.hero-proof:before{content:'';position:absolute;inset:-28px;z-index:-1;border:1px solid #00aeef24;clip-path:polygon(56% 0,100% 0,100% 100%,16% 100%,16% 72%,0 72%,0 18%,56% 18%);pointer-events:none}
.hero-proof:after{content:'';position:absolute;right:-44px;top:50%;width:7px;height:7px;border-radius:50%;background:#00aeef;box-shadow:0 0 0 7px #00aeef18,0 0 24px #00aeef66;transform:translateY(-50%);pointer-events:none}

.ask{position:relative;overflow:hidden}
.ask:before{content:'';position:absolute;left:-9%;top:18%;width:48%;height:68%;pointer-events:none;background:radial-gradient(circle at 42% 50%,#00aeef1f 0%,#00aeef10 24%,transparent 67%)}
@media(max-width:1000px){.hero-proof:before{inset:-18px}.hero-proof:after{right:-28px}}
@media(max-width:760px){.hero:before{background:radial-gradient(circle at 78% 30%,transparent 0 90px,#00aeef1f 91px 92px,transparent 93px),linear-gradient(#0c0e100b 1px,transparent 1px),linear-gradient(90deg,#0c0e100b 1px,transparent 1px);background-size:auto,26px 26px,26px 26px;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 100%)}.hero-proof:before,.hero-proof:after{display:none}.ask:before{display:none}}