:root{--pd-bg:#06111d;--pd-panel:#0a1a29;--pd-line:#243b4e;--pd-text:#eef5fa;--pd-muted:#8ea0af;--pd-cyan:#42d7e9;--pd-blue:#5680ff;--pd-green:#70df7a;--pd-amber:#ffad32;--pd-red:#ff5b57}
html{scroll-behavior:smooth}.producia-page{background:var(--pd-bg);color:var(--pd-text);font-family:"Manrope",sans-serif;overflow-x:hidden}.producia-page .site-header{position:fixed;background:rgba(5,14,24,.94);border-bottom-color:rgba(255,255,255,.09)}.producia-page main{background:var(--pd-bg)}.producia-page h1,.producia-page h2,.producia-page h3,.producia-page p{margin-top:0}.producia-page h1,.producia-page h2{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase}.producia-page em{font-style:normal;color:var(--pd-cyan)}
.pd-hero{min-height:830px;position:relative;display:flex;align-items:center;padding:150px max(28px,calc((100vw - 1400px)/2)) 95px;overflow:hidden;border-bottom:1px solid var(--pd-line)}.pd-hero-image{position:absolute;inset:0 0 0 auto;width:72%;height:100%;object-fit:cover;object-position:center}.pd-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#06111d 0%,#06111d 33%,rgba(6,17,29,.86) 51%,rgba(6,17,29,.15) 100%)}.pd-hero-copy{position:relative;z-index:2;width:min(720px,56vw)}.pd-eyebrow,.pd-kicker,.pd-section-intro>span{font:600 9px "Manrope";letter-spacing:.18em;color:var(--pd-cyan)}.pd-hero h1{font-size:clamp(74px,7vw,112px);font-weight:600;line-height:.88;letter-spacing:-.025em;margin:28px 0}.pd-hero-copy>p{max-width:590px;color:#aebcca;font-size:17px;line-height:1.7}.pd-button{display:inline-flex;gap:24px;align-items:center;margin-top:30px;padding:17px 22px;background:var(--pd-blue);color:#fff;font-weight:700;font-size:12px}.pd-button:hover{background:var(--pd-cyan);color:#06111d}.pd-button i{font-size:15px}.pd-live{position:absolute;z-index:2;left:max(28px,calc((100vw - 1400px)/2));bottom:32px;display:flex;gap:24px;align-items:center;border-top:1px solid #355066;padding-top:13px}.pd-live span{font-size:8px;color:#70869a;letter-spacing:.12em}.pd-live span i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--pd-green);margin-right:7px}.pd-live b{font-size:10px;color:#bac5cf}
.pd-signal-flow,.pd-maturity,.pd-visibility,.pd-investigation,.pd-architecture,.pd-roadmap,.pd-faq,.pd-demo{padding:115px max(28px,calc((100vw - 1400px)/2))}.pd-section-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-bottom:65px}.pd-section-intro>span{grid-column:1/-1;margin-bottom:18px}.pd-section-intro h2,.pd-maturity>h2{font-size:clamp(54px,5vw,78px);line-height:.98;margin:0}.pd-section-intro>p{color:var(--pd-muted);max-width:520px;justify-self:end;line-height:1.7}
.pd-flow-track{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--pd-line)}.pd-flow-track article{min-height:255px;padding:22px 18px;border-right:1px solid var(--pd-line);position:relative}.pd-flow-track article:last-child{border-right:0}.pd-flow-track article:after{content:"›";position:absolute;right:-7px;top:50%;z-index:2;color:var(--pd-cyan);background:var(--pd-bg);font-size:20px}.pd-flow-track article:last-child:after{display:none}.pd-flow-track article>i{font-size:27px;color:var(--pd-cyan)}.pd-flow-track span{display:block;margin-top:58px;font-size:8px;color:#607589}.pd-flow-track h3{font:600 19px "Manrope";margin:12px 0}.pd-flow-track p{font-size:10px;line-height:1.65;color:#8193a3}.pd-loop{text-align:center;border-bottom:1px solid var(--pd-line);padding:18px;color:#637b8f;font-size:9px;letter-spacing:.12em}.pd-loop i{color:var(--pd-green);margin-right:8px}
.pd-maturity{background:#081624;border-top:1px solid var(--pd-line);border-bottom:1px solid var(--pd-line)}.pd-maturity>h2{margin:18px 0 75px}.pd-maturity-rail{display:grid;grid-template-columns:repeat(5,1fr);position:relative}.pd-maturity-rail:before{content:"";position:absolute;left:10%;right:10%;top:38px;height:2px;background:#36516a}.pd-maturity-rail article{text-align:center;position:relative;padding:0 20px}.pd-maturity-rail span{display:block;font-size:8px;color:#72869a}.pd-maturity-rail article>i{display:block;width:18px;height:18px;border:3px solid #587088;background:#081624;border-radius:50%;margin:22px auto 28px;position:relative;z-index:1}.pd-maturity-rail article.active>i{border-color:var(--pd-cyan);box-shadow:0 0 0 7px rgba(66,215,233,.15)}.pd-maturity-rail article:nth-child(4)>i,.pd-maturity-rail article:nth-child(5)>i{border-color:var(--pd-green)}.pd-maturity-rail h3{font:600 17px "Manrope";margin-bottom:9px}.pd-maturity-rail .active h3{color:var(--pd-cyan)}.pd-maturity-rail article:nth-child(n+4) h3{color:var(--pd-green)}.pd-maturity-rail p{font-size:10px;color:#778b9c}.pd-accelerator{display:flex;align-items:center;gap:20px;justify-content:center;margin-top:60px;color:#6d8397;font-size:8px;letter-spacing:.16em}.pd-accelerator span{height:1px;background:#38536b;width:120px}
.pd-visibility{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.pd-visibility-copy{position:sticky;top:110px;align-self:start}.pd-visibility-copy h2,.pd-investigation h2,.pd-roadmap h2{font-size:clamp(52px,4.6vw,72px);line-height:.98;margin:22px 0}.pd-visibility-copy>p,.pd-investigation-copy>p,.pd-roadmap>div>p{color:var(--pd-muted);line-height:1.75}.pd-visibility dl{display:grid;grid-template-columns:repeat(3,1fr);margin:55px 0 0;border-top:1px solid var(--pd-line)}.pd-visibility dl div{padding:22px 8px;border-right:1px solid var(--pd-line)}.pd-visibility dt{font:600 34px "Barlow Condensed";color:var(--pd-green)}.pd-visibility .warning dt{color:var(--pd-red)}.pd-visibility dd{margin:4px 0 0;color:#718699;font-size:8px;text-transform:uppercase}.pd-capability-list{border-top:1px solid var(--pd-line)}.pd-capability-list article{display:grid;grid-template-columns:55px .7fr 1fr;gap:25px;align-items:center;padding:27px 5px;border-bottom:1px solid var(--pd-line)}.pd-capability-list span{font-size:8px;color:var(--pd-cyan)}.pd-capability-list h3{font:600 18px "Manrope";margin:0}.pd-capability-list p{font-size:11px;color:#8294a4;margin:0}
.pd-investigation{background:#030b13;display:grid;grid-template-columns:.72fr 1.28fr;gap:75px;align-items:center;border-top:1px solid var(--pd-line);border-bottom:1px solid var(--pd-line)}.pd-investigation h2 em{color:var(--pd-cyan)}.pd-investigation ol{list-style:none;padding:0;margin:38px 0 0}.pd-investigation li{display:grid;grid-template-columns:42px 1fr;gap:15px;align-items:center;padding:14px 0;border-top:1px solid #1f3446}.pd-investigation li>i{font-size:18px;color:var(--pd-cyan)}.pd-investigation li:first-child>i{color:var(--pd-amber)}.pd-investigation li span{font-size:10px;color:#7f92a2}.pd-investigation li b{display:block;color:#dce6ed;font-size:12px;margin-bottom:3px}.pd-investigation-visual{margin:0;position:relative;border:1px solid #2b4357;overflow:hidden}.pd-investigation-visual img{display:block;width:100%;height:580px;object-fit:cover}.pd-investigation-visual figcaption{position:absolute;right:22px;bottom:22px;width:270px;padding:20px;background:rgba(5,16,27,.94);border:1px solid #38556e;display:flex;flex-direction:column;gap:9px}.pd-investigation-visual figcaption span{font-size:8px;color:var(--pd-amber);letter-spacing:.12em}.pd-investigation-visual figcaption span i{display:inline-block;width:6px;height:6px;background:var(--pd-amber);border-radius:50%;margin-right:7px}.pd-investigation-visual figcaption b{font-size:13px}.pd-investigation-visual figcaption small{color:#6f8497}
.pd-architecture{background:#091725;display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.pd-architecture .pd-section-intro{display:block;position:sticky;top:110px;align-self:start}.pd-architecture .pd-section-intro h2{margin:22px 0}.pd-architecture .pd-section-intro>p{justify-self:auto}.pd-layer-stack{display:flex;flex-direction:column;gap:9px}.pd-layer-stack article{display:grid;grid-template-columns:45px 45px 210px 1fr;gap:18px;align-items:center;min-height:88px;padding:15px 20px;border:1px solid #2b4357;background:#0c1d2d}.pd-layer-stack article>i{font-size:20px;color:var(--pd-cyan)}.pd-layer-stack span{font-size:8px;color:#61778b}.pd-layer-stack h3{font:600 16px "Manrope";margin:0}.pd-layer-stack p{font-size:10px;color:#7d91a2;margin:0}.pd-layer-stack article:first-child{border-color:#4d6f8c}.pd-layer-stack article:first-child h3,.pd-layer-stack article:first-child>i{color:var(--pd-green)}
.pd-roadmap{display:grid;grid-template-columns:1fr 1fr;gap:90px;border-top:1px solid var(--pd-line)}.pd-roadmap ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--pd-line)}.pd-roadmap li{padding:21px 5px;border-bottom:1px solid var(--pd-line);font:600 15px "Manrope"}.pd-roadmap li:before{content:"ROADMAP";display:inline-block;width:95px;color:var(--pd-cyan);font-size:7px;letter-spacing:.12em}
.pd-faq{background:#eef2f4;color:#071522}.pd-faq .pd-section-intro>span{color:#4966d9}.pd-faq .pd-section-intro h2 em{color:#718398}.pd-faq-list{border-top:1px solid #c7d0d7}.pd-faq details{border-bottom:1px solid #c7d0d7}.pd-faq summary{list-style:none;padding:24px 4px;display:flex;justify-content:space-between;font-weight:600;cursor:pointer}.pd-faq summary::-webkit-details-marker{display:none}.pd-faq summary i{font-size:20px}.pd-faq details[open] summary i{transform:rotate(45deg)}.pd-faq details p{max-width:850px;color:#63717e;padding:0 4px 24px;line-height:1.7}
.pd-demo{text-align:center;min-height:560px;display:grid;place-items:center;align-content:center;background:#06111d url("../../assets/product-heroes/production-monitoring.webp") center/cover no-repeat;position:relative}.pd-demo:before{content:"";position:absolute;inset:0;background:rgba(4,12,20,.88)}.pd-demo>*{position:relative;z-index:1}.pd-demo h2{font-size:clamp(58px,6vw,90px);line-height:.92;margin:25px 0}.pd-demo>p{max-width:650px;color:#9babb9;line-height:1.7}.pd-demo .pd-button{justify-self:center}
.pd-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}.pd-reveal.pd-visible{opacity:1;transform:none}
@media(max-width:1050px){.pd-flow-track{grid-template-columns:repeat(3,1fr)}.pd-flow-track article:nth-child(3){border-right:0}.pd-flow-track article:nth-child(-n+3){border-bottom:1px solid var(--pd-line)}.pd-visibility,.pd-investigation,.pd-architecture{gap:45px}.pd-layer-stack article{grid-template-columns:38px 35px 160px 1fr}}
@media(max-width:820px){.pd-hero{min-height:920px;align-items:flex-start;padding-top:145px}.pd-hero-image{width:100%;height:48%;top:auto}.pd-hero-shade{background:linear-gradient(180deg,#06111d 0%,#06111d 52%,rgba(6,17,29,.35) 100%)}.pd-hero-copy{width:100%}.pd-hero h1{font-size:72px}.pd-live{display:none}.pd-section-intro,.pd-visibility,.pd-investigation,.pd-architecture,.pd-roadmap{grid-template-columns:1fr}.pd-section-intro>p{justify-self:auto;margin-top:24px}.pd-visibility-copy,.pd-architecture .pd-section-intro{position:static}.pd-maturity-rail{grid-template-columns:1fr}.pd-maturity-rail:before{left:18px;top:20px;bottom:20px;width:2px;height:auto}.pd-maturity-rail article{text-align:left;display:grid;grid-template-columns:35px 35px 1fr;column-gap:12px;padding:12px 0}.pd-maturity-rail article>i{margin:0}.pd-maturity-rail h3,.pd-maturity-rail p{grid-column:3}.pd-maturity-rail p{margin-bottom:0}.pd-investigation-visual img{height:480px}.pd-layer-stack article{grid-template-columns:38px 35px 1fr}.pd-layer-stack p{grid-column:3}}
@media(max-width:560px){.pd-signal-flow,.pd-maturity,.pd-visibility,.pd-investigation,.pd-architecture,.pd-roadmap,.pd-faq,.pd-demo{padding:85px 20px}.pd-hero{padding-left:20px;padding-right:20px;min-height:850px}.pd-hero h1{font-size:58px}.pd-hero-copy>p{font-size:15px}.pd-flow-track{grid-template-columns:1fr}.pd-flow-track article{min-height:205px;border-right:0!important;border-bottom:1px solid var(--pd-line)}.pd-flow-track article:after{display:none}.pd-flow-track span{margin-top:35px}.pd-visibility dl{grid-template-columns:1fr}.pd-visibility dl div{border-right:0;border-bottom:1px solid var(--pd-line)}.pd-capability-list article{grid-template-columns:38px 1fr}.pd-capability-list p{grid-column:2}.pd-investigation-visual img{height:420px}.pd-investigation-visual figcaption{left:12px;right:12px;bottom:12px;width:auto}.pd-layer-stack article{grid-template-columns:30px 28px 1fr;padding:14px 12px}.pd-layer-stack p{grid-column:3}.pd-roadmap li:before{width:78px}.pd-demo h2{font-size:57px}}
@media(prefers-reduced-motion:reduce){.pd-reveal{opacity:1;transform:none;transition:none}}

/* Reference-led content system */
.pd-gap,.pd-ai,.pd-comparison,.pd-benefits,.pd-why-infoz{padding:115px max(28px,calc((100vw - 1400px)/2));border-bottom:1px solid var(--pd-line)}
.pd-gap .pd-section-intro{grid-template-columns:1fr;max-width:960px}.pd-gap .pd-section-intro>p{justify-self:start;max-width:800px;margin-top:24px}.pd-gap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pd-gap-grid article,.pd-flow-track article,.pd-maturity-rail article,.pd-capability-list article{background:#0b1a28;border:1px solid #294154;border-radius:12px}.pd-gap-grid article{padding:30px;min-height:190px}.pd-gap-grid i{color:var(--pd-amber);font-size:21px}.pd-gap-grid h3{font:600 18px Manrope;margin:28px 0 10px}.pd-gap-grid p{color:var(--pd-muted);font-size:12px;line-height:1.65}
.pd-solution-chain{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:-15px 0 44px}.pd-solution-chain span{border:1px solid var(--pd-line);border-radius:6px;padding:10px 15px;background:#0b1926;font-size:10px;letter-spacing:.04em}.pd-solution-chain i{color:var(--pd-cyan)}
.pd-flow-track{grid-template-columns:repeat(3,1fr);border:0;gap:16px}.pd-flow-track article{min-height:175px;padding:24px;border:1px solid #294154!important}.pd-flow-track article:after{display:none}.pd-flow-track article>i{float:right}.pd-flow-track span{margin-top:0;color:var(--pd-cyan)}.pd-flow-track h3{margin-top:36px}.pd-flow-track p{font-size:11px}
.pd-maturity>h2{margin:18px 0}.pd-maturity-lede{max-width:720px;color:var(--pd-muted);line-height:1.7;margin-bottom:42px}.pd-maturity-rail{grid-template-columns:repeat(3,1fr);gap:16px}.pd-maturity-rail:before{display:none}.pd-maturity-rail article{text-align:left;padding:26px;min-height:155px}.pd-maturity-rail span{color:var(--pd-cyan)}.pd-maturity-rail h3{margin:18px 0 8px}.pd-maturity-rail article:nth-child(n) h3{color:var(--pd-text)}.pd-maturity-rail p{line-height:1.6}
.pd-capability-list{border:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.pd-capability-list article{display:block;padding:26px;min-height:180px;border:1px solid #294154}.pd-capability-list span{display:block}.pd-capability-list h3{margin:28px 0 10px}.pd-capability-list p{line-height:1.7}
.pd-ai{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.pd-ai h2,.pd-comparison h2,.pd-benefits h2,.pd-why-infoz h2{font-size:clamp(48px,4.5vw,72px);line-height:1;margin:22px 0}.pd-ai-copy>p,.pd-why-infoz>p{color:var(--pd-muted);line-height:1.75}.pd-ai ul{list-style:none;padding:0;margin:30px 0}.pd-ai li{margin:12px 0;color:#a9b8c5;font-size:11px}.pd-ai li i{color:var(--pd-cyan);margin-right:12px}.pd-ai-copy small{color:#60768a;font-size:8px;letter-spacing:.12em}.pd-copilot{display:flex;flex-direction:column;gap:13px;padding:30px;background:#0b1a28;border:1px solid #294154;border-radius:12px}.pd-copilot>span{color:var(--pd-cyan);font-size:9px;letter-spacing:.16em}.pd-copilot button{text-align:left;padding:15px;border:0;border-radius:8px;background:#132536;color:#eaf2f7;cursor:pointer;font:500 11px Manrope}.pd-copilot button:hover,.pd-copilot button[aria-pressed=true]{background:#19334a}.pd-copilot>div{padding:18px;border:1px solid #168c94;border-radius:8px;background:rgba(0,211,199,.08);font-size:11px;line-height:1.65}.pd-copilot>div i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--pd-cyan);margin-right:8px}.pd-copilot small{color:#6e8497;font-size:8px}
.pd-comparison .pd-section-intro{display:block;margin-bottom:42px}.pd-table{border:1px solid var(--pd-line);border-radius:12px;overflow:hidden}.pd-table>div{display:grid;grid-template-columns:1fr 1fr;min-height:48px;align-items:center;background:#07131f}.pd-table>div:nth-child(odd){background:#0a1825}.pd-table span,.pd-table strong,.pd-table b{padding:14px 20px;font-size:10px}.pd-table span{color:#8fa2b2}.pd-table strong{font-weight:600}.pd-table .head{background:#122230}.pd-table .head b{color:var(--pd-cyan);font-size:8px;text-transform:uppercase;letter-spacing:.12em}
.pd-benefits>div{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:48px}.pd-benefits article{padding:8px 24px 26px;border-left:1px solid rgba(66,215,233,.45)}.pd-benefits h3{font:600 13px Manrope;margin-bottom:8px}.pd-benefits p{font-size:10px;color:var(--pd-muted);line-height:1.6}.pd-why-infoz{max-width:1400px;margin:90px auto;background:#0b1a28;border:1px solid #294154;border-radius:12px}.pd-why-infoz h2{max-width:850px}.pd-why-infoz>p{max-width:900px}.pd-why-infoz>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.pd-why-infoz>div span{border:1px solid var(--pd-line);border-radius:20px;padding:6px 13px;font-size:9px}.pd-secondary-button{display:inline-flex;align-items:center;gap:16px;margin-top:30px;padding:16px 22px;border:1px solid var(--pd-line);color:var(--pd-text);font-size:11px;font-weight:700}.pd-secondary-button:hover{border-color:var(--pd-cyan);color:var(--pd-cyan)}.pd-demo>div{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
@media(max-width:900px){.pd-gap-grid,.pd-maturity-rail{grid-template-columns:1fr 1fr}.pd-ai{grid-template-columns:1fr;gap:48px}.pd-benefits>div{grid-template-columns:1fr 1fr}.pd-why-infoz{margin:55px 28px}.pd-capability-list{grid-template-columns:1fr}.pd-maturity-rail article{display:block}.pd-maturity-rail h3,.pd-maturity-rail p{grid-column:auto}}
@media(max-width:560px){.pd-gap,.pd-ai,.pd-comparison,.pd-benefits,.pd-why-infoz{padding:85px 20px}.pd-gap-grid,.pd-flow-track,.pd-maturity-rail,.pd-benefits>div{grid-template-columns:1fr}.pd-why-infoz{margin:35px 20px}.pd-benefits article{padding:18px;border-bottom:1px solid var(--pd-line)}.pd-table span,.pd-table strong,.pd-table b{padding:12px 10px;font-size:9px}.pd-solution-chain{gap:8px}.pd-solution-chain span{padding:8px 10px}.pd-solution-chain i{font-size:10px}.pd-demo>div{flex-direction:column;align-items:stretch}.pd-demo .pd-button,.pd-demo .pd-secondary-button{margin-top:10px;justify-content:center}}