/* Product showcase boards, isolated from Home and all earlier pages. */
.products-ui .su-hero{min-height:460px}.products-ui .su-hero h1{font-size:clamp(35px,3.9vw,56px);max-width:780px}.products-ui .su-hero p{max-width:640px}.products-ui #product-content{padding-top:24px;scroll-margin-top:25px}.products-ui #product-content>.su-grid:first-child>.su-card{background:#eef7ee;text-align:center}.products-ui #product-content>.su-grid:first-child>.su-card>svg{margin:0 auto 15px;color:#008537}.products-ui #product-content>.su-grid:first-child>.su-card:nth-child(2n)>svg{color:#db8100}.products-ui .su-section>h2{text-align:left}.products-ui .pu-catalogue .su-card{background:#f2f8f3;display:flex;flex-direction:column}.products-ui .pu-catalogue .su-card>svg{color:#007c35}.products-ui .pu-catalogue .su-card:nth-child(3n)>svg{color:#d97900}.products-ui .pu-catalogue .su-badge{align-self:flex-start;margin-top:15px}.products-ui .pu-catalogue .button{margin-top:18px;font-size:13px}.products-ui .pu-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.products-ui .pu-metrics article{display:flex;align-items:center;gap:12px;border:1px solid #dce7da;background:linear-gradient(135deg,#fff,#f0f5ee);padding:18px 13px;border-radius:6px;min-width:0}.products-ui .pu-metrics svg{width:30px;height:30px;color:#007e36;flex-shrink:0}.products-ui .pu-metrics article:nth-child(2n)>svg{color:#d67e00}.products-ui .pu-metrics strong{display:block;font-size:23px;color:#083d29;overflow-wrap:anywhere}.products-ui .pu-metrics span{display:block;font-size:12px;color:#385540;margin-top:4px}.products-ui .pu-panel{background:#fff;border:1px solid #dfe7dc;border-radius:6px;padding:18px;min-width:0}.products-ui .pu-panel>h4{font-size:17px;color:#153e2d;margin:0 0 17px}.products-ui .pu-panel>img{width:100%;max-height:220px;object-fit:cover;border-radius:5px}.products-ui label{font-size:13px;color:#294a36;display:block}.products-ui label input,.products-ui label select{display:block;width:100%;font-size:15px;padding:9px 10px;min-height:42px;border:1px solid #c6d6c1;border-radius:4px;margin-top:6px;background:white;color:#193d2c}.products-ui .su-toolbar label{min-width:130px}.products-ui .pu-map{width:100%;height:auto;margin-top:12px}.products-ui .pu-map text{font:14px Arial,sans-serif}.products-ui .pu-note{font-size:12px;color:#405f48;line-height:1.6}.products-ui .pu-funnel{width:var(--funnel-width);min-width:130px;padding:12px;background:#b2dfb9;margin:9px 0;display:flex;justify-content:space-between;font-size:13px;border-radius:3px}.products-ui .pu-funnel:nth-child(3){background:#d6edb0}.products-ui .pu-funnel:nth-child(4){background:#ffe4a4}.products-ui .pu-funnel:nth-child(5){background:#f7cf8e}.products-ui .pu-funnel:nth-child(6){background:#edc0ad}.products-ui .pu-coverage>div{display:grid;grid-template-columns:100px 1fr 42px;gap:12px;align-items:center;margin:20px 0;font-size:12px}.products-ui meter{width:100%;height:19px;accent-color:#008537}.products-ui .pu-task-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.products-ui .pu-task-board .svc-project-column{padding:10px}.products-ui .pu-task-board .svc-project-card{padding:10px 8px}.products-ui .pu-task-board .svc-project-column h4{font-size:12px}.products-ui .pu-courses>.su-card{padding:12px;background:white}.products-ui .pu-courses img{width:100%;height:135px;object-fit:cover;border-radius:5px}.products-ui .pu-courses h4{font-size:15px;min-height:42px;margin:12px 0}.products-ui progress{width:100%;display:block;height:13px;accent-color:#008537;margin-top:8px}.products-ui .pu-courses .button{width:100%;font-size:12px;margin-top:15px;min-height:42px}.products-ui .pu-progress-label{margin:18px 0}.products-ui .pu-progress-label strong{float:right}.products-ui .pu-event{display:flex;gap:14px;padding:15px 0;border-bottom:1px solid #e0e9dc}.products-ui .pu-event>span{width:46px;flex-shrink:0;align-self:flex-start;background:#eab02a;color:#173d29;font-size:12px;font-weight:bold;text-align:center;padding:8px 5px;border-radius:4px}.products-ui .pu-event strong{font-size:14px}.products-ui .pu-event p{font-size:12px;margin:5px 0}.products-ui .pu-event .button{font-size:12px;padding:8px 12px;min-height:38px}.products-ui .pu-member-list>div{display:flex;gap:10px;align-items:center;border-bottom:1px solid #e2e9dd;padding:14px 0;min-width:0}.products-ui .pu-member-list>div>div{flex:1;min-width:0}.products-ui .pu-member-list strong{font-size:12px;display:block}.products-ui .pu-member-list small{display:block;font-size:11px;margin-top:5px}.products-ui .pu-member-list .button{font-size:11px;padding:8px;min-height:38px}.products-ui .pu-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#005934,#08a14e);color:white;display:grid;place-items:center;flex-shrink:0;font-size:13px}.products-ui .pu-group{display:flex;align-items:center;gap:9px;padding:16px 0;border-bottom:1px solid #e1e9dc}.products-ui .pu-group>svg{width:24px;height:24px;color:#008537;flex-shrink:0}.products-ui .pu-group>strong{font-size:12px;flex:1}.products-ui .pu-group .button{padding:8px;font-size:11px;min-height:38px}.products-ui [data-pu-action][aria-pressed=true]{background:#e2efda;border-color:#008537;color:#075a2e}.products-ui .pu-timeline{padding-left:22px;border-left:2px solid #e2eadf;line-height:1.7;list-style:none}.products-ui .pu-timeline>li{margin:0 0 25px;position:relative;font-size:13px}.products-ui .pu-timeline>li:before{content:'';position:absolute;left:-28px;top:6px;width:10px;height:10px;border:2px solid #fff;background:#008537;border-radius:50%}.products-ui .pu-timeline time{display:block;color:#005d30;font-weight:700}.products-ui .pu-donut{width:150px;height:150px;border-radius:50%;background:conic-gradient(#008537 0 68%,#efb928 68% 82%,#b5c5b3 82% 92%,#dde6d9 92%);position:relative;margin:20px auto}.products-ui .pu-donut:after{content:'Sample';position:absolute;inset:30px;border-radius:50%;background:#fff;display:grid;place-items:center;color:#185334;font-size:14px}.products-ui .su-side-tabs{grid-template-columns:135px minmax(0,1fr)}.products-ui .su-demo .su-cols-3>.pu-panel{padding:13px}.products-ui .su-table-scroll .button{padding:7px 10px;font-size:12px;min-height:38px}.products-ui #product-example-dialog{padding:28px;width:min(650px,92vw)}.products-ui #product-example-dialog img{max-width:100%;height:auto;border-radius:6px}.products-ui .svc-closing{background:linear-gradient(110deg,#003f31,#006039);color:white}.products-ui .svc-closing h2{color:white}.products-ui .su-panels>.su-section{min-width:0}.products-ui .su-content .su-grid>*{min-width:0}.products-ui .su-card .button{white-space:normal}.products-ui [role=tabpanel]{scroll-margin-top:30px}.products-ui .su-demo .su-demo{margin:0}
@media(max-width:1100px){.products-ui .pu-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.products-ui .su-demo .su-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}.products-ui .pu-courses{grid-template-columns:repeat(2,minmax(0,1fr))}.products-ui .pu-task-board{grid-template-columns:1fr}.products-ui .su-side-tabs{grid-template-columns:115px minmax(0,1fr)}}
@media(max-width:740px){.products-ui .su-hero{min-height:430px}.products-ui .su-demo .su-cols-3{grid-template-columns:1fr}.products-ui .su-cols-2{grid-template-columns:1fr}.products-ui .su-side-tabs{display:block}.products-ui .su-side-tabs>[role=tablist]{flex-direction:row;flex-wrap:wrap}.products-ui .su-side-tabs>[role=tablist]>button{flex:1 1 30%;justify-content:center;text-align:center}.products-ui .pu-task-board{grid-template-columns:repeat(3,minmax(0,1fr))}.products-ui .pu-metrics strong{font-size:22px}.products-ui .pu-member-list>div{flex-wrap:wrap}}
@media(max-width:480px){.products-ui .pu-metrics{gap:9px}.products-ui .pu-metrics article{padding:12px 9px;gap:8px}.products-ui .pu-metrics svg{width:23px;height:23px}.products-ui .pu-metrics strong{font-size:18px}.products-ui .pu-metrics span{font-size:11px}.products-ui .pu-task-board{grid-template-columns:1fr}.products-ui .pu-courses{grid-template-columns:1fr}.products-ui .pu-catalogue{grid-template-columns:1fr}.products-ui .pu-panel{padding:14px}.products-ui .su-side-tabs>[role=tablist]>button{flex-basis:42%}.products-ui .pu-coverage>div{grid-template-columns:80px 1fr 35px;gap:6px}}