/* voldabobla.no – landingssida. */

.hero {
  background:
    radial-gradient(circle at 15% 20%, rgba(47, 191, 221, 0.35), transparent 45%),
    radial-gradient(circle at 85% 10%, rgba(47, 191, 221, 0.22), transparent 40%),
    linear-gradient(160deg, var(--vb-brand-900), var(--vb-brand-700) 55%, #1a95b4);
  color: #fff;
  padding: calc(var(--vb-8) + env(safe-area-inset-top)) var(--vb-4) var(--vb-8);
}
.hero__inner { max-width: var(--vb-page-max); margin: 0 auto; }
.hero__brand {
  display: inline-flex; align-items: center; gap: var(--vb-2);
  font-family: var(--vb-font-display); font-weight: 800; font-size: var(--vb-text-lg);
  margin-bottom: var(--vb-6);
}
.hero h1 {
  font-size: clamp(2.25rem, 7vw, 4rem);
  max-width: 18ch;
  margin-bottom: var(--vb-4);
}
.hero p { font-size: var(--vb-text-lg); max-width: 46ch; color: rgba(255, 255, 255, 0.9); }
.hero .btn--secondary { background: rgba(255, 255, 255, 0.14); color: #fff; border-color: rgba(255, 255, 255, 0.4); }
.hero .btn--secondary:hover { background: rgba(255, 255, 255, 0.24); }

.feature { padding: var(--vb-7) var(--vb-4); }
.feature__inner { max-width: var(--vb-page-max); margin: 0 auto; }
.feature--alt { background: var(--vb-surface); border-block: 1px solid var(--vb-line-soft); }

.feature-card { background: var(--vb-surface); border: 1px solid var(--vb-line-soft); border-radius: var(--vb-radius); padding: var(--vb-5); }
.feature--alt .feature-card { background: var(--vb-bg); }
.feature-card h3 { display: flex; align-items: center; gap: var(--vb-2); }
.feature-card p:last-child { margin-bottom: 0; }

.emoji { font-size: 1.5rem; line-height: 1; }

.legal { max-width: var(--vb-content-max); margin: 0 auto; padding: var(--vb-6) var(--vb-4) var(--vb-8); }
.legal h2 { margin-top: var(--vb-6); }
.legal ul { padding-left: var(--vb-5); }
.legal li { margin-bottom: var(--vb-2); }