/* Shared website devices, original characters and illustrative data visualizations. */
.site-modern .site-icon{display:inline-block;width:22px;height:22px;flex-shrink:0;vertical-align:middle;color:#008780}
.site-modern .site-tabs button{display:flex;align-items:center;gap:9px}
.site-modern .site-hero{grid-template-columns:.84fr 1.16fr;gap:42px;padding-top:72px;padding-bottom:68px;min-height:620px}
.site-modern .site-hero h1{font-size:clamp(38px,4.2vw,62px)!important;letter-spacing:-.055em!important;text-wrap:pretty}
.site-laptop{margin:0;min-width:0;position:relative;padding:0 0 14px;isolation:isolate;animation:site-device-enter .65s ease-out both}
.site-laptop-lid{background:linear-gradient(135deg,#45515a,#0e1722 20%,#1d2d3e 90%,#586875);padding:18px 10px 12px;border:2px solid #7c858b;border-radius:20px 20px 8px 8px;box-shadow:0 25px 45px -22px #15314655;position:relative;margin:0 16px}
.site-camera{position:absolute;top:6px;left:50%;width:5px;height:5px;border-radius:100%;background:#0e2032;box-shadow:0 0 0 1px #607381}
.site-laptop-base{height:18px;background:linear-gradient(#d4dce2,#8b989f 55%,#bac3c9 60%,#68747c);border-radius:2px 2px 50% 50% / 2px 2px 90% 90%;position:relative;box-shadow:0 10px 10px -5px #152b4933}
.site-laptop-base>span{position:absolute;width:16%;height:7px;top:0;left:42%;background:linear-gradient(#576571,#b4c0c7);border-radius:0 0 9px 9px}
.site-laptop figcaption{font:11px/1.5 Inter,Arial,sans-serif;color:#697b8c;text-align:center;margin-top:14px}
.site-sample-screen{display:grid;grid-template-columns:22% 78%;background:#f7fafc;border-radius:6px;overflow:hidden;aspect-ratio:1.48;font:10px/1.3 Inter,Arial,sans-serif}
.site-sample-screen aside{background:linear-gradient(145deg,#17324e,#0d2139);padding:17px 8px;color:#c3d4e2;min-width:0}
.site-sample-screen aside>strong{display:block;color:white;font-size:15px;margin:0 0 26px 3px;letter-spacing:-.5px}
.site-sample-screen aside em{color:#62d2cb;font-style:normal}
.site-sample-screen aside>span{display:flex;gap:6px;align-items:center;padding:10px 5px;border-radius:4px;font-size:9px;line-height:1.3;margin-bottom:3px}
.site-sample-screen aside>span.selected{background:#ffffff1b;color:white}
.site-sample-screen aside .site-icon{width:13px;height:13px;color:#8ddbd4}
.site-sample-main{min-width:0;padding:0 12px 14px}
.site-sample-main>header{display:flex;align-items:center;justify-content:space-between;height:37px;border-bottom:1px solid #e0e8ee;margin:0 -12px 15px;padding:0 12px;background:white;color:#678094}
.site-sample-main>header .site-icon{width:13px;height:13px;margin-right:4px}
.site-mini-avatars{display:flex}
.site-mini-avatars i{display:grid;place-items:center;background:#dfefee;border:2px solid white;border-radius:50%;width:23px;height:23px;font:600 8px Arial;color:#047d79;margin-left:-4px}
.site-sample-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px}
.site-sample-title>strong{font-size:18px;letter-spacing:-.7px;line-height:1.1}
.site-sample-title>span{font-size:7px;color:#718191;text-align:right}
.site-sample-title .site-icon{width:12px;height:12px}
.site-sample-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:10px}
.site-sample-kpis>div{display:grid;grid-template-columns:20px 1fr;background:white;border:1px solid #e3eaf0;border-radius:5px;padding:9px;align-items:center;gap:5px}
.site-sample-kpis b{font-size:19px;line-height:1.1;font-weight:650}
.site-sample-kpis span{grid-column:1/-1;font-size:8px;color:#65798c}
.site-sample-kpis .site-icon{width:17px;height:17px}
.site-sample-charts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:10px}
.site-sample-charts .site-chart{padding:9px 5px;border-radius:5px;box-shadow:none;min-width:0}
.site-modern .site-sample-charts .site-chart h3{font-size:9px!important;letter-spacing:0!important;gap:3px!important;margin:0 0 9px!important;white-space:normal}
.site-sample-charts .site-chart h3 .site-icon{width:10px;height:10px}
.site-sample-charts .site-heatmap{padding:0 2px 16px 10px}
.site-sample-charts .site-heatmap>div{gap:2px}
.site-sample-charts .heat-x,.site-sample-charts .heat-y{font-size:6px}
.site-sample-charts .heat-active{font-size:7px;outline:1px solid #102b49;outline-offset:-2px}
.site-sample-charts .site-donut-row{display:block}
.site-sample-charts .site-donut-row{min-height:0}
.site-sample-charts .site-donut{width:75%;margin:auto}
.site-modern .site-sample-charts .site-donut strong{font-size:15px!important}
.site-sample-charts .site-donut .site-icon{width:10px;height:10px}
.site-sample-charts .site-donut-row ul{display:none}
.site-sample-rows{background:white;border:1px solid #e3eaf0;border-radius:5px;padding:3px 9px}
.site-sample-rows>div{display:grid;grid-template-columns:17px 1fr 28% 27px;gap:6px;align-items:center;min-height:29px;border-bottom:1px solid #edf1f5;font-size:8px}
.site-sample-rows>div:last-child{border:0}
.site-sample-rows .site-icon{width:13px;height:13px}
.site-mini-progress{height:5px;background:#e8f0f3;border-radius:4px;overflow:hidden}
.site-mini-progress i{display:block;height:100%;background:#1b9691;border-radius:4px}
.site-modern .site-monitor{background:none;border:0;box-shadow:none;transform:none;padding:0;margin:0;overflow:visible;position:relative}
.site-monitor-lid{position:relative;background:linear-gradient(135deg,#506174,#152a42 20%,#21364c 90%,#536476);padding:13px 7px 19px;border-radius:13px;box-shadow:0 22px 35px -20px #132b4950;border:1px solid #87929f}
.site-monitor-camera{width:4px;height:4px;position:absolute;top:5px;left:50%;background:#708694;border-radius:50%}
.site-modern .site-monitor button{display:block;border:0;padding:0;width:100%;border-radius:6px;overflow:hidden;background:#fff;cursor:zoom-in}
.site-modern .site-monitor img{display:block;width:100%;height:auto;aspect-ratio:1180/780;object-fit:cover}
.site-monitor-brand{position:absolute;bottom:3px;left:0;width:100%;text-align:center;font:6px Arial;color:#bbc9d5;letter-spacing:.8px}
.site-monitor-foot{height:28px;width:25%;margin:0 auto 5px;position:relative;background:linear-gradient(90deg,#98a9b6,#dde4e9,#9aa9b4);clip-path:polygon(30% 0,70% 0,74% 70%,100% 85%,100% 100%,0 100%,0 85%,26% 70%)}
.site-modern .site-monitor figcaption{padding:8px 0;background:none;border:0;font-size:11px;color:#758597;text-align:center;display:block}
.site-modern .site-monitor figcaption span{margin-inline-start:8px}
.site-preview-dialog img{border:8px solid #172d47;border-bottom-width:18px;border-radius:12px;box-sizing:border-box;box-shadow:0 18px 38px #102a4920}
.site-modern .site-workflow{gap:60px;grid-template-columns:.8fr 1.2fr}
.site-workflow-map{display:flex;list-style:none;padding:0;margin:25px 0 30px;gap:24px;flex-wrap:wrap}
.site-workflow-map li{display:flex;align-items:center;gap:8px;font:600 12px/1.5 Inter,Arial,sans-serif;color:#537087}
.site-workflow-map li:not(:last-child):after{content:'→';color:#9cbec3;margin-inline-start:8px}
.site-workflow-map .site-icon{width:18px;height:18px}
.site-modern .site-feature>.site-monitor{max-width:940px;margin:40px auto}
.site-modern .site-insights{border-top:1px solid #e4edef;padding-top:64px;padding-bottom:60px}
.site-insight-heading{text-align:center;max-width:850px;margin:auto}
.site-modern .site-insight-heading p{margin:0 auto 25px!important}
.site-scenario-controls{display:flex;justify-content:center;gap:6px;margin:0 auto 28px;flex-wrap:wrap}
.site-scenario-controls button{border:1px solid #d9e5e9;background:white;color:#53657b;border-radius:6px;padding:9px 16px;font:600 13px/1.4 Inter,Arial,sans-serif;cursor:pointer;transition:background .2s,color .2s}
.site-scenario-controls button[aria-pressed=true]{background:#007f78;border-color:#007f78;color:white}
.site-chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.site-chart{padding:25px 22px;background:white;border:1px solid #e4ecf0;border-radius:12px;box-shadow:0 8px 28px #17324e06;min-width:0}
.site-modern .site-chart h3{font-size:18px!important;letter-spacing:-.02em!important;display:flex;align-items:center;gap:10px;margin:0 0 20px!important}
.site-line-chart{width:100%;height:auto;display:block;overflow:visible}
.chart-grid{stroke:#e6edf1;stroke-width:1;fill:none}
.chart-area{fill:#dff2f0;opacity:.8}
.chart-line{fill:none;stroke:#008b85;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:500;stroke-dashoffset:0;animation:site-draw 1.3s ease-out both}
.site-line-chart circle{fill:white;stroke:#008b85;stroke-width:2}
.site-line-chart text{font:11px Inter,Arial,sans-serif;fill:#678094}
.site-heatmap{position:relative;padding:0 12px 25px 30px;max-width:230px;margin:auto}
.site-heatmap>div{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.site-heatmap>div>span{aspect-ratio:1;border-radius:3px;display:grid;place-items:center;color:#132c47;line-height:1;font-size:15px}
.heat-low{background:#c9e9e5}.heat-medium{background:#f3e5b3}.heat-high{background:#efbe86}.heat-critical{background:#e79887}
.heat-active{outline:2px solid #142c49;outline-offset:-3px}
.heat-y{position:absolute;left:0;top:43%;font:10px Inter,Arial,sans-serif;writing-mode:vertical-rl;transform:rotate(180deg)}
.heat-x{position:absolute;bottom:0;left:25%;font:10px Inter,Arial,sans-serif}
.site-donut-row{display:flex;gap:17px;align-items:center;min-height:175px}
.site-donut{position:relative;width:48%;aspect-ratio:1;border-radius:50%;background:conic-gradient(#008c85 0 var(--done),#65c7c1 var(--done) var(--review),#dce8ed var(--review) 100%);flex-shrink:0;animation:site-device-enter .45s ease-out both}
.site-donut:before{content:'';position:absolute;inset:22%;background:white;border-radius:50%}
.site-donut>span{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
.site-modern .site-donut strong{font:700 28px/1 Inter,Arial,sans-serif!important;color:#142c49}
.site-donut .site-icon{width:16px;height:16px;color:#8196a8}
.site-donut-row ul{list-style:none;padding:0;margin:0;flex:1;font:11px/1.5 Inter,Arial,sans-serif}
.site-donut-row li{display:flex;align-items:center;gap:6px;margin:12px 0;color:#53657b}
.site-donut-row li b{margin-inline-start:auto;color:#142c49}
.site-donut-row li i{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:#008c85}.site-donut-row li .legend-1{background:#65c7c1}.site-donut-row li .legend-2{background:#dce8ed}
.site-modern .site-scenario-caption{text-align:center;font-size:12px!important;margin:18px 0 0!important;max-width:none}
.site-modern .site-team-story{border-top:1px solid #e4edef;padding-top:65px}
.site-team-story>h2{text-align:center}
.site-modern .site-team-story ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:30px;padding:0}
.site-modern .site-team-story li{border:0;padding:0;display:flex;align-items:center;gap:12px;min-width:0}
.site-modern .site-team-story li>div{flex:1;min-width:0}
.site-modern .site-team-story h3{font-size:24px!important;color:#008780!important;margin-bottom:14px!important}
.site-modern .site-team-story p{font-size:14px!important;line-height:1.7!important;margin:0!important}
.site-modern .site-role-name{display:block;background:none;border:0;border-radius:0;width:auto;height:auto;font:600 11px/1.4 Inter,Arial,sans-serif;color:#5d7388;margin-bottom:10px}
.site-modern .site-character{display:block;position:relative;width:150px;height:300px;flex-shrink:0;overflow:hidden;border:0;background:none;border-radius:0;margin:0}
.site-character img{position:absolute!important;max-width:none!important;width:450px!important;height:300px!important;object-fit:contain!important;top:0;left:0;transform:none!important;opacity:1!important}
.site-character-1 img{left:-150px}.site-character-2 img{left:-300px}
.site-illustrated-heading{position:relative;min-height:290px;padding-inline-end:340px}
.site-modern .site-illustrated-heading{max-width:1320px;text-align:start;padding-bottom:35px}
.site-modern .site-illustrated-heading h1{max-width:780px!important}
.site-modern .site-illustrated-heading p{margin-inline:0!important}
.site-modern .site-plan dl{margin-top:15px}
.site-modern .site-plan>.site-price{min-height:48px}
.site-modern .site-plan>.site-price+p{min-height:23px}
.site-modern .site-plan>.site-price:not(:has(+p)){margin-bottom:47px}
.site-page-art{width:280px;height:245px;position:relative;isolation:isolate}
.site-illustrated-heading>.site-page-art{position:absolute;inset-inline-end:0;top:35px}
.site-page-art .site-character{position:absolute;inset-inline-end:0;bottom:0;width:123px;height:246px;z-index:2}
.site-page-art .site-character img{width:369px!important;height:246px!important}
.site-page-art .site-character-1 img{left:-123px}.site-page-art .site-character-2 img{left:-246px}
.site-art-note{position:absolute;top:57px;left:5px;width:155px;padding:18px;background:linear-gradient(145deg,#f9fcfd,#e3f1f2);border:1px solid #dce9ee;border-radius:12px;transform:rotate(-7deg);box-shadow:0 12px 35px #1a6a7212;animation:site-float 7s ease-in-out infinite}
.site-art-note>span{display:block;font:600 13px/1.4 Inter,Arial,sans-serif;margin:8px 0;color:#19314d}
.site-art-lines i{display:block;height:4px;background:#bed5de;margin:7px 0;width:90%;border-radius:2px}.site-art-lines i:nth-child(2){width:65%}.site-art-lines i:nth-child(3){width:75%}
.site-art-note>.site-icon:last-child{border-radius:50%;background:#008780;color:white;padding:4px;margin-top:6px}
.site-art-orbit{position:absolute;z-index:-1;width:210px;height:210px;top:20px;left:40px;border-radius:50%;background:radial-gradient(ellipse,#ebf7f5,transparent 70%)}
.site-demo-intro .site-page-art{margin:0 0 24px;height:235px}
.site-demo-intro .site-page-art .site-character{height:230px}
.site-modern .site-demo{padding-top:50px;gap:80px;align-items:center}
.site-modern .site-demo h1{font-size:clamp(35px,3.5vw,50px)!important}
.site-modern .site-demo-steps{display:flex;gap:20px}
.site-demo-steps li:not(:last-child):after{content:'→';color:#91bcbf;margin-inline-start:10px}
.site-plan dt{display:flex;gap:8px;align-items:center}.site-plan dt .site-icon{width:17px;height:17px}
.site-modern .site-plan{border-top:3px solid #a5d3d0;transition:transform .25s,box-shadow .25s}
.site-modern .site-plan:hover{transform:translateY(-4px);box-shadow:0 16px 40px #102c4910}
.site-security article>.site-icon{width:30px;height:30px;margin-bottom:15px}
body.public-marketing-active #scrollTopButton{background:#008780!important;box-shadow:0 5px 18px #00878020!important}
body.public-marketing-active .site-button:focus-visible,body.public-marketing-active .site-scenario-controls button:focus-visible{outline:3px solid #6cc6c0;outline-offset:4px}
@keyframes site-device-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes site-draw{from{stroke-dashoffset:500}to{stroke-dashoffset:0}}
@keyframes site-float{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-5px) rotate(-5deg)}}
@media(min-width:1600px){.site-section{width:min(1500px,calc(100% - 120px))}.site-modern .site-hero{grid-template-columns:.84fr 1.16fr;gap:65px}.site-modern .site-hero h1{font-size:68px!important}.site-sample-screen{font-size:12px}.site-sample-screen aside>span{font-size:11px}.site-sample-main{padding:0 16px 18px}.site-sample-main>header{height:46px}.site-sample-title>strong{font-size:23px}.site-sample-kpis>div{padding:12px}.site-sample-rows>div{min-height:35px;font-size:10px}.site-modern .site-sample-charts .site-chart h3{font-size:11px!important}}
@media(max-width:1100px){.site-modern .site-hero{gap:25px}.site-sample-kpis>div{padding:6px}.site-sample-title>strong{font-size:14px}.site-sample-title>span{font-size:6px}.site-sample-screen aside>span{font-size:7px}.site-sample-screen aside>strong{font-size:12px}.site-sample-rows>div{min-height:24px}.site-modern .site-team-story li{display:block}.site-modern .site-team-story .site-character{margin:0 auto 20px}.site-chart{padding:18px 13px}.site-donut-row{display:block;min-height:0}.site-donut{width:60%;margin:auto}.site-donut-row ul{margin-top:12px}.site-donut-row li{margin:6px 0}}
@media(max-width:800px){.site-modern .site-hero{grid-template-columns:1fr;gap:42px;padding-top:40px;min-height:0}.site-modern .site-hero h1{max-width:650px!important}.site-laptop{max-width:700px;width:100%;margin:auto}.site-sample-title>strong{font-size:19px}.site-sample-screen aside>span{font-size:9px}.site-sample-title>span{font-size:8px}.site-sample-kpis>div{padding:10px}.site-sample-rows>div{min-height:30px}.site-modern .site-workflow{grid-template-columns:1fr;gap:30px}.site-chart-grid{grid-template-columns:1fr}.site-chart{padding:25px;display:grid;grid-template-columns:1fr;max-width:550px;width:100%;margin:auto}.site-line-chart{max-height:220px}.site-donut-row{display:flex;min-height:170px}.site-donut{width:150px}.site-donut-row ul{font-size:14px}.site-donut-row li{margin:16px 0}.site-modern .site-team-story ol{grid-template-columns:1fr;gap:28px}.site-modern .site-team-story li{display:flex;max-width:560px;margin:auto;gap:30px}.site-modern .site-team-story .site-character{margin:0}.site-modern .site-team-story p{font-size:16px!important}.site-modern .site-demo{gap:30px}.site-illustrated-heading{padding-inline-end:0;padding-top:35px}.site-illustrated-heading>.site-page-art{position:relative;float:none;top:0;margin:0 auto 25px}.site-demo-intro .site-page-art{margin:0 auto 20px}.site-modern .site-sample-charts .site-chart{display:block;padding:7px 5px}.site-sample-charts .site-donut{width:75%}.site-sample-charts .site-donut-row{min-height:0;display:block}}
@media(max-width:480px){.site-modern .site-hero h1{font-size:39px!important}.site-laptop-lid{margin:0 6px;padding:12px 5px 7px;border-radius:13px 13px 5px 5px}.site-laptop-base{height:12px}.site-camera{top:4px;width:3px;height:3px}.site-sample-screen{aspect-ratio:1.4}.site-sample-screen aside{padding:12px 3px}.site-sample-screen aside>strong{font-size:9px;margin-bottom:15px}.site-sample-screen aside>span{font-size:5px;padding:7px 3px;gap:3px}.site-sample-screen aside .site-icon{width:9px;height:9px}.site-sample-main{padding:0 6px 8px}.site-sample-main>header{height:24px;margin:0 -6px 9px;padding:0 6px;font-size:6px}.site-mini-avatars i{width:16px;height:16px;font-size:5px}.site-sample-title{margin-bottom:8px}.site-sample-title>strong{font-size:11px}.site-sample-title>span{font-size:5px}.site-sample-title .site-icon{width:8px;height:8px}.site-sample-kpis{gap:3px;margin-bottom:5px}.site-sample-kpis>div{padding:5px;grid-template-columns:12px 1fr;gap:2px}.site-sample-kpis b{font-size:13px}.site-sample-kpis span{font-size:5px}.site-sample-kpis .site-icon{width:10px;height:10px}.site-sample-charts{gap:3px;margin-bottom:5px}.site-modern .site-sample-charts .site-chart{padding:5px 3px}.site-modern .site-sample-charts .site-chart h3{font-size:5px!important;gap:2px!important;margin-bottom:5px!important}.site-sample-charts .site-chart h3 .site-icon{display:none}.site-sample-charts .heat-x,.site-sample-charts .heat-y{font-size:4px}.site-sample-charts .site-heatmap{padding:0 1px 10px 6px}.site-sample-charts .site-heatmap>div{gap:1px}.site-modern .site-sample-charts .site-donut strong{font-size:10px!important}.site-sample-charts .site-donut .site-icon{display:none}.site-sample-rows{padding:2px 5px}.site-sample-rows>div{grid-template-columns:10px 1fr 25% 18px;gap:3px;min-height:20px;font-size:5px}.site-sample-rows .site-icon{width:8px;height:8px}.site-mini-progress{height:3px}.site-modern .site-team-story li{gap:16px}.site-modern .site-team-story .site-character{width:110px;height:220px}.site-team-story .site-character img{width:330px!important;height:220px!important}.site-team-story .site-character-1 img{left:-110px}.site-team-story .site-character-2 img{left:-220px}.site-modern .site-team-story p{font-size:14px!important}.site-demo-steps li:not(:last-child):after{display:none}.site-modern .site-demo-steps{gap:12px}.site-monitor-foot{height:20px}.site-modern .site-tabs button{gap:5px;font-size:12px}.site-tabs .site-icon{width:16px;height:16px}}
.site-modern .site-character img{width:100%!important;height:100%!important;left:0!important;object-fit:contain!important;object-position:center bottom!important}
@media(max-width:480px){.site-sample-rows{display:none}.site-sample-screen{aspect-ratio:1.42}.site-sample-charts{margin-top:10px}}
.site-legacy-character{background:transparent!important;overflow:visible!important;display:flex;justify-content:center}
.site-legacy-character .site-character{width:170px;height:260px}
@media(max-width:600px){
}
body.public-marketing-active .framework-guide-visual{display:flex!important;align-items:center;justify-content:center;gap:20px}
body.public-marketing-active .framework-guide-mark{width:130px!important;height:130px!important;font-size:22px!important;flex-shrink:0;border-radius:12px!important;box-shadow:none!important;background:#e6f3f2!important;color:#007f78!important}
body.public-marketing-active .auth-visual-panel{background:transparent!important;border:0!important;box-shadow:none!important}
@media(prefers-reduced-motion:reduce){.site-modern *,.site-modern *:before,.site-modern *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* Approved concept artwork, shared by public editorial pages only. */
.site-modern .pg-rich-icon{filter:drop-shadow(0 3px 2px #07556b18);flex-shrink:0}
.pg-advisor{display:block;position:relative;isolation:isolate;overflow:hidden;border-radius:160px 160px 16px 16px;background:radial-gradient(ellipse at 50% 75%,#c1ece1,transparent 70%)}
.pg-advisor:before{content:'';position:absolute;inset:22% 0 0;background:linear-gradient(140deg,#d8f6ee,#c8e9e8);border-radius:180px 180px 0 0;z-index:-1}
.pg-advisor img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}