@property --roi-border-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.hero-roi-popup{--roi-popup-radius:1.875rem;--roi-popup-blue:var(--color-primary);--roi-popup-blue-deep:var(--color-primary-dark);--roi-popup-blue-soft:var(--color-primary-light);--roi-popup-yellow:var(--color-accent);--roi-popup-yellow-soft:var(--color-accent-light);--roi-popup-yellow-deep:var(--color-accent-dark)}.hero-roi-popup-card{position:relative;overflow:hidden;isolation:isolate;border-radius:var(--roi-popup-radius);border:2px solid color-mix(in srgb,var(--roi-popup-yellow) 28%,transparent);background:linear-gradient(165deg,var(--roi-popup-blue-soft) 0,var(--roi-popup-blue) 42%,var(--roi-popup-blue-deep) 100%);box-shadow:0 0 0 1px color-mix(in srgb,var(--roi-popup-blue-deep) 55%,transparent),0 22px 50px color-mix(in srgb,#020617 42%,transparent),0 0 36px color-mix(in srgb,var(--roi-popup-yellow) 8%,transparent)}.hero-roi-popup-card:before{z-index:2;padding:3px;background:linear-gradient(160deg,color-mix(in srgb,var(--roi-popup-yellow) 45%,transparent),color-mix(in srgb,white 12%,transparent) 35%,color-mix(in srgb,var(--roi-popup-yellow) 20%,transparent) 70%,color-mix(in srgb,var(--roi-popup-yellow) 40%,transparent));opacity:.55}.hero-roi-popup-card:after,.hero-roi-popup-card:before{content:"";pointer-events:none;position:absolute;inset:0;border-radius:inherit;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.hero-roi-popup-card:after{z-index:3;padding:3.5px;background:conic-gradient(from var(--roi-border-angle),transparent 0,transparent 58%,color-mix(in srgb,var(--roi-popup-yellow) 0%,transparent) 62%,color-mix(in srgb,var(--roi-popup-yellow) 55%,transparent) 70%,var(--roi-popup-yellow-soft) 76%,var(--roi-popup-yellow) 80%,color-mix(in srgb,var(--roi-popup-yellow) 45%,transparent) 86%,transparent 92%,transparent 100%);animation:hero-roi-border-spin 2.4s linear infinite;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--roi-popup-yellow) 45%,transparent))}@keyframes hero-roi-border-spin{to{--roi-border-angle:360deg}}.hero-roi-popup-hero{position:relative;overflow:hidden}.hero-roi-popup-atmosphere{pointer-events:none;position:absolute;inset:0}.hero-roi-popup-atmosphere-glow{position:absolute;left:50%;top:18%;width:11rem;height:6.5rem;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse at center,color-mix(in srgb,white 14%,transparent) 0,color-mix(in srgb,var(--roi-popup-blue-soft) 25%,transparent) 45%,transparent 70%);filter:blur(12px)}.hero-roi-popup-atmosphere-grid{position:absolute;inset:0;opacity:.07;background-image:linear-gradient(rgba(255,255,255,.55) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.55) 1px,transparent 0);background-size:28px 28px;mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,black 20%,transparent 75%)}.hero-roi-popup-atmosphere-rays{position:absolute;left:50%;top:28%;width:140%;height:140%;transform:translate(-50%,-50%);opacity:.07;background:repeating-conic-gradient(from 0deg at 50% 50%,transparent 0deg 8deg,rgba(255,255,255,.4) 8deg 9deg,transparent 9deg 18deg);mask-image:radial-gradient(circle at center,black 8%,transparent 48%)}.hero-roi-popup-particle{position:absolute;border-radius:9999px;background:color-mix(in srgb,var(--roi-popup-yellow) 70%,white);opacity:.35}.hero-roi-popup-badge{position:relative;display:inline-flex;align-items:center;gap:.45rem;overflow:hidden;border-radius:9999px;padding:.4rem .9rem .4rem .7rem;background:linear-gradient(180deg,var(--roi-popup-yellow-soft) 0,var(--roi-popup-yellow) 55%,var(--roi-popup-yellow-deep) 100%);color:var(--roi-popup-blue);box-shadow:inset 0 1px 0 color-mix(in srgb,white 55%,transparent),0 0 18px color-mix(in srgb,var(--roi-popup-yellow) 35%,transparent),0 4px 12px color-mix(in srgb,var(--roi-popup-yellow) 28%,transparent)}.hero-roi-popup-badge-shimmer{pointer-events:none;position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,color-mix(in srgb,white 55%,transparent) 50%,transparent 65%);transform:translateX(-120%);animation:hero-roi-badge-shimmer 4.2s ease-in-out .6s 1}@keyframes hero-roi-badge-shimmer{0%{transform:translateX(-120%)}45%,to{transform:translateX(120%)}}.hero-roi-popup-logo-glow{pointer-events:none;position:absolute;left:50%;top:45%;width:12rem;height:5rem;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse at center,color-mix(in srgb,white 16%,transparent) 0,color-mix(in srgb,var(--roi-popup-blue-soft) 18%,transparent) 45%,transparent 72%);filter:blur(10px);animation:hero-roi-logo-glow 3.6s ease-in-out infinite}@keyframes hero-roi-logo-glow{0%,to{opacity:.7}50%{opacity:1}}.hero-roi-popup-check{height:1.375rem;width:1.375rem;flex-shrink:0;border-radius:9999px;background:var(--roi-popup-yellow);box-shadow:0 0 0 4px color-mix(in srgb,var(--roi-popup-yellow) 14%,transparent),0 2px 8px color-mix(in srgb,var(--roi-popup-yellow) 28%,transparent)}.hero-roi-popup-check,.hero-roi-popup-cta{position:relative;display:flex;align-items:center;justify-content:center;color:var(--roi-popup-blue)}.hero-roi-popup-cta{width:100%;min-height:3.15rem;gap:.5rem;overflow:hidden;border-radius:.85rem;background:linear-gradient(180deg,var(--roi-popup-yellow-soft) 0,var(--roi-popup-yellow) 48%,var(--roi-popup-yellow-deep) 100%);box-shadow:inset 0 1px 0 color-mix(in srgb,white 45%,transparent),0 8px 22px color-mix(in srgb,var(--roi-popup-yellow) 28%,transparent),0 4px 14px color-mix(in srgb,var(--roi-popup-blue) 12%,transparent);transition:transform .22s ease,box-shadow .22s ease}.hero-roi-popup-cta:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 color-mix(in srgb,white 50%,transparent),0 14px 30px color-mix(in srgb,var(--roi-popup-yellow) 42%,transparent),0 0 24px color-mix(in srgb,var(--roi-popup-yellow) 28%,transparent)}.hero-roi-popup-cta:active{transform:translateY(-1px) scale(.99)}.hero-roi-popup-cta:focus-visible{outline:2px solid var(--roi-popup-blue);outline-offset:3px}.hero-roi-popup-cta-arrow{transition:transform .22s ease}.hero-roi-popup-cta:hover .hero-roi-popup-cta-arrow{transform:translateX(5px)}.hero-roi-popup-close{position:absolute;right:.55rem;top:.55rem;z-index:4;display:grid;height:2rem;width:2rem;place-items:center;border-radius:9999px;color:color-mix(in srgb,white 65%,transparent);transition:color .2s ease,background-color .2s ease,transform .2s ease}.hero-roi-popup-close:hover{color:white;background-color:color-mix(in srgb,white 12%,transparent);transform:rotate(90deg)}.hero-roi-popup-close:focus-visible{outline:2px solid var(--roi-popup-yellow);outline-offset:2px}@media (prefers-reduced-motion:reduce){.hero-roi-popup-badge-shimmer,.hero-roi-popup-card:after{animation:none}.hero-roi-popup-card:after{--roi-border-angle:210deg;opacity:.85}.hero-roi-popup-close,.hero-roi-popup-cta,.hero-roi-popup-cta-arrow{transition:none}.hero-roi-popup-close:hover,.hero-roi-popup-cta:active,.hero-roi-popup-cta:hover{transform:none}}