.sl-hero{padding:clamp(8rem,14vw,13rem) 0 5rem;background:radial-gradient(circle at 75% 25%,rgba(254,192,47,.15),transparent 24rem),linear-gradient(145deg,#06111d,#10251f 70%,#24331d);color:#f7fbfa}
.sl-hero h1{max-width:10ch;margin:1rem 0 1.4rem;font-size:clamp(4rem,8vw,8.5rem);line-height:.86;letter-spacing:-.075em}
.sl-hero p{max-width:48rem;color:rgba(247,251,250,.74);font-size:1.08rem;line-height:1.7}
.sl-section{padding:clamp(4.5rem,9vw,8rem) 0}
.sl-soft{background:#f1f3ef}
.sl-head{max-width:58rem}
.sl-head h2{font-size:clamp(2.8rem,6vw,6rem);line-height:.92;letter-spacing:-.06em}
.corridor{margin-top:2.2rem;padding:1.6rem 1.8rem;border:1px solid rgba(6,17,29,.13);border-radius:1.2rem;background:#fff;font-size:clamp(1.2rem,3vw,2rem);font-weight:700;letter-spacing:-.03em}
.layer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2.5rem}
.layer{padding:1.8rem;border-radius:1.2rem;background:#fff;border:1px solid rgba(6,17,29,.12)}
.layer small{color:#347486;font-weight:700}.layer h3{font-size:1.5rem;letter-spacing:-.03em}.layer p{color:#526168;line-height:1.6}
.node{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,7vw,7rem);align-items:start}
.node-card{padding:2rem;border-radius:1.4rem;background:#07131f;color:#f7fbfa}
.node-card p{color:rgba(247,251,250,.7);line-height:1.65}
.evidence{display:grid;gap:.8rem;margin-top:2rem}
.evidence div{display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(6,17,29,.13)}
.evidence b{color:#347486}
.note{margin-top:2rem;padding:1.2rem 1.4rem;background:#e9f0ed;border-left:4px solid #347486;line-height:1.6}
@media(max-width:860px){.layer-grid{grid-template-columns:1fr 1fr}.node{grid-template-columns:1fr}}
@media(max-width:620px){.layer-grid{grid-template-columns:1fr}.sl-hero h1{font-size:clamp(3.4rem,16vw,5.8rem)}}