.feat-intro{padding:2.5rem 0 2rem;background:#0a1628}
.feat-intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:2rem;align-items:center}
.feat-intro h1{font-size:clamp(1.3rem,3vw,1.75rem);font-weight:800;color:#f0f6fc;margin-bottom:.65rem;line-height:1.35}
.feat-intro h1 em{color:#ffb347;font-style:normal}
.feat-intro p{color:#8aa8c0;font-size:.9rem;margin-bottom:1rem;line-height:1.6}
.feat-badge{display:flex;flex-wrap:wrap;gap:.6rem}
.feat-badge div{background:#0f2038;border:1px solid #1a3050;padding:.45rem .8rem;text-align:center}
.feat-badge strong{display:block;color:#ffb347;font-size:1rem;font-weight:800;font-family:monospace}
.feat-badge span{font-size:.68rem;color:#7a9ab8}

.shelf-aisle{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.shelf-unit{background:#0f2038;border:1px solid #1a3050;display:flex;flex-direction:column}
.shelf-label{background:#1a3050;padding:.5rem .85rem;font-family:monospace;font-size:.7rem;color:#ffb347;font-weight:800;border-bottom:2px solid #ffb347}
.shelf-unit:nth-child(2) .shelf-label{color:#7ec8ff;border-bottom-color:#7ec8ff}
.shelf-unit:nth-child(3) .shelf-label{color:#ff6b6b;border-bottom-color:#ff6b6b}
.shelf-body{padding:1rem .95rem;flex:1}
.shelf-body h3{font-size:.92rem;color:#f0f6fc;margin-bottom:.4rem;font-weight:800}
.shelf-body p{font-size:.8rem;color:#7a9ab8;line-height:1.5;margin-bottom:.55rem}
.shelf-tag{display:inline-block;background:#152840;color:#ffb347;font-size:.65rem;padding:.15rem .4rem;font-family:monospace;margin-top:.25rem}

.zone-map{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:2px solid #1a3050}
.zone-cell{padding:1.1rem;text-align:center;border:1px solid #243850;background:#0f2038}
.zone-cell:nth-child(1){background:#152840}
.zone-cell:nth-child(5){background:#152840}
.zone-id{font-family:monospace;font-size:.68rem;color:#ffb347;margin-bottom:.35rem}
.zone-cell h3{font-size:.88rem;color:#f0f6fc;margin-bottom:.3rem;font-weight:800}
.zone-cell p{font-size:.76rem;color:#7a9ab8;line-height:1.4}

.passport-route{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.passport-step{background:#0f2038;border:1px solid #1a3050;padding:1rem;text-align:center;border-radius:0 0 8px 8px;border-top:3px solid #ffb347}
.passport-step:nth-child(2){border-top-color:#7ec8ff}
.passport-step:nth-child(3){border-top-color:#ff6b6b}
.passport-num{font-size:1.5rem;font-weight:800;color:#1a3050;-webkit-text-stroke:1px #ffb347;margin-bottom:.35rem;font-family:monospace}
.passport-step h3{font-size:.88rem;color:#f0f6fc;margin-bottom:.3rem;font-weight:800}
.passport-step p{font-size:.78rem;color:#7a9ab8;line-height:1.45}

.catalog-dual{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.catalog-list{background:#0f2038;border:1px solid #1a3050}
.catalog-list .cl-head{padding:.55rem 1rem;background:#1a3050;font-size:.72rem;font-family:monospace;color:#ffb347;border-bottom:1px solid #243850}
.catalog-list:nth-child(2) .cl-head{color:#7ec8ff}
.catalog-list ul{padding:1rem 1.1rem}
.catalog-list li{font-size:.82rem;color:#7a9ab8;padding:.3rem 0;display:flex;justify-content:space-between;border-bottom:1px solid #152030;line-height:1.45}
.catalog-list li:last-child{border-bottom:none}
.catalog-list li span{color:#ffb347;font-family:monospace;font-size:.72rem}

.feat-cta{background:#1a3050;padding:2.5rem 0;text-align:center;border-top:2px solid #ffb347}
.feat-cta h2{font-size:clamp(1.05rem,2.6vw,1.35rem);color:#f0f6fc;margin-bottom:.4rem;font-weight:800}
.feat-cta p{color:#7a9ab8;font-size:.86rem;margin-bottom:1rem}

.feat-img{border:1px solid #1a3050;border-radius:3px;overflow:hidden}

@media(max-width:900px){
  .feat-intro-grid,.shelf-aisle,.zone-map,.passport-route,.catalog-dual{grid-template-columns:1fr}
  .zone-map .zone-cell:nth-child(4),.zone-map .zone-cell:nth-child(5){display:none}
}
