.landing-page-beams,#backgroundBeamsRoot,.background-beams-with-collision{width:100%;min-height:100svh}
.landing-page-beams{overflow:hidden;background:#fff}
.background-beams-with-collision{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(to bottom,#fff,#f5f5f5)}
.collision-beam{position:absolute;left:0;top:5rem;width:1px;height:3.5rem;margin:auto;border-radius:999px;background:linear-gradient(to top,#6366f1,#a855f7,transparent)}
.collision-beam.beam-short{height:1.5rem}.collision-beam.beam-tall{height:5rem}.collision-beam.beam-medium{height:3rem}
.beam-collision-floor{position:absolute;inset-inline:0;bottom:0;width:100%;height:1px;pointer-events:none;background:#f5f5f5;box-shadow:0 0 24px rgba(34,42,53,.06),0 1px 1px rgba(0,0,0,.05),0 0 0 1px rgba(34,42,53,.04),0 0 4px rgba(34,42,53,.08),0 16px 68px rgba(47,48,55,.05),0 1px 0 rgba(255,255,255,.1) inset}
.beam-explosion{position:absolute;z-index:50;width:.5rem;height:.5rem;pointer-events:none}
.beam-explosion-glow{position:absolute;left:-2.5rem;right:-2.5rem;top:0;height:.5rem;width:2.5rem;margin:auto;border-radius:999px;background:linear-gradient(to right,transparent,#6366f1,transparent);filter:blur(4px)}
.beam-explosion-particle{position:absolute;width:.25rem;height:.25rem;border-radius:999px;background:linear-gradient(to bottom,#6366f1,#a855f7)}
.beams-heading{position:relative;z-index:20;display:flex;max-width:min(1100px,90vw);flex-direction:column;align-items:center;margin:0;text-align:center;font-family:Arial,"Microsoft YaHei",sans-serif;font-weight:800;font-size:clamp(34px,5vw,76px);line-height:1.08;letter-spacing:-.045em;color:#111827}
.beams-heading-primary{display:block}
.beams-heading-gradient{position:relative;display:inline-block;width:max-content;max-width:100%;padding:16px 0;background:linear-gradient(to right,#a855f7,#8b5cf6,#ec4899);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 1px 3px rgba(27,37,80,.14))}
@media(max-width:720px){.beams-heading{font-size:clamp(32px,10vw,54px)}.beams-heading-gradient{width:auto}}
@media(prefers-reduced-motion:reduce){.collision-beam,.beam-explosion,.beam-explosion-glow,.beam-explosion-particle{display:none}}
