/*
 PETRONAQ Corporate Presentation V4
 Route-scoped to WordPress page IDs 5823 (Home) and 6653 (Solutions).
 Builds on V3 institutional shell without modifying independent applications.
*/
.pnq3.pnq-v4 {
  --pv-ink: #0B1F3B;
  --pv-navy: #0B1F3B;
  --pv-navy-deep: #07162A;
  --pv-teal: #006F70;
  --pv-energy-teal: #00A6A6;
  --pv-brass: #C8A24E;
  --pv-paper: #F6F7F8;
  --pv-cloud: #EDF1F3;
  --pv-line: #D6DDE3;
  --pv-muted: #4C5F72;
  color: var(--pv-ink);
  font-family: "Inter", "Avenir Next", "Segoe UI", Arial, sans-serif;
}
.pnq3.pnq-v4 *,
.pnq3.pnq-v4 *::before,
.pnq3.pnq-v4 *::after { box-sizing: border-box; }
.pnq3.pnq-v4 main { display: block; width:100%; }
.pnq3.pnq-v4 .pv-inner { width: min(1260px, calc(100% - 112px)); margin: 0 auto; max-width:1260px; }
.pnq3.pnq-v4 .pv-kicker { display:block; font-size:11px; line-height:1.4; font-weight:750; letter-spacing:.145em; text-transform:uppercase; color:var(--pv-teal); margin:0 0 16px; }
.pnq3.pnq-v4 .pv-kicker.is-light { color:#bbd9d4; }
.pnq3.pnq-v4 h1,.pnq3.pnq-v4 h2,.pnq3.pnq-v4 h3 { font-family:"Montserrat","Inter","Avenir Next","Segoe UI",Arial,sans-serif!important; letter-spacing:-.032em; font-style:normal; font-weight:650; text-wrap:balance; }
.pnq3.pnq-v4 h1 { font-size:clamp(39px,4.8vw,70px); line-height:1.09; margin:0 0 24px; }
.pnq3.pnq-v4 h2 { font-size:clamp(29px,3.05vw,45px); line-height:1.18; margin:0 0 19px; }
.pnq3.pnq-v4 h3 { font-size:clamp(19px,1.7vw,25px); line-height:1.26; margin:0 0 12px; }
.pnq3.pnq-v4 p { margin:0 0 17px; line-height:1.72; }
.pnq3.pnq-v4 .pv-section { padding:64px 0; }
.pnq3.pnq-v4 .pv-section.is-paper { background:var(--pv-paper); }
.pnq3.pnq-v4 .pv-section.is-cloud { background:var(--pv-cloud); }
.pnq3.pnq-v4 .pv-section.is-white { background:#fafaf7; }
.pnq3.pnq-v4 .pv-section.is-navy { background:var(--pv-navy); color:#eef3f1; }
.pnq3.pnq-v4 .pv-section.is-navy h2 { color:#f5f6f1; }
.pnq3.pnq-v4 .pv-intro { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr); gap:7%; align-items:end; margin:0 0 38px; }
.pnq3.pnq-v4 .pv-intro p { font-size:15px; color:var(--pv-muted); line-height:1.77; max-width:460px; }
.pnq3.pnq-v4 .pv-intro h2 { max-width:670px; }
.pnq3.pnq-v4 .pv-hero { background:var(--pv-paper); position:relative; overflow:hidden; border-bottom:1px solid var(--pv-line); }
.pnq3.pnq-v4 .pv-hero-layout { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr); min-height:520px; align-items:stretch; }
.pnq3.pnq-v4 .pv-hero-copy { align-self:center; padding:52px 38px 52px 0; position:relative; z-index:2; }
.pnq3.pnq-v4 .pv-hero-copy h1 { color:var(--pv-ink); max-width:720px; font-size:clamp(38px,3.7vw,52px); line-height:1.08; hyphens:none; overflow-wrap:normal; word-break:normal; }
.pnq3.pnq-v4 .pv-lede { font-size:clamp(16px,1.35vw,19px); color:#435b63; max-width:640px; line-height:1.72!important; }
.pnq3.pnq-v4 .pv-expertise { max-width:650px; margin:22px 0 0; padding:2px 0 2px 16px; border-left:3px solid #C8A24E; color:#0B1F3B; font-size:clamp(14px,1.05vw,16px); font-weight:650; line-height:1.65; letter-spacing:-.01em; }
.pnq3.pnq-v4 .pv-hero-media { align-self:stretch; min-height:540px; overflow:hidden; position:relative; background:#153b42; }
.pnq3.pnq-v4 .pv-hero-media::before { content:""; position:absolute; z-index:1; inset:0; background:linear-gradient(180deg,rgba(5,34,45,.05) 25%,rgba(5,34,45,.60)); pointer-events:none; }
.pnq3.pnq-v4 .pv-hero-media img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(.79) contrast(1.06); }
.pnq3.pnq-v4 .pv-hero-media .pv-media-cap { position:absolute; z-index:2; left:32px; bottom:32px; color:#e7f0ef; font-size:11px; letter-spacing:.1em; text-transform:uppercase; font-weight:650; display:block; max-width:85%; line-height:1.6; }
.pnq3.pnq-v4 .pv-hero-media .pv-media-cap::before { content:""; display:block; width:48px; height:3px; background:var(--pv-brass); margin-bottom:15px; }
.pnq3.pnq-v4 .pv-meta { display:flex; flex-wrap:wrap; gap:12px 22px; font-size:11px; line-height:1.5; color:#5d747a; font-weight:650; text-transform:uppercase; letter-spacing:.09em; margin-top:24px; }
.pnq3.pnq-v4 .pv-meta span:not(:first-child)::before { content:"/"; color:var(--pv-brass); margin-right:20px; font-weight:800; }
.pnq3.pnq-v4 .pv-actions { display:flex; flex-wrap:wrap; gap:12px 20px; align-items:center; margin-top:30px; }
.pnq3.pnq-v4 .pv-button { display:inline-flex; justify-content:center; align-items:center; min-height:46px; padding:12px 22px; border-radius:3px; background:var(--pv-navy); color:#fff!important; font-size:13px; line-height:1.35; text-decoration:none!important; font-weight:720; letter-spacing:.005em; border:1px solid var(--pv-navy); transition:background .16s,border-color .16s; }
.pnq3.pnq-v4 .pv-button:hover { background:#24515b; border-color:#24515b; color:#fff!important; }
.pnq3.pnq-v4 .pv-button.is-brass { background:var(--pv-brass); color:#142f39!important; border-color:var(--pv-brass); }
.pnq3.pnq-v4 .pv-button.is-brass:hover { background:#d2b38b; }
.pnq3.pnq-v4 .pv-link { color:var(--pv-teal)!important; font-size:13px; font-weight:720; text-decoration:none!important; border-bottom:1px solid #8bada7; padding-bottom:3px; }
.pnq3.pnq-v4 .pv-link:hover { color:#164a45!important; border-color:#164a45; }
.pnq3.pnq-v4 .pv-section.is-navy .pv-link{color:#c2ddd6!important;border-color:#6e9892}
.pnq3.pnq-v4 .pv-button:focus-visible, .pnq3.pnq-v4 .pv-link:focus-visible, .pnq3.pnq-v4 a:focus-visible { outline:3px solid #bb9b6e; outline-offset:4px; }
.pnq3.pnq-v4 .pv-rail { background:var(--pv-navy); color:#f4f3ee; padding:27px 0; }
.pnq3.pnq-v4 .pv-rail-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; }
.pnq3.pnq-v4 .pv-rail-cell { padding:9px 26px; border-right:1px solid #527078; }
.pnq3.pnq-v4 .pv-rail-cell:first-child{padding-left:0}
.pnq3.pnq-v4 .pv-rail-cell:last-child{border:0;padding-right:0}
.pnq3.pnq-v4 .pv-rail-cell span{display:block;color:#b9caca;font-size:10px;line-height:1.45;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}
.pnq3.pnq-v4 .pv-rail-cell strong{display:block;color:#f4f6f2;font-size:14px;font-weight:650;line-height:1.35;letter-spacing:-.005em}
.pnq3.pnq-v4 .pv-feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}
.pnq3.pnq-v4 .pv-feature {padding:26px 0 24px;border-top:1px solid var(--pv-line);display:grid;grid-template-columns:54px 1fr;column-gap:18px}
.pnq3.pnq-v4 .pv-feature .pv-number{font-size:12px;color:#7a928e;font-weight:720;letter-spacing:.12em;padding-top:4px}
.pnq3.pnq-v4 .pv-feature h3{margin:0 0 9px;color:var(--pv-ink)}
.pnq3.pnq-v4 .pv-feature p{font-size:14px;color:var(--pv-muted);line-height:1.72;margin:0 0 11px}
.pnq3.pnq-v4 .pv-feature a{font-size:13px;font-weight:720;color:var(--pv-teal);text-decoration:none}
.pnq3.pnq-v4 .pv-feature a:hover{text-decoration:underline}
.pnq3.pnq-v4 .pv-decision{display:grid;grid-template-columns:1.1fr .9fr;gap:7%;align-items:center}
.pnq3.pnq-v4 .pv-decision p{font-size:15px;color:#d5e1df;max-width:610px}
.pnq3.pnq-v4 .pv-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.pnq3.pnq-v4 .pv-step{padding:20px 20px 18px;border:1px solid #59747a;background:#ffffff06;min-height:126px}
.pnq3.pnq-v4 .pv-step small{font-size:10px;letter-spacing:.1em;color:#bed0cf;display:block;margin-bottom:12px}
.pnq3.pnq-v4 .pv-step strong{display:block;color:#f5f6f3;line-height:1.35;font-weight:620;font-size:15px}
.pnq3.pnq-v4 .pv-spotlight{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pnq3.pnq-v4 .pv-spot{background:#f8f9f6;border:1px solid #d8e0da;padding:25px 24px 24px;min-width:0}
.pnq3.pnq-v4 .pv-spot .pv-no{font-size:11px;letter-spacing:.1em;color:#5b8279;font-weight:750;margin-bottom:22px;display:block}
.pnq3.pnq-v4 .pv-spot h3{font-size:22px;margin-bottom:10px}
.pnq3.pnq-v4 .pv-spot p{font-size:13px;color:var(--pv-muted);line-height:1.7;min-height:68px}
.pnq3.pnq-v4 .pv-spot .pv-spot-link{display:block;padding-top:16px;border-top:1px solid #d6dfda;text-decoration:none;color:#21685f;font-size:13px;font-weight:700}
.pnq3.pnq-v4 .pv-spot .pv-spot-link:hover{text-decoration:underline}
.pnq3.pnq-v4 .pv-pair{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:7%;align-items:center}
.pnq3.pnq-v4 .pv-pair p{color:var(--pv-muted);font-size:15px}
.pnq3.pnq-v4 .pv-pair-graphic{background:var(--pv-navy);padding:30px 31px;color:#f6f4ef;min-height:315px;display:grid;gap:0;align-content:center}
.pnq3.pnq-v4 .pv-pair-graphic .pv-graphic-row{display:grid;grid-template-columns:140px 1fr;gap:20px;padding:19px 0;border-bottom:1px solid #547178}
.pnq3.pnq-v4 .pv-pair-graphic .pv-graphic-row:last-child{border:0}
.pnq3.pnq-v4 .pv-pair-graphic span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#b7cdcb}
.pnq3.pnq-v4 .pv-pair-graphic strong{font-size:16px;line-height:1.4;color:#fff;font-weight:620}
.pnq3.pnq-v4 .pv-catalogue-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:7%;align-items:end;margin-bottom:24px}
.pnq3.pnq-v4 .pv-catalogue-heading p{font-size:14px;color:var(--pv-muted)}
.pnq3.pnq-v4 .pv-system-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:54px;row-gap:0}
.pnq3.pnq-v4 .pv-system-group{padding:21px 0;border-top:1px solid #d0d9d5;min-width:0}
.pnq3.pnq-v4 .pv-system-heading{display:flex;align-items:flex-start;gap:16px;margin:0 0 14px}
.pnq3.pnq-v4 .pv-system-heading .pv-number{font-size:11px;color:#678d84;letter-spacing:.1em;font-weight:750;margin-top:5px;min-width:26px}
.pnq3.pnq-v4 .pv-system-heading h3{font-size:19px;margin:0;line-height:1.3}
.pnq3.pnq-v4 .pv-system-items{padding-left:42px;display:grid;gap:10px}
.pnq3.pnq-v4 .pv-system-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;color:#415961;font-size:13px;line-height:1.46}
.pnq3.pnq-v4 .pv-system-entry span:first-child{min-width:0}
.pnq3.pnq-v4 .pv-system-entry .pv-state{color:#6d807b;font-weight:700;white-space:nowrap;font-size:10px;letter-spacing:.025em;text-transform:uppercase;padding-top:2px}
.pnq3.pnq-v4 .pv-system-entry[data-link-status="unlinked"]{cursor:default}
.pnq3.pnq-v4 .pv-system-entry[data-link-status="unlinked"] .pv-state::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#b49a74;margin-right:6px;vertical-align:middle}
.pnq3.pnq-v4 .pv-note{margin:22px 0 0;padding:15px 20px;border-left:3px solid var(--pv-brass);font-size:13px;line-height:1.65;color:#536a6b;background:#edf1ed}
.pnq3.pnq-v4 .pv-note strong{color:#203941}
.pnq3.pnq-v4 .pv-delivery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.pnq3.pnq-v4 .pv-delivery > article{border-top:2px solid #a2bab5;padding-top:23px}
.pnq3.pnq-v4 .pv-delivery .pv-index{font-size:11px;color:var(--pv-teal);letter-spacing:.12em;font-weight:700;margin-bottom:20px;display:block}
.pnq3.pnq-v4 .pv-delivery h3{font-size:20px}
.pnq3.pnq-v4 .pv-delivery p{font-size:14px;color:var(--pv-muted)}
.pnq3.pnq-v4 .pv-cta{background:linear-gradient(106deg,#0f2b35,#184653);color:#f6f7f3;padding:72px 0}
.pnq3.pnq-v4 .pv-cta-layout{display:grid;grid-template-columns:1fr .75fr;gap:8%;align-items:center}
.pnq3.pnq-v4 .pv-cta h2{color:#fff;margin:0 0 12px}
.pnq3.pnq-v4 .pv-cta p{font-size:15px;color:#d1e0de}
.pnq3.pnq-v4 .pv-cta .pv-button{background:var(--pv-brass);border-color:var(--pv-brass);color:var(--pv-navy)!important}
.pnq3.pnq-v4 .pv-cta .pv-button:hover{background:#d6b88d;border-color:#d6b88d}
@media(max-width:1080px){
 .pnq3.pnq-v4 .pv-inner{width:min(1260px,calc(100% - 72px))}
 .pnq3.pnq-v4 .pv-hero-layout{grid-template-columns:1fr .82fr;min-height:550px}
 .pnq3.pnq-v4 .pv-hero-copy{padding-right:35px}
 .pnq3.pnq-v4 .pv-spotlight{gap:12px}
 .pnq3.pnq-v4 .pv-system-table{column-gap:34px}
}
@media(max-width:800px){
 .pnq3.pnq-v4 .pv-inner{width:calc(100% - 48px)}
 .pnq3.pnq-v4 .pv-hero-layout{grid-template-columns:1fr}
 .pnq3.pnq-v4 .pv-hero-copy{padding:46px 0 32px}
 .pnq3.pnq-v4 .pv-hero-media{height:280px;min-height:280px}
 .pnq3.pnq-v4 .pv-hero-media .pv-media-cap{left:23px;bottom:20px}
 .pnq3.pnq-v4 .pv-rail-grid{grid-template-columns:repeat(2,1fr);gap:20px 0}
 .pnq3.pnq-v4 .pv-rail-cell{padding:6px 18px}
 .pnq3.pnq-v4 .pv-rail-cell:nth-child(2){border:0}
 .pnq3.pnq-v4 .pv-rail-cell:nth-child(3){padding-left:0}
 .pnq3.pnq-v4 .pv-intro,.pnq3.pnq-v4 .pv-decision,.pnq3.pnq-v4 .pv-pair,.pnq3.pnq-v4 .pv-catalogue-heading,.pnq3.pnq-v4 .pv-cta-layout{grid-template-columns:1fr;gap:20px}
 .pnq3.pnq-v4 .pv-spotlight{grid-template-columns:1fr 1fr}
 .pnq3.pnq-v4 .pv-feature-list,.pnq3.pnq-v4 .pv-system-table{grid-template-columns:1fr}
 .pnq3.pnq-v4 .pv-section{padding:46px 0}
 .pnq3.pnq-v4 .pv-catalogue-heading{margin-bottom:15px}
}
@media(max-width:520px){
 .pnq3.pnq-v4 .pv-inner{width:calc(100% - 34px)}
 .pnq3.pnq-v4 .pv-section{padding:38px 0}
 .pnq3.pnq-v4 .pv-hero-copy{padding-top:38px}
 .pnq3.pnq-v4 h1{font-size:clamp(35px,9vw,45px)}
 .pnq3.pnq-v4 .pv-hero-media{height:220px;min-height:220px}
 .pnq3.pnq-v4 .pv-meta{gap:7px 13px}
 .pnq3.pnq-v4 .pv-meta span:not(:first-child)::before{margin-right:11px}
 .pnq3.pnq-v4 .pv-rail-grid{grid-template-columns:1fr 1fr;gap:18px 0}
 .pnq3.pnq-v4 .pv-rail-cell{padding:5px 11px}
 .pnq3.pnq-v4 .pv-rail-cell strong{font-size:12px}
 .pnq3.pnq-v4 .pv-spotlight,.pnq3.pnq-v4 .pv-delivery{grid-template-columns:1fr}
 .pnq3.pnq-v4 .pv-spot p{min-height:0}
 .pnq3.pnq-v4 .pv-pair-graphic{padding:20px 18px;min-height:0}
 .pnq3.pnq-v4 .pv-pair-graphic .pv-graphic-row{grid-template-columns:90px 1fr;gap:10px}
 .pnq3.pnq-v4 .pv-system-items{padding-left:32px}
 .pnq3.pnq-v4 .pv-system-entry{grid-template-columns:1fr;gap:3px}
 .pnq3.pnq-v4 .pv-system-entry .pv-state{white-space:normal}
 .pnq3.pnq-v4 .pv-cta{padding:55px 0}
}
@media(prefers-reduced-motion:reduce){ .pnq3.pnq-v4 .pv-button{transition:none} }

/* Keep the hero close to the compact, image-led reference layouts. */
.pnq3.pnq-v4 .pv-inner{max-width:1320px}
.pnq3.pnq-v4 .pv-hero{background:#F6F7F8}
.pnq3.pnq-v4 .pv-hero-media{min-height:500px}
.pnq3.pnq-v4 .pv-expertise{max-width:660px}
@media(max-width:800px){.pnq3.pnq-v4 .pv-hero-media{min-height:270px}}
@media(max-width:520px){
 .pnq3.pnq-v4 .pv-hero-copy h1{font-size:clamp(34px,9vw,42px)}
 .pnq3.pnq-v4 .pv-hero-media{min-height:220px}
 .pnq3.pnq-v4 .pv-expertise{font-size:13px}
}