/* XIVO Financial Signal — isolated replacement. All selectors are scoped to .xsp-signal. */
.xsp-signal{position:relative;isolation:isolate;overflow:hidden;padding:clamp(82px,7vw,112px) clamp(26px,5.4vw,88px) 70px;background:linear-gradient(135deg,#fff 0%,#F8FCFF 46%,#ECF6FF 100%);}
.xsp-bg{position:absolute;inset:0;z-index:-5;background:radial-gradient(680px 480px at 76% 44%,rgba(64, 139, 211,.16),transparent 70%),radial-gradient(480px 360px at 9% 90%,rgba(99, 155, 213,.1),transparent 72%)}
.xsp-grid-lines{position:absolute;inset:0;z-index:-4;opacity:.9;background-image:linear-gradient(rgba(69, 125, 178,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(69, 125, 178,.055) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,rgba(0,0,0,.72),transparent 78%)}
.xsp-glow{position:absolute;border-radius:50%;z-index:-3;filter:blur(12px);pointer-events:none;animation:xsp-drift 14s ease-in-out infinite}.xsp-glow-a{width:660px;height:520px;right:6%;top:10%;background:radial-gradient(circle,rgba(80, 151, 222,.2),transparent 68%)}.xsp-glow-b{width:460px;height:380px;left:-14%;bottom:-18%;background:radial-gradient(circle,rgba(151, 198, 245,.16),transparent 70%);animation-delay:-7s}@keyframes xsp-drift{50%{transform:translate3d(-2%,3%,0) scale(1.06)}}
.xsp-layout{position:relative;z-index:2;max-width:1280px;margin:auto;display:grid;grid-template-columns:minmax(330px,.78fr) minmax(600px,1.22fr);gap:clamp(30px,5vw,76px);align-items:center}.xsp-copy{max-width:550px}.xsp-kicker{display:inline-flex;align-items:center;gap:9px;padding:9px 16px;border:1px solid rgba(64, 124, 184,.24);border-radius:999px;color:#437CB5;background:rgba(255,255,255,.54);font-size:11px;font-weight:800;letter-spacing:1.7px}.xsp-kicker-dot{width:7px;height:7px;border-radius:50%;background:#458ACF;box-shadow:0 0 0 0 rgba(69, 138, 207,.4);animation:xsp-pulse-dot 2.3s infinite}@keyframes xsp-pulse-dot{70%{box-shadow:0 0 0 9px rgba(69, 138, 207,0)}100%{box-shadow:0 0 0 0 rgba(69, 138, 207,0)}}
.xsp-copy h2{font-family:'DM Serif Display',serif;font-size:clamp(54px,5.1vw,78px);font-weight:400;line-height:.98;letter-spacing:-.055em;color:#18232F;margin:26px 0 24px}.xsp-copy h2 em{font-style:normal;background:linear-gradient(110deg,#3977B5,#7BB3F0 48%,#3B79B7);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:xsp-shine 7s linear infinite}@keyframes xsp-shine{to{background-position:200% 0}}.xsp-copy p{margin:0;color:#636C76;font-size:17px;line-height:1.72;max-width:540px}
.xsp-dashboard{position:relative;min-height:540px;perspective:1300px;transform-style:preserve-3d}.xsp-dashboard-base{position:absolute;left:17%;right:5%;bottom:5%;height:105px;border-radius:50%;background:radial-gradient(ellipse,rgba(48, 112, 177,.27),rgba(77, 146, 215,.09) 45%,transparent 73%);filter:blur(4px);transform:rotateX(68deg);animation:xsp-base 6s ease-in-out infinite}@keyframes xsp-base{50%{transform:rotateX(68deg) scale(1.05)}}
.xsp-dash-shell{position:absolute;left:10%;right:8%;top:16%;height:370px;z-index:5;display:grid;grid-template-columns:145px 1fr;border-radius:25px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(231, 244, 255,.68));border:1px solid rgba(255,255,255,.92);box-shadow:0 42px 72px rgba(38, 76, 117,.24),inset 0 1px 0 #fff;backdrop-filter:blur(20px);overflow:hidden;transform:rotateY(-10deg) rotateX(7deg) rotateZ(-3deg) translateZ(30px);transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.xsp-dashboard:hover .xsp-dash-shell{transform:rotateY(-4deg) rotateX(4deg) rotateZ(-1deg) translateZ(60px)}
.xsp-dash-side{padding:28px 18px;background:linear-gradient(180deg,rgba(255,255,255,.52),rgba(232, 244, 255,.3));border-right:1px solid rgba(78, 129, 181,.08)}.xsp-dash-brand{display:flex;align-items:center;gap:9px;margin-bottom:26px;color:#253548;font-weight:800;font-size:17px}.xsp-dash-brand b{width:29px;height:29px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#5CA0E3,#306FAD);color:#fff;font-size:21px}.xsp-dash-side>span{display:flex;gap:10px;align-items:center;padding:10px 11px;margin:4px 0;border-radius:9px;color:#6B7480;font-size:13px}.xsp-dash-side>span i{font-style:normal;font-size:11px}.xsp-dash-side>span.is-active{color:#4080BD;background:linear-gradient(90deg,rgba(91, 159, 224,.17),rgba(255,255,255,.45));font-weight:800}
.xsp-dash-main{padding:28px 28px 22px}.xsp-dash-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;color:#273444}.xsp-dash-top strong{font-size:16px}.xsp-dash-top span{padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.58);font-size:9px;color:#75818F}.xsp-chart-panel{height:176px;position:relative;border-radius:14px;background:rgba(255,255,255,.36);overflow:hidden;padding:12px 16px}.xsp-chart-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(88, 131, 174,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(88, 131, 174,.07) 1px,transparent 1px);background-size:20% 25%}.xsp-chart-panel svg{position:absolute;left:14px;right:14px;top:17px;width:calc(100% - 28px);height:118px}.xsp-chart-track{fill:none;stroke:rgba(58, 124, 188,.12);stroke-width:4}.xsp-chart-line{fill:none;stroke:#4188D0;stroke-width:4;stroke-linecap:round;stroke-dasharray:800;stroke-dashoffset:800;filter:drop-shadow(0 0 7px rgba(65, 136, 208,.38));animation:xsp-chart-draw 3.8s ease-in-out infinite}@keyframes xsp-chart-draw{42%,65%{stroke-dashoffset:0}100%{stroke-dashoffset:-800}}.xsp-chart-point{fill:#fff;stroke:#4188D0;stroke-width:5;animation:xsp-point 3.8s ease-in-out infinite}@keyframes xsp-point{50%{filter:drop-shadow(0 0 10px #4188D0)}}.xsp-chart-revenue{position:absolute;right:14px;top:12px;padding:10px 12px;border-radius:11px;background:rgba(255,255,255,.86);box-shadow:0 12px 25px rgba(38, 78, 121,.1)}.xsp-chart-revenue small{display:block;font-size:8px;color:#79818D}.xsp-chart-revenue strong{display:block;font-size:14px;color:#232E3F;margin:3px 0}.xsp-chart-revenue strong b{color:#409b75}.xsp-chart-revenue em,.xsp-stat-row em{font-size:8px;color:#419c77;font-style:normal}.xsp-chart-labels{position:absolute;bottom:10px;left:16px;right:16px;display:flex;justify-content:space-between;font-size:8px;color:#87909D}
.xsp-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.xsp-stat-row>div{position:relative;padding:13px 10px 10px 35px;border-radius:11px;background:rgba(255,255,255,.54);min-height:59px}.xsp-stat-row span{position:absolute;left:10px;top:16px;color:#4085CB;font-size:14px}.xsp-stat-row small,.xsp-stat-row strong{display:block}.xsp-stat-row small{font-size:8px;color:#79818D}.xsp-stat-row strong{font-size:14px;color:#273141;margin:3px 0}.xsp-stat-row em.is-down{color:#bf5879}
.xsp-float-card{position:absolute;z-index:9;display:flex;align-items:center;gap:12px;padding:16px 18px;border:1px solid rgba(255,255,255,.9);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(241, 248, 255,.62));box-shadow:0 25px 50px rgba(32, 64, 97,.15),inset 0 1px #fff;backdrop-filter:blur(16px);transform-style:preserve-3d}.xsp-float-card small,.xsp-float-card em{display:block;font-size:9px;color:#6C7580}.xsp-float-card strong{display:block;font-size:18px;color:#222E3D;margin:4px 0}.xsp-float-card strong b{font-size:15px;color:#3d9b76}.xsp-float-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#E7F3FF,#C8E5FF);color:#4285C8;font-size:19px}.xsp-growth{left:0;top:2%;animation:xsp-card-a 6s ease-in-out infinite}.xsp-expense{right:-2%;top:6%;animation:xsp-card-b 7s ease-in-out infinite}.xsp-expense strong b{color:#c45178}.xsp-report{right:0;bottom:4%;min-width:225px;animation:xsp-card-a 6.5s ease-in-out infinite reverse}.xsp-report i{margin-left:auto;font-size:25px;color:#4176A8;font-style:normal}@keyframes xsp-card-a{50%{transform:translate3d(0,-12px,30px) rotateY(-3deg)}}@keyframes xsp-card-b{50%{transform:translate3d(0,11px,30px) rotateY(3deg)}}
.xsp-orbit{position:absolute;z-index:1;left:50%;top:52%;border:1px solid rgba(68, 132, 194,.27);border-radius:50%;transform-style:preserve-3d}.orbit-one{width:720px;height:270px;transform:translate(-50%,-50%) rotateX(70deg) rotateZ(-12deg);animation:xsp-orbit-spin 20s linear infinite}.orbit-two{width:620px;height:220px;transform:translate(-50%,-50%) rotateX(70deg) rotateZ(24deg);border-color:rgba(130, 180, 243,.25);animation:xsp-orbit-spin 27s linear infinite reverse}@keyframes xsp-orbit-spin{to{rotate:1turn}}.xsp-orbit-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:#4188D0;box-shadow:0 0 18px rgba(65, 136, 208,.7);z-index:3}.dot-one{left:3%;top:47%;animation:xsp-dot-one 6s ease-in-out infinite}.dot-two{right:5%;top:24%;animation:xsp-dot-two 7s ease-in-out infinite}@keyframes xsp-dot-one{50%{transform:translate(20px,-16px)}}@keyframes xsp-dot-two{50%{transform:translate(-20px,18px)}}.xsp-orb{position:absolute;left:0;top:43%;z-index:4;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 32% 25%,#BCDFFF,#62A3E3 34%,#205992 78%);box-shadow:inset 8px 7px 15px rgba(255,255,255,.35),inset -10px -14px 20px rgba(12, 42, 72,.4),0 18px 34px rgba(33, 92, 151,.4);animation:xsp-orb-float 5.8s ease-in-out infinite}@keyframes xsp-orb-float{50%{transform:translate(10px,-20px)}}
.xsp-3d-bars{position:absolute;z-index:2;right:4%;top:42%;height:160px;display:flex;align-items:flex-end;gap:14px;transform:perspective(700px) rotateX(7deg) rotateY(-18deg);filter:drop-shadow(0 18px 22px rgba(43, 101, 158,.18))}.xsp-3d-bars i{position:relative;width:39px;border-radius:4px 4px 0 0;background:linear-gradient(90deg,#66A5E2,#2F6DAC);box-shadow:inset 7px 0 12px rgba(255,255,255,.24);animation:xsp-bar 4s ease-in-out infinite}.xsp-3d-bars i:before{content:"";position:absolute;inset:-8px 0 auto 0;height:16px;background:#A1CAF0;transform:skewX(-45deg) scaleY(.5);transform-origin:bottom}.xsp-3d-bars i:nth-child(1){height:60px}.xsp-3d-bars i:nth-child(2){height:102px;animation-delay:.35s}.xsp-3d-bars i:nth-child(3){height:145px;animation-delay:.7s}@keyframes xsp-bar{50%{transform:translateY(-9px)}}
.xsp-benefits{position:relative;z-index:3;max-width:1280px;margin:52px auto 0;display:grid;grid-template-columns:repeat(4,1fr)}.xsp-benefits article{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:8px 26px;border-right:1px solid rgba(81, 119, 160,.18);opacity:0;transform:translateY(15px);transition:opacity .65s ease,transform .65s ease}.xsp-benefits article:first-child{padding-left:0}.xsp-benefits article:last-child{border-right:0}.xsp-benefit-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#E8F4FF,#C9E2FA);color:#3C7EC2;font-size:19px;box-shadow:0 8px 18px rgba(62, 122, 182,.12)}.xsp-benefits strong{display:block;font-size:14px;color:#252F3D;margin:2px 0 6px}.xsp-benefits p{margin:0;color:#6E7680;font-size:12px;line-height:1.55}.xsp-signal.xivo-motion-visible .xsp-benefits article{opacity:1;transform:none}.xsp-signal.xivo-motion-visible .xsp-benefits article:nth-child(1){transition-delay:.05s}.xsp-signal.xivo-motion-visible .xsp-benefits article:nth-child(2){transition-delay:.15s}.xsp-signal.xivo-motion-visible .xsp-benefits article:nth-child(3){transition-delay:.25s}.xsp-signal.xivo-motion-visible .xsp-benefits article:nth-child(4){transition-delay:.35s}
@media(max-width:1100px){.xsp-layout{grid-template-columns:1fr;gap:26px}.xsp-copy{max-width:700px}.xsp-dashboard{max-width:850px;width:100%;margin:auto}.xsp-benefits{grid-template-columns:1fr 1fr;gap:20px 0}.xsp-benefits article:nth-child(2){border-right:0}.xsp-benefits article:nth-child(3),.xsp-benefits article:nth-child(4){border-top:1px solid rgba(81, 119, 160,.18);padding-top:22px}.xsp-benefits article:nth-child(3){padding-left:0}}
@media(max-width:700px){.xsp-signal{padding:74px 20px 54px}.xsp-copy h2{font-size:clamp(44px,12vw,58px)}.xsp-copy p{font-size:15px}.xsp-dashboard{min-height:430px;transform:scale(.92);transform-origin:top center;margin-bottom:-35px}.xsp-dash-shell{left:4%;right:3%;top:15%;height:300px;grid-template-columns:88px 1fr;border-radius:19px}.xsp-dash-side{padding:18px 10px}.xsp-dash-brand span,.xsp-dash-side>span i{display:none}.xsp-dash-side>span{justify-content:center;padding:9px}.xsp-dash-main{padding:18px 15px}.xsp-dash-top strong{font-size:12px}.xsp-chart-panel{height:135px}.xsp-chart-panel svg{height:88px}.xsp-chart-revenue{transform:scale(.8);transform-origin:top right}.xsp-chart-labels{font-size:6px}.xsp-stat-row{gap:5px}.xsp-stat-row>div{padding:9px 5px 7px 7px}.xsp-stat-row span{display:none}.xsp-stat-row strong{font-size:10px}.xsp-float-card{transform:scale(.78);transform-origin:center}.xsp-growth{left:-7%;top:-2%}.xsp-expense{right:-8%;top:1%}.xsp-report{right:-9%;bottom:1%}.xsp-3d-bars{transform:scale(.65);transform-origin:bottom right;right:-6%}.xsp-orbit{transform:translate(-50%,-50%) scale(.75) rotateX(70deg)}.xsp-orb{transform:scale(.75)}.xsp-benefits{grid-template-columns:1fr;margin-top:30px}.xsp-benefits article,.xsp-benefits article:nth-child(3),.xsp-benefits article:nth-child(4){padding:17px 0;border-right:0;border-top:1px solid rgba(81, 119, 160,.18)}.xsp-benefits article:first-child{padding-top:0;border-top:0}}
@media(prefers-reduced-motion:reduce){.xsp-signal *{animation:none!important;transition:none!important}.xsp-benefits article{opacity:1!important;transform:none!important}.xsp-chart-line{stroke-dashoffset:0!important}}
