.resilience-slide{margin:0;min-height:100svh;background:radial-gradient(ellipse at 34% 52%,#17547c 0,#0c385d 47%,#072b4a 90%);color:#edf8ff}.resilience-slide [hidden]{display:none!important}.resilience-shell{max-width:1600px;min-height:100svh;margin:auto;padding:0 clamp(22px,3.5vw,58px);display:flex;flex-direction:column}.resilience-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid #9dd9fa24}.resilience-header .brand{font-size:28px}.resilience-chapter{font-size:11px;letter-spacing:1.5px;color:#a6cfe8}.resilience-number{display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:1.2px;color:#a6cfe8}.resilience-number b{font-size:20px;font-weight:500;color:#def2ff}.resilience-shell main{flex:1;display:flex;flex-direction:column;justify-content:center;padding:20px 0 10px}.resilience-heading .eyebrow{margin:0 0 9px}.resilience-heading h1{font-family:'Manrope',sans-serif;font-size:clamp(32px,3.4vw,48px);font-weight:500;letter-spacing:-1.5px;line-height:1.15;margin:0}.resilience-heading h1 em{color:#a6e4ff;font-style:normal}.resilience-workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:clamp(35px,5vw,85px);align-items:center;margin:22px 0}.resilience-stage{position:relative;padding:0 18px;text-align:center}.infrastructure{display:flex;align-items:center;gap:13px;position:relative;max-width:370px;margin:0 auto;padding:12px 20px;text-align:left;border:1px solid #8bc9ee60;border-radius:14px;background:#0b304eb3;transition:background .5s,border-color .5s,color .5s}.infrastructure>svg{width:34px;height:34px;flex-shrink:0;color:#9cd7f7}.infrastructure strong{font-size:15px;font-weight:500;display:block;line-height:1.3}.infrastructure div>span{font-size:12px;color:#a7cfe6;display:block;margin-top:3px}.infrastructure-lamp{height:8px;width:8px;flex:0 0 8px;margin-left:auto;border-radius:50%;background:#8cd1f9;box-shadow:0 0 12px #9cdfff55}.resilience-connections{height:46px;position:relative;margin:0 auto;width:100%}.resilience-connections svg{height:100%;width:100%;overflow:visible}.resilience-connections path{stroke:#85cdf397;stroke-width:1.4;fill:none;vector-effect:non-scaling-stroke;transition:stroke .45s,opacity .45s}.connection-break{position:absolute;top:2px;left:calc(50% - 12px);width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#422a3e;color:#ffc3bb;border:1px solid #eb998c;font-size:22px;line-height:1;opacity:0;scale:.6;transition:opacity .3s,scale .3s}.autonomous-devices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,4vw,52px);max-width:100%;margin:auto}.autonomous-device{width:100%;max-width:192px;justify-self:center;padding:0 9px;border:1px solid #83bfd996;border-radius:22px;background:linear-gradient(125deg,#2d5976,#102c43 45%,#1b4663);box-shadow:0 16px 24px #001e383f,0 0 26px #92d9ff0b;transition:box-shadow .55s,border-color .55s}.device-bezel{height:30px;display:flex;justify-content:center;align-items:center;gap:11px}.device-bezel>span{font-family:'Manrope',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;color:#cdeafb}.device-bezel i{width:4px;height:4px;border:1px solid #648ca2;border-radius:50%;background:#0b2437}.autonomous-screen{border-radius:8px;padding:12px 10px 10px;background:linear-gradient(155deg,#ecfaff,#d1eafb);color:#164f72;text-align:left}.device-screen-heading{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;font-weight:600}.device-status-light{width:7px;height:7px;border-radius:50%;background:#228b70;box-shadow:0 0 0 4px #26947815}.autonomous-screen h2{font-size:clamp(12px,1.15vw,16px);font-weight:600;line-height:1.2;margin:15px 0 11px;letter-spacing:-.3px}.device-check{display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.4;margin:7px 0;color:#376782}.device-check>span{font-size:12px;color:#1c8268}.device-progress{height:4px;border-radius:4px;background:#acd0e2;margin:15px 0 11px;overflow:hidden}.device-progress>span{height:100%;display:block;background:#259b80;width:74%;border-radius:4px}.autonomous-device:nth-child(2) .device-progress>span{width:89%}.autonomous-device:nth-child(3) .device-progress>span{width:62%}.device-ready{padding:6px 4px;border:1px solid #71b6a35c;background:#a4ddca4f;border-radius:6px;text-align:center;color:#1c705b;font-size:11px;font-weight:600}.device-foot{display:block;width:32px;height:3px;background:#7b9aae69;border-radius:3px;margin:9px auto}.autonomy-status{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:17px;color:#c1eedf}.autonomy-status>span{height:7px;width:7px;border-radius:50%;background:#92e0bc;box-shadow:0 0 12px #99ebc459}.autonomy-status p{margin:0;font-size:14px;line-height:1.4}.simulation-note{font-size:11px;color:#8fb7d1;margin:5px 0 0}.resilience-kicker{font-size:11px;letter-spacing:1.6px;color:#a4d7f5;margin:0 0 5px;line-height:1.5}.resilience-metric>strong{font-family:'Manrope',sans-serif;font-size:clamp(88px,9vw,138px);line-height:1;font-weight:500;letter-spacing:-7px;display:block;color:#d1f0ff;text-shadow:0 0 65px #8bd1ff24}.resilience-metric strong>span{font-size:.5em;vertical-align:top;line-height:1.3;margin-left:4px;font-weight:400;color:#8bd6fa}.resilience-metric>span{display:block;font-size:clamp(22px,2vw,29px);color:#d4efff;letter-spacing:-.6px;margin:5px 0 16px}.resilience-copy{font-size:17px;line-height:1.5;color:#badbec;max-width:360px;margin:0 0 20px}.outage-button{display:flex;align-items:center;justify-content:center;gap:11px;border:1px solid #c7edff;border-radius:11px;background:linear-gradient(120deg,#d4f3ff,#a7daf8);color:#104467;padding:13px 18px;font-size:15px;font-weight:600;box-shadow:0 7px 24px #041e323d;transition:background .2s,box-shadow .2s}.outage-button:hover{background:#e4f8ff;box-shadow:0 0 22px #a2deff38}.outage-button svg{width:19px;height:19px}.simulation-hint{font-size:12px;color:#98c1da;margin:9px 0 0;line-height:1.4}.resilience-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-top:1px solid #9bd4f230;padding-top:18px}.resilience-principles article{display:flex;gap:13px}.principle-number{font-size:12px;color:#8fcaed;border:1px solid #8ec9e84d;border-radius:50%;width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;margin-top:1px}.resilience-principles h2{font-size:17px;font-weight:500;margin:0 0 5px;color:#e5f6ff;line-height:1.3}.resilience-principles p{font-size:14px;color:#a9cde3;line-height:1.45;margin:0;max-width:325px}.resilience-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0}.resilience-footer>a{font-size:14px;color:#c2e5fa}.resilience-footer>span{font-size:10px;letter-spacing:1.5px;color:#89b3ce}.resilience-footer button{background:#144567;border:1px solid #8ac9ee44;border-radius:7px;padding:8px 11px;color:#cceafb;font-size:13px}.resilience-slide :focus-visible{outline:3px solid #b8e9ff;outline-offset:4px}.resilience-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.is-outage .infrastructure{background:#402c4069;border-color:#db9a8f99}.is-outage .infrastructure>svg{color:#efb3a9}.is-outage .infrastructure div>span{color:#f2bfb5}.is-outage .infrastructure-lamp{background:#f0a194;box-shadow:0 0 14px #e99d8c44}.is-outage .connection-trunk{stroke:transparent}.is-outage .connection-branches{stroke:#80b5d04d;stroke-dasharray:4 6}.is-outage .connection-break{opacity:1;scale:1}.is-outage .autonomous-device{border-color:#a2decbba;box-shadow:0 14px 30px #001e384f,0 0 25px #8ddfb21c}.is-outage .device-progress>span{animation:autonomous-working 2s ease-in-out 2 alternate}.is-outage .autonomous-device:nth-child(2) .device-progress>span{animation-delay:.25s}.is-outage .autonomous-device:nth-child(3) .device-progress>span{animation-delay:.5s}.is-outage .outage-button{background:#183f5a;border-color:#90b9d4;color:#d9edf8}.is-outage .outage-button:hover{background:#265575}
.resilience-principles h2{letter-spacing:-.3px}
@keyframes autonomous-working{from{opacity:.55;transform:scaleX(.65);transform-origin:left}to{opacity:1;transform:scaleX(1);transform-origin:left}}
@media(min-width:1000px) and (max-height:780px){.resilience-header{padding:12px 0}.resilience-shell main{padding:14px 0 6px}.resilience-heading h1{font-size:37px}.resilience-workspace{margin:16px 0;gap:45px}.resilience-metric>strong{font-size:104px}.resilience-metric>span{font-size:24px;margin-bottom:11px}.resilience-copy{font-size:16px;margin-bottom:14px}.resilience-principles{padding-top:13px}.resilience-principles p{font-size:13px}.resilience-footer{padding:11px 0}}
@media(max-width:1099px){.resilience-chapter{display:none}.resilience-workspace{gap:28px;grid-template-columns:minmax(0,1.4fr) minmax(265px,1fr)}.resilience-stage{padding:0}.autonomous-devices{gap:18px}.autonomous-device{padding:0 6px;border-radius:16px}.autonomous-screen{padding:10px 6px}.device-check{font-size:11px;gap:4px}.device-ready{font-size:10px}.resilience-principles{gap:15px}.resilience-principles article{gap:9px}}
@media(max-width:799px){.resilience-shell{padding:0 20px}.resilience-heading h1{font-size:34px}.resilience-workspace{grid-template-columns:1fr;gap:30px;margin:25px 0}.resilience-stage{max-width:650px;width:100%;margin:auto}.autonomous-screen h2{font-size:14px}.device-check{font-size:12px}.resilience-message{display:grid;grid-template-columns:1fr 1fr;column-gap:25px;align-items:start}.resilience-kicker{grid-column:1/-1}.resilience-metric{grid-column:1;grid-row:2/5}.resilience-metric>strong{font-size:95px}.resilience-metric>span{font-size:22px}.resilience-copy{grid-column:2;margin-top:6px;font-size:16px}.outage-button{grid-column:2;font-size:14px;padding:12px}.simulation-hint{grid-column:2}.resilience-principles{grid-template-columns:1fr;gap:18px}.resilience-principles p{max-width:none}.resilience-footer>span{display:none}}
@media(max-width:449px){.resilience-shell{padding:0 15px}.resilience-number{font-size:8px;gap:8px}.resilience-heading h1{font-size:29px}.resilience-heading .eyebrow{font-size:10px}.autonomous-devices{gap:9px}.autonomous-screen h2{font-size:11px}.device-check{font-size:10px;gap:3px}.device-screen-heading{font-size:8px}.device-ready{font-size:9px}.device-bezel>span{font-size:9px;letter-spacing:1px}.device-progress{margin:12px 0 9px}.autonomy-status p{font-size:12px}.resilience-message{display:block}.resilience-metric>strong{font-size:100px}.resilience-copy{margin:15px 0}.outage-button{width:100%}.resilience-principles h2{font-size:16px}}
@media(prefers-reduced-motion:reduce){.resilience-slide *{animation:none!important;transition:none!important}}