/* Unique styles for flagship-and-strategic-developments. Shared rules live in qpa-inner-pages.css. */

body.qpa-page-flagship-and-strategic-developments .qpa-hero-status{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;color:var(--teal-lite);font:500 12px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase}
body.qpa-page-flagship-and-strategic-developments .qpa-hero-status:before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--teal-lite);box-shadow:0 0 12px var(--teal-lite)}
body.qpa-page-flagship-and-strategic-developments .qpa-facts{display:grid;gap:0;border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden}
body.qpa-page-flagship-and-strategic-developments .qpa-fact+.qpa-fact{border-top:1px solid var(--line-2)}
body.qpa-page-flagship-and-strategic-developments .qpa-need-head h2{max-width:26ch;margin-bottom:22px;font-size:clamp(36px,3.8vw,58px);text-wrap:balance}
body.qpa-page-flagship-and-strategic-developments .qpa-points{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:34px}
body.qpa-page-flagship-and-strategic-developments .qpa-point{position:relative;padding:28px 26px 24px;border:1px solid var(--line);border-radius:var(--r-card);background:#fff;display:flex;flex-direction:column;gap:14px;min-height:180px;transition:border-color .25s,transform .25s,box-shadow .25s}
body.qpa-page-flagship-and-strategic-developments .qpa-point-icon{display:block;width:40px;height:40px;margin-bottom:8px;color:var(--teal)}
body.qpa-page-flagship-and-strategic-developments .qpa-point-icon svg{display:block;width:100%;height:100%}
body.qpa-page-flagship-and-strategic-developments .qpa-point:hover{border-color:#17a39866;transform:translateY(-3px);box-shadow:0 18px 40px #0f2e3812}
body.qpa-page-flagship-and-strategic-developments .qpa-point p{margin:0;color:var(--head);font:500 clamp(17px,1.5vw,20px)/1.4 var(--display);letter-spacing:-.012em}
body.qpa-page-flagship-and-strategic-developments .qpa-position{display:flex;align-items:center;gap:26px;flex-wrap:wrap;padding:24px 28px;border:1px solid var(--line);border-left:3px solid var(--teal);border-radius:var(--r-card);background:var(--neutral)}
body.qpa-page-flagship-and-strategic-developments .qpa-position p{margin:0;color:var(--char);font-size:17px;line-height:1.6}
body.qpa-page-flagship-and-strategic-developments .qpa-config{position:relative;overflow:hidden;background:var(--ink);color:#dce5e6}
body.qpa-page-flagship-and-strategic-developments .qpa-config:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(780px 500px at 4% -8%,#17a3981f,transparent 68%),radial-gradient(640px 460px at 98% 106%,#3ec9bb14,transparent 70%),linear-gradient(112deg,transparent 32%,#ffffff08 47%,transparent 62%)}
body.qpa-page-flagship-and-strategic-developments .qpa-config>.qpa-wrap{position:relative;z-index:1}
body.qpa-page-flagship-and-strategic-developments .qpa-config-head{max-width:840px;margin-bottom:clamp(44px,4.6vw,64px)}
body.qpa-page-flagship-and-strategic-developments .qpa-config-head h2{max-width:26ch;margin-bottom:0;color:#fff;font-size:clamp(36px,3.8vw,58px);text-wrap:balance}
body.qpa-page-flagship-and-strategic-developments .qpa-config-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:configuration}
body.qpa-page-flagship-and-strategic-developments .qpa-config-card{position:relative;min-height:320px;padding:70px 32px 32px;border:1px solid var(--line-dark);border-top:2px solid var(--teal);border-radius:var(--r-card);background:#ffffff08;display:flex;flex-direction:column;gap:20px;counter-increment:configuration;transition:border-color .25s,background .25s,transform .25s,box-shadow .25s}
body.qpa-page-flagship-and-strategic-developments .qpa-config-card:before{content:"0" counter(configuration);position:absolute;top:22px;left:28px;display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--teal-lite);border-radius:50%;color:var(--teal-lite);font:500 12px/1 var(--mono);letter-spacing:.08em}
body.qpa-page-flagship-and-strategic-developments .qpa-config-card:hover{border-color:#ffffff45;background:#ffffff0f;transform:translateY(-3px);box-shadow:0 18px 40px #061a2040}
body.qpa-page-flagship-and-strategic-developments .qpa-config-card:not(:last-child):after{content:"";position:absolute;top:50%;right:-15px;z-index:2;width:12px;height:12px;transform:translateY(-50%);background-color:var(--teal);-webkit-mask:var(--arrow-e) center/contain no-repeat;mask:var(--arrow-e) center/contain no-repeat}
body.qpa-page-flagship-and-strategic-developments .qpa-config-label{color:var(--teal-lite);font:500 12.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}
body.qpa-page-flagship-and-strategic-developments .qpa-config-figure{margin:8px 0 auto;color:#fff;font:500 clamp(48px,4.4vw,72px)/1 var(--display);letter-spacing:-.035em}
body.qpa-page-flagship-and-strategic-developments .qpa-config-card p{margin:0;color:#c3d0d3;font-size:16px;line-height:1.6}
body.qpa-page-flagship-and-strategic-developments .qpa-progress{background:#fff}
body.qpa-page-flagship-and-strategic-developments .qpa-progress h2{max-width:26ch;margin-bottom:22px;font-size:clamp(36px,3.8vw,58px);text-wrap:balance}
body.qpa-page-flagship-and-strategic-developments .qpa-progress p:not(.qpa-kicker){max-width:760px;margin:0 0 30px;color:var(--text);font-size:18px;line-height:1.7}
body.qpa-page-flagship-and-strategic-developments .qpa-value{background:var(--neutral)}
body.qpa-page-flagship-and-strategic-developments .qpa-value-head{max-width:840px;margin-bottom:clamp(40px,4.4vw,60px)}
body.qpa-page-flagship-and-strategic-developments .qpa-value-head h2{max-width:26ch;margin-bottom:0;font-size:clamp(36px,3.8vw,58px);text-wrap:balance}
body.qpa-page-flagship-and-strategic-developments .qpa-value-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
body.qpa-page-flagship-and-strategic-developments .qpa-value-col{padding:30px 30px 28px;border:1px solid var(--line);border-radius:var(--r-card);background:#fff;transition:border-color .25s,transform .25s,box-shadow .25s}
body.qpa-page-flagship-and-strategic-developments .qpa-value-col:hover{border-color:#17a39866;transform:translateY(-3px);box-shadow:0 18px 40px #0f2e3812}
body.qpa-page-flagship-and-strategic-developments .qpa-value-col h3{position:relative;margin:0 0 18px;padding-bottom:16px;border-bottom:1px solid var(--line);border-image:none;font-size:clamp(21px,1.85vw,27px);letter-spacing:-.018em}
body.qpa-page-flagship-and-strategic-developments .qpa-value-col h3:after{content:"";position:absolute;left:0;bottom:-1px;width:64px;height:2px;background:var(--teal)}
body.qpa-page-flagship-and-strategic-developments .qpa-value-col ul{display:grid;margin:0;padding:0;list-style:none}
body.qpa-page-flagship-and-strategic-developments .qpa-value-col li{position:relative;padding:12px 0 12px 24px;color:var(--text);font-size:16.5px;line-height:1.55}
body.qpa-page-flagship-and-strategic-developments .qpa-value-col li+li{border-top:1px solid transparent;border-image:linear-gradient(90deg,transparent 0%,var(--line-fade) 12%,var(--line-fade) 88%,transparent 100%) 1}
body.qpa-page-flagship-and-strategic-developments .qpa-value-col li:before{content:"";position:absolute;left:0;top:1.3em;width:6px;height:6px;border-radius:1px;background:var(--teal)}
body.qpa-page-flagship-and-strategic-developments .qpa-value-col.qpa-feature{background:var(--ink-2);border-color:transparent}
body.qpa-page-flagship-and-strategic-developments .qpa-value-col.qpa-feature:hover{border-color:#3ec9bb44;box-shadow:0 18px 40px #061a2040}
body.qpa-page-flagship-and-strategic-developments .qpa-value-col.qpa-feature h3{color:#fff;border-bottom-color:var(--line-dark-2);border-image:none}
body.qpa-page-flagship-and-strategic-developments .qpa-value-col.qpa-feature li{color:#c3d0d3}
body.qpa-page-flagship-and-strategic-developments .qpa-value-col.qpa-feature li+li{border-top-color:var(--line-dark)}

@media(max-width:1180px){
body.qpa-page-flagship-and-strategic-developments .qpa-config-grid{grid-template-columns:1fr}
body.qpa-page-flagship-and-strategic-developments .qpa-config-card{min-height:0}
body.qpa-page-flagship-and-strategic-developments .qpa-config-card:not(:last-child):after{top:auto;right:auto;left:36px;bottom:-13px;transform:rotate(90deg)}
}

@media(max-width:900px){
body.qpa-page-flagship-and-strategic-developments .qpa-points,body.qpa-page-flagship-and-strategic-developments .qpa-value-grid{grid-template-columns:1fr}
body.qpa-page-flagship-and-strategic-developments .qpa-snapshot-head h2,body.qpa-page-flagship-and-strategic-developments .qpa-need-head h2,body.qpa-page-flagship-and-strategic-developments .qpa-config-head h2,body.qpa-page-flagship-and-strategic-developments .qpa-progress h2,body.qpa-page-flagship-and-strategic-developments .qpa-value-head h2{max-width:none}
}

@media(max-width:800px){
body.qpa-page-flagship-and-strategic-developments .qpa-hero{min-height:660px}
}

/* ============================================================
   Design refinements — static typography polish.
   No hover added to non-clickable elements.
   ============================================================ */
body.qpa-page-flagship-and-strategic-developments .qpa-point p,
body.qpa-page-flagship-and-strategic-developments .qpa-config-card p,
body.qpa-page-flagship-and-strategic-developments .qpa-value-col li,
body.qpa-page-flagship-and-strategic-developments .qpa-progress p:not(.qpa-kicker),
body.qpa-page-flagship-and-strategic-developments .qpa-position p,
body.qpa-page-flagship-and-strategic-developments .qpa-facts-note{text-wrap:pretty}
body.qpa-page-flagship-and-strategic-developments .qpa-config-figure,
body.qpa-page-flagship-and-strategic-developments .qpa-config-card:before,
body.qpa-page-flagship-and-strategic-developments .qpa-fact dt{font-variant-numeric:tabular-nums}