/* S4 Bootcamp: dark, mono comments, terminal card, drawn timeline */
.s4{--br:8px;--cr:12px;--ir:8px;--lr:6px}
.s4 h1,.s4 h2,.s4 h3{font-weight:700;letter-spacing:-.03em}
.s4 .eyebrow,.s4 .cc-tag,.s4 .ev-t,.s4 .cc-m{font-family:var(--mf)}
.s4-hero{display:grid;grid-template-columns:1.2fr 1fr;grid-template-areas:"k k" "h t" "b t";gap:0 clamp(28px,5vw,72px);padding:clamp(48px,7vw,100px) 0}
.s4-k{grid-area:k;font:500 15px/1.4 var(--mf);color:var(--acct);margin:0 0 20px;min-height:1.4em}
.s4-k::before{content:"$ "}
.s4-hero h1{grid-area:h;font-size:clamp(40px,6vw,84px);line-height:1}
.s4-hb{grid-area:b}
.s4-act{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.s4-term{grid-area:t;align-self:center;border-radius:14px;border:1px solid var(--line);background:var(--surf);overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
.s4-tb{display:flex;align-items:center;gap:7px;padding:12px 14px;border-bottom:1px solid var(--line)}
.s4-tb i{width:11px;height:11px;border-radius:50%;background:#ff5f57}.s4-tb i:nth-child(2){background:#febc2e}.s4-tb i:nth-child(3){background:#28c840}
.s4-tb span{margin-left:8px;font:500 13px/1 var(--mf);color:var(--mute)}
.s4-term pre{margin:0;padding:18px 20px;font:500 14px/1.7 var(--mf);white-space:pre-wrap;color:var(--ink)}
.s4-term b{color:var(--acct)}
.s4-sec{padding:clamp(56px,8vw,110px) 0}
.s4 .sec-h{font-family:var(--mf);font-weight:600;font-size:clamp(26px,3.4vw,44px)}
.cc-term{background:var(--surf);border:1px solid var(--line)}
.cc-term:hover{border-color:var(--acc)}
.cc-term .cc-im img{filter:saturate(.8) contrast(1.05)}
.s4-tl{position:relative;padding-left:28px}
.s4-line{position:absolute;left:21px;top:22px;bottom:22px;width:2px;background:var(--acc)}
.steps-tl li{border:0;position:relative}
.steps-tl .st-n{position:relative;left:-28px;margin-right:-28px;box-shadow:0 0 0 6px var(--bg)}
.s4-alt{background:var(--surf)}
.stats-mono dd{font-family:var(--mf)}
.stats-mono div{border-top-color:var(--acc)}
.s4-two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px)}
.s4 .ctab{background:var(--acc);color:var(--on)}
.s4 .ctab .btn{background:var(--on);color:var(--acc)}
.s4 .ctab .tlink{color:var(--on)}
@media (max-width:900px){.s4-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"k" "h" "b" "t";gap:0}.s4-term{margin-top:32px}.s4-two{grid-template-columns:minmax(0,1fr)}}