/* =====================================================
   EPOSS360 – System Styles
   Produkt: EPOSS360-Check
   ===================================================== */

/* ---------- Variablen ---------- */
:root{
  --ep-accent: #2c687d;
  --ep-dark: #111;
  --ep-muted: rgba(0,0,0,.65);
  --ep-line: rgba(0,0,0,.10);
  --ep-soft: rgba(44,104,125,.06);
}

/* ---------- Basis ---------- */
.eposs-wrap h1{
  letter-spacing:-.02em;
  line-height:1.1;
}

.eposs-sub{
  font-size:1.15rem;
  color:var(--ep-muted);
  max-width:760px;
}

/* ---------- Badge / Logo ---------- */
.eposs-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 12px;
  border:1px solid var(--ep-line);
  border-radius:999px;
  background:#fff;
}

.eposs-badge img{
  height:22px;
}

/* ---------- Buttons ---------- */
.eposs-btn{
  display:inline-block;
  padding:12px 18px;
  border-radius:10px;
  font-weight:700;
  text-decoration:none;
  border:1px solid var(--ep-line);
}

.eposs-btn.primary{
  background:var(--ep-accent);
  color:#fff;
  border-color:transparent;
}

.eposs-btn.ghost{
  background:#fff;
  color:var(--ep-accent);
}

/* ---------- Proof-Kacheln ---------- */
.eposs-proof{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:14px;
}

.eposs-proof .cardy{
  grid-column:span 4;
  border:1px solid var(--ep-line);
  border-radius:14px;
  padding:14px;
  background:#fff;
}

/* ---------- Offer ---------- */
.eposs-offer{
  border:1px solid var(--ep-line);
  background:linear-gradient(180deg,var(--ep-soft),#fff);
  border-radius:18px;
  padding:18px;
}

/* ---------- FAQ ---------- */
.eposs-faq details{
  border:1px solid var(--ep-line);
  border-radius:14px;
  padding:12px 14px;
  background:#fff;
}
/* =====================================
   HERO RESET
   ===================================== */

.eposs-system .sub-hero{
  margin-top: 0;
  padding-top: 24px;
}
/* =====================================
   HERO LOGO
   ===================================== */

.eposs-hero-logo{
  margin-bottom: 12px;
}

.eposs-hero-logo img{
  height: 56px;
  width: auto;
}
.eposs-system h1{
  max-width: 920px;
  margin-top: 6px;
}
.eposs-cta-row{
  margin-top: 22px;
}
@media(min-width: 992px){
  .eposs-cta-row{
    margin-bottom: 12px;
  }
}
.eposs-proof .cardy{
  box-shadow: 0 4px 12px rgba(0,0,0,.03);
}