.barrier-head{text-align:center;padding:2.5rem 0 1rem;background:#121820}
.barrier-head h1{font-size:clamp(1.35rem,3.2vw,1.85rem);font-weight:800;margin-bottom:.5rem;color:#fff}
.barrier-head p{font-size:.92rem;color:#8a9bb0}

.split-deck{padding:2rem 0 3rem}
.split-compare{display:grid;grid-template-columns:1fr 1fr;gap:0;border:2px solid #4a5568;overflow:hidden}
.panel-storm{background:#1a2332;padding:1.5rem 1.35rem;border-right:2px solid #4a5568}
.panel-sun{background:linear-gradient(180deg,#2a3544 0%,#3a4555 100%);padding:1.5rem 1.35rem}
.panel-label{font-size:.68rem;font-weight:900;letter-spacing:.12em;margin-bottom:.65rem;padding:.2rem .5rem;display:inline-block}
.panel-storm .panel-label{background:#2a3544;color:#8a9bb0}
.panel-sun .panel-label{background:#ffd166;color:#1a2332}
.panel-storm h2,.panel-sun h2{font-size:1.05rem;font-weight:800;margin-bottom:.5rem}
.panel-storm h2{color:#8a9bb0}
.panel-sun h2{color:#ffd166}
.panel-storm p,.panel-sun p{font-size:.86rem;line-height:1.65;margin-bottom:.65rem}
.panel-storm p{color:#6a7a8a}
.panel-sun p{color:#b8c4d0}
.panel-storm ul,.panel-sun ul{margin-top:.5rem}
.panel-storm li,.panel-sun li{font-size:.84rem;padding:.2rem 0 .2rem .85rem;position:relative}
.panel-storm li{color:#6a7a8a}
.panel-sun li{color:#b8c4d0}
.panel-storm li::before{content:"—";position:absolute;left:0;color:#4a5568}
.panel-sun li::before{content:"+";position:absolute;left:0;color:#ffd166;font-weight:900}
.panel-sun img{border:2px solid #ffd166;margin-top:.75rem;max-width:100%}

.feature-stack{margin-top:2rem;display:flex;flex-direction:column;gap:1rem}
.feature-band{background:#252d3a;border-left:4px solid #ffd166;padding:1.35rem 1.5rem;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center}
.feature-band.alt{border-left-color:#4a5568}
.feature-band h2{font-size:1.05rem;font-weight:800;margin-bottom:.4rem;color:#fff}
.feature-band p{font-size:.86rem;color:#8a9bb0;line-height:1.6}
.feature-band img{border:2px solid #4a5568;max-width:180px}

.storm-appendix{background:#121820;border-top:2px solid #ffd166;border-bottom:2px solid #4a5568;padding:2.5rem 0}
.appendix-dual{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.appendix-block{background:#252d3a;border:1px solid #4a5568;padding:1.25rem}
.appendix-block h3{font-size:.95rem;font-weight:800;color:#ffd166;margin-bottom:.6rem}
.appendix-block li{font-size:.86rem;color:#8a9bb0;padding:.28rem 0}

.barrier-cta{text-align:center;padding:2.5rem 1rem;background:#ffd166;color:#1a2332}
.barrier-cta h2{font-size:1.15rem;font-weight:800;margin-bottom:.7rem}
.barrier-cta a{display:inline-block;background:#1a2332;color:#ffd166!important;padding:.5rem 1.3rem;font-weight:800;text-decoration:none!important}

@media(max-width:768px){
  .split-compare{grid-template-columns:1fr}
  .panel-storm{border-right:none;border-bottom:2px solid #4a5568}
  .feature-band{grid-template-columns:1fr}
  .appendix-dual{grid-template-columns:1fr}
}