.prom-hero{background:#003315;background-image:radial-gradient(rgba(254,218,49,0.08) 2px,transparent 2px);background-size:26px 26px;color:#FFFFFF;padding:64px 0}
.prom-hero-in{display:flex;flex-direction:column;align-items:center}
.prom-hero-txt{min-width:0;text-align:center}
.prom-hero-txt h1{margin-bottom:16px}
.prom-hero-cta{justify-content:center;margin-top:8px}
.prom-hero-art{width:100%;max-width:260px;min-width:180px;margin:26px auto 0}
.cmp-grid{display:grid;grid-template-columns:1fr;gap:18px;margin:22px 0 26px}
.cmp-card{background:#FFFFFF;border-radius:14px;padding:24px;box-shadow:0 2px 10px rgba(0,51,21,0.10);display:flex;flex-direction:column}
.cmp-card-hi{background:#FFF3B8;box-shadow:0 8px 24px rgba(0,51,21,0.18)}
.cmp-badge{align-self:flex-start;background:#005A24;color:#FFFFFF;font-size:0.75rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;border-radius:20px;padding:4px 12px;margin-bottom:12px}
.cmp-tag{color:#575757;font-size:0.85rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:6px}
.cmp-big{font-size:1.35rem;font-weight:800;margin-bottom:14px}
.cmp-list{margin:0 0 20px}
.cmp-list li{position:relative;padding:5px 0 5px 28px}
.cmp-list li::before{content:"✓";position:absolute;left:0;top:5px;color:#005A24;font-weight:800}
.cmp-card .btn{margin-top:auto}
@media (min-width:769px){.cmp-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1081px){
.prom-hero-in{flex-direction:row;align-items:center;justify-content:space-between}
.prom-hero-txt{max-width:58%;text-align:left}
.prom-hero-cta{justify-content:center}
.prom-hero-art{width:40%;max-width:320px;margin:0 0 0 40px}
}
@media (max-width:480px){.prom-hero{padding:48px 0}}