html { scroll-padding-top: 92px; }
section[id] { scroll-margin-top: 92px; }

@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior: auto !important; }
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in { animation: fadeIn 0.75s ease-out forwards; }

.text-brand-gradient {
  background-image: linear-gradient(90deg, #0D47A1, #1565C0, #1E88E5);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.text-white-gradient {
  background-image: linear-gradient(90deg, rgba(255,255,255,1), rgba(255,255,255,0.92), rgba(255,255,255,0.72));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.phone-mockup {
  border: 8px solid #1f2937;
  border-radius: 2.5rem;
  overflow: hidden;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  background-color: #f3f4f6;
  position: relative;
}

.app-preview {
  background:
    radial-gradient(900px 600px at 10% 0%, rgba(21, 101, 192, 0.14), rgba(255, 255, 255, 0)),
    radial-gradient(900px 600px at 90% 20%, rgba(30, 136, 229, 0.12), rgba(255, 255, 255, 0)),
    linear-gradient(180deg, #ffffff 0%, #f6f9ff 60%, #ffffff 100%);
}

.app-preview-card {
  border: 1px solid rgba(21, 101, 192, 0.14);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(227, 242, 253, 0.55));
  box-shadow: 0 20px 60px rgba(13, 71, 161, 0.12);
  display: flex;
  flex-direction: column;
}

.app-preview-shot {
  border-radius: 28px;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid rgba(21, 101, 192, 0.14);
  box-shadow: 0 12px 30px rgba(13, 71, 161, 0.10);
  aspect-ratio: 1 / 2;
}

.app-preview-card .app-preview-shot { margin-top: auto; }
.app-preview-shot img { display: block; width: 100%; height: 100%; object-fit: cover; }

.content-card {
  border: 1px solid rgba(21, 101, 192, 0.14);
  background: linear-gradient(180deg, rgba(255,255,255,0.92), rgba(227, 242, 253, 0.40));
  box-shadow: 0 18px 55px rgba(13, 71, 161, 0.10);
}