:root{--ease:cubic-bezier(.2, .8, .2, 1)}.hero-react{background-color:#fff;padding:80px 24px;position:relative;overflow:hidden}.hero-react__blob{filter:blur(20px);pointer-events:none;z-index:0;opacity:0;width:520px;height:520px;transition:opacity 1.2s var(--ease), transform 1.2s var(--ease);background:radial-gradient(circle,#1d8fe12e 0%,#1d8fe114 40%,#1d8fe100 70%);border-radius:50%;position:absolute;top:-120px;right:-120px;transform:scale(.9)}.hero-react.is-visible .hero-react__blob{opacity:1;transform:scale(1)}.hero-react:hover .hero-react__blob{background:radial-gradient(circle,#1d8fe147 0%,#1d8fe11f 40%,#1d8fe100 70%)}.hero-react .reveal{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transition-delay:var(--delay,0s);transform:translateY(24px)}.hero-react.is-visible .reveal{opacity:1;transform:translateY(0)}.hero-react__title{letter-spacing:-.02em;color:#0b1220;padding-bottom:14px;font-size:1.875rem;font-weight:800;line-height:1.2;display:inline-block;position:relative}@media (min-width:768px){.hero-react__title{font-size:2.25rem}}@media (min-width:1024px){.hero-react__title{font-size:3rem}}.hero-react__title:after{content:"";transform-origin:0;width:100%;height:3px;transition:transform .7s var(--ease);background:linear-gradient(90deg,#004475,#1d8fe1);border-radius:2px;position:absolute;bottom:0;left:0;transform:scaleX(0)}.hero-react__title:hover{text-shadow:0 0 30px #1d8fe159;transition:text-shadow .5s var(--ease)}.hero-react__title:hover:after{transform:scaleX(1)}.hero-react__para{color:#475569;max-width:760px;transition:transform .45s var(--ease), padding-left .45s var(--ease), color .45s var(--ease);margin-inline:auto;padding:4px 0;font-size:1.0625rem;line-height:1.75;position:relative}.hero-react__para:before{content:"";transform-origin:top;opacity:0;width:3px;transition:transform .45s var(--ease), opacity .45s var(--ease);background:linear-gradient(#004475,#1d8fe1);border-radius:2px;position:absolute;top:8px;bottom:8px;left:0;transform:scaleY(0)}.hero-react__para:hover{color:#1e293b;padding-left:14px;transform:translate(6px)}.hero-react__para:hover:before{opacity:1;transform:scaleY(1)}@media (prefers-reduced-motion:reduce){.hero-react *,.hero-react :before,.hero-react :after{opacity:1!important;transition:none!important;transform:none!important}}
