/* ==============================================================
   XZLENZ — PLATFORM OVERVIEW
   Page-specific stylesheet only.
   Global navbar / closing CTA / footer stay in styles.css.
   ============================================================== */

:root{
  --pov-navy:#071d45;
  --pov-navy-2:#0a2e68;
  --pov-heading:#112755;
  --pov-body:#64779a;
  --pov-blue:#3678ff;
  --pov-cyan:#18baf0;
  --pov-purple:#735cff;
  --pov-green:#20bf86;
  --pov-red:#ff5665;
  --pov-orange:#ff9e3f;
  --pov-border:#dce6f3;
  --pov-soft:#f7faff;
}

.platform-overview-page main{overflow:hidden;background:#fff}
.pov-kicker{display:inline-block;font:700 11px/1.2 Poppins,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#3475ff}
.pov-kicker-cyan{color:#48d4ff}
.pov-section-heading{text-align:center;max-width:880px;margin:0 auto 38px}
.pov-section-heading h2{margin:8px 0 8px;color:var(--pov-heading);font:700 clamp(30px,3vw,44px)/1.1 Poppins,Inter,sans-serif;letter-spacing:-.04em}
.pov-section-heading p{margin:0;color:var(--pov-body);font-size:15px;line-height:1.65}

/* Hero */
.pov-hero{position:relative;min-height:650px;display:flex;align-items:center;background:url('../assets/platform-hero-bg.webp') center/cover no-repeat;color:#fff;overflow:hidden}
.pov-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,17,43,.95) 0%,rgba(5,25,57,.84) 36%,rgba(6,31,70,.36) 65%,rgba(6,31,70,.12) 100%)}
.pov-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(420px,.9fr) minmax(650px,1.3fr);gap:48px;align-items:center;padding-top:68px;padding-bottom:68px}
.pov-hero-copy{max-width:610px}
.pov-hero-copy h1{margin:16px 0 18px;color:#fff;font:700 clamp(48px,5.1vw,78px)/.98 Poppins,Inter,sans-serif;letter-spacing:-.055em}
.pov-hero-copy p{margin:0;max-width:620px;color:#d8e6f7;font-size:17px;line-height:1.65}
.pov-hero-actions{display:flex;align-items:center;gap:20px;margin-top:30px}
.pov-hero-actions .btn{min-height:56px}
.pov-hero-actions .btn svg{width:18px;height:18px}
.pov-secondary-cta{display:flex;align-items:center;gap:11px;color:#fff;font-size:14px;font-weight:700}
.pov-play{width:46px;height:46px;border:1px solid rgba(255,255,255,.7);border-radius:50%;display:grid;place-items:center;background:rgba(7,22,49,.34);box-shadow:0 8px 28px rgba(0,0,0,.18)}
.pov-play svg{width:17px;height:17px;fill:none;stroke:#fff;stroke-width:2}

/* synthetic product visual */
.pov-product-stage{position:relative;min-height:505px}
.pov-dashboard{position:absolute;left:0;right:7%;top:60px;border-radius:20px;background:#f8fbff;border:1px solid rgba(158,201,255,.52);box-shadow:0 25px 70px rgba(0,13,43,.36);overflow:hidden}
.pov-dashboard-topbar{height:58px;padding:0 18px;display:grid;grid-template-columns:140px 1fr 90px;align-items:center;gap:14px;background:#071c3e;color:#dce9fa}
.pov-dashboard-wordmark{font:700 16px Poppins,sans-serif;letter-spacing:.18em;color:#fff}
.pov-dashboard-search{height:34px;display:flex;align-items:center;padding:0 14px;border-radius:8px;background:#0c2855;color:#9cb1d0;font-size:10px;border:1px solid rgba(255,255,255,.08)}
.pov-dashboard-dots{display:flex;justify-content:flex-end;gap:6px}.pov-dashboard-dots i{width:8px;height:8px;border-radius:50%;background:#476689}
.pov-dashboard-body{display:grid;grid-template-columns:126px 1fr;min-height:350px}
.pov-dashboard-sidebar{padding:16px 12px;background:#0a234b;color:#9fb4d2;display:flex;flex-direction:column;gap:7px;font-size:10px}
.pov-dashboard-sidebar b,.pov-dashboard-sidebar span{padding:8px 10px;border-radius:8px}.pov-dashboard-sidebar b{background:#0d65dc;color:#fff}
.pov-dashboard-main{padding:18px;background:linear-gradient(180deg,#f8fbff,#fff)}
.pov-dash-title-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.pov-dash-title-row strong{display:block;color:#14294f;font:700 16px Poppins,sans-serif}.pov-dash-title-row small{display:block;color:#8695ad;font-size:9px;margin-top:2px}.pov-dash-title-row>span{padding:6px 9px;border:1px solid #dce5f1;border-radius:7px;color:#73839d;font-size:8px}
.pov-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pov-metric-grid>div{padding:10px;border:1px solid #e0e7f1;border-radius:10px;background:#fff;box-shadow:0 7px 18px rgba(39,70,120,.04)}.pov-metric-grid b{display:block;color:#102751;font:700 15px Poppins,sans-serif}.pov-metric-grid span{display:block;color:#7d8da7;font-size:7px}.pov-metric-grid small{display:block;margin-top:3px;color:#20b986;font-size:7px}
.pov-chart-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:10px;margin-top:10px}.pov-chart-card{min-height:185px;padding:12px;border:1px solid #e0e7f1;border-radius:10px;background:#fff}.pov-chart-head{display:flex;justify-content:space-between;color:#20365f;font-size:8px}.pov-chart-head span{color:#1388f4}
.pov-bars{height:110px;display:flex;align-items:flex-end;gap:6px;padding:16px 6px 0;border-bottom:1px solid #dfe7f1;background:repeating-linear-gradient(to top,transparent 0 26px,#edf2f8 27px 28px)}.pov-bars i{width:10%;height:var(--h);min-height:12px;background:linear-gradient(180deg,#1b8cff,#4b6eff);border-radius:2px 2px 0 0}
.pov-months{display:flex;justify-content:space-between;color:#91a0b7;font-size:6px;margin:5px 4px 0}.pov-status-layout{height:145px;display:flex;align-items:center;justify-content:center;gap:16px}.pov-donut{width:88px;height:88px;border-radius:50%;background:conic-gradient(#3a7cff 0 62%,#ffc84a 62% 86%,#ff9e47 86% 96%,#ff5665 96% 100%);position:relative}.pov-donut::after{content:"";position:absolute;inset:21px;background:#fff;border-radius:50%}.pov-status-layout ul{margin:0;padding:0;list-style:none;display:grid;gap:7px}.pov-status-layout li{display:grid;grid-template-columns:8px 1fr auto;gap:5px;align-items:center;color:#647797;font-size:6px}.pov-status-layout li i{width:6px;height:6px;border-radius:2px}.pov-status-layout li b{color:#536682}.c-blue{background:#3a7cff}.c-yellow{background:#ffc84a}.c-orange{background:#ff9e47}.c-red{background:#ff5665}
.pov-connected-card{position:absolute;right:-2px;top:14px;width:176px;padding:18px 17px;border-radius:18px;background:#fff;color:#132750;box-shadow:0 18px 50px rgba(0,15,45,.18);display:grid;gap:7px}.pov-connected-card strong{font:700 18px/1.05 Poppins,sans-serif;margin-bottom:4px}.pov-connected-card span{display:flex;align-items:center;gap:8px;color:#5f7294;font-size:10px}.pov-connected-card i{width:9px;height:9px;border:2px solid #497dff;border-radius:50%}
.pov-unified-chip{position:absolute;right:1%;bottom:20px;display:flex;gap:10px;align-items:center;padding:12px 16px;border-radius:16px;background:#fff;color:#617492;box-shadow:0 18px 45px rgba(0,18,50,.18);font-size:9px}.pov-unified-chip b{color:#172c56}.pov-chip-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:#eef8ff;color:#168eee;font-size:22px;font-weight:700}

/* Problem */
.pov-problem{padding:72px 0;background:#fff}
.pov-problem-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:88px;align-items:center}
.pov-problem-copy{max-width:650px}
.pov-problem-copy h2{margin:9px 0 18px;color:var(--pov-heading);font:700 clamp(34px,3.5vw,52px)/1.1 Poppins,Inter,sans-serif;letter-spacing:-.045em}
.pov-problem-copy p{margin:0;color:var(--pov-body);font-size:15px;line-height:1.72}
.pov-problem-items{display:grid;gap:12px}
.pov-problem-item{display:flex;align-items:center;gap:16px;padding:16px 18px;background:#fff;border:1px solid #dce6f3;border-radius:13px;box-shadow:0 10px 28px rgba(26,56,103,.05)}
.pov-problem-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;flex:none}.pov-problem-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.pov-red{background:#fff0f2;color:#ff5261}.pov-orange{background:#fff6e8;color:#ff9d35}.pov-blue{background:#eef4ff;color:#3178ff}
.pov-problem-item h3{margin:0 0 3px;color:#152a54;font:700 13px Poppins,sans-serif}.pov-problem-item p{margin:0;color:#73839f;font-size:11px;line-height:1.45}

/* Architecture */
.pov-architecture{padding:54px 0 66px;background:linear-gradient(180deg,#fbfdff,#fff)}
.pov-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:12px;align-items:start}
.pov-flow-node{text-align:center}.pov-flow-icon{width:66px;height:66px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;border:1px solid currentColor;background:#f4f8ff}.pov-flow-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8}.pov-flow-icon.blue{color:#2d77ff;background:#eef4ff}.pov-flow-icon.purple{color:#6f5cff;background:#f2efff}.pov-flow-icon.green{color:#20b986;background:#edf9f5}.pov-flow-icon.orange{color:#f59d42;background:#fff5e9}.pov-flow-icon.red{color:#f65767;background:#fff0f1}
.pov-flow-node h3{margin:0 0 5px;color:#132851;font:700 13px/1.25 Poppins,sans-serif}.pov-flow-node p{margin:0;color:#687b9a;font-size:11px;line-height:1.35}.pov-flow-arrow{padding-top:24px;color:#2b7cff;font-size:28px;line-height:1}

/* Impact */
.pov-impact-band{padding:44px 0 36px;background:linear-gradient(110deg,#061a3b,#0a2e66 62%,#071a3d);color:#fff}
.pov-impact-heading{text-align:center}.pov-impact-heading>span{font:700 10px Poppins,sans-serif;text-transform:uppercase;letter-spacing:.18em;color:#48d9ff}.pov-impact-heading h2{margin:7px 0 22px;color:#fff;font:700 28px Poppins,sans-serif}
.pov-impact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pov-impact-card{display:flex;gap:13px;align-items:center;padding:14px;border-radius:11px;background:#fff;color:#152a52;border:1px solid #dce6f3;min-height:100px}.pov-impact-icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;flex:none}.pov-impact-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.pov-impact-icon.red{background:#fff0f2;color:#ff5261}.pov-impact-icon.blue{background:#eef4ff;color:#2b7cff}.pov-impact-icon.green{background:#ecfaf5;color:#1db982}.pov-impact-icon.orange{background:#fff5e9;color:#ff982f}.pov-impact-card h3{margin:0 0 3px;font:700 11px/1.25 Poppins,sans-serif}.pov-impact-card p{margin:0;color:#6e7d98;font-size:9px;line-height:1.4}
.pov-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:22px}.pov-stat-grid>div{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:10px;justify-content:center;align-items:center;padding:0 18px;border-right:1px solid rgba(255,255,255,.18)}.pov-stat-grid>div:last-child{border-right:0}.pov-stat-icon{grid-row:1/3;color:#26a0ff;font-size:30px}.pov-stat-grid strong{font:700 27px Poppins,sans-serif;line-height:1}.pov-stat-grid small{font-size:9px;color:#c9d8eb}

/* Modules */
.pov-modules{padding:70px 0 80px;background:#fff}
.pov-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pov-module-card{display:grid;grid-template-columns:1.05fr .95fr;gap:12px;align-items:stretch;padding:16px;border:1px solid var(--pov-border);border-radius:14px;background:#fff;box-shadow:0 12px 30px rgba(31,65,113,.05)}
.pov-module-copy{display:flex;gap:10px}.pov-module-icon{width:39px;height:39px;border-radius:11px;background:#eef4ff;color:#337aff;display:grid;place-items:center;flex:none}.pov-module-icon.warning{background:#fff6e8;color:#ff9a2f}.pov-module-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.pov-module-copy h3{margin:0 0 4px;color:#152b55;font:700 11px/1.25 Poppins,sans-serif}.pov-module-copy p{margin:0;color:#74839e;font-size:9px;line-height:1.45}.pov-module-copy a{display:inline-block;margin-top:8px;color:#236dff;font-size:9px;font-weight:700}
.pov-mini-ui{min-height:122px;border:1px solid #dfe8f3;border-radius:9px;background:#f8fbff;padding:10px;overflow:hidden}.mini-toolbar{display:flex;gap:4px;margin-bottom:8px}.mini-toolbar i{width:5px;height:5px;border-radius:50%;background:#b6c6db}.mini-framework-row,.maturity-row,.vendor-row{display:flex;justify-content:space-between;align-items:center;padding:6px 7px;margin-bottom:5px;background:#fff;border:1px solid #e7edf5;border-radius:6px;color:#647797;font-size:7px}.mini-framework-row b{color:#1bb986}.maturity-row em{font-style:normal;font-weight:700;color:#ff9a3f}.integration-ui{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;align-content:center}.integration-ui span{display:grid;place-items:center;min-height:34px;border:1px solid #dfe8f3;border-radius:7px;background:#fff;color:#42638f;font-size:7px;font-weight:700}.assurance-ui{display:grid;grid-template-columns:1fr 50px;gap:10px;align-items:center}.assurance-bars{display:grid;gap:8px}.assurance-bars i{display:block;width:var(--w);height:7px;border-radius:9px;background:linear-gradient(90deg,#33a7f5,#4f7cff)}.assurance-dots{display:flex;flex-direction:column;gap:5px}.assurance-dots span{width:34px;height:34px;border:7px solid #25bd87;border-left-color:#ffc44b;border-radius:50%}.assurance-dots span:nth-child(2){border-color:#4f7cff;border-right-color:#ff5b66}.assurance-dots span:nth-child(3){border-color:#20b9e9;border-bottom-color:#ffc44b}.risk-ui{display:grid;grid-template-columns:1fr 92px;gap:8px}.risk-list{display:grid;gap:5px}.risk-list span{display:flex;justify-content:space-between;padding:6px;background:#fff;border:1px solid #e5ecf4;border-radius:6px;color:#667995;font-size:6px}.risk-list b{color:#ff5a67}.risk-list span:nth-child(2) b{color:#f59d42}.risk-list span:nth-child(3) b{color:#20b986}.risk-heatmap{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.risk-heatmap i{border-radius:3px;background:#e4f6ef}.risk-heatmap i:nth-child(2),.risk-heatmap i:nth-child(5){background:#fff2c4}.risk-heatmap i:nth-child(3),.risk-heatmap i:nth-child(6),.risk-heatmap i:nth-child(9){background:#ffd6d9}.vendor-row b{color:#21b982}.vendor-row:nth-child(2) b{color:#f69d3f}

/* Why one platform */
.pov-why{position:relative;isolation:isolate;padding:74px 0 78px;background:#f8fbff;overflow:hidden}
.pov-why-bg{position:absolute;inset:0;z-index:-2;background:url('../assets/why-platform-bg.webp') left center/cover no-repeat;opacity:1}
.pov-why::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(255,255,255,.24) 0%,rgba(255,255,255,.50) 46%,rgba(255,255,255,.78) 62%,rgba(255,255,255,.92) 100%)}
.pov-why-grid{display:grid;grid-template-columns:minmax(360px,.82fr) minmax(700px,1.35fr);gap:48px;align-items:center}
.pov-why-copy{padding:8px 0 20px;max-width:560px}.pov-why-copy h2{margin:9px 0 16px;color:var(--pov-heading);font:700 clamp(38px,4vw,58px)/1.06 Poppins,sans-serif;letter-spacing:-.05em}.pov-why-copy p{margin:0;color:#536989;font-size:16px;line-height:1.65}
.pov-comparison{width:100%;background:#fff;border:1px solid #d9e4f1;border-radius:16px;overflow:hidden;box-shadow:0 22px 60px rgba(31,64,115,.12)}
.pov-compare-head{display:grid;grid-template-columns:1fr 1fr;text-align:center;font:700 14px Poppins,sans-serif}.pov-compare-head>div{padding:14px}.pov-compare-head>div:first-child{background:#edf2f8;color:#142a54}.pov-compare-head>div:last-child{background:linear-gradient(90deg,#2d77ff,#18ace8);color:#fff}
.pov-compare-row{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e7edf5;color:#6d7f9b;font-size:11px}.pov-compare-row>div{min-height:42px;padding:10px 13px;display:flex;align-items:center}.pov-compare-row>div:first-child{border-right:1px solid #e7edf5;background:rgba(248,250,253,.78)}.pov-compare-row>div:last-child{color:#258169}.pov-compare-row i{width:20px;height:20px;margin-right:8px;display:grid;place-items:center;border-radius:50%;background:#22bf84;color:#fff;font-style:normal;font-size:11px;flex:none}

/* Responsive */
@media(max-width:1180px){
  .pov-hero-grid{grid-template-columns:1fr 1.1fr;gap:30px}.pov-product-stage{min-height:455px}.pov-connected-card{right:0}.pov-problem-grid{gap:48px}.pov-flow{gap:7px}.pov-module-grid{grid-template-columns:repeat(2,1fr)}.pov-why-grid{grid-template-columns:.8fr 1.2fr;gap:30px}.pov-compare-row{font-size:10px}
}
@media(max-width:980px){
  .pov-hero{min-height:auto}.pov-hero-grid{grid-template-columns:1fr;padding-top:58px;padding-bottom:58px}.pov-hero-copy{text-align:center;margin:auto}.pov-hero-actions{justify-content:center}.pov-product-stage{width:min(800px,100%);margin:auto;min-height:470px}
  .pov-problem-grid{grid-template-columns:1fr;gap:34px}.pov-problem-copy{max-width:760px;margin:auto;text-align:center}.pov-problem-items{grid-template-columns:repeat(3,1fr)}
  .pov-flow{grid-template-columns:repeat(3,1fr);gap:28px 20px}.pov-flow-arrow{display:none}
  .pov-impact-grid{grid-template-columns:repeat(2,1fr)}
  .pov-why-grid{grid-template-columns:1fr}.pov-why-copy{max-width:700px}.pov-why::after{background:rgba(255,255,255,.7)}
}
@media(max-width:760px){
  .pov-hero-grid{width:min(calc(100% - 28px),var(--container));padding-top:42px}.pov-hero-copy h1{font-size:46px}.pov-product-stage{min-height:385px}.pov-dashboard{right:0;top:54px}.pov-connected-card{width:145px;padding:13px}.pov-unified-chip{display:none}.pov-dashboard-body{grid-template-columns:92px 1fr}.pov-dashboard-sidebar{font-size:8px}.pov-dashboard-main{padding:12px}.pov-metric-grid{grid-template-columns:repeat(2,1fr)}.pov-chart-grid{grid-template-columns:1fr}.pov-status-card{display:none}
  .pov-problem{padding:56px 0}.pov-problem-items{grid-template-columns:1fr}
  .pov-flow{grid-template-columns:repeat(2,1fr)}
  .pov-impact-grid{grid-template-columns:1fr}.pov-stat-grid{grid-template-columns:repeat(2,1fr);gap:20px 0}.pov-stat-grid>div:nth-child(2){border-right:0}
  .pov-module-grid{grid-template-columns:1fr}.pov-module-card{grid-template-columns:1fr 1fr}
  .pov-why{padding:58px 0}.pov-why-bg{background-position:35% center}.pov-comparison{overflow-x:auto}.pov-compare-head,.pov-compare-row{min-width:650px}
}
@media(max-width:520px){
  .pov-hero-copy h1{font-size:38px}.pov-hero-actions{flex-direction:column;align-items:stretch}.pov-secondary-cta{justify-content:center}.pov-product-stage{min-height:300px}.pov-dashboard{top:36px}.pov-connected-card{display:none}.pov-dashboard-topbar{grid-template-columns:100px 1fr}.pov-dashboard-dots{display:none}.pov-dashboard-body{grid-template-columns:70px 1fr}.pov-dashboard-sidebar span,.pov-dashboard-sidebar b{padding:6px 4px}.pov-chart-card{min-height:130px}.pov-bars{height:72px}.pov-dash-title-row strong{font-size:12px}
  .pov-problem-copy h2,.pov-section-heading h2,.pov-why-copy h2{font-size:31px}.pov-flow-icon{width:58px;height:58px}.pov-flow-node p{font-size:10px}
  .pov-module-card{grid-template-columns:1fr}.pov-mini-ui{min-height:135px}
  .pov-why-copy{text-align:left}.pov-why-grid{gap:26px}.pov-compare-head,.pov-compare-row{min-width:610px}
}

/* ==============================================================
   FINAL PLATFORM OVERVIEW REFINEMENTS
   ============================================================== */

/* Hero: tighter, more balanced and safe at browser zoom levels */
.platform-overview-page main{overflow-x:clip;overflow-y:visible}
.pov-hero{min-height:620px;overflow:hidden}
.pov-hero-grid{
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:clamp(28px,3vw,54px);
  width:min(calc(100% - 64px),1540px);
}
.pov-hero-copy{max-width:620px;min-width:0}
.pov-hero-copy h1{
  max-width:620px;
  font-size:clamp(46px,4.2vw,68px);
  line-height:1.02;
  text-wrap:balance;
}


.pov-hero-copy p{max-width:610px;font-size:16px}
.pov-hero-actions{margin-top:28px}
.pov-hero-actions .btn{min-width:230px}
.pov-secondary-cta,.pov-play{display:none!important}

/* Product illustration closer to the approved reference */
.pov-product-stage{
  position:relative;
  width:100%;
  min-width:0;
  min-height:500px;
  overflow:visible;
}
.pov-product-stage::before{
  content:"";
  position:absolute;
  left:4%;
  right:5%;
  top:8px;
  height:160px;
  border-top:1.5px solid rgba(66,155,255,.55);
  border-radius:50% 50% 0 0;
  transform:rotate(-2deg);
  filter:drop-shadow(0 0 8px rgba(29,134,255,.45));
  pointer-events:none;
}
.pov-product-stage::after{
  content:"";
  position:absolute;
  width:8px;
  height:8px;
  right:23%;
  top:18px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 0 5px rgba(52,131,255,.28),0 0 18px #2c8cff;
}
.pov-dashboard{
  left:0;
  right:clamp(72px,8vw,126px);
  top:62px;
  border-radius:18px;
  border:1px solid rgba(112,182,255,.66);
  box-shadow:0 25px 72px rgba(0,12,38,.38),0 0 0 1px rgba(77,156,255,.12);
}
.pov-dashboard-topbar{height:52px;grid-template-columns:128px 1fr 54px}
.pov-dashboard-body{grid-template-columns:116px 1fr;min-height:330px}
.pov-dashboard-sidebar{padding:14px 10px}
.pov-dashboard-main{padding:16px}
.pov-chart-card{min-height:170px}
.pov-bars{height:96px}
.pov-status-layout{height:126px}
.pov-donut{width:78px;height:78px}
.pov-connected-card{
  right:0;
  top:14px;
  width:clamp(154px,11.5vw,182px);
  padding:17px 16px;
  z-index:4;
}
.pov-connected-card strong{font-size:17px}
.pov-unified-chip{right:1%;bottom:22px;z-index:5}

/* Module Breakdown: shorter visual panels, stronger alignment */
.pov-modules{padding:64px 0 72px}
.pov-module-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
}
.pov-module-card{
  grid-template-columns:minmax(0,1.08fr) minmax(150px,.92fr);
  gap:14px;
  min-height:172px;
  padding:14px;
  align-items:center;
}
.pov-module-copy{align-items:flex-start;min-width:0}
.pov-module-copy>div{min-width:0}
.pov-module-copy h3{font-size:12px}
.pov-module-copy p{font-size:9.5px;line-height:1.45}
.pov-module-copy a{font-size:9.5px;margin-top:7px}
.pov-mini-ui{
  height:112px;
  min-height:112px;
  padding:9px;
  align-self:center;
}
.mini-toolbar{margin-bottom:6px}
.mini-framework-row,.maturity-row,.vendor-row{padding:5px 7px;margin-bottom:4px}
.integration-ui{height:112px;min-height:112px;padding:9px}
.integration-ui span{min-height:30px}
.assurance-ui{height:112px;min-height:112px}
.assurance-bars{gap:6px}
.assurance-dots{gap:3px}
.assurance-dots span{width:29px;height:29px;border-width:6px}

/* New compact Risk Management synthetic visual */
.risk-ui-v2{display:flex;flex-direction:column;justify-content:center;gap:7px}
.risk-mini-head{display:flex;align-items:center;justify-content:space-between;color:#243a62;font-size:7px;font-weight:700}
.risk-mini-head b{color:#ff5967;font-size:7px}
.risk-priority-bar{display:grid;grid-template-columns:2fr 4fr 6fr;height:24px;border-radius:6px;overflow:hidden}
.risk-priority-bar span{display:grid;place-items:center;color:#fff;font-size:7px;font-weight:700}
.risk-high{background:#ff5b68}.risk-medium{background:#ffc34f}.risk-low{background:#24bf84}
.risk-priority-labels{display:grid;grid-template-columns:2fr 4fr 6fr;text-align:center;color:#8391a8;font-size:6px}
.risk-mini-rows{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.risk-mini-rows>span{display:flex;align-items:center;gap:4px;padding:5px;background:#fff;border:1px solid #e3ebf4;border-radius:6px;color:#647794;font-size:5.8px;white-space:nowrap}
.risk-mini-rows b{margin-left:auto;font-size:5.8px}
.risk-mini-rows>span:nth-child(1) b{color:#ff5967}.risk-mini-rows>span:nth-child(2) b{color:#ee9b2f}.risk-mini-rows>span:nth-child(3) b{color:#1ead7a}
.risk-dot{width:5px;height:5px;border-radius:50%;flex:none}.risk-dot.high{background:#ff5967}.risk-dot.medium{background:#f4ac35}.risk-dot.low{background:#20b986}

/* Why One Platform: use supplied light mountain banner without clipping */
.pov-why{
  min-height:560px;
  padding:70px 0 72px;
  overflow:hidden;
  background:#f8fbff;
}
.pov-why-bg{
  inset:0;
  background-image:url('../assets/why-platform-bg.webp');
  background-size:cover;
  background-repeat:no-repeat;
  background-position:left center;
  opacity:1;
}
.pov-why::after{
  background:linear-gradient(90deg,
    rgba(255,255,255,.04) 0%,
    rgba(255,255,255,.18) 32%,
    rgba(255,255,255,.58) 48%,
    rgba(255,255,255,.88) 66%,
    rgba(255,255,255,.97) 100%);
}
.pov-why-grid{
  grid-template-columns:minmax(330px,.72fr) minmax(640px,1.28fr);
  gap:clamp(32px,4vw,64px);
  align-items:center;
}
.pov-why-copy{max-width:520px;padding:0 0 8px}
.pov-why-copy h2{font-size:clamp(38px,3.7vw,56px);line-height:1.04}
.pov-comparison{align-self:center;max-width:880px;justify-self:end}
.pov-compare-row>div{min-height:40px}

@media(max-width:1280px){
  .pov-hero-grid{width:min(calc(100% - 44px),1460px);grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}
  .pov-dashboard{right:80px}
  .pov-why-grid{grid-template-columns:minmax(300px,.75fr) minmax(560px,1.25fr);gap:34px}
}

@media(max-width:1080px){
  .pov-product-stage{min-height:460px}
  .pov-dashboard{right:68px;top:58px}
  .pov-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pov-why{min-height:auto}
  .pov-why-grid{grid-template-columns:1fr}
  .pov-why-copy{max-width:700px;text-align:center;margin:auto}
  .pov-comparison{justify-self:stretch;max-width:none}
  .pov-why::after{background:rgba(255,255,255,.74)}
}

@media(max-width:980px){
  .pov-hero-grid{width:min(calc(100% - 36px),900px)}
  .pov-product-stage{min-height:455px;max-width:820px}
  .pov-dashboard{left:3%;right:9%}
  .pov-connected-card{right:2%}
}

@media(max-width:760px){
  .pov-product-stage{min-height:370px}
  .pov-dashboard{left:0;right:0;top:50px}
  .pov-product-stage::before,.pov-product-stage::after{display:none}
  .pov-connected-card{right:0;top:10px}
  .pov-module-grid{grid-template-columns:1fr}
  .pov-module-card{grid-template-columns:minmax(0,1fr) 170px;min-height:164px}
  .pov-mini-ui,.integration-ui,.assurance-ui{height:102px;min-height:102px}
  .pov-why-bg{background-position:30% center}
}

@media(max-width:520px){
  .pov-hero-copy h1{font-size:38px}
  .pov-hero-actions .btn{width:100%;min-width:0}
  .pov-product-stage{min-height:295px}
  .pov-dashboard{top:30px}
  .pov-module-card{grid-template-columns:1fr;min-height:auto}
  .pov-mini-ui,.integration-ui,.assurance-ui{height:104px;min-height:104px}
  .pov-why{padding:54px 0}
  .pov-why-bg{background-position:20% center}
}

/* ==============================================================
   PLATFORM OVERVIEW — MOBILE HERO FIX
   ============================================================== */

@media (max-width: 980px) {

    .pov-hero {
        min-height: auto;
        padding: 0;
    }

    .pov-hero-grid {
        width: min(calc(100% - 36px), 760px);

        display: grid;
        grid-template-columns: 1fr;

        gap: 34px;

        padding-top: 52px;
        padding-bottom: 54px;
    }

    /* --------------------------------
       HERO COPY
       -------------------------------- */

    .pov-hero-copy {
        width: 100%;
        max-width: 680px;

        margin: 0 auto;

        text-align: left;
    }

    .pov-hero-copy h1 {
        max-width: 680px;

        margin: 12px 0 18px;

        font-size: clamp(42px, 8vw, 58px);
        line-height: 1.03;
        letter-spacing: -0.03em;

        text-wrap: balance;
    }

    .pov-hero-copy p {
        max-width: 640px;
    }

    .pov-hero-actions {
        justify-content: flex-start;
    }


    /* ==========================================================
       IMPORTANT FIX
       Dashboard now stays AFTER the text instead of overlapping it
       ========================================================== */

    .pov-product-stage {
        position: relative;

        width: 100%;
        max-width: 760px;

        min-height: 0;

        margin: 0 auto;

        overflow: visible;
    }

    .pov-dashboard {
        position: relative;

        top: auto;
        right: auto;
        bottom: auto;
        left: auto;

        width: 100%;

        margin: 0;
    }

    .pov-product-stage::before,
    .pov-product-stage::after {
        display: none;
    }

    .pov-connected-card {
        top: -24px;
        right: 14px;

        z-index: 6;
    }

    .pov-unified-chip {
        right: 12px;
        bottom: -22px;
    }
}


/* ==============================================================
   MOBILE
   ============================================================== */

@media (max-width: 760px) {

    .pov-hero-grid {
        width: min(calc(100% - 28px), 640px);

        gap: 30px;

        padding-top: 40px;
        padding-bottom: 46px;
    }

    .pov-hero-copy h1 {
        font-size: clamp(36px, 10.5vw, 48px);
        line-height: 1.02;
    }

    .pov-hero-copy p {
        font-size: 15px;
        line-height: 1.6;
    }


    /* --------------------------------
       PRODUCT DASHBOARD
       -------------------------------- */

    .pov-dashboard {
        border-radius: 16px;
        overflow: hidden;
    }

    .pov-dashboard-topbar {
        height: 48px;

        grid-template-columns:
            92px
            minmax(0, 1fr);

        gap: 8px;

        padding: 0 10px;
    }

    .pov-dashboard-wordmark {
        font-size: 12px;
        letter-spacing: 0.13em;
    }

    .pov-dashboard-search {
        min-width: 0;

        height: 30px;

        padding: 0 9px;

        font-size: 8px;

        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .pov-dashboard-dots {
        display: none;
    }


    /* --------------------------------
       DASHBOARD CONTENT
       -------------------------------- */

    .pov-dashboard-body {
        grid-template-columns:
            78px
            minmax(0, 1fr);

        min-height: 292px;
    }

    .pov-dashboard-sidebar {
        min-width: 0;

        padding: 11px 7px;

        gap: 4px;

        font-size: 7px;
    }

    .pov-dashboard-sidebar b,
    .pov-dashboard-sidebar span {
        padding: 6px 5px;

        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .pov-dashboard-main {
        min-width: 0;

        padding: 11px;
    }

    .pov-dash-title-row {
        margin-bottom: 10px;
    }

    .pov-dash-title-row strong {
        font-size: 12px;
    }

    .pov-dash-title-row > span {
        display: none;
    }


    /* --------------------------------
       METRICS
       -------------------------------- */

    .pov-metric-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 6px;
    }

    .pov-metric-grid > div {
        min-width: 0;

        padding: 8px;
    }

    .pov-metric-grid b {
        font-size: 12px;
    }


    /* --------------------------------
       CHART
       -------------------------------- */

    .pov-chart-grid {
        grid-template-columns: 1fr;

        margin-top: 7px;
    }

    .pov-chart-card {
        min-height: 126px;

        padding: 9px;
    }

    .pov-status-card {
        display: none;
    }

    .pov-bars {
        height: 72px;

        gap: 4px;

        padding-top: 10px;
    }


    /* Floating cards are unnecessary
       on small screens */

    .pov-connected-card,
    .pov-unified-chip {
        display: none;
    }
}


/* ==============================================================
   SMALL PHONES
   ============================================================== */

@media (max-width: 520px) {

    .pov-hero-grid {
        width: min(calc(100% - 24px), 460px);

        gap: 26px;

        padding-top: 34px;
        padding-bottom: 40px;
    }

    .pov-hero-copy h1 {
        font-size: clamp(34px, 11.2vw, 43px);

        line-height: 1.02;

        letter-spacing: -0.03em;
    }

    .pov-hero-actions {
        margin-top: 24px;
    }

    .pov-hero-actions .btn {
        width: 100%;

        min-width: 0;
    }


    /* --------------------------------
       MOBILE DASHBOARD
       -------------------------------- */

    .pov-dashboard {
        border-radius: 14px;
    }

    .pov-dashboard-body {
        grid-template-columns:
            64px
            minmax(0, 1fr);

        min-height: 270px;
    }

    .pov-dashboard-sidebar {
        padding: 9px 5px;

        font-size: 6px;
    }

    .pov-dashboard-sidebar b,
    .pov-dashboard-sidebar span {
        padding: 5px 4px;
    }

    .pov-dashboard-main {
        padding: 9px;
    }


    /* Keep only 3 useful metrics
       on very narrow phones */

    .pov-metric-grid > div:nth-child(4) {
        display: none;
    }

    .pov-metric-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    .pov-metric-grid b {
        font-size: 10px;
    }

    .pov-metric-grid span,
    .pov-metric-grid small {
        font-size: 5.5px;
    }
}
/* ==============================================================
   PLATFORM OVERVIEW — HERO TYPOGRAPHY / STYLE
   Matches the landing-page hero treatment.
   Keep this block at the END of this stylesheet so it wins over
   earlier hero/mobile refinement rules.
   ============================================================== */

/* Eyebrow: same compact status treatment used on the landing page */
.pov-hero-copy .pov-kicker,
.pov-hero-copy .pov-kicker-cyan{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin:0;
    color:#72d4ff;
    font-family:Poppins,Inter,sans-serif;
    font-size:11px;
    font-weight:700;
    line-height:1.25;
    letter-spacing:.15em;
    text-transform:uppercase;
}

.pov-hero-copy .pov-kicker-cyan::before{
    content:"";
    width:10px;
    height:10px;
    flex:0 0 10px;
    border-radius:50%;
    background:#29d39a;
    box-shadow:0 0 0 7px rgba(41,211,154,.12);
}

/* Give the copy enough width to form the same deliberate line rhythm
   as the landing-page hero instead of breaking into narrow lines. */
.pov-hero-grid{
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    gap:clamp(34px,3.4vw,58px);
}

.pov-hero-copy{
    width:100%;
    max-width:690px;
    min-width:0;
}

.pov-hero-copy h1{
    max-width:690px;
    margin:22px 0 24px;
    color:#fff;
    font-family:Poppins,Inter,sans-serif;
    font-size:clamp(52px,4.55vw,72px);
    font-weight:700;
    line-height:1.02;
    letter-spacing:-.04em;
    text-wrap:balance;
}

.pov-hero-copy p{
    max-width:650px;
    margin:0;
    color:#cbd9ed;
    font-family:Inter,Poppins,sans-serif;
    font-size:17px;
    font-weight:400;
    line-height:1.72;
}

.pov-hero-actions{
    display:flex;
    align-items:center;
    gap:14px;
    margin-top:30px;
}

.pov-hero-actions .btn{
    min-width:0;
    min-height:58px;
    padding:0 27px;
    border-radius:13px;
    font-family:Poppins,Inter,sans-serif;
    font-size:15px;
    font-weight:700;
    line-height:1;
}

/* Keep the Platform Overview page to the single approved hero CTA. */
.pov-secondary-cta,
.pov-play{
    display:none!important;
}

/* Slightly rebalance the product visual after widening the copy column. */
.pov-product-stage{
    min-width:0;
}

.pov-dashboard{
    right:clamp(62px,7vw,112px);
}

/* --------------------------------------------------------------
   LARGE / MEDIUM DESKTOP
   -------------------------------------------------------------- */
@media (max-width:1280px){
    .pov-hero-grid{
        grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
        gap:32px;
    }

    .pov-hero-copy{
        max-width:630px;
    }

    .pov-hero-copy h1{
        max-width:630px;
        font-size:clamp(48px,3.5vw,64px);
    }

    .pov-hero-copy p{
        max-width:610px;
        font-size:16px;
    }

    .pov-dashboard{
        right:70px;
    }
}

/* --------------------------------------------------------------
   TABLET
   Dashboard remains below the copy, following the existing mobile fix.
   -------------------------------------------------------------- */
@media (max-width:980px){
    .pov-hero-grid{
        grid-template-columns:1fr;
        gap:36px;
    }

    .pov-hero-copy{
        width:100%;
        max-width:680px;
        margin:0 auto;
        text-align:left;
    }

    .pov-hero-copy .pov-kicker,
    .pov-hero-copy .pov-kicker-cyan{
        font-size:10px;
        letter-spacing:.145em;
    }

    .pov-hero-copy h1{
        max-width:680px;
        margin:18px 0 20px;
        font-size:clamp(44px,7.4vw,58px);
        line-height:1.025;
        letter-spacing:-.04em;
    }

    .pov-hero-copy p{
        max-width:630px;
        font-size:15.5px;
        line-height:1.68;
    }

    .pov-hero-actions{
        justify-content:flex-start;
        margin-top:27px;
    }

    .pov-dashboard{
        right:auto;
    }
}

/* --------------------------------------------------------------
   MOBILE
   -------------------------------------------------------------- */
@media (max-width:760px){
    .pov-hero-grid{
        gap:30px;
        padding-top:42px;
        padding-bottom:48px;
    }

    .pov-hero-copy{
        max-width:100%;
        margin:0;
    }

    .pov-hero-copy .pov-kicker,
    .pov-hero-copy .pov-kicker-cyan{
        gap:9px;
        font-size:9.5px;
        letter-spacing:.14em;
    }

    .pov-hero-copy .pov-kicker-cyan::before{
        width:9px;
        height:9px;
        flex-basis:9px;
        box-shadow:0 0 0 6px rgba(41,211,154,.12);
    }

    .pov-hero-copy h1{
        max-width:100%;
        margin:17px 0 18px;
        font-size:clamp(38px,10vw,48px);
        line-height:1.025;
        letter-spacing:-.04em;
    }

    .pov-hero-copy p{
        max-width:100%;
        font-size:14.5px;
        line-height:1.68;
    }

    .pov-hero-actions{
        margin-top:25px;
    }

    .pov-hero-actions .btn{
        min-height:54px;
        padding:0 23px;
        border-radius:12px;
        font-size:14px;
    }
}

/* --------------------------------------------------------------
   SMALL PHONES
   -------------------------------------------------------------- */
@media (max-width:520px){
    .pov-hero-grid{
        padding-top:36px;
        padding-bottom:42px;
    }

    .pov-hero-copy h1{
        margin:16px 0 17px;
        font-size:clamp(35px,10.7vw,42px);
        line-height:1.03;
        letter-spacing:-.04em;
    }

    .pov-hero-copy p{
        font-size:14px;
        line-height:1.65;
    }

    .pov-hero-actions{
        margin-top:23px;
    }

    .pov-hero-actions .btn{
        width:100%;
        min-width:0;
    }
}