.storm-hero{position:relative;min-height:520px;display:flex;align-items:center;overflow:hidden}
.storm-dark{
  position:absolute;inset:0;width:55%;background:linear-gradient(135deg,#0d1118 0%,#1a2332 50%,#2a3544 100%);
  clip-path:polygon(0 0,100% 0,85% 100%,0 100%);
}
.storm-light{
  position:absolute;inset:0;left:45%;background:linear-gradient(135deg,#3a4555 0%,#5a6a7a 30%,#ffd166 80%,#ffe08a 100%);
  clip-path:polygon(15% 0,100% 0,100% 100%,0 100%);
}
.storm-hero .container{position:relative;z-index:2;width:100%}
.storm-split{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;padding:3rem 0}
.storm-left h1{font-size:clamp(1.4rem,3.4vw,1.95rem);font-weight:800;line-height:1.35;margin-bottom:1rem;color:#8a9bb0}
.storm-left h1 em{font-style:normal;color:#ffd166}
.storm-left .barrier-label{display:inline-block;background:#2a3544;color:#8a9bb0;padding:.25rem .65rem;font-size:.72rem;font-weight:800;margin-bottom:.75rem;letter-spacing:.1em}
.storm-desc{font-size:.94rem;color:#6a7a8a;margin-bottom:1.25rem}
.storm-right{text-align:right}
.storm-right h1{font-size:clamp(1.4rem,3.4vw,1.95rem);font-weight:800;line-height:1.35;margin-bottom:1rem;color:#1a2332}
.storm-right h1 em{font-style:normal;color:#c4840a}
.storm-right .break-label{display:inline-block;background:#ffd166;color:#1a2332;padding:.25rem .65rem;font-size:.72rem;font-weight:800;margin-bottom:.75rem}
.storm-right .storm-desc{color:#3a4555}
.storm-btns{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.35rem;justify-content:flex-end}
.btn-sun{display:inline-block;background:#ffd166;color:#1a2332!important;padding:.52rem 1.3rem;font-weight:800;font-size:.88rem;text-decoration:none!important}
.btn-sun:hover{background:#ffe08a}
.btn-cloud{display:inline-block;border:2px solid #4a5568;color:#8a9bb0!important;padding:.48rem 1.15rem;font-weight:700;font-size:.88rem;text-decoration:none!important;background:#1a2332}
.storm-stats{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}
.storm-stat{background:rgba(255,255,255,.9);border:2px solid #ffd166;padding:.6rem 1rem;min-width:88px;text-align:center}
.storm-stat strong{display:block;font-size:1.2rem;color:#c4840a;font-weight:900}
.storm-stat span{font-size:.7rem;color:#3a4555}
.hero-frame{border:3px solid #ffd166;background:#fff;padding:4px;margin-top:1rem}
.hero-frame img{width:100%}

.front-cards{padding-top:0}
.front-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.front-card{background:#252d3a;border:2px solid #4a5568;position:relative;overflow:hidden}
.front-card.sun-side{border-color:#ffd166;background:linear-gradient(180deg,#2a3544 0%,#3a4555 100%)}
.front-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#4a5568}
.front-card.sun-side::before{background:#ffd166}
.front-body{padding:1.25rem 1.15rem 1.35rem}
.front-body h3{font-size:1rem;font-weight:800;margin-bottom:.45rem;color:#fff}
.front-card.sun-side .front-body h3{color:#ffd166}
.front-body p{font-size:.86rem;color:#8a9bb0;line-height:1.6}
.front-card.sun-side .front-body p{color:#b8c4d0}

.break-path{background:#121820;border-top:2px solid #ffd166;border-bottom:2px solid #4a5568}
.path-track{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem 0;position:relative}
.path-track::before{
  content:"";position:absolute;top:2.4rem;left:8%;right:8%;height:3px;
  background:linear-gradient(90deg,#4a5568 0%,#4a5568 45%,#ffd166 55%,#ffd166 100%);
}
.path-node{flex:1;text-align:center;position:relative;z-index:1;padding:0 .5rem}
.path-icon{width:48px;height:48px;margin:0 auto .7rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1rem;background:#2a3544;color:#8a9bb0;border:2px solid #4a5568}
.path-node:nth-child(2) .path-icon,.path-node:nth-child(3) .path-icon{background:#ffd166;color:#1a2332;border-color:#ffd166}
.path-node h3{font-size:.95rem;font-weight:800;margin-bottom:.35rem;color:#fff}
.path-node p{font-size:.82rem;color:#8a9bb0;max-width:200px;margin:0 auto}

.contrast-lists{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.list-storm{background:#1a2332;border:2px solid #4a5568;padding:1.25rem 1.3rem}
.list-storm h3{font-size:1rem;font-weight:800;margin-bottom:.65rem;color:#8a9bb0}
.list-storm li{padding:.32rem 0 .32rem 1rem;font-size:.88rem;color:#6a7a8a;position:relative}
.list-storm li::before{content:"✕";position:absolute;left:0;color:#4a5568;font-size:.75rem}
.list-sun{background:linear-gradient(135deg,#2a3544 0%,#3a4555 100%);border:2px solid #ffd166;padding:1.25rem 1.3rem}
.list-sun h3{font-size:1rem;font-weight:800;margin-bottom:.65rem;color:#ffd166}
.list-sun li{padding:.32rem 0 .32rem 1rem;font-size:.88rem;color:#b8c4d0;position:relative}
.list-sun li::before{content:"✓";position:absolute;left:0;color:#ffd166;font-size:.75rem;font-weight:900}

.break-cta{background:linear-gradient(135deg,#2a3544 0%,#ffd166 100%);color:#1a2332;text-align:center;padding:2.75rem 1rem}
.break-cta h2{font-size:clamp(1.2rem,2.8vw,1.5rem);font-weight:800;margin-bottom:.55rem}
.break-cta p{font-size:.9rem;margin-bottom:1.2rem;opacity:.9}
.break-cta .btn-sun{background:#1a2332;color:#ffd166!important}

@media(max-width:768px){
  .storm-split{grid-template-columns:1fr;text-align:left}
  .storm-right{text-align:left}
  .storm-btns,.storm-stats{justify-content:flex-start}
  .storm-dark,.storm-light{clip-path:none;width:100%;opacity:.5}
  .front-row,.contrast-lists{grid-template-columns:1fr}
  .path-track{flex-direction:column;gap:1.5rem}
  .path-track::before{display:none}
}