.devops-qa-page{--op-navy:#0A3161;--op-red:#B31942;--op-blue:#79B8EF;--op-ink:#142A3C;--op-muted:#667782;--op-line:#DCE5EA;--op-soft:#F5F8FA;--op-dark:#15344D;}
.devops-qa-page h1.inner-page-title{font-size:clamp(2.7rem,4.35vw,4.15rem)!important;line-height:1.01;letter-spacing:-.043em;}
.devops-qa-page .section-title{max-width:900px;}
.devops-qa-page .section-pad{padding-top:clamp(3.4rem,4.8vw,4.8rem)!important;padding-bottom:clamp(3.4rem,4.8vw,4.8rem)!important;}
.devops-qa-page .section-pad-sm{padding-top:clamp(2.7rem,3.7vw,3.5rem)!important;padding-bottom:clamp(2.7rem,3.7vw,3.5rem)!important;}
.dq-breadcrumb a,.dq-breadcrumb li{color:rgba(255,255,255,.75);}
.dq-hero .eyebrow{color:#9CCDF2!important;}
.dq-hero .inner-page-title{color:#fff!important;max-width:880px;}
.dq-hero .inner-page-lead{color:#D0DCE4!important;max-width:720px;line-height:1.7;}
.dq-hero-actions{display:flex;flex-wrap:wrap;gap:.8rem 1rem;align-items:center;margin-top:1.25rem;}
.dq-hero-secondary{display:inline-flex;gap:.4rem;align-items:center;color:#E0EFFA;text-decoration:none;font-size:.68rem;font-weight:800;}

/* PAGE NAV */
.dq-page-nav{border-top:1px solid #E2E8EC;border-bottom:1px solid #E2E8EC;background:rgba(255,255,255,.97);position:sticky;top:0;z-index:10;}
.dq-page-nav .container-xl{display:flex;align-items:center;gap:1.25rem;min-height:58px;overflow-x:auto;scrollbar-width:none;}
.dq-page-nav a{flex:0 0 auto;color:#596B78;font-size:.65rem;font-weight:780;text-decoration:none;}
.dq-page-nav a:hover{color:var(--op-navy);}
.dq-page-nav .dq-page-nav-cta{margin-left:auto;padding:.5rem .78rem;color:#fff;border-radius:6px;background:var(--op-navy);}

/* SHARED */
.dq-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.64fr);gap:clamp(2.5rem,6vw,6rem);align-items:end;margin-bottom:1.7rem;}

/* STANDARD BOTTOM THREE */
.dq-service-nav{background:#F5F8FA;border-top:1px solid #E3EAEE;border-bottom:1px solid #E3EAEE;}
.dq-service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.65rem;}
.dq-service-card{overflow:hidden;border:1px solid #DCE4E9;border-radius:13px;background:#fff;text-decoration:none;}
.dq-service-card img{width:100%;height:86px;object-fit:cover;}
.dq-service-card div{padding:.65rem .7rem;}
.dq-service-card small,.dq-service-card strong{display:block;}
.dq-service-card small{color:#7E8E98;font-size:.36rem;font-weight:850;letter-spacing:.1em;}
.dq-service-card strong{margin-top:.18rem;color:var(--op-ink);font-size:.62rem;line-height:1.35;}
.dq-service-card.is-current{border-color:var(--op-red);box-shadow:inset 0 -3px 0 var(--op-red);}
.dq-service-card.is-current small{color:var(--op-red);}
.dq-prev-next{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.9rem;}
.dq-prev-next a{padding:.75rem .85rem;border:1px solid #DCE4E9;border-radius:11px;background:#fff;text-decoration:none;}
.dq-prev-next a:last-child{text-align:right;}
.dq-prev-next small,.dq-prev-next strong{display:block;}
.dq-prev-next small{color:var(--op-red);font-size:.36rem;font-weight:850;letter-spacing:.1em;}
.dq-prev-next strong{margin-top:.18rem;color:var(--op-ink);font-size:.66rem;}
.dq-model{background:#fff;}
.dq-model-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;}
.dq-model-grid a{min-height:110px;padding:.9rem;border:1px solid #DCE4E9;border-radius:13px;background:#F8FAFB;text-decoration:none;}
.dq-model-grid span,.dq-model-grid strong{display:block;}
.dq-model-grid span{color:#7E8E98;font-size:.38rem;font-weight:850;letter-spacing:.1em;}
.dq-model-grid strong{margin-top:.6rem;color:var(--op-ink);font-size:.68rem;line-height:1.4;}
.dq-model-grid a.is-current{border-color:#17384F;background:linear-gradient(145deg,#1D3A53,#102C43);}
.dq-model-grid a.is-current span{color:#FF91AA;}
.dq-model-grid a.is-current strong{color:#fff;}

@media(max-width:1199.98px){.dq-service-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:991.98px){.dq-section-head{grid-template-columns:1fr;} .dq-model-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:767.98px){.dq-service-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:575.98px){.dq-service-grid,.dq-model-grid,.dq-prev-next{grid-template-columns:1fr;} .dq-prev-next a:last-child{text-align:left;}}


/* HERO — DIAGONAL FULL IMAGE */
.dq-hero-diagonal{color:#fff;background:#0B293F;padding:1rem 0 1.2rem!important;overflow:hidden;}
.dq-hero-frame{position:relative;min-height:650px;overflow:hidden;border-radius:24px;}
.dq-hero-frame>img,.dq-hero-overlay{position:absolute;inset:0;width:100%;height:100%;} .dq-hero-frame>img{object-fit:cover;clip-path:polygon(20% 0,100% 0,100% 100%,0 100%,0 30%);} .dq-hero-overlay{background:linear-gradient(90deg,rgba(5,24,39,.95) 0%,rgba(5,24,39,.75) 38%,rgba(5,24,39,.24) 75%),linear-gradient(180deg,transparent,rgba(5,24,39,.75));}
.dq-hero-copy{position:absolute;z-index:2;left:clamp(1.5rem,4vw,4rem);top:50%;transform:translateY(-50%);max-width:760px;}
.dq-hero-release{position:absolute;z-index:3;right:1rem;top:1rem;width:220px;padding:.9rem;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(7,31,51,.88);} .dq-hero-release small,.dq-hero-release strong,.dq-hero-release span{display:block;} .dq-hero-release small{color:#FF91AA;font-size:.39rem;font-weight:850;} .dq-hero-release strong{padding:.35rem 0;color:#fff;font-size:.63rem;} .dq-hero-release span{color:#79B8EF;text-align:center;}

.dq-friction-grid,.dq-feedback-grid{display:grid;grid-template-columns:minmax(430px,.92fr) minmax(0,1.08fr);gap:clamp(3rem,6vw,6rem);align-items:center;}
.dq-friction-media,.dq-feedback figure{position:relative;min-height:500px;overflow:hidden;border-radius:20px;} .dq-friction-media img,.dq-feedback figure img{width:100%;height:100%;object-fit:cover;} .dq-friction-media>div,.dq-feedback figcaption{position:absolute;left:1rem;right:1rem;bottom:1rem;padding:.85rem;background:rgba(7,31,51,.86);border-left:3px solid var(--op-blue);} .dq-friction-media small,.dq-friction-media strong,.dq-feedback figcaption small,.dq-feedback figcaption strong{display:block;color:#fff;} .dq-friction-media small,.dq-feedback figcaption small{color:#9CCDF2;font-size:.39rem;font-weight:850;}
.dq-friction-list{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:1.2rem;} .dq-friction-list article{padding:.8rem;border:1px solid #DCE4E9;border-radius:13px;background:#F8FAFB;} .dq-friction-list span{color:var(--op-red);font-size:.44rem;font-weight:850;} .dq-friction-list strong{display:block;margin-top:.9rem;color:var(--op-ink);font-size:.67rem;}
.dq-pipeline{color:#fff;background:linear-gradient(145deg,#1D3A53,#102C43);} .dq-pipeline .eyebrow{color:#9CCDF2;} .dq-pipeline .section-title{color:#fff;} .dq-pipeline .section-lead{color:#C5D2DB;} .dq-pipeline-track{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:.55rem;align-items:center;} .dq-pipeline-track article{min-height:140px;padding:.9rem;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(255,255,255,.04);} .dq-pipeline-track small,.dq-pipeline-track strong{display:block;} .dq-pipeline-track small{color:#FF91AA;font-size:.38rem;font-weight:850;} .dq-pipeline-track strong{margin-top:1.7rem;color:#fff;font-size:.65rem;} .dq-pipeline-track>i{width:20px;height:1px;background:#79B8EF;}
.dq-quality{background:#F5F8FA;} .dq-quality-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:5rem;align-items:center;} .dq-test-pyramid{display:grid;gap:.55rem;} .dq-test-pyramid article{margin:auto;padding:.9rem 1rem;text-align:center;border:1px solid #DCE4E9;background:#fff;} .dq-test-pyramid article.top{width:48%;} .dq-test-pyramid article:nth-child(2){width:70%;} .dq-test-pyramid article:nth-child(3){width:94%;} .dq-test-pyramid small,.dq-test-pyramid strong{display:block;} .dq-test-pyramid small{color:var(--op-red);font-size:.39rem;font-weight:850;} .dq-test-pyramid strong{margin-top:.25rem;color:var(--op-ink);font-size:.67rem;}
.dq-release-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:5rem;align-items:center;} .dq-release-canvas{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;} .dq-release-canvas article{min-height:150px;padding:1rem;border:1px solid #DCE4E9;border-radius:14px;background:#F8FAFB;} .dq-release-canvas span,.dq-release-canvas small,.dq-release-canvas strong{display:block;} .dq-release-canvas span{color:var(--op-red);font-size:.48rem;font-weight:850;} .dq-release-canvas small{margin-top:1.5rem;color:#7D8D97;font-size:.38rem;font-weight:850;} .dq-release-canvas strong{margin-top:.25rem;color:var(--op-ink);font-size:.67rem;}
.dq-feedback{background:#F5F8FA;} .dq-feedback-list{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:1.2rem;} .dq-feedback-list span{padding:.7rem;background:#fff;border-left:3px solid var(--op-red);font-size:.65rem;font-weight:750;color:var(--op-ink);}
.dq-outcome-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.65rem;} .dq-outcome-grid span{min-height:115px;padding:1rem;border-top:3px solid var(--op-red);background:#F7F9FB;color:var(--op-ink);font-size:.67rem;font-weight:800;}
@media(max-width:991.98px){.dq-friction-grid,.dq-feedback-grid,.dq-quality-grid,.dq-release-grid{grid-template-columns:1fr;} .dq-pipeline-track{grid-template-columns:1fr;} .dq-pipeline-track>i{width:1px;height:18px;margin:auto;} .dq-outcome-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:767.98px){.dq-hero-frame{min-height:700px;} .dq-hero-copy{left:1rem;right:1rem;} .dq-hero-release{right:1rem;top:auto;bottom:1rem;width:210px;} .dq-friction-list,.dq-release-canvas,.dq-feedback-list,.dq-outcome-grid{grid-template-columns:1fr;}}


/* ==========================================================
   2026-09-27 — DevOps & QA targeted redesign
   Hero + Delivery Pipeline + Quality System + Release Control only
   ========================================================== */

/* HERO — full-width image, tighter height */
.dq-hero-v2{color:#fff;background:#0B293F;padding:1rem 0 1.1rem!important;overflow:hidden;}
.dq-hero-frame-v2{position:relative;min-height:560px;overflow:hidden;border-radius:24px;background:#0B293F;}
.dq-hero-frame-v2>img,.dq-hero-overlay-v2{position:absolute;inset:0;width:100%;height:100%;}
.dq-hero-frame-v2>img{object-fit:cover;display:block;}
.dq-hero-overlay-v2{background:linear-gradient(90deg,rgba(5,24,39,.94) 0%,rgba(5,24,39,.76) 43%,rgba(5,24,39,.30) 75%),linear-gradient(180deg,rgba(5,24,39,.04),rgba(5,24,39,.78));}
.dq-hero-copy-v2{position:absolute;z-index:2;left:clamp(1.4rem,4vw,4rem);bottom:5.7rem;max-width:760px;}
.dq-hero-v2 .eyebrow{color:#9CCDF2!important;}
.dq-hero-v2 .inner-page-title{color:#fff!important;max-width:760px;}
.dq-hero-v2 .inner-page-lead{color:#D0DCE4!important;max-width:680px;line-height:1.68;}
.dq-hero-release-v2{position:absolute;z-index:3;left:1rem;right:1rem;bottom:1rem;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:.6rem;padding:.8rem .9rem;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(7,31,51,.82);backdrop-filter:blur(8px);}
.dq-hero-release-v2 span{display:block;min-width:0;}
.dq-hero-release-v2 small,.dq-hero-release-v2 strong{display:block;}
.dq-hero-release-v2 small{color:#9CCDF2;font-size:.36rem;font-weight:850;letter-spacing:.08em;}
.dq-hero-release-v2 strong{margin-top:.15rem;color:#fff;font-size:.58rem;line-height:1.35;}
.dq-hero-release-v2>i{color:#FF91AA;font-size:.72rem;}

/* DELIVERY PIPELINE — evidence rail, not card grid */
.dq-pipeline-v2{color:#fff;background:linear-gradient(145deg,#1D3A53,#102C43);}
.dq-pipeline-v2 .eyebrow{color:#9CCDF2;}
.dq-pipeline-v2 .section-title{color:#fff;}
.dq-pipeline-v2 .section-lead{color:#C5D2DB;}
.dq-pipeline-head-v2{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.66fr);gap:clamp(2rem,5vw,5rem);align-items:end;margin-bottom:1.7rem;}
.dq-pipeline-rail-v2{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);}
.dq-pipeline-rail-v2 article{position:relative;padding:1.15rem 1rem 1.2rem;border-right:1px solid rgba(255,255,255,.13);}
.dq-pipeline-rail-v2 article:last-child{border-right:0;}
.dq-pipeline-step{display:inline-block;margin-bottom:.75rem;color:#FF91AA;font-size:.39rem;font-weight:850;letter-spacing:.09em;}
.dq-pipeline-rail-v2 h3{margin:0;color:#fff;font-size:.8rem;line-height:1.4;}
.dq-pipeline-rail-v2 p{margin:.45rem 0 .7rem;color:#C5D2DB;font-size:.61rem;line-height:1.6;}
.dq-pipeline-rail-v2 strong{display:block;padding-top:.55rem;border-top:1px solid rgba(255,255,255,.10);color:#9CCDF2;font-size:.55rem;line-height:1.5;}

/* QUALITY SYSTEM — 50/50 image + layered quality bands */
.dq-quality-v2{background:#F5F8FA;}
.dq-quality-layout-v2{display:grid;grid-template-columns:minmax(420px,1fr) minmax(0,1fr);gap:clamp(2.5rem,5vw,5rem);align-items:stretch;}
.dq-quality-media-v2{position:relative;min-height:500px;margin:0;overflow:hidden;border-radius:20px;background:#102C43;}
.dq-quality-media-v2 img{width:100%;height:100%;object-fit:cover;display:block;}
.dq-quality-media-v2:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(7,29,47,.88));}
.dq-quality-media-v2 figcaption{position:absolute;z-index:2;left:1rem;right:1rem;bottom:1rem;padding:.9rem 1rem;background:rgba(7,29,47,.84);border-left:3px solid var(--op-blue);}
.dq-quality-media-v2 small,.dq-quality-media-v2 strong{display:block;color:#fff;}
.dq-quality-media-v2 small{color:#9CCDF2;font-size:.39rem;font-weight:850;letter-spacing:.08em;}
.dq-quality-media-v2 strong{margin-top:.25rem;font-size:.7rem;line-height:1.48;}
.dq-quality-copy-v2{display:flex;flex-direction:column;justify-content:center;}
.dq-quality-bands-v2{display:grid;gap:.65rem;margin-top:1.25rem;}
.dq-quality-bands-v2 article{display:grid;grid-template-columns:88px minmax(0,1fr);gap:1rem;padding:.9rem 0;border-top:1px solid #CCD8E0;}
.dq-quality-bands-v2 article:last-child{border-bottom:1px solid #CCD8E0;}
.dq-quality-bands-v2 span{color:var(--op-red);font-size:.38rem;font-weight:850;letter-spacing:.08em;}
.dq-quality-bands-v2 h3{margin:0;color:var(--op-ink);font-size:.78rem;line-height:1.36;}
.dq-quality-bands-v2 p{margin:.22rem 0 0;color:#667782;font-size:.61rem;line-height:1.58;}

/* RELEASE CONTROL — register + 50% image */
.dq-release-v2{background:#fff;}
.dq-release-head-v2{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.66fr);gap:clamp(2rem,5vw,5rem);align-items:end;margin-bottom:1.6rem;}
.dq-release-layout-v2{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:clamp(2rem,4.5vw,4.5rem);align-items:stretch;}
.dq-release-register-v2{border-top:1px solid #CCD8E0;}
.dq-release-register-v2 article{display:grid;grid-template-columns:46px minmax(0,1fr);gap:.9rem;padding:1rem 0;border-bottom:1px solid #CCD8E0;}
.dq-release-register-v2 article>i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#F1F6FA;color:var(--op-navy);font-size:1rem;}
.dq-release-register-v2 small{display:block;color:var(--op-red);font-size:.38rem;font-weight:850;letter-spacing:.08em;}
.dq-release-register-v2 h3{margin:.2rem 0 .28rem;color:var(--op-ink);font-size:.78rem;line-height:1.36;}
.dq-release-register-v2 p{margin:0;color:#667782;font-size:.61rem;line-height:1.58;}
.dq-release-media-v2{position:relative;min-height:470px;margin:0;overflow:hidden;border-radius:20px;background:#102C43;}
.dq-release-media-v2 img{width:100%;height:100%;object-fit:cover;display:block;}
.dq-release-media-v2:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(7,29,47,.88));}
.dq-release-media-v2 figcaption{position:absolute;z-index:2;left:1rem;right:1rem;bottom:1rem;padding:.9rem 1rem;background:rgba(7,29,47,.84);border-left:3px solid var(--op-red);}
.dq-release-media-v2 small,.dq-release-media-v2 strong{display:block;color:#fff;}
.dq-release-media-v2 small{color:#FF9CB2;font-size:.39rem;font-weight:850;letter-spacing:.08em;}
.dq-release-media-v2 strong{margin-top:.25rem;font-size:.7rem;line-height:1.48;}

@media(max-width:1199.98px){
  .dq-pipeline-rail-v2{grid-template-columns:repeat(5,minmax(170px,1fr));overflow-x:auto;}
}
@media(max-width:991.98px){
  .dq-pipeline-head-v2,.dq-quality-layout-v2,.dq-release-head-v2,.dq-release-layout-v2{grid-template-columns:1fr;}
  .dq-quality-media-v2,.dq-release-media-v2{min-height:380px;}
}
@media(max-width:767.98px){
  .dq-hero-frame-v2{min-height:650px;}
  .dq-hero-copy-v2{left:1rem;right:1rem;bottom:9.8rem;}
  .dq-hero-release-v2{grid-template-columns:1fr 1fr;gap:.45rem;}
  .dq-hero-release-v2>i{display:none;}
  .dq-hero-release-v2 span{padding:.35rem .45rem;border-top:1px solid rgba(255,255,255,.08);}
  .dq-quality-bands-v2 article{grid-template-columns:1fr;gap:.25rem;}
}


/* 2026-09-27 v3 — Production Feedback left/right swap only */
.dq-feedback-v2 .dq-feedback-grid{grid-template-columns:minmax(430px,.98fr) minmax(0,1.02fr);}
.dq-feedback-v2 .dq-feedback-copy{min-width:0;}
@media(max-width:991.98px){.dq-feedback-v2 .dq-feedback-grid{grid-template-columns:1fr;}}