/* Prospects Hive solutions styles. Selectors and declarations copied from the design export. */
.sx-box{position:relative;aspect-ratio:480/440;border-radius:32px;padding:0;overflow:hidden;background:radial-gradient(60% 50% at var(--ph-solutions-box-orange-position,50% 45%),var(--ph-solutions-box-orange,rgba(241,94,34,.10)) var(--ph-solutions-box-orange-start-stop,0%),var(--ph-solutions-box-orange-end,rgba(241,94,34,0)) var(--ph-solutions-box-orange-end-stop,70%)),radial-gradient(50% 50% at var(--ph-solutions-box-blue-position,90% 90%),var(--ph-solutions-box-blue,rgba(35,116,172,.10)) var(--ph-solutions-box-blue-start-stop,0%),var(--ph-solutions-box-blue-end,rgba(35,116,172,0)) var(--ph-solutions-box-blue-end-stop,70%)),linear-gradient(var(--ph-solutions-box-base-angle,160deg),var(--ph-solutions-box-base,#FFFFFF) var(--ph-solutions-box-base-start-stop,0%),var(--ph-solutions-box-base-mid,#FFF7F2) 55%,var(--ph-solutions-box-base-end,#F2F8FD) var(--ph-solutions-box-base-end-stop,100%))}
.sx-grid{position:absolute;inset:0;background:radial-gradient(var(--ph-solutions-grid-dots,#E6DDD4) 1.1px,var(--ph-solutions-grid-dots-end,rgba(230,221,212,0)) 1.1px) 0 0/20px 20px;opacity:.7;-webkit-mask-image:radial-gradient(ellipse at 50% 45%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 45%,#000 30%,transparent 75%)}
.sx-svg{position:absolute;left:0;top:0;width:100%;height:90.9%}
.sx-dash{stroke-dasharray:6 10;animation:dash 1.4s linear infinite}
.sx-hub{position:absolute;left:50%;top:46%;width:32%;aspect-ratio:1;transform:translate(-50%,-50%)}
.sx-ring{position:absolute;inset:-6%;border-radius:50%;border:1.5px solid color-mix(in srgb, var(--ph-accent, #F15E22) 35%, transparent);animation:ringpulse 3.6s ease-out infinite}
.sx-ring.d2{animation-delay:1.8s;border-color:color-mix(in srgb, var(--ph-blue-accent, #2374AC) 35%, transparent)}
.sx-core{position:absolute;inset:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;background:radial-gradient(circle at var(--ph-solutions-core-position,30% 25%),var(--ph-solutions-core,#FFFFFF) var(--ph-solutions-core-start-stop,0%),var(--ph-solutions-core-mid,#FFF4EC) 60%,var(--ph-solutions-core-end,#FFE6D8) var(--ph-solutions-core-end-stop,100%));border:1px solid var(--ph-solutions-core-border, #F6D3BF);box-shadow:0 0 0 8px rgba(255,255,255,.7),0 24px 50px -24px color-mix(in srgb, var(--ph-accent, #F15E22) 55%, transparent)}
.sx-core img{width:34px;height:34px;display:block}
.sx-core b{font-size:15px;font-weight:700;color:var(--ph-ink, #0B1620)}
.sx-core small{font-size:11.5px;color:var(--ph-muted, #56626D)}
.sx-node{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:16px;background:var(--ph-surface, #FFFFFF);border:1px solid var(--ph-solutions-node-border, #EFE3D8);box-shadow:0 16px 30px -20px color-mix(in srgb, var(--ph-ink, #0B1620) 35%, transparent);animation:nodeglow 3.2s ease-in-out infinite;white-space:nowrap}
.sx-node b{display:block;font-size:13.5px;font-weight:600;color:var(--ph-ink, #0B1620)}
.sx-node small{display:block;font-size:11.5px;color:var(--ph-muted, #56626D)}
.sx-ic{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(var(--ph-solutions-node-icon-warm-angle,145deg),var(--ph-solutions-node-icon-warm,#FFF3EC) var(--ph-solutions-node-icon-warm-start-stop,0%),var(--ph-solutions-node-icon-warm-end,#FFE0CF) var(--ph-solutions-node-icon-warm-end-stop,100%))}
.sx-n2 .sx-ic,.sx-n4 .sx-ic{background:linear-gradient(var(--ph-solutions-node-icon-cool-angle,145deg),var(--ph-solutions-node-icon-cool,#F0F7FC) var(--ph-solutions-node-icon-cool-start-stop,0%),var(--ph-solutions-node-icon-cool-end,#D8EAF6) var(--ph-solutions-node-icon-cool-end-stop,100%))}
.sx-n1{left:4%;top:17%}
.sx-n2{right:4%;top:17%;animation-delay:.8s}
.sx-n3{left:4%;top:62%;animation-delay:1.6s}
.sx-n4{right:4%;top:62%;animation-delay:2.4s}
.sx-meet{position:absolute;left:50%;top:3.5%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:7px 12px 7px 7px;border-radius:999px;background:var(--ph-surface, #FFFFFF);border:1px solid var(--ph-solutions-meet-border, #D9EFE1);box-shadow:0 12px 26px -16px color-mix(in srgb, var(--ph-solutions-ok-text, #15803D) 50%, transparent);font-size:12px;white-space:nowrap;animation:float 5s ease-in-out infinite}
.sx-meet b{font-size:12.5px;color:var(--ph-ink, #0B1620)}
.sx-meet small{display:block;font-size:11px;color:var(--ph-muted, #56626D)}
.sx-ok{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--ph-solutions-ok-badge, #22C55E);color:var(--ph-on-accent, #FFFFFF);font-size:12px;font-weight:700}
.sx-bar{position:absolute;left:6%;right:6%;bottom:5%;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;background:var(--ph-surface, #FFFFFF);border:1px solid var(--ph-solutions-node-border, #EFE3D8);box-shadow:0 16px 30px -22px color-mix(in srgb, var(--ph-ink, #0B1620) 35%, transparent);font-size:13px;font-weight:600;color:var(--ph-lead, #3A4753)}
.sx-track{flex:1;height:8px;border-radius:8px;background:var(--ph-solutions-track-bg, #F1E7DE);overflow:hidden}
.sx-track i{display:block;height:100%;width:0;border-radius:8px;background:linear-gradient(var(--ph-solutions-track-fill-angle,90deg),var(--ph-solutions-track-fill,#2374AC) var(--ph-solutions-track-fill-start-stop,0%),var(--ph-solutions-track-fill-mid,#5FB0E8) 40%,var(--ph-solutions-track-fill-mid-2,#FF8A4C) 75%,var(--ph-solutions-track-fill-end,#F15E22) var(--ph-solutions-track-fill-end-stop,100%));animation:sxfill 4s ease-in-out infinite}
.sx-bar b{color:var(--ph-solutions-ok-text, #15803D)}
@media (max-width:760px){.sx-node{padding:7px 9px 7px 7px;gap:7px}.sx-ic{width:26px;height:26px}.sx-ic svg{width:15px;height:15px}.sx-node b{font-size:11.5px}.sx-node small{display:none}.sx-core b{font-size:12px}.sx-core small{display:none}.sx-core img{width:24px;height:24px}.sx-meet{display:none}}
@keyframes sxfill{0%{width:8%}60%,100%{width:92%}}