/* Page Scan 404 : complète /styles.css (mêmes couleurs, polices, boutons, .steps, .list, .note, .kind). */
body.s4{background:radial-gradient(circle at 75% 0,#0f1d2b 0,var(--night) 55%) fixed}
.s4-wrap{max-width:1080px;margin:0 auto;padding:0 24px}
.s4 h2{font-size:clamp(1.7rem,4.4vw,2.6rem);letter-spacing:-.01em;max-width:24ch;margin-bottom:16px}
.s4 .kind{margin:0 0 10px}
.s4 .btn{gap:8px}
.s4 code{font:500 .86em "JetBrains Mono",monospace;padding:1px 6px;border:1px solid var(--line);border-radius:6px;background:rgba(5,8,13,.6)}

.s4 .brand{top:12px;left:16px;min-height:48px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:rgba(5,8,13,.8);backdrop-filter:blur(8px)}
.s4-nav{position:fixed;top:12px;right:16px;z-index:10;display:flex;align-items:center;gap:4px;min-height:48px;padding:4px 4px 4px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(5,8,13,.8);backdrop-filter:blur(8px)}
.s4-nav a:not(.btn){padding:8px 10px;font:600 .74rem "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--muted);transition:color .2s}
.s4-nav a:not(.btn):hover{color:var(--text)}
.s4-nav .btn{min-height:38px;padding:8px 16px;font-size:.88rem}

.s4-hero{padding:120px 0 72px}
.s4-hero__in{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.s4-hero h1{font-size:clamp(2.3rem,6vw,4rem);letter-spacing:-.025em;margin-bottom:20px}
.s4-hl{color:var(--signal)}
.s4-facts{list-style:none;display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:24px;color:var(--muted);font-size:.92rem}
.s4-facts .mono{color:var(--text);font-weight:700;margin-right:4px}
.s4-scope{position:relative;width:100%;max-width:420px;aspect-ratio:1;justify-self:center}
.s4-scope .core{width:26%;font-size:clamp(1.2rem,3.4vw,1.9rem)}
.s4-ping{position:absolute;width:12px;height:12px;border-radius:50%;background:#ff6b6b;box-shadow:0 0 0 0 rgba(255,107,107,.6);animation:ping 2.4s ease-out infinite}
.p1{left:70%;top:22%}.p2{left:20%;top:62%;animation-delay:.8s}.p3{left:76%;top:72%;animation-delay:1.6s}
.s4-label{position:absolute;font:600 .66rem "JetBrains Mono",monospace;letter-spacing:.1em;color:#ffb3a0;padding:2px 8px;border:1px solid rgba(255,107,107,.45);border-radius:999px;background:rgba(5,8,13,.75)}
.l1{left:74%;top:13%}.l2{left:3%;top:68%}.l3{left:62%;top:79%}

.s4-sec{padding:80px 0}
.s4-alt{background:linear-gradient(180deg,rgba(15,29,43,.55),rgba(15,29,43,.2));border-block:1px solid var(--line)}
.s4-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.s4-pains{list-style:none;margin-top:28px}
.s4-pains li,.s4-rules>div{padding:20px;border:1px solid var(--line);border-radius:var(--r);background:rgba(5,8,13,.45)}
.s4-pains h3,.s4-rules h3{font-size:1.15rem;margin-bottom:6px}
.s4-pains p,.s4-rules p{color:#c9d3dc;font-size:.94rem}
.s4-code{display:inline-block;margin-bottom:12px;font:600 .7rem "JetBrains Mono",monospace;letter-spacing:.06em;color:var(--signal);padding:3px 8px;border:1px solid rgba(255,90,31,.4);border-radius:6px;background:rgba(255,90,31,.08)}
.s4-rules{margin-top:28px}

.s4-pioneer{display:inline-flex;flex-wrap:wrap;gap:4px 12px;align-items:center;margin:4px 0 28px;padding:10px 18px;border:1px solid rgba(255,90,31,.5);border-radius:16px;background:rgba(255,90,31,.1);font-size:.95rem}
.s4-pioneer .mono{color:var(--signal);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}
.s4-offers{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));align-items:stretch}
.s4-offer{position:relative;display:flex;flex-direction:column;gap:10px;padding:24px 20px;border:1px solid var(--line);border-radius:var(--r);background:rgba(5,8,13,.55)}
.s4-offer h3{font-size:1.25rem}
.s4-offer>p:not(.s4-price):not(.s4-time):not(.note):not(.s4-badge){color:#c9d3dc;font-size:.94rem}
.s4-offer .list{font-size:.92rem;color:#c9d3dc;gap:6px;flex:1;align-content:start}
.s4-offer .btn{align-self:stretch;margin-top:6px}
.s4-price{font:800 1.75rem "JetBrains Mono",monospace;line-height:1.1;white-space:nowrap}
.s4-time{color:var(--muted);font-size:.8rem}
.s4-featured{border-color:var(--signal);background:linear-gradient(180deg,rgba(255,90,31,.12),rgba(5,8,13,.6));box-shadow:0 0 0 1px rgba(255,90,31,.25),0 20px 60px -30px rgba(255,90,31,.6)}
.s4-badge{position:absolute;top:-12px;right:16px;padding:3px 10px;border-radius:999px;background:var(--signal);color:var(--night);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.s4-after{margin-top:20px}

.s4-proof{display:grid;grid-template-columns:1fr auto 1fr 1fr;gap:16px;align-items:center;margin:28px 0}
.s4-tile{padding:20px;border:1px solid var(--line);border-top:3px solid var(--muted);border-radius:var(--r);background:rgba(5,8,13,.5)}
.s4-tile .mono{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.s4-tile.bad{border-top-color:#ff6b6b}.s4-tile.bad .s4-num{color:#ff6b6b}
.s4-tile.good{border-top-color:#3ddc97}.s4-tile.good .s4-num{color:#3ddc97}
.s4-num{font:800 3rem "JetBrains Mono",monospace;line-height:1.1}
.s4-num small{font-size:1.2rem;margin-left:2px}
.s4-arrow{font:700 1.8rem "JetBrains Mono",monospace;color:var(--signal)}
.s4-fixes{margin-bottom:8px}

.s4-final{padding:96px 0;text-align:center;background:radial-gradient(circle at 50% 100%,rgba(255,90,31,.18),transparent 60%)}
.s4-final h2{margin:0 auto 12px}
.s4-final .lead{margin:0 auto 8px}
.s4-final .actions{justify-content:center}
.s4-final .mono{color:var(--signal)}
.s4-foot{padding:24px;text-align:center;font-size:.82rem;color:var(--muted);border-top:1px solid var(--line)}
.s4-foot a{color:var(--muted)}

@keyframes ping{0%{box-shadow:0 0 0 0 rgba(255,107,107,.6)}80%,100%{box-shadow:0 0 0 18px rgba(255,107,107,0)}}

@media (max-width:860px){
  .s4-hero__in{grid-template-columns:1fr}
  .s4-scope{max-width:230px;order:-1}
  .s4-nav a:not(.btn){display:none}
  .s4-proof{grid-template-columns:1fr 1fr}
  .s4-arrow{display:none}
}
@media (max-width:480px){.s4-hero{padding-top:88px}.s4-proof{grid-template-columns:1fr}}