/* ---- Page Cybersécurité : mise en scène (classes cy-) ---- */
.cy-first{padding-top:40px}
.cy-intro{margin-bottom:40px}
.cy-four{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cy-k{padding:26px 24px;border-radius:22px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}
.cy-k::before{content:"";position:absolute;left:24px;right:24px;top:0;height:2px;border-radius:2px;background:var(--c);box-shadow:0 0 14px var(--c)}
.cy-kn{font-family:var(--f-mono);font-size:12px;color:color-mix(in srgb,var(--c) var(--tint-mix),var(--tint))}
.cy-k h3{font-size:19px;letter-spacing:-.025em;line-height:1.25}
.cy-k p{font-size:14.5px;color:var(--ink-2);line-height:1.6}
.sp-grid{margin-bottom:44px;align-items:end}
.sp-grid .h2s-title{font-size:clamp(34px,calc(3.8 * 1vw / var(--z,1)),56px)}
.cy-mk{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:14px}
.cy-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cy-cards.c2{grid-template-columns:repeat(2,1fr)}
.cy-tile{padding:26px;border-radius:22px;display:flex;flex-direction:column;gap:10px}
.cy-tile .cy-ck{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--c) var(--tint-mix),var(--tint))}
.cy-tile h3{font-size:21px;letter-spacing:-.03em;line-height:1.2}
.cy-tile p,.cy-tile li{font-size:14.5px;color:var(--ink-2);line-height:1.6}
.cy-tile ul{list-style:none;display:flex;flex-direction:column;gap:7px;margin-top:2px}
.cy-tile li{display:flex;gap:10px}
.cy-tile li::before{content:"";width:5px;height:5px;border-radius:1px;margin-top:9px;flex-shrink:0;background:var(--c);box-shadow:0 0 8px 1px var(--c)}
.cy-tile b{color:var(--ink);font-weight:600}
.cy-path{display:flex;align-items:center;flex-wrap:wrap;row-gap:10px;margin-top:6px}
.cy-path span{font-family:var(--f-mono);font-size:12px;padding:8px 12px;border-radius:9px;background:var(--glass-in);border:1px solid var(--glass-line);white-space:nowrap;color:var(--ink-2)}
.cy-path i{width:26px;height:1px;background:linear-gradient(90deg,var(--lav),var(--mint))}
.cy-steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cy-steps li{padding:26px 24px;border-radius:22px;display:flex;flex-direction:column;gap:10px}
.cy-steps li::before{content:"";width:12px;height:12px;border-radius:50%;border:2px solid var(--c);background:var(--bg);box-shadow:0 0 14px var(--c);margin-bottom:6px}
.cy-w{font-family:var(--f-mono);font-size:11.5px;color:var(--ink-3);letter-spacing:.04em}
.cy-steps h3{font-size:20px;letter-spacing:-.03em}
.cy-steps p{font-size:14.5px;color:var(--ink-2);line-height:1.6}
.cy-quote{margin-top:28px;padding:44px 48px;border-radius:28px}
.cy-who{display:flex;gap:16px;align-items:center;margin-top:22px}
.cy-av{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:18px;color:#1b2007;background:radial-gradient(circle at 30% 25%,#fff 0%,var(--lime) 55%,color-mix(in srgb,var(--lime) 60%,#000) 100%);box-shadow:0 0 24px -4px var(--lime);flex-shrink:0}
.cy-who b{display:block;font-size:15px}
.cy-who small{display:block;font-size:13px;color:var(--ink-3)}
.cy-qs{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.cy-q{padding:24px 26px;border-radius:22px}
.cy-q h3{font-size:19px;letter-spacing:-.025em;margin-bottom:12px}
.cy-q ol{list-style:none;counter-reset:q;display:flex;flex-direction:column;gap:10px}
.cy-q li{counter-increment:q;display:grid;grid-template-columns:30px 1fr;font-size:14.5px;color:var(--ink-2);line-height:1.55}
.cy-q li::before{content:counter(q,decimal-leading-zero);font-family:var(--f-mono);font-size:12px;color:color-mix(in srgb,var(--c) var(--tint-mix),var(--tint));padding-top:2px}
.cy-q li b{color:var(--ink);font-weight:600}
.cy-fab{margin-top:28px;padding:40px 44px;border-radius:28px;display:grid;grid-template-columns:1.2fr auto;gap:30px;align-items:center}
.cy-fab-a{display:flex;flex-direction:column;gap:10px}
.cy-h3{font-size:clamp(26px,calc(2.6 * 1vw / var(--z,1)),36px);letter-spacing:-.04em;line-height:1.08;margin-bottom:14px}
.cy-h3 span{display:block;color:var(--ink-3)}
.cy-links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
.cy-links a{padding:22px 24px;border-radius:20px;display:flex;flex-direction:column;gap:6px;transition:transform .35s var(--ease)}
.cy-links a:hover{transform:translateY(-3px)}
.cy-links small{font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.cy-links b{font-size:17px;letter-spacing:-.02em;color:var(--ink)}
.cy-links span{font-size:14px;color:var(--ink-2)}
.cy-faq .fq-list{min-width:0}
.cy-faq{overflow-x:clip}
.deep{margin-top:22px}
/* Labo : check-up sécurité */
.cy-lab{padding:32px;border-radius:24px}
.cy-lab h3{font-size:24px;letter-spacing:-.03em;margin-bottom:6px}
.cy-lab > p{font-size:15px;color:var(--ink-2)}
.cy-lab-in{display:grid;grid-template-columns:1.25fr 1fr;gap:26px;margin-top:22px;align-items:start}
.cy-qlist{list-style:none;display:flex;flex-direction:column;gap:8px;counter-reset:c}
.cy-qlist li{counter-increment:c;padding:13px 14px;border-radius:14px;background:var(--glass-in);border:1px solid var(--glass-line);display:grid;grid-template-columns:26px 1fr;gap:4px 10px;align-items:start;transition:border-color .3s}
.cy-qlist li::before{content:counter(c,decimal-leading-zero);font-family:var(--f-mono);font-size:11.5px;color:var(--ink-3);padding-top:3px}
.cy-qlist li.done{border-color:var(--glass-border)}
.cy-qt{font-size:14.5px;color:var(--ink);line-height:1.45}
.cy-qt small{display:block;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:3px}
.cy-ans{grid-column:2;display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.cy-ans button{font-size:13px;padding:6px 12px;border-radius:999px;background:transparent;border:1px solid var(--glass-border);color:var(--ink-2);transition:all .2s}
.cy-ans button:hover{color:var(--ink)}
.cy-ans button[aria-pressed="true"][data-v="2"]{background:color-mix(in srgb,var(--mint) 18%,transparent);border-color:color-mix(in srgb,var(--mint) 60%,transparent);color:var(--ink)}
.cy-ans button[aria-pressed="true"][data-v="0"]{background:color-mix(in srgb,var(--peach) 18%,transparent);border-color:color-mix(in srgb,var(--peach) 60%,transparent);color:var(--ink)}
.cy-ans button[aria-pressed="true"][data-v="1"]{background:color-mix(in srgb,var(--butter) 18%,transparent);border-color:color-mix(in srgb,var(--butter) 60%,transparent);color:var(--ink)}
.cy-res{position:sticky;top:96px;padding:24px;border-radius:20px;display:flex;flex-direction:column;gap:16px}
.cy-score{display:flex;align-items:baseline;gap:10px}
.cy-score b{font-size:48px;font-weight:600;letter-spacing:-.05em;line-height:1}
.cy-score span{font-size:14px;color:var(--ink-3)}
.cy-lvl{font-size:15px;color:var(--ink);font-weight:500}
.cy-axes{display:flex;flex-direction:column;gap:10px}
.cy-ax{display:grid;grid-template-columns:110px 1fr 40px;gap:10px;align-items:center;font-size:13.5px;color:var(--ink-2)}
.cy-ax i{height:7px;border-radius:7px;background:var(--glass-2);overflow:hidden;position:relative}
.cy-ax i u{position:absolute;inset:0;width:0;border-radius:7px;background:linear-gradient(90deg,var(--c),color-mix(in srgb,var(--c) 70%,#fff));transition:width .8s var(--ease)}
.cy-ax em{font-style:normal;font-family:var(--f-mono);font-size:12px;text-align:right;color:var(--ink)}
.cy-acts{display:flex;flex-direction:column;gap:8px}
.cy-acts p.k{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.cy-acts ol{list-style:none;counter-reset:a;display:flex;flex-direction:column;gap:8px}
.cy-acts li{counter-increment:a;display:grid;grid-template-columns:24px 1fr;font-size:14px;color:var(--ink-2);line-height:1.5}
.cy-acts li::before{content:counter(a);font-family:var(--f-mono);font-size:12px;color:var(--ink);width:20px;height:20px;border-radius:6px;display:grid;place-items:center;background:var(--glass-2)}
.cy-acts li b{color:var(--ink);font-weight:600}
.cy-empty{font-size:14px;color:var(--ink-3)}
.cy-foot{display:flex;gap:10px;flex-wrap:wrap}
.cy-note{font-size:12.5px;color:var(--ink-3);line-height:1.5}
@media (max-width:1000px){.cy-four,.cy-steps{grid-template-columns:repeat(2,1fr)}.cy-cards{grid-template-columns:1fr 1fr}.cy-lab-in{grid-template-columns:1fr}.cy-res{position:static}}
@media (max-width:760px){.cy-four,.cy-steps,.cy-cards,.cy-cards.c2,.cy-qs,.cy-links,.cy-fab{grid-template-columns:1fr}.cy-quote{padding:30px 24px}.cy-fab{padding:28px 22px}.cy-lab{padding:22px 16px}.cy-ax{grid-template-columns:92px 1fr 36px}}