.ef-page { }

.ef-hero-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: var(--space-4); align-items: center; }
.ef-hero-text { max-width: 640px; display:flex; flex-direction:column; gap: var(--space-2); }
.ef-hero-actions { display:flex; gap: var(--space-2); flex-wrap:wrap; }
.ef-hero-media img { width:100%; border-radius: var(--radius-md); border: var(--border-gold); }

.ef-benefits-grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: var(--space-3); }
.ef-card { transition: 0.25s ease; }
.ef-card:hover { transform: translateY(-4px); }

.ef-process-inner { max-width: 720px; }
.ef-process-flow { display:flex; flex-direction:column; gap: var(--space-3); }

.ef-offer-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--space-3); margin-bottom: var(--space-3); }
.ef-offer-image img { width:100%; border-radius: var(--radius-md); border: var(--border-thin); }

.ef-usecases-grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: var(--space-3); }

.ef-team-grid { display:grid; grid-template-columns: 60% 40%; gap: var(--space-4); align-items:center; }
.ef-team-text { max-width: 600px; }
.ef-team-media img { width:100%; border-radius: var(--radius-md); }

.ef-safety-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--space-3); }

.ef-scenario-inner { max-width: 720px; }
.ef-steps { display:flex; flex-direction:column; gap: var(--space-2); }
.ef-step { display:flex; gap: var(--space-2); align-items:flex-start; }
.ef-step span { background: var(--color-accent-gold); color: var(--color-text-on-gold); border-radius:50%; width:32px; height:32px; display:flex; align-items:center; justify-content:center; font-weight:600; }

.ef-cta { background: var(--color-accent-navy); }
.ef-cta-box { max-width: 640px; margin-inline:auto; display:flex; flex-direction:column; gap: var(--space-2); }

@media (max-width: 1024px) {
  .ef-hero-grid { grid-template-columns: 60% 40%; }
}

@media (max-width: 820px) {
  .ef-hero-grid { grid-template-columns: 1fr; }
  .ef-benefits-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .ef-usecases-grid { grid-template-columns: 1fr; }
  .ef-team-grid { grid-template-columns: 1fr; }
  .ef-offer-grid { grid-template-columns: 1fr; }
  .ef-safety-grid { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  .ef-benefits-grid { grid-template-columns: 1fr; }
}