/* Minimal “Livfast-style” baseline for public website */

:root{
  --website-font: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.website-body{
  font-family: var(--website-font);
  background: #fff;
  color: #0f172a;
}

.website-main{
  min-height: 60vh;
}

.website-card{
  transition: transform .15s ease, box-shadow .15s ease;
}
.website-card:hover{
  transform: translateY(-2px);
}

.website-hero-slide{
  position: relative;
}
.website-hero-img{
  height: 420px;
  object-fit: cover;
}
.website-hero-overlay{
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
  padding: 24px 0;
  background: linear-gradient(180deg, rgba(15,23,42,0) 0%, rgba(15,23,42,.65) 70%, rgba(15,23,42,.85) 100%);
}
.website-hero-fallback{
  background: radial-gradient(circle at 30% 30%, #e2e8f0 0%, #cbd5e1 40%, #94a3b8 100%);
  min-height: 240px;
}
.website-hero-empty{
  background: linear-gradient(135deg, #f8fafc 0%, #eef2ff 50%, #f8fafc 100%);
  border: 1px solid rgba(15,23,42,.08);
}

.website-thumb{
  width: 64px;
  height: 64px;
  flex: 0 0 auto;
}
.website-thumb img{
  width: 64px;
  height: 64px;
  object-fit: cover;
}
.website-thumb-fallback{
  width: 64px;
  height: 64px;
  background: #e2e8f0;
}

.website-cta{
  background: linear-gradient(135deg, #f8fafc 0%, #eff6ff 50%, #f8fafc 100%);
  border: 1px solid rgba(15,23,42,.08);
}

.website-content :is(p, ul, ol){
  color: #334155;
}
.website-content h2, .website-content h3{
  margin-top: 1.5rem;
}