/* Approved September 17 Section 2: semantic diagram and live copy. */
#readiness.ars-section{position:relative;isolation:isolate;overflow:hidden;min-height:0;padding:5vw 0 4vw;color:#070b39;background:radial-gradient(ellipse at 59% 33%,#dfeeff99,transparent 31%),radial-gradient(ellipse at 88% 35%,#efe2ff88,transparent 23%),#fcfdff}
#readiness::after{display:none}
#readiness>.ars-container{position:relative;z-index:1;width:93%;max-width:1570px}
#readiness>.ars-container.ars-split{display:grid;grid-template-columns:minmax(0,42.85%) minmax(0,57.15%);gap:0;align-items:start;margin:0 auto;pointer-events:auto}
#readiness>.ars-container.ars-split::before{display:none;content:none}
#readiness .ars-readiness-content,#readiness .ars-readiness-visual{min-width:0}
#readiness .ars-readiness-content{padding:3.7vw 1.5vw 0 0}
#readiness .ars-eyebrow{display:flex;align-items:center;gap:1.2vw;margin:0 0 1.5vw;font-size:clamp(12px,1.25vw,21px);font-weight:700;letter-spacing:.2em;color:#075aff}
#readiness .ars-eyebrow::before{content:"";display:block;flex:0 0 3.5vw;height:2px;background:linear-gradient(90deg,#165aff,#00d5ee)}
#readiness .ars-heading{max-width:none;margin:0;color:#05072c;background:none;-webkit-text-fill-color:currentColor;font-size:clamp(28px,3.8vw,64px);font-weight:800;line-height:1.08;letter-spacing:-.055em}
#readiness .ars-copy{max-width:none;margin:1.8vw 0 0;color:#11153b;font-size:clamp(15px,1.68vw,28px);line-height:1.36;letter-spacing:-.035em}
#readiness .ars-button{display:inline-flex;align-items:center;gap:1.6vw;min-height:0;margin:2.25vw 0 0;padding:1.25vw 2.4vw;color:#fff;border:1px solid transparent;border-radius:10px;background:linear-gradient(105deg,#001d30,#050826) padding-box,linear-gradient(110deg,#071b32 40%,#a322ff 75%,#00e2fc) border-box;box-shadow:8px 7px 23px #637dff30;font-size:clamp(13px,1.4vw,24px);font-weight:600;white-space:nowrap}
#readiness .ars-button span{font-size:1.6em;line-height:1;text-shadow:0 0 10px #677fff}
#readiness .s2-intentions{display:flex;align-items:center;gap:1.1vw;margin:2.7vw 0 0;font-size:clamp(9px,.82vw,14px);text-transform:uppercase;letter-spacing:.3em;color:#2357ff}
#readiness .s2-intentions::before{content:"";display:block;width:5vw;height:2px;background:linear-gradient(90deg,#803cff,#00ddff)}
#readiness .ars-readiness-visual{display:block;position:relative;min-height:0;padding:0;border:0;background:none}
#readiness .s2-diagram{position:relative;aspect-ratio:860/450;isolation:isolate;border-left:1px solid #c8e9fc}
#readiness .s2-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
#readiness .s2-foundations{position:absolute;left:2.5%;top:1.5%;width:28%;height:99%;display:flex;flex-direction:column;justify-content:space-between;list-style:none;margin:0;padding:0}
#readiness .s2-foundations li{position:relative;display:flex;align-items:center;gap:6%;height:18%;padding:4% 6%;color:#030939;background:linear-gradient(145deg,#ffffffec,#edf3ffdc 65%,#e2dfffdb);border:1px solid #fff;border-left-color:#8aabff;border-radius:13px;box-shadow:0 10px 19px #266ad635,inset 0 -2px 3px #b0c9ff;transform:rotate(4deg);font-size:clamp(11px,1.3vw,22px);font-weight:650;line-height:1.16;letter-spacing:-.04em}
#readiness .s2-foundations li:nth-child(2){transform:rotate(2deg)}#readiness .s2-foundations li:nth-child(3){transform:none}#readiness .s2-foundations li:nth-child(4){transform:rotate(-2deg)}#readiness .s2-foundations li:nth-child(5){transform:rotate(-5deg)}
#readiness .s2-foundation-icon{display:block;flex:0 0 24%;color:#0656ff;filter:drop-shadow(0 0 5px #21dfff45)}
#readiness .s2-foundation-icon svg{width:100%;fill:none;stroke:currentColor;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}
#readiness .s2-foundations i{position:absolute;right:-5px;top:48%;width:11px;height:11px;border:2px solid #00e5ff;border-radius:50%;background:white;box-shadow:0 0 15px #00dcff}
#readiness .s2-foundations li:last-child i{border-color:#cf8aff;box-shadow:0 0 15px #bc51ff}
#readiness .s2-gap-label{position:absolute;left:45%;width:19%;margin:0;text-align:center;color:#566bbb;text-transform:uppercase;font-size:clamp(8px,.82vw,14px);letter-spacing:.22em;line-height:1.55;font-weight:600}
#readiness .s2-gap-label--top{top:19%}#readiness .s2-gap-label--top::after{content:"↓";display:block;height:4.1vw;width:1px;border-left:1px dashed #9bafed;margin:5px auto 0;padding-top:2.7vw;font-size:12px;line-height:1}
#readiness .s2-gap-label--bottom{top:84%}#readiness .s2-gap-label--bottom::before{content:"";display:block;height:2.3vw;border-left:1px dashed #9bafed;width:1px;margin:0 auto 6px}
#readiness .s2-necessary{position:absolute;z-index:4;right:3.5%;top:0;width:35%;margin:0;padding:2.3% 3.7%;border-radius:16px;background:linear-gradient(110deg,#e0f5ff,#eacafa);color:#07124b;font-size:clamp(14px,1.8vw,30px);line-height:1.18;letter-spacing:-.03em}
#readiness .s2-necessary strong{display:block;font-size:1.18em;font-weight:750}
#readiness .s2-necessary::before{content:"";position:absolute;top:100%;left:47%;border:1.4vw solid transparent;border-top-color:#e1d7fd;border-bottom:0}
#readiness .s2-necessary::after{content:"";display:block;width:45%;height:3px;background:linear-gradient(90deg,#7c21fb,#04d6ef);margin-top:8px}
#readiness .s2-readiness-orb{position:absolute;right:3%;top:36%;width:27%;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 30% 20%,#03144f,#030624 65%,#20074b);border:3px solid #d4f7ff;box-shadow:-5px -2px 5px #05dfff,5px 3px 7px #c239ff,inset -5px -1px 12px #a131ff8f,inset 5px 4px 14px #02a2ff7f,0 0 32px #8f85ff80;color:white}
#readiness .s2-readiness-orb::before,#readiness .s2-readiness-orb::after{content:"";position:absolute;inset:-12%;border:1px dashed #9c8cff80;border-radius:50%;pointer-events:none}#readiness .s2-readiness-orb::after{inset:-20%;border-color:#4cc2ff80}
#readiness .s2-readiness-orb svg{width:70%;height:auto;filter:drop-shadow(0 0 5px #528dff)}
#readiness .s2-readiness-orb span{font-size:clamp(7px,.8vw,14px);text-transform:uppercase;letter-spacing:.28em;font-weight:650;margin-top:3%;color:#a2edff}
#readiness .ars-question-list{display:grid;width:63%;margin:2.1vw 0 0 37%;gap:.7vw;padding:0;list-style:none}
#readiness .ars-question-list li{display:block;min-height:0;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:none;transform:none}#readiness .ars-question-list li::before{display:none}
#readiness .s2-question{display:flex;align-items:center;gap:1.5vw;width:100%;padding:0;text-align:left;color:#050937;background:transparent;border:0;border-radius:12px;font:inherit;font-size:clamp(12px,1.45vw,25px);font-weight:650;letter-spacing:-.035em;cursor:pointer}
#readiness .s2-question .ars-inline-icon{position:static;display:grid;place-items:center;flex:0 0 4.65vw;width:4.65vw;height:4.65vw;max-width:79px;max-height:79px;border-radius:50%;color:#0755fb;background:linear-gradient(135deg,#dcd3ff,#d4f2ff);transform:none;transition:transform .2s,box-shadow .2s}
#readiness .s2-question svg{width:61%;height:61%;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
#readiness .s2-question[aria-pressed=true]{background:#edf2ff;cursor:pointer}

#readiness .s2-waves{position:absolute;z-index:0;bottom:-4vw;left:0;width:100%;height:24vw;pointer-events:none}
@media(min-width:1700px){#readiness.ars-section{padding-top:84px;padding-bottom:67px}#readiness .ars-readiness-content{padding-top:62px}}
@media(max-width:700px){#readiness.ars-section{padding:35px 0}#readiness>.ars-container{width:91%}#readiness>.ars-container.ars-split{grid-template-columns:1fr;gap:30px}#readiness .ars-readiness-content{padding:0}#readiness .ars-eyebrow{font-size:12px;gap:13px;margin-bottom:15px}#readiness .ars-eyebrow::before{flex-basis:32px}#readiness .ars-heading{font-size:clamp(30px,7.5vw,49px)}#readiness .ars-copy{font-size:17px;line-height:1.5;margin-top:18px}#readiness .ars-button{font-size:14px;padding:15px 17px;gap:15px;margin-top:22px;white-space:normal}#readiness .s2-intentions{font-size:9px;margin-top:23px;gap:14px}#readiness .s2-intentions::before{width:35px}#readiness .s2-diagram{margin-top:10px;aspect-ratio:860/480}#readiness .s2-foundations li{font-size:clamp(9px,2.3vw,16px);border-radius:7px}#readiness .s2-foundations i{width:7px;height:7px;right:-3px;border-width:1px}#readiness .s2-necessary{font-size:clamp(12px,3vw,20px);border-radius:9px}#readiness .s2-gap-label{font-size:clamp(6px,1.5vw,10px)}#readiness .s2-gap-label--top::after{height:8vw;padding-top:5vw}#readiness .s2-gap-label--bottom::before{height:3vw}#readiness .s2-readiness-orb span{font-size:clamp(5px,1.4vw,9px)}#readiness .ars-question-list{width:100%;margin:25px 0 0;gap:13px}#readiness .s2-question{font-size:16px;gap:18px}#readiness .s2-question .ars-inline-icon{flex-basis:51px;width:51px;height:51px}#readiness .s2-waves{height:150px;bottom:-20px}}
@media(prefers-reduced-motion:reduce){#readiness .s2-question .ars-inline-icon{transition:none}}
/* Reference-measured fidelity correction: aligned frosted panels and solid icons. */
#readiness.ars-section{background:radial-gradient(ellipse at 61% 30%,#cfe9ff70 0,transparent 30%),radial-gradient(ellipse at 90% 35%,#f1e0ff70,transparent 20%),linear-gradient(135deg,#fff,#fcfdff)}
#readiness .s2-diagram{aspect-ratio:900/470}
#readiness .s2-foundations{inset:0;width:100%;height:100%;display:block}
#readiness .s2-foundations li{--s2-skew:6deg;position:absolute;left:2.78%;top:.85%;width:26.78%;height:17.02%;display:flex;gap:5.8%;padding:0 2.15%;border-radius:13px;background:linear-gradient(145deg,#ffffffed 0%,#f4f8ffed 43%,#e7ebffdf 100%);border:1.2px solid #fff;border-left-color:#92aaff;box-shadow:0 2px 3px #678aff35,0 12px 24px #4a7dda38,inset 0 -2px 4px #c3d4ff70;transform:skewY(var(--s2-skew));transform-origin:left center;font-size:clamp(10px,1.32vw,22px);letter-spacing:-.04em;font-weight:650;line-height:1.12}
#readiness .s2-foundations li:nth-child(2){--s2-skew:4.5deg;top:20.85%;transform:skewY(var(--s2-skew))}
#readiness .s2-foundations li:nth-child(3){--s2-skew:1deg;top:40.85%;width:28.22%;transform:skewY(var(--s2-skew))}
#readiness .s2-foundations li:nth-child(4){--s2-skew:-2.3deg;top:60.64%;width:28.22%;height:17.45%;transform:skewY(var(--s2-skew))}
#readiness .s2-foundations li:nth-child(5){--s2-skew:-6deg;top:81.06%;width:27.45%;height:17.66%;transform:skewY(var(--s2-skew))}
#readiness .s2-foundations li>span{transform:skewY(calc(var(--s2-skew)*-.6))}
#readiness .s2-foundation-icon{flex:0 0 23%;filter:drop-shadow(0 3px 4px #377bff22)}
#readiness .s2-foundation-icon svg{display:block;stroke:none;width:100%;height:auto}
#readiness .s2-foundations i{top:50%;transform:translateY(-50%) skewY(calc(var(--s2-skew)*-1));border-width:1.5px;width:11px;height:11px;box-shadow:0 0 6px #05eaff,0 0 15px #20dfff90}
#readiness .s2-gap-label{left:46%;width:16%;color:#526cc0;font-weight:550}
#readiness .s2-gap-label--top{top:18.5%}
#readiness .s2-gap-label--bottom{top:79.5%}
#readiness .s2-gap-label--top::after,#readiness .s2-gap-label--bottom::before{display:none}
#readiness .s2-readiness-orb{right:1.6%;top:34%;width:25.35%;background:radial-gradient(ellipse at 30% 12%,#092864 0%,#02092f 47%,#050521 75%,#280a59 100%);border:2px solid #fff;box-shadow:-3px 0 3px #00d5ff,3px 1px 4px #b754ff,0 0 0 5px #adb3ff55,inset 5px 3px 14px #0369e988,inset -4px -3px 12px #a648ffb0,0 0 30px #9878ff66}
#readiness .s2-readiness-orb::before{inset:-7%;border:1px solid #bda5ff70}
#readiness .s2-readiness-orb::after{inset:-20%;border:1px dashed #91b9ff;outline:1px dotted #af9dff77;outline-offset:-9px}
#readiness .s2-readiness-orb svg{width:70%;filter:drop-shadow(0 0 4px #218eff60)}
#readiness .s2-readiness-orb span{color:#d8e7ff;letter-spacing:.3em}
#readiness .s2-necessary{right:1.6%;width:33.78%;padding:2.3% 3.7%;background:linear-gradient(115deg,#e3f5ff,#dedfff 58%,#ebd2fb);border-radius:16px}
#readiness .s2-question .ars-inline-icon{background:linear-gradient(130deg,#ddd3ff,#d4edff 85%);box-shadow:inset 0 1px 2px #ffffff55}
#readiness .s2-question svg{width:56%;height:56%;stroke:none;fill:none;filter:drop-shadow(0 2px 2px #3186ff15)}
@media(max-width:700px){#readiness .s2-foundations li{font-size:clamp(9px,2.3vw,16px);border-radius:7px}#readiness .s2-foundations i{width:7px;height:7px;right:-3px}#readiness .s2-necessary{border-radius:9px}#readiness .s2-readiness-orb{border-width:1px}}
/* Align the whole composition to the supplied 1672 x 941 reference. */
@media(min-width:701px){
 #readiness.ars-section{padding-top:clamp(35px,5.02vw,84px);padding-bottom:clamp(35px,4.3vw,72px);min-height:min(56.28vw,941px)}
 #readiness>.ars-container{width:min(92.94%,1554px);max-width:1554px}
 #readiness>.ars-container.ars-split{grid-template-columns:minmax(0,42.85%) minmax(0,57.15%)}
 #readiness .ars-readiness-content{padding-top:clamp(28px,3.62vw,62px);padding-right:clamp(12px,1.1vw,18px)}
 #readiness .ars-heading{font-size:clamp(30px,3.83vw,64px);line-height:1.07;letter-spacing:-.055em}
 #readiness .ars-copy{font-size:clamp(15px,1.675vw,28px);line-height:1.36;margin-top:1.82vw}
 #readiness .ars-question-list{width:60.8%;margin:1.12vw 0 0 40.1%;gap:.34vw}
 #readiness .s2-question{gap:1.61vw;min-height:4.68vw;font-size:clamp(13px,1.46vw,25px)}
 #readiness .s2-question .ars-inline-icon{flex-basis:clamp(44px,4.66vw,79px);width:clamp(44px,4.66vw,79px);height:clamp(44px,4.66vw,79px);max-width:79px;max-height:79px}
 #readiness .s2-necessary{font-size:clamp(14px,1.8vw,30px)}
 #readiness .s2-gap-label{font-size:clamp(8px,.81vw,14px)}
 #readiness .s2-foundations li{font-size:clamp(10px,1.3vw,22px)}
 #readiness .s2-readiness-orb span{font-size:clamp(7px,.8vw,14px)}
}
#readiness .ars-eyebrow{background:linear-gradient(90deg,#0476ff 16%,#1944ff 28%,#8c00ec 50%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#readiness .s2-readiness-orb span{background:linear-gradient(90deg,#00e7ff 0 35%,#b8c4ff 60%,#fff);background-clip:text;-webkit-background-clip:text;color:transparent}
#readiness .s2-readiness-orb svg{filter:drop-shadow(0 0 5px #009dff70)}
#readiness .s2-foundations li::after{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 1px white;background:linear-gradient(135deg,transparent 65%,#c8ccff20)}
/* Display only the three original icon discs through CSS image viewports.
   The approved source stays unmodified. All question copy remains live HTML. */
#readiness .s2-question .ars-inline-icon {
  background-image:url("/assets/s2-approved-icon-source.webp");
  background-repeat:no-repeat;
  background-size:2090% 1176.25%;
  background-color:transparent;
  box-shadow:none;
  overflow:hidden;
  border-radius:50%;
  padding:0;
}
#readiness [data-question-icon="people"] .ars-inline-icon{background-position:67.96482412060301% 61.20789779326364%}
#readiness [data-question-icon="practice"] .ars-inline-icon{background-position:67.96482412060301% 70.96399535423926%}
#readiness [data-question-icon="impact"] .ars-inline-icon{background-position:67.96482412060301% 80.8362369337979%}

#readiness .ars-button::after { content:none; }

/* The foundation caption labels the complete policy stack from above. */
#readiness .s2-diagram { margin-top: 4.5rem; }
#readiness .s2-gap-label--top {
  top: -4.5rem;
  left: 16.17%;
  width: max(26.78%, 5.5rem);
  letter-spacing: .08em;
  transform: translateX(-50%);
  font-size: clamp(11px, .81vw, 14px);
}
#readiness .s2-foundation-pointer {
  display: block;
  width: 1rem;
  height: 1.25rem;
  margin: .25rem auto 0;
  overflow: visible;
}
@media (max-width: 700px) {
  #readiness .s2-diagram { margin-top: 4rem; }
  #readiness .s2-gap-label--top { top: -4rem; }
}

/* Let the three readiness questions span the diagram beneath it. */
#readiness .ars-question-list {
  background: rgba(255, 255, 255, .94);
  border-radius: 12px;
}
@media (min-width: 701px) {
  #readiness .ars-question-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    max-width: none;
    margin: clamp(16px, 1.2vw, 24px) 0 0;
    padding: 0;
    gap: clamp(6px, .85vw, 14px);
  }
  #readiness .s2-question {
    min-height: clamp(60px, 5vw, 84px);
    gap: clamp(7px, .72vw, 12px);
    font-size: clamp(14px, 1.05vw, 18px);
    line-height: 1.22;
  }
  #readiness .s2-question .ars-inline-icon {
    flex: 0 0 clamp(38px, 3.2vw, 55px);
    width: clamp(38px, 3.2vw, 55px);
    height: clamp(38px, 3.2vw, 55px);
  }
}
@media (min-width: 701px) and (max-width: 1040px) {
  #readiness .s2-question {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    min-height: 106px;
    gap: 8px;
    text-align: center;
  }
  #readiness .s2-question .ars-inline-icon {
    flex: 0 0 auto;
    width: clamp(38px, 4.5vw, 47px);
    height: clamp(38px, 4.5vw, 47px);
  }
}
@media (max-width: 700px) {
  #readiness .ars-question-list {
    grid-template-columns: minmax(0, 1fr);
    max-width: none;
  }
}
