/* Proof frame and orbit match the live commercial-module overview. */
@property --wholesale-proof-angle{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes wholesale-proof-border-flash{to{--wholesale-proof-angle:360deg}}
.hero.dark{padding-top:36px}
.hero .hero-copy{align-self:start}
.hero .hero-proof{position:relative;padding-left:25px;padding-right:25px;border:1px solid rgb(102 218 239 / 34%);background:linear-gradient(100deg,rgb(13 43 67 / 92%),rgb(7 31 55 / 88%));box-shadow:0 24px 72px rgb(0 0 0 / 25%),inset 0 1px rgb(255 255 255 / 9%)}
.hero .hero-proof::before{content:none}
.hero .hero-proof::after{content:'';position:absolute;inset:0;z-index:2;padding:1px;background:conic-gradient(from var(--wholesale-proof-angle),transparent 0deg 312deg,#66dbee12 323deg,#66dbee61 336deg,#ffffff75 346deg,#ce202f57 355deg,transparent 360deg);filter:drop-shadow(0 0 3px rgb(102 219 238 / 24%));mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none;animation:wholesale-proof-border-flash 7.2s linear infinite}
html.motion-paused .hero .hero-proof::after{animation-play-state:paused!important}
@media(max-width:760px){.hero.dark{padding-top:24px}.hero .hero-proof{padding-left:20px;padding-right:20px}}