/* Security proof layout v4: one story, three distinct reading stages. */
.mc-security-v2 #proof .head{
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);
  align-items:end;
  gap:clamp(32px,5vw,76px);
  margin-bottom:clamp(32px,4vw,54px)
}
.mc-security-v2 #proof .head h2{max-width:20ch;font-size:clamp(38px,4.05vw,58px);line-height:1.04}
.mc-security-v2 #proof .head p{max-width:48ch;padding-bottom:5px}

/* Stage 1: the operating model has its own visual breathing room. */
.mc-security-v2 #proof .proof-visual{
  width:min(100%,1320px);
  margin:0 auto clamp(72px,7vw,108px)
}
.mc-security-v2 #proof .proof-visual img{
  border-radius:28px;
  box-shadow:0 28px 64px rgba(9,44,68,.13)
}

/* Stage 2: two operational surfaces get room for their full explanations. */
.mc-security-v2 #proof .proof{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(20px,2.5vw,32px);
  align-items:stretch
}
.mc-security-v2 #proof .proof>.mc-detail-card{grid-column:auto}
.mc-security-v2 #proof .proof-card{
  min-width:0;
  padding:clamp(24px,2.3vw,34px);
  border-radius:27px;
  box-shadow:0 20px 50px rgba(18,61,95,.07)
}
.mc-security-v2 #proof .mc-detail-card .mc-detail-art{
  width:100%;margin:0 0 27px;
  border-radius:18px;overflow:hidden
}
.mc-security-v2 #proof .mc-detail-card .mc-detail-art img{display:block;width:100%;height:100%;object-fit:cover}
.mc-security-v2 #proof .mc-detail-card h3{font-size:clamp(27px,2.2vw,34px);margin:10px 0 18px}
.mc-security-v2 #proof .mc-detail-card>p{
  max-width:66ch;
  margin:0;
  font-size:clamp(14px,1.08vw,16px);
  line-height:1.7
}
.mc-security-v2 #proof .mc-detail-card>p:first-of-type{font-size:clamp(15px,1.18vw,17px);line-height:1.62;margin-bottom:23px}
.mc-security-v2 #proof .mc-detail-card>p+p{
  padding:14px 0;
  border-top:1px solid rgba(76,124,153,.2)
}
.mc-security-v2 #proof .proof-card.module>p+p{border-color:rgba(201,231,242,.22)}
.mc-security-v2 #proof .mc-detail-card>p:last-of-type{padding-bottom:0}
.mc-security-v2 #proof .mc-detail-card .actions{margin-top:auto;padding-top:28px}
.mc-security-v2 #proof .mc-detail-card .btn{min-height:44px;padding:10px 17px;font-size:12px}

/* Stage 3: governance follows the operating surfaces as its own band. */
.mc-security-v2 #proof .proof-card:last-child{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  column-gap:clamp(28px,5vw,70px);
  row-gap:8px;
  align-items:start;
  margin-top:clamp(34px,4.5vw,62px);
  padding:clamp(28px,3vw,43px);
  background:linear-gradient(115deg,#f2f8fc,#fff 65%);
  border-color:#cddfeb;
  box-shadow:0 20px 52px rgba(18,61,95,.06)
}
.mc-security-v2 #proof .proof-card:last-child .kicker{grid-column:1;grid-row:1}
.mc-security-v2 #proof .proof-card:last-child h3{
  grid-column:1;grid-row:2/4;
  margin:7px 0 0;
  font-size:clamp(30px,3vw,42px)
}
.mc-security-v2 #proof .proof-card:last-child p{
  grid-column:2;grid-row:1;
  max-width:58ch;
  margin:0;
  font-size:clamp(15px,1.13vw,17px);
  line-height:1.7
}
.mc-security-v2 #proof .proof-card:last-child .actions{grid-column:2;grid-row:2/4;margin-top:14px}
.mc-security-v2 #proof .proof-card:last-child .btn{min-height:44px;padding:10px 17px;font-size:12px}

@media(max-width:900px){
  .mc-security-v2 #proof .head{grid-template-columns:1fr;gap:16px}
  .mc-security-v2 #proof .proof{grid-template-columns:1fr}
  .mc-security-v2 #proof .proof-card:last-child{grid-column:1}
}
@media(max-width:760px){
  .mc-security-v2 #proof .proof-visual{margin-bottom:54px}
  .mc-security-v2 #proof .proof-visual img{border-radius:19px}
  .mc-security-v2 #proof .proof-card:last-child{display:block;margin-top:20px}
  .mc-security-v2 #proof .proof-card:last-child h3{margin:10px 0 14px}
  .mc-security-v2 #proof .proof-card:last-child .actions{margin-top:20px}
}