/* The shield is the user's original artwork, displayed without redrawing it. */
#securite{--hl-text:#f2f9fc;--hl-muted:#bdd3e0;--hl-teal:#64e7e3;color-scheme:dark;font-family:var(--font);color:var(--hl-text);background:radial-gradient(ellipse at 75% 50%,#0b3b55,#08283e 70%);padding-block:clamp(56px,7vw,96px);border-top:1px solid #245069;overflow:clip;isolation:isolate}
#securite *{box-sizing:border-box}
#securite [hidden]{display:none!important}
#securite .hl-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:clamp(18px,3vw,48px);align-items:center}
#securite .hl-copy{max-width:450px;padding-bottom:15px}
#securite .hl-eyebrow{font-size:12px;letter-spacing:2px;color:var(--hl-teal);font-weight:650;margin-bottom:20px;line-height:1.7}
#securite h2{font-size:clamp(36px,4.4vw,56px);line-height:1.12;letter-spacing:-1.5px;font-weight:750;margin:0 0 22px;color:var(--hl-text)}
#securite h2 span{color:var(--hl-teal)}
#securite p{font-size:17px;line-height:1.65;color:var(--hl-muted);margin:0 0 28px;max-width:29em}
#securite .hl-option{background:#10354b;border:1px solid #2d5e72;border-radius:13px;padding:17px;margin-bottom:20px}
#securite .hl-option-caption{display:block;font-size:11px;letter-spacing:1px;color:#8eb7c8;margin-bottom:13px;line-height:1.6}
#securite .hl-option-label{display:flex;align-items:center;gap:12px;justify-content:space-between;min-height:48px;cursor:pointer}
#securite .hl-option-label strong{display:block;font-size:16px;line-height:1.45;font-weight:650}
#securite .hl-option-label small{display:block;font-size:13px;line-height:1.5;color:var(--hl-muted);margin-top:4px}
#securite input[type=checkbox]{appearance:none;-webkit-appearance:none;width:42px;height:24px;flex:0 0 42px;border:1px solid #6d98a9;border-radius:20px;background:#294a5b;position:relative;margin:0;transition:background .2s;cursor:pointer}
#securite input[type=checkbox]::before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#d4e5ed;transition:transform .2s}
#securite input[type=checkbox]:checked{background:#63ddd8;border-color:#63ddd8}
#securite input[type=checkbox]:checked::before{transform:translateX(18px);background:#082b3f}
#securite #hl-facility-detail{font-size:13px;color:var(--hl-muted);line-height:1.65;border-top:1px solid #285268;margin-top:14px;padding-top:12px}
#securite .hl-pause{font:inherit;font-size:14px;color:var(--hl-text);background:#153f56;border:1px solid #376378;border-radius:8px;padding:11px 14px;min-height:44px;cursor:pointer}
#securite .hl-pause:hover{background:#1b4c63}
#securite .hl-state{display:block;font-size:12px;line-height:1.6;margin-top:12px;color:#9dbdcc}
#securite .hl-diagram{width:100%;aspect-ratio:700/755;position:relative;min-width:0;max-width:700px;justify-self:center;isolation:isolate}
#securite .hl-network{display:block;width:100%;height:100%;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 2%,#000 95%,transparent);mask-composite:intersect}
#securite .hl-facility{position:absolute;left:68.6%;top:62.1%;transform:translate(-50%,-50%);width:20%;padding:9px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #b8fff6;border-radius:12px;background:linear-gradient(140deg,#3b9bb0,#0c3550 45%,#07283e);box-shadow:inset 2px 2px 2px #b8ffff66,inset -2px -2px 3px #031e35,3px 4px 0 #1b647c,8px 12px 15px #001424a6;color:#fff;text-align:center}
#securite .hl-facility svg{width:25px;height:25px;color:#8cfff5;stroke-width:1.6}
#securite .hl-facility strong{font-size:clamp(10px,1.1vw,14px);font-weight:600;line-height:1.3}
#securite .hl-facility span{font-size:8px;letter-spacing:1px;color:#9ae6e3}
#securite .hl-footer{padding:24px 0 0;color:#8fb3c4;text-align:center;font-size:12px;line-height:1.6}
#securite .hl-footer a{display:inline-block;margin-left:6px;color:#c4e8ed}
@media(max-width:980px){#securite .hl-layout{grid-template-columns:1fr;gap:26px}#securite .hl-copy{max-width:none;display:grid;grid-template-columns:1fr 1fr;column-gap:28px}#securite .hl-eyebrow{grid-column:1/-1}#securite h2{grid-row:2/4;font-size:44px}#securite p{grid-column:2;margin-bottom:18px;font-size:15px}#securite .hl-option{grid-column:2;margin-bottom:0}#securite .hl-pause{grid-column:1;justify-self:start;align-self:start;margin-top:20px}#securite .hl-state{grid-column:2;margin-top:20px}#securite .hl-diagram{max-width:630px}}
@media(max-width:560px){#securite .hl-copy{display:block}#securite h2{font-size:40px;margin-bottom:20px}#securite p{font-size:16px}#securite .hl-option{margin-top:20px}#securite .hl-facility{padding:6px 2px;gap:3px;border-radius:8px}#securite .hl-facility svg{width:18px;height:18px}#securite .hl-facility strong{font-size:9px}#securite .hl-facility span{font-size:7px;letter-spacing:.5px}}
@media(prefers-reduced-motion:reduce){#securite input[type=checkbox],#securite input[type=checkbox]::before{transition:none}}
@media print{#securite .hl-pause,#securite input{display:none}#securite{break-inside:avoid}}