:root{
  --primary:#3b82f6;
  --bg:#fafafa;
  --text:#263238;
  --muted:#475569;
  --card:#ffffff;
  --radius:12px;
  --shadow:0 12px 30px rgba(16,24,40,0.06);
}

/* Section */
.layout204_1-section{
  padding:3.5rem 5%;
  font-family:"Segoe UI", Roboto, Arial, sans-serif;
  color:var(--text);
  background:var(--bg);
}

/* Grid layout */
.layout204_1-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:2.5rem;
  align-items:center;
  max-width:1100px;
  margin:0 auto;
}

/* Image */
.layout204_1-image img{
  width:100%;
  border-radius:var(--radius);
  object-fit:cover;
  box-shadow:var(--shadow);
  border:1px solid rgba(15,23,42,0.03);
  max-height:420px;
}

/* Content */
.layout204_1-content{
  display:flex;
  flex-direction:column;
  gap:1rem;
  max-width:700px;
}

.layout204_1-tagline{
  font-weight:600;
  color:var(--muted);
  margin-bottom:0.25rem;
}

.layout204_1-heading{
  font-size:2rem;
  font-weight:800;
  margin-bottom:0.5rem;
  color:#071133;
  line-height:1.15;
}

.layout204_1-text{
  font-size:1rem;
  color:var(--muted);
  margin-bottom:1rem;
}

/* Logos */
.layout204_1-logos{
  display:flex;
  flex-wrap:wrap;
  gap:1rem 2rem;
  margin-bottom:1rem;
  align-items:center;
}

.layout204_1-logos img{
  max-height:3rem;
  object-fit:contain;
  filter:saturate(1) contrast(0.98);
}

/* Buttons — pill style matching layout518/layout359 */
.layout204_1-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:0.75rem;
}

.btn{
  display:inline-block;
  padding:0.55rem 1rem;
  text-decoration:none;
  border-radius:999px;
  font-weight:700;
  transition:transform .18s ease, box-shadow .18s ease;
  box-shadow:0 8px 20px rgba(16,24,40,0.04);
  color:#fff;
  background:var(--primary);
  border:none;
}

.btn:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 36px rgba(15,23,42,0.06);
}

.btn-secondary{
  background-color:var(--primary);
}

.btn-link{
  background:rgba(59,130,246,0.06);
  color:var(--primary);
  border:2px solid rgba(37,99,235,0.12);
  border-radius:999px;
  padding:0.5rem 0.95rem;
  box-shadow:none;
}

/* Responsive */
@media(min-width:768px){
  .layout204_1-grid{
    grid-template-columns:1fr 1fr;
    gap:3rem;
  }
  .layout204_1-content{ gap:1.25rem; justify-content:center; padding:0 0.5rem; }
  .layout204_1-image img{ max-height:480px; }
}

@media(max-width:900px){
  .layout204_1-section{ padding:2.5rem 4%; }
  .layout204_1-image img{ max-height:360px; }
}

@media(max-width:480px){
  .layout204_1-heading{ font-size:1.6rem; }
  .btn, .btn-link{ padding:0.5rem 0.9rem; font-size:0.95rem; }
}
