/* Product-led opening inspired by the supplied presentation, adapted to the Project Governance identity. */
.pg-product-hero{position:relative;overflow:hidden;padding:58px 0 64px;background:radial-gradient(ellipse at 79% 38%,rgba(0,163,255,.12),transparent 32%),linear-gradient(132deg,#fff 0%,#f7fbff 50%,#edf7fc 100%)}
.pg-product-hero:after{content:none}
.pg-product-hero:before{content:"";position:absolute;inset:auto auto -220px -170px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(0,163,255,.075),transparent 68%);pointer-events:none}
.pg-product-hero .hero-grid{position:relative;z-index:1;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);align-items:center;gap:34px}
.pg-product-hero .hero-copy{position:relative;z-index:2}
.pg-product-hero .hero-copy .eyebrow{margin-bottom:17px}
.pg-product-hero h1{max-width:570px;font-size:clamp(39px,4.55vw,59px);line-height:1.06;letter-spacing:-.052em}
.pg-product-hero h1 em{color:var(--pg-blue);font-style:normal;position:relative;white-space:nowrap}
.pg-product-hero h1 em:after{content:"";position:absolute;left:0;right:4%;bottom:1px;z-index:-1;height:8px;border-radius:8px;background:rgba(0,163,255,.22)}
.pg-product-hero .lead{max-width:520px;margin:17px 0 23px;color:#546983;font-size:14px;line-height:1.75}
.hero-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px;margin:23px 0 23px;max-width:520px}
.hero-feature{display:flex;align-items:center;gap:9px;min-width:0;color:#19365b;font-size:9px;line-height:1.35;font-weight:720}
.hero-feature-icon{width:35px;height:35px;flex:0 0 35px;display:grid;place-items:center;border:1px solid rgba(0,163,255,.18);border-radius:50%;background:linear-gradient(145deg,#fff,#e9f7ff);color:var(--pg-blue);box-shadow:0 5px 14px rgba(11,61,145,.08)}
.hero-feature-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hero-feature:nth-child(3n) .hero-feature-icon{background:#eefaff;color:#0084ca}
.hero-feature:nth-child(4n) .hero-feature-icon{color:var(--pg-red);border-color:rgba(255,45,45,.15);background:#fff5f4}
.pg-product-hero .hero-actions{gap:10px;flex-wrap:wrap}
.pg-product-hero .hero-actions .button{min-height:46px;padding-inline:16px;border-radius:9px;background:var(--pg-red);box-shadow:0 9px 22px rgba(255,45,45,.17);font-size:11px}
.pg-product-hero .hero-actions .button:hover{background:#e52323;box-shadow:0 13px 25px rgba(255,45,45,.23)}
.pg-product-hero .hero-actions .button-outline{background:#fff;color:var(--pg-blue);border-color:#d7e5f1;box-shadow:none}
.pg-product-hero .hero-actions .button-outline:hover{background:#f2f9ff;border-color:#b5d9f1;color:var(--pg-blue)}
.pg-product-hero .hero-note{max-width:495px;margin-top:17px;font-size:9px;color:#6a7d94}
.pg-product-hero .hero-note .dot{background:#15a59d;box-shadow:0 0 0 4px rgba(21,165,157,.12)}

.hero-dashboard-stage{position:relative;display:block;min-width:0;min-height:0;padding:0 0 24px;isolation:isolate}
.dashboard-window{display:flex;width:100%;min-height:422px;overflow:hidden;border:1px solid rgba(255,255,255,.88);border-radius:17px;background:#fff;box-shadow:0 27px 72px rgba(11,45,91,.17),0 3px 10px rgba(11,45,91,.06);transform:perspective(1500px) rotateY(-1.2deg);transform-origin:center;transition:transform .45s,box-shadow .45s}
.hero-dashboard-stage:hover .dashboard-window{transform:perspective(1500px) rotateY(0) translateY(-3px);box-shadow:0 34px 82px rgba(11,45,91,.2),0 3px 10px rgba(11,45,91,.06)}
.dashboard-sidebar{position:relative;display:flex;flex:0 0 135px;flex-direction:column;padding:17px 11px 12px;background:linear-gradient(165deg,#0b3d91,#082a65);color:#fff}
.dashboard-brand{display:flex;align-items:center;gap:7px;padding:0 3px 20px}
.dashboard-brand-mark{width:26px;height:26px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.5);border-radius:8px;background:rgba(255,255,255,.13);font:800 8px/1 Montserrat,sans-serif;letter-spacing:-.04em}
.dashboard-brand>span:last-child{display:grid;gap:2px}
.dashboard-brand strong{font:800 7px/1 Montserrat,sans-serif;letter-spacing:.04em}
.dashboard-brand small{font:600 6px/1 Inter,sans-serif;letter-spacing:.16em;color:#b9d7f3}
.dashboard-nav-label{padding:0 6px 7px;color:#8db5df;font:750 6px/1 Inter,sans-serif;letter-spacing:.14em}
.dashboard-nav-item{display:flex;align-items:center;gap:7px;margin:2px 0;padding:8px 7px;border-radius:6px;color:#d7e9fb;font:600 7px/1.2 Inter,sans-serif;white-space:nowrap}
.dashboard-nav-item i{width:13px;color:#b4d9f7;font:normal 11px/1 Inter,sans-serif;text-align:center}
.dashboard-nav-item.is-active{background:rgba(0,163,255,.25);color:#fff;box-shadow:inset 2px 0 #4ec4ff}
.dashboard-side-status{display:flex;align-items:flex-start;gap:6px;margin-top:auto;padding:10px 4px 0;border-top:1px solid rgba(255,255,255,.17);color:#e8f3fc;font:600 6px/1.55 Inter,sans-serif}
.dashboard-status-dot{width:6px;height:6px;flex:0 0 6px;margin-top:2px;border-radius:50%;background:#58d6b2;box-shadow:0 0 0 3px rgba(88,214,178,.12)}
.dashboard-side-status small{color:#a7cae7;font-weight:400}
.dashboard-screen{flex:1;min-width:0;padding:14px 15px 11px;background:#fff}
.dashboard-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:12px;border-bottom:1px solid #edf1f6;color:#5b6e86;font:600 7px/1.3 Inter,sans-serif}
.dashboard-toolbar b{color:#17375e;font:800 7px/1 Montserrat,sans-serif;letter-spacing:.035em}
.dashboard-toolbar small{color:#98a5b5;font:500 7px/1 Inter,sans-serif}
.dashboard-demo-badge{padding:5px 7px;border:1px solid #d7eaf6;border-radius:20px;background:#f2faff;color:#35769c;font:750 5.5px/1 Inter,sans-serif;letter-spacing:.08em;white-space:nowrap}
.dashboard-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 0 11px}
.dashboard-heading h2{margin:0;color:#162e4e;font:800 15px/1.2 Montserrat,sans-serif;letter-spacing:-.04em}
.dashboard-heading p{margin:4px 0 0;color:#8492a4;font:500 7px/1.3 Inter,sans-serif}
.dashboard-period{padding:6px 8px;border:1px solid #e7edf3;border-radius:6px;color:#6a7890;font:600 6px/1 Inter,sans-serif;white-space:nowrap}
.dashboard-period b{margin-left:7px;color:#91a0b2}
.dashboard-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.dashboard-kpi{display:flex;align-items:center;gap:7px;min-width:0;min-height:52px;padding:8px 7px;border:1px solid #e8eef4;border-radius:8px;background:#fff}
.dashboard-kpi-icon{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;border-radius:7px;background:#e9f3ff;color:var(--pg-blue);font:800 13px/1 Inter,sans-serif}
.dashboard-kpi-icon.is-cyan{background:#e6f8fb;color:#0795a9}
.dashboard-kpi-icon.is-red{background:#fff0ef;color:var(--pg-red)}
.dashboard-kpi>span:last-child{display:grid;gap:3px;min-width:0}
.dashboard-kpi small{color:#8a99ab;font:750 5.5px/1 Inter,sans-serif;letter-spacing:.08em}
.dashboard-kpi strong{overflow:hidden;color:#203c5e;font:750 7px/1.2 Montserrat,sans-serif;text-overflow:ellipsis;white-space:nowrap}
.dashboard-kpi em{color:#168d78;font:600 5.5px/1 Inter,sans-serif;font-style:normal}
.dashboard-panels{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(145px,.9fr);gap:8px;margin-top:8px}
.dashboard-chart-panel,.dashboard-focus-panel{min-width:0;overflow:hidden;border:1px solid #e8eef4;border-radius:8px;background:#fff}
.dashboard-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;padding:7px 9px;border-bottom:1px solid #f0f3f7}
.dashboard-panel-head>span:first-child{display:grid;gap:4px}
.dashboard-panel-head strong{color:#203957;font:750 7px/1.1 Montserrat,sans-serif}
.dashboard-panel-head small{color:#8d9bae;font:500 5.5px/1.1 Inter,sans-serif}
.dashboard-legend{display:flex;align-items:center;gap:4px;color:#73849a;font:600 5.5px/1 Inter,sans-serif}
.dashboard-legend i{width:6px;height:6px;border-radius:50%;background:#148ad3}
.dashboard-focus-menu{color:#8494a8;font:800 13px/1 Inter,sans-serif;letter-spacing:.05em}
.dashboard-chart-panel>img{display:block;width:100%;height:137px;object-fit:cover;object-position:center;background:#fff}
.dashboard-panel-foot{display:flex;justify-content:space-between;gap:6px;padding:6px 8px;border-top:1px solid #f0f3f7;color:#8c9bad;font:500 5px/1 Inter,sans-serif}
.dashboard-focus-row{display:flex;align-items:center;gap:6px;padding:8px 7px;border-bottom:1px solid #f0f3f7}
.focus-icon{width:20px;height:20px;flex:0 0 20px;display:grid;place-items:center;border-radius:6px;font:700 10px/1 Inter,sans-serif}
.focus-blue{background:#eaf2ff;color:#235ba0}
.focus-cyan{background:#e7f8fa;color:#058da1}
.focus-red{background:#fff1ef;color:#e34b4b}
.dashboard-focus-row>span:nth-child(2){display:grid;gap:3px;min-width:0}
.dashboard-focus-row strong{color:#354d69;font:700 6px/1.1 Inter,sans-serif}
.dashboard-focus-row small{overflow:hidden;color:#93a0b0;font:500 5px/1.1 Inter,sans-serif;text-overflow:ellipsis;white-space:nowrap}
.dashboard-focus-row>i{margin-left:auto;color:#99a9ba;font:normal 9px/1 Inter,sans-serif}
.dashboard-focus-note{margin:7px;padding:6px;border-radius:5px;background:#f6f9fc;color:#7c8ea2;font:500 5.5px/1.4 Inter,sans-serif}
.dashboard-focus-note span{display:block;margin-bottom:3px;color:var(--pg-blue);font:800 5px/1 Inter,sans-serif;letter-spacing:.08em}
.dashboard-footer-line{display:flex;justify-content:space-between;gap:8px;padding:9px 2px 0;color:#8d9bac;font:500 5.5px/1 Inter,sans-serif}
.dashboard-footer-line span:first-child{color:#50708f}
.dashboard-footer-line i{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:#55c8a3}
.dashboard-float-card{position:absolute;z-index:3;left:-17px;bottom:0;display:flex;align-items:center;gap:9px;max-width:245px;padding:11px 14px;border:1px solid rgba(219,233,243,.95);border-radius:10px;background:rgba(255,255,255,.96);box-shadow:0 13px 32px rgba(11,45,91,.14);animation:pgFloat 5.5s ease-in-out infinite}
.dashboard-float-icon{width:27px;height:27px;flex:0 0 27px;display:grid;place-items:center;border-radius:50%;background:#e5f7f1;color:#129577;font:800 13px/1 Inter,sans-serif}
.dashboard-float-card>span:last-child{display:grid;gap:3px}
.dashboard-float-card strong{color:#1b385c;font:750 7px/1.2 Montserrat,sans-serif}
.dashboard-float-card small{color:#7d8da2;font:500 6px/1.2 Inter,sans-serif}
@keyframes pgFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}

@media(max-width:1100px){.pg-product-hero .hero-grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:24px}.dashboard-sidebar{flex-basis:119px;padding-inline:8px}.dashboard-screen{padding-inline:11px}.dashboard-panels{grid-template-columns:minmax(0,1.35fr) minmax(130px,.9fr)}.dashboard-kpi{gap:5px;padding-inline:5px}}
@media(max-width:900px){.pg-product-hero{padding:48px 0 55px}.pg-product-hero .hero-grid{grid-template-columns:1fr;gap:27px}.pg-product-hero .hero-copy{max-width:650px}.pg-product-hero h1{max-width:660px;font-size:clamp(42px,6vw,58px)}.pg-product-hero .lead{max-width:600px}.hero-feature-grid{max-width:590px}.hero-dashboard-stage{width:min(100%,760px);margin-inline:auto}.dashboard-window{min-height:400px}.dashboard-sidebar{flex-basis:140px}.dashboard-screen{padding:15px 17px 12px}.dashboard-chart-panel>img{height:150px}}
@media(max-width:620px){.pg-product-hero{padding:38px 0 46px}.pg-product-hero .hero-grid{gap:20px}.pg-product-hero h1{font-size:clamp(36px,9vw,48px)}.pg-product-hero .lead{font-size:13px}.hero-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 8px;margin:20px 0}.hero-feature{font-size:9px}.hero-feature-icon{width:33px;height:33px;flex-basis:33px}.pg-product-hero .hero-actions .button{flex:1 1 190px}.hero-dashboard-stage{padding-bottom:25px}.dashboard-window{min-height:0;border-radius:13px;transform:none}.dashboard-sidebar{flex-basis:112px;padding:14px 7px 9px}.dashboard-brand{gap:5px;padding:0 1px 15px}.dashboard-brand-mark{width:23px;height:23px}.dashboard-nav-item{gap:4px;padding:7px 5px;font-size:6px}.dashboard-nav-item i{width:11px;font-size:9px}.dashboard-screen{padding:11px 9px 9px}.dashboard-heading h2{font-size:13px}.dashboard-heading p{font-size:6px}.dashboard-period{font-size:5px}.dashboard-kpis{gap:4px}.dashboard-kpi{min-height:47px;gap:4px;padding:5px 4px}.dashboard-kpi-icon{width:19px;height:19px;flex-basis:19px;font-size:11px}.dashboard-kpi small{font-size:4.7px}.dashboard-kpi strong{font-size:6px}.dashboard-kpi em{font-size:4.8px}.dashboard-panels{grid-template-columns:minmax(0,1.3fr) minmax(116px,.9fr);gap:5px}.dashboard-panel-head{padding-inline:6px}.dashboard-panel-head strong{font-size:6px}.dashboard-chart-panel>img{height:112px}.dashboard-focus-row{gap:4px;padding:7px 4px}.focus-icon{width:17px;height:17px;flex-basis:17px;font-size:8px}.dashboard-focus-row strong{font-size:5.5px}.dashboard-focus-row small{font-size:4.5px}.dashboard-focus-note{margin:5px;padding:5px;font-size:4.7px}.dashboard-footer-line{font-size:4.7px}.dashboard-float-card{left:7px;padding:8px 10px}.dashboard-float-icon{width:23px;height:23px;flex-basis:23px}}
@media(max-width:440px){.dashboard-sidebar{display:none}.dashboard-screen{padding:12px 11px 10px}.dashboard-toolbar{font-size:6px}.dashboard-toolbar b{font-size:6px}.dashboard-heading h2{font-size:14px}.dashboard-heading p{font-size:6px}.dashboard-kpi{min-height:51px;padding:7px 6px}.dashboard-kpi-icon{width:22px;height:22px;flex-basis:22px}.dashboard-kpi small{font-size:5px}.dashboard-kpi strong{font-size:6.5px}.dashboard-kpi em{font-size:5px}.dashboard-panels{grid-template-columns:1fr}.dashboard-chart-panel>img{height:150px}.dashboard-focus-panel{display:grid;grid-template-columns:1fr 1fr}.dashboard-focus-panel .dashboard-panel-head,.dashboard-focus-note{grid-column:1/-1}.dashboard-focus-row{padding:7px}.dashboard-footer-line span:last-child{max-width:46%;text-align:right}}
@media(prefers-reduced-motion:reduce){.dashboard-window,.dashboard-float-card{animation:none;transition:none}}