.grid-bar{background:#003da5;padding:.45rem 0;font-size:.72rem;color:#fff;font-weight:700;text-transform:uppercase}
.grid-bar .container{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}
.grid-bar em{color:#ffcc00;font-style:normal}

.hero-grid-style{padding:2.8rem 0 3.2rem;background:#fff}
.hero-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}
.hero-layout h1{font-size:clamp(1.35rem,3.2vw,1.85rem);font-weight:900;color:#000;line-height:1.25;margin-bottom:.85rem;text-transform:uppercase}
.hero-layout h1 em{color:#e30613;font-style:normal}
.hero-desc{color:#333;font-size:.92rem;margin-bottom:1.2rem;max-width:520px}
.hero-btns{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:1.5rem}
.trust-row{display:flex;flex-wrap:wrap;gap:0}
.trust-row .t{background:#ffcc00;border:3px solid #000;padding:.65rem 1rem;min-width:90px;text-align:center;margin-right:-3px}
.trust-row strong{display:block;font-size:1.25rem;color:#000;font-weight:900}
.trust-row span{font-size:.72rem;color:#333;text-transform:uppercase;font-weight:700}

.mondrian-panel{background:#fff;border:6px solid #000;min-height:320px;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}
.mondrian-main{background:#003da5;display:flex;align-items:center;justify-content:center;grid-row:span 2;border-right:6px solid #000}
.mondrian-main svg{width:90%;height:auto}
.mondrian-red{background:#e30613;border-bottom:6px solid #000}
.mondrian-yellow{background:#ffcc00}
.mondrian-caption{grid-column:span 2;text-align:center;font-size:.72rem;color:#333;padding:.5rem;font-weight:700;text-transform:uppercase;border-top:6px solid #000}

.color-blocks{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.color-block{padding:1.2rem 1.1rem;border:3px solid #000;margin:-1.5px}
.color-block:nth-child(1){background:#e30613;color:#fff}
.color-block:nth-child(2){background:#003da5;color:#fff}
.color-block:nth-child(3){background:#ffcc00;color:#000}
.block-tag{font-size:.68rem;font-weight:900;margin-bottom:.45rem;text-transform:uppercase;opacity:.9}
.color-block h3{font-size:.95rem;margin-bottom:.4rem;font-weight:900;text-transform:uppercase}
.color-block p{font-size:.82rem;line-height:1.55;opacity:.95}

.stripe-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.stripe-step{padding:1.2rem;text-align:center;border:3px solid #000;margin:-1.5px}
.stripe-step:nth-child(1){background:#fff}
.stripe-step:nth-child(2){background:#ffcc00}
.stripe-step:nth-child(3){background:#e30613;color:#fff}
.stripe-num{font-size:.75rem;font-weight:900;margin-bottom:.5rem;display:block;text-transform:uppercase}
.stripe-step h3{font-size:.92rem;margin-bottom:.35rem;font-weight:900;text-transform:uppercase}
.stripe-step p{font-size:.8rem;line-height:1.5}

.dual-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}
.grid-pane{border:3px solid #000;margin:-1.5px}
.grid-pane .head{background:#000;padding:.55rem 1rem;font-size:.72rem;color:#ffcc00;font-weight:900;text-transform:uppercase}
.grid-pane .body{padding:1rem 1.1rem}
.grid-pane h3{font-size:.9rem;color:#000;margin-bottom:.55rem;font-weight:900;text-transform:uppercase}
.grid-pane li{font-size:.82rem;color:#333;padding:.28rem 0 .28rem 1rem;position:relative;line-height:1.45;border-bottom:2px solid #eee}
.grid-pane li::before{content:"■";position:absolute;left:0;color:#e30613;font-size:.6rem;top:.35rem}

.wave-cta{background:#000;padding:2.5rem 0;text-align:center;border-top:6px solid #e30613}
.wave-cta h2{font-size:clamp(1.1rem,2.8vw,1.45rem);color:#fff;margin-bottom:.45rem;font-weight:900;text-transform:uppercase}
.wave-cta p{color:#ccc;font-size:.88rem;margin-bottom:1.1rem}
.hero-img-wrap{margin-top:1rem;border:6px solid #000;overflow:hidden}

@media(max-width:900px){
  .hero-layout,.color-blocks,.stripe-steps,.dual-grid{grid-template-columns:1fr}
  .mondrian-panel{grid-template-columns:1fr;grid-template-rows:auto}
  .mondrian-main{grid-row:auto;border-right:none;border-bottom:6px solid #000}
}