.sfx-hero{isolation:isolate;background:var(--brand);color:var(--on-brand);position:relative;overflow:hidden}.sfx-grad,.sfx-dots,.sfx-route{background:radial-gradient(55% 90% at 100% 100%, color-mix(in srgb, var(--accent) 40%, transparent), transparent 70%), radial-gradient(45% 70% at 0% 0%, #ffffff24, transparent 70%), linear-gradient(135deg, var(--brand) 0%, var(--brand-hover) 100%)}.sfx-dots:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(color-mix(in srgb, var(--on-brand) 22%, transparent) 1.2px, transparent 1.6px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(100deg,#0000 15%,#000 75%);mask-image:linear-gradient(100deg,#0000 15%,#000 75%)}.sfx-paths{inset-inline-end:0;z-index:-1;pointer-events:none;fill:none;width:min(60%,720px);height:100%;stroke:var(--on-brand);stroke-opacity:.28;stroke-width:1.6px;stroke-dasharray:4 7;stroke-linecap:round;position:absolute;top:0}.sfx-dot{fill:var(--accent);stroke:var(--on-brand);stroke-opacity:.9;stroke-dasharray:none;stroke-width:2px}.sfx-plane{stroke:var(--on-brand);stroke-opacity:.85;stroke-dasharray:none;stroke-width:2.4px}[dir=rtl] .sfx-grad,[dir=rtl] .sfx-dots,[dir=rtl] .sfx-route{background:radial-gradient(55% 90% at 0% 100%, color-mix(in srgb, var(--accent) 40%, transparent), transparent 70%), radial-gradient(45% 70% at 100% 0%, #ffffff24, transparent 70%), linear-gradient(225deg, var(--brand) 0%, var(--brand-hover) 100%)}[dir=rtl] .sfx-dots:before{-webkit-mask-image:linear-gradient(-100deg,#0000 15%,#000 75%);mask-image:linear-gradient(-100deg,#0000 15%,#000 75%)}[dir=rtl] .sfx-paths{transform:scaleX(-1)}@media (max-width:720px){.sfx-paths{opacity:.55;width:100%}}.sfx-hero>:not(.sfx-paths){position:relative}