.px-home-demos{--px-demos-navy: #061353;--px-demos-deep: #030b2d;--px-demos-ink: #0e1b4d;--px-demos-blue: #1e88e5;--px-demos-blue-dark: #0d47a1;--px-demos-cyan: #10bed0;--px-demos-white: #ffffff;--px-demos-soft: #f5f7fa;--px-demos-text: #5d6a80;--px-demos-muted: #7e8a9c;--px-demos-line: #dfe5ed;position:relative;isolation:isolate;width:100%;padding:var(--px-home-demos-padding-top, 100px) 0 var(--px-home-demos-padding-bottom, 100px);overflow:hidden;color:var(--px-demos-ink);background:radial-gradient(circle at 8% 12%,rgba(71,112,219,.075),transparent 29%),radial-gradient(circle at 92% 88%,rgba(16,190,208,.05),transparent 27%),linear-gradient(180deg,#f2f5f9,#f8fafc);font-family:Poppins,Segoe UI,Arial,sans-serif}.px-home-demos *,.px-home-demos *:before,.px-home-demos *:after{box-sizing:border-box}.px-home-demos__anchor{position:absolute;top:-90px;left:0;width:1px;height:1px;pointer-events:none}.px-home-demos--soft{background:radial-gradient(circle at 8% 12%,rgba(71,112,219,.075),transparent 29%),radial-gradient(circle at 92% 88%,rgba(16,190,208,.05),transparent 27%),linear-gradient(180deg,#f2f5f9,#f8fafc)}.px-home-demos--light{background:radial-gradient(circle at 8% 12%,rgba(71,112,219,.045),transparent 29%),radial-gradient(circle at 92% 88%,rgba(16,190,208,.035),transparent 27%),linear-gradient(180deg,#fff,#fbfcfe)}.px-home-demos--navy{color:#fff;background:radial-gradient(circle at 8% 12%,rgba(30,136,229,.21),transparent 30%),radial-gradient(circle at 92% 88%,rgba(16,190,208,.11),transparent 29%),linear-gradient(145deg,#061353,#091b4e 52%,#030b2d)}.px-home-demos__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.px-home-demos__background-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.31;background-image:linear-gradient(rgba(14,27,77,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(14,27,77,.026) 1px,transparent 1px);background-size:76px 76px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.91),transparent 98%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.91),transparent 98%)}.px-home-demos--navy .px-home-demos__background-grid{opacity:.23;background-image:linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px)}.px-home-demos__glow{position:absolute;border-radius:50%;pointer-events:none}.px-home-demos__glow--one{top:-270px;left:-230px;width:660px;height:660px;background:radial-gradient(circle,rgba(71,112,219,.14),transparent 70%)}.px-home-demos__glow--two{right:-290px;bottom:-340px;width:750px;height:750px;background:radial-gradient(circle,rgba(16,190,208,.1),transparent 70%)}.px-home-demos--navy .px-home-demos__glow--one{background:radial-gradient(circle,rgba(30,136,229,.24),transparent 70%)}.px-home-demos--navy .px-home-demos__glow--two{background:radial-gradient(circle,rgba(16,190,208,.14),transparent 70%)}.px-home-demos__container{position:relative;z-index:2;width:min(1260px,calc(100% - 64px));margin:0 auto}.px-home-demos__header{display:flex;align-items:flex-end;justify-content:space-between;gap:46px;margin-bottom:47px}.px-home-demos__header-copy{max-width:820px}.px-home-demos__eyebrow{min-height:34px;display:inline-flex;align-items:center;gap:9px;margin-bottom:19px;padding:7px 12px;border:1px solid #d8e1f4;border-radius:999px;color:#3456b2;background:#eef3ff;box-shadow:0 8px 22px #4770db12;font-size:11px;font-weight:800;line-height:1.2;letter-spacing:.12em;text-transform:uppercase}.px-home-demos--navy .px-home-demos__eyebrow{color:#8edff4;border-color:#73c9ff36;background:#1e88e51c}.px-home-demos__eyebrow-icon{flex:0 0 19px;width:19px;height:19px;display:grid;place-items:center}.px-home-demos__eyebrow-icon svg{width:100%;height:100%}.px-home-demos__heading{max-width:800px;margin:0;color:var(--px-demos-ink);font-size:clamp(40px,4.4vw,63px);font-weight:790;line-height:1.05;letter-spacing:-.052em;text-wrap:balance}.px-home-demos--navy .px-home-demos__heading{color:#fff}.px-home-demos__heading strong,.px-home-demos__heading em{color:#4770db;font-style:normal;font-weight:inherit}.px-home-demos--navy .px-home-demos__heading strong,.px-home-demos--navy .px-home-demos__heading em{color:#65d4f2}.px-home-demos__intro{max-width:690px;margin-top:20px;color:var(--px-demos-text);font-size:16px;line-height:1.7}.px-home-demos--navy .px-home-demos__intro{color:#b9c9df}.px-home-demos__intro p{margin:0}.px-home-demos__plans-link{flex:0 0 auto;min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 17px;border:1px solid #d2ddea;border-radius:12px;color:#344b71;background:#ffffffc9;box-shadow:0 10px 25px #0e1b4d0e;text-decoration:none;font-size:13px;font-weight:730;line-height:1;transition:color .25s ease,border-color .25s ease,background-color .25s ease,transform .25s ease,box-shadow .25s ease}.px-home-demos__plans-link:hover{color:#0d47a1;border-color:#aac2e6;background:#fff;transform:translateY(-3px);box-shadow:0 16px 34px #0e1b4d1a}.px-home-demos--navy .px-home-demos__plans-link{color:#dce9f8;border-color:#73c9ff30;background:#ffffff0e}.px-home-demos--navy .px-home-demos__plans-link:hover{color:#fff;border-color:#65d4f257;background:#1e88e524}.px-home-demos__plans-link svg{width:18px;height:18px;transition:transform .25s ease}.px-home-demos__plans-link:hover svg{transform:translate(4px)}.px-home-demos__grid{position:relative;z-index:1;inset:auto;width:100%;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:22px;align-items:stretch}.px-home-demos__card{--px-demo-accent: #4770db;--px-demo-accent-light: #edf3ff;--px-demo-accent-border: #d4dff4;position:relative;min-width:0;height:auto;display:flex;flex-direction:column;overflow:hidden;border:1px solid #dce4ee;border-radius:27px;color:var(--px-demos-ink);background:radial-gradient(circle at 92% 7%,rgba(30,136,229,.065),transparent 27%),linear-gradient(145deg,#fffffffc,#f8fafdfa);box-shadow:0 25px 65px #0e1b4d1a,inset 0 1px #fffffff7;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.px-home-demos__card:hover{transform:translateY(-7px);border-color:#c7d5e5;box-shadow:0 38px 82px #0e1b4d2b,inset 0 1px #fffffffa}.px-home-demos__card--blue{--px-demo-accent: #4770db;--px-demo-accent-light: #edf3ff;--px-demo-accent-border: #d4dff4}.px-home-demos__card--cyan{--px-demo-accent: #108b9d;--px-demo-accent-light: #eaf8fa;--px-demo-accent-border: #cce8ec}.px-home-demos__card--navy{--px-demo-accent: #0d47a1;--px-demo-accent-light: #eaf0fa;--px-demo-accent-border: #cfdaeb}.px-home-demos--navy .px-home-demos__card{border-color:#ffffff1a;background:radial-gradient(circle at 92% 7%,rgba(30,136,229,.12),transparent 27%),linear-gradient(145deg,#ffffff13,#ffffff09);box-shadow:0 28px 68px #0000004a,inset 0 1px #ffffff0d}.px-home-demos__visual{position:relative;flex:0 0 auto;padding:17px 17px 0}.px-home-demos__visual-toolbar{min-height:42px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:0 13px;border:1px solid #dce4ee;border-bottom:0;border-radius:16px 16px 0 0;background:#f4f7fa}.px-home-demos__window-controls{display:flex;gap:5px}.px-home-demos__window-controls span{width:7px;height:7px;border-radius:50%;background:#c4cedb}.px-home-demos__window-controls span:first-child{background:#89a8d8}.px-home-demos__window-controls span:nth-child(2){background:#8fcdd5}.px-home-demos__preview-label{overflow:hidden;color:#62738c;font-size:11px;font-weight:750;line-height:1;letter-spacing:.06em;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.px-home-demos__live-status{min-height:25px;display:inline-flex;align-items:center;gap:6px;padding:0 8px;border:1px solid #cfe7df;border-radius:999px;color:#11785c;background:#eaf8f2;font-size:11px;font-weight:700;line-height:1}.px-home-demos__live-status i{width:6px;height:6px;border-radius:50%;background:#15966f;box-shadow:0 0 0 4px #15966f17}.px-home-demos__preview{position:relative;width:100%;height:365px;overflow:hidden;border:1px solid #dce4ee;border-radius:0 0 16px 16px;background:#eef3f8}.px-home-demos__preview--contain{padding:8px;background:linear-gradient(145deg,#e8eef5,#f4f7fa)}.px-home-demos__image{display:block;width:100%;height:100%;border-radius:10px;object-position:center}.px-home-demos__preview--contain .px-home-demos__image{object-fit:contain;background:#fff}.px-home-demos__preview--cover .px-home-demos__image{border-radius:0;object-fit:cover}.px-home-demos__mock{width:100%;height:100%;display:grid;grid-template-columns:48px minmax(0,1fr);background:#f5f7fa}.px-home-demos__mock-sidebar{display:flex;flex-direction:column;align-items:center;gap:18px;padding:14px 0;background:linear-gradient(180deg,#061353,#0b2e71)}.px-home-demos__mock-logo{width:29px;height:29px;display:grid;place-items:center;margin-bottom:5px;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:9px;color:#fff;background:#1e88e566}.px-home-demos__mock-logo-image{display:block;width:82%;height:82%;object-fit:contain}.px-home-demos__mock-logo strong{font-size:12px;font-weight:900;line-height:1}.px-home-demos__mock-sidebar>span:not(.px-home-demos__mock-logo){position:relative;width:18px;height:18px;border:1px solid rgba(255,255,255,.2);border-radius:6px}.px-home-demos__mock-sidebar>span.is-active{border-color:#65d4f2;background:#65d4f22e}.px-home-demos__mock-sidebar>span.is-active:before{content:"";position:absolute;left:-16px;top:50%;width:3px;height:23px;border-radius:0 4px 4px 0;background:#65d4f2;transform:translateY(-50%)}.px-home-demos__mock-main{min-width:0;padding:15px}.px-home-demos__mock-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.px-home-demos__mock-heading>div{display:flex;flex-direction:column;gap:6px}.px-home-demos__mock-heading>div strong{width:105px;height:9px;border-radius:999px;background:#263a61}.px-home-demos__mock-heading>div span{width:68px;height:6px;border-radius:999px;background:#ccd6e2}.px-home-demos__mock-heading>small{min-height:27px;display:inline-flex;align-items:center;padding:0 9px;border:1px solid #dae3ed;border-radius:8px;color:#697991;background:#fff;font-size:10px;font-weight:650}.px-home-demos__mock-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:15px}.px-home-demos__mock-kpis>div{min-width:0;display:flex;flex-direction:column;gap:4px;padding:10px;border:1px solid #dfe6ef;border-radius:10px;background:#fff}.px-home-demos__mock-kpis small{color:#7c899b;font-size:10px;font-weight:600}.px-home-demos__mock-kpis strong{overflow:hidden;color:#263a61;font-size:13px;font-weight:760;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.px-home-demos__mock-kpis span{color:#15966f;font-size:10px;font-weight:700}.px-home-demos__mock-content{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(125px,.7fr);gap:8px;margin-top:8px}.px-home-demos__mock-chart,.px-home-demos__mock-side{min-width:0;padding:11px;border:1px solid #dfe6ef;border-radius:10px;background:#fff}.px-home-demos__mock-chart-title,.px-home-demos__mock-side-title{display:flex;align-items:center;gap:7px}.px-home-demos__mock-chart-title span,.px-home-demos__mock-side-title span{width:7px;height:7px;border-radius:50%;background:var(--px-demo-accent)}.px-home-demos__mock-chart-title small,.px-home-demos__mock-side-title small{color:#53647e;font-size:10px;font-weight:700}.px-home-demos__mock-chart-area{position:relative;height:165px;margin-top:10px;overflow:hidden}.px-home-demos__mock-chart-area i{position:absolute;left:0;right:0;height:1px;background:#edf1f5}.px-home-demos__mock-chart-area i:first-child{top:15%}.px-home-demos__mock-chart-area i:nth-child(2){top:40%}.px-home-demos__mock-chart-area i:nth-child(3){top:65%}.px-home-demos__mock-chart-area i:nth-child(4){top:90%}.px-home-demos__mock-chart-area svg{position:absolute;top:10px;right:0;bottom:0;left:0;width:100%;height:calc(100% - 10px)}.px-home-demos__mock-donut{height:114px;display:grid;place-items:center}.px-home-demos__mock-donut span{width:85px;height:85px;border-radius:50%;background:conic-gradient(var(--px-demo-accent) 0 48%,#10bed0 48% 80%,#cbd5e1 80% 100%);-webkit-mask:radial-gradient(circle,transparent 0 43%,#000 44%);mask:radial-gradient(circle,transparent 0 43%,#000 44%)}.px-home-demos__mock-side ul{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.px-home-demos__mock-side li{display:grid;grid-template-columns:7px minmax(0,1fr) auto;gap:5px;align-items:center;color:#68778d;font-size:9px}.px-home-demos__mock-side li i{width:7px;height:7px;border-radius:50%;background:var(--px-demo-accent)}.px-home-demos__mock-side li:nth-child(2) i{background:#10bed0}.px-home-demos__mock-side li:nth-child(3) i{background:#cbd5e1}.px-home-demos__mock-side li strong{color:#334765;font-size:9px}.px-home-demos__visual-caption{display:flex;align-items:center;gap:8px;min-height:48px;padding:10px 4px 0;color:#718097;font-size:11px;line-height:1.5}.px-home-demos__visual-caption>span{flex:0 0 21px;width:21px;height:21px;display:grid;place-items:center;color:var(--px-demo-accent)}.px-home-demos__visual-caption svg{width:100%;height:100%}.px-home-demos__visual-caption p{margin:0}.px-home-demos__content{flex:1;min-width:0;display:flex;flex-direction:column;padding:27px 28px 29px}.px-home-demos__identity{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.px-home-demos__badge{min-height:30px;display:inline-flex;align-items:center;padding:0 11px;border:1px solid var(--px-demo-accent-border);border-radius:999px;color:var(--px-demo-accent);background:var(--px-demo-accent-light);font-size:11px;font-weight:800;line-height:1;letter-spacing:.08em;text-transform:uppercase}.px-home-demos__number{color:#a1adbd;font-size:13px;font-weight:800;line-height:1;letter-spacing:.08em}.px-home-demos__name{margin:0;color:#172954;font-size:clamp(27px,2.5vw,35px);font-weight:780;line-height:1.15;letter-spacing:-.04em}.px-home-demos--navy .px-home-demos__name{color:#fff}.px-home-demos__descriptor{margin:8px 0 0;color:var(--px-demo-accent);font-size:13px;font-weight:700;line-height:1.45}.px-home-demos__description{margin-top:17px;color:#657287;font-size:14px;line-height:1.7}.px-home-demos--navy .px-home-demos__description{color:#afc0d7}.px-home-demos__description p{margin:0}.px-home-demos__features{display:flex;flex-direction:column;gap:9px;margin-top:22px}.px-home-demos__feature{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:center}.px-home-demos__feature>span{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--px-demo-accent-border);border-radius:9px;color:var(--px-demo-accent);background:var(--px-demo-accent-light)}.px-home-demos__feature svg{width:16px;height:16px}.px-home-demos__feature p{margin:0;color:#4f6079;font-size:12px;font-weight:630;line-height:1.5}.px-home-demos--navy .px-home-demos__feature p{color:#d9e5f3}.px-home-demos__button{width:100%;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-top:auto;padding:0 18px;border:1px solid rgba(255,255,255,.13);border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--px-demo-accent),#0d9fd2);box-shadow:0 15px 35px #1e88e53b,inset 0 1px #ffffff2e;text-decoration:none;font-size:13px;font-weight:750;line-height:1;transform:translateY(0);transition:color .25s ease,transform .25s ease,box-shadow .25s ease}.px-home-demos__features+.px-home-demos__button{margin-top:25px}.px-home-demos__button:hover{color:#fff;transform:translateY(-3px);box-shadow:0 21px 46px #1e88e55c,inset 0 1px #fff3}.px-home-demos__button svg{width:18px;height:18px;transition:transform .25s ease}.px-home-demos__button:hover svg{transform:translate(4px)}.px-home-demos__button:focus-visible,.px-home-demos__plans-link:focus-visible{outline:3px solid rgba(71,112,219,.35);outline-offset:4px}.px-home-demos__disclaimer{max-width:940px;display:flex;align-items:center;justify-content:center;gap:9px;margin:27px auto 0;color:#718097;font-size:12px;line-height:1.55;text-align:center}.px-home-demos--navy .px-home-demos__disclaimer{color:#9fb2ca}.px-home-demos__disclaimer>span{flex:0 0 22px;width:22px;height:22px;display:grid;place-items:center;color:#4770db}.px-home-demos--navy .px-home-demos__disclaimer>span{color:#75d9f2}.px-home-demos__disclaimer svg{width:100%;height:100%}.px-home-demos__disclaimer p{margin:0}@media screen and (max-width:1199px){.px-home-demos__container{width:min(1100px,calc(100% - 48px))}.px-home-demos__preview{height:335px}.px-home-demos__content{padding:25px}}@media screen and (max-width:989px){.px-home-demos{padding:max(84px,var(--px-home-demos-padding-top, 100px)) 0 max(84px,var(--px-home-demos-padding-bottom, 100px))}.px-home-demos__container{width:min(780px,calc(100% - 40px))}.px-home-demos__header{align-items:flex-start;flex-direction:column;gap:24px;margin-bottom:39px}.px-home-demos__grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:20px}.px-home-demos__preview{height:420px}.px-home-demos__content{padding:28px}}@media screen and (max-width:749px){.px-home-demos{padding:74px 0}.px-home-demos__container{width:min(100% - 28px,640px)}.px-home-demos__header{margin-bottom:32px}.px-home-demos__eyebrow{min-height:31px;margin-bottom:17px;padding:6px 10px;font-size:10px}.px-home-demos__eyebrow-icon{flex-basis:17px;width:17px;height:17px}.px-home-demos__heading{font-size:clamp(34px,10vw,46px);line-height:1.06}.px-home-demos__intro{margin-top:17px;font-size:14.5px;line-height:1.65}.px-home-demos__plans-link{width:100%}.px-home-demos__card{border-radius:22px}.px-home-demos__card:hover{transform:translateY(-3px)}.px-home-demos__visual{padding:12px 12px 0}.px-home-demos__visual-toolbar{min-height:39px;padding:0 10px}.px-home-demos__preview-label,.px-home-demos__live-status{font-size:10px}.px-home-demos__preview{height:330px}.px-home-demos__mock{grid-template-columns:42px minmax(0,1fr)}.px-home-demos__mock-main{padding:11px}.px-home-demos__mock-kpis{gap:5px}.px-home-demos__mock-kpis>div{padding:8px}.px-home-demos__mock-kpis small,.px-home-demos__mock-kpis span{font-size:9px}.px-home-demos__mock-kpis strong{font-size:11px}.px-home-demos__mock-content{grid-template-columns:1fr}.px-home-demos__mock-chart-area{height:142px}.px-home-demos__mock-side{display:none}.px-home-demos__visual-caption{font-size:10.5px}.px-home-demos__content{padding:23px 20px 24px}.px-home-demos__name{font-size:28px}.px-home-demos__description{font-size:13px;line-height:1.65}.px-home-demos__button{width:100%}.px-home-demos__disclaimer{align-items:flex-start;font-size:11px;text-align:left}}@media screen and (max-width:420px){.px-home-demos__container{width:calc(100% - 22px)}.px-home-demos__heading{font-size:clamp(32px,9.8vw,40px)}.px-home-demos__visual-toolbar{grid-template-columns:auto minmax(0,1fr)}.px-home-demos__preview-label{text-align:right}.px-home-demos__live-status{display:none}.px-home-demos__preview{height:285px}.px-home-demos__mock-kpis{grid-template-columns:1fr}.px-home-demos__mock-kpis>div:nth-child(2),.px-home-demos__mock-kpis>div:nth-child(3){display:none}.px-home-demos__content{padding:21px 17px 22px}.px-home-demos__identity{align-items:flex-start}.px-home-demos__badge{font-size:10px}}@media(prefers-reduced-motion:reduce){.px-home-demos *,.px-home-demos *:before,.px-home-demos *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/proxium-home-demos.css.map */