/* apps-landing stylesheet. Replaces the Tailwind Play CDN script (removed in
   the 26 Sep 2026 security audit: a runtime compiler fetched from a third
   party with no integrity hash, executing inside the signed-in origin). The
   utility class names in index.html are kept; this file defines exactly the
   ones the page uses, at Tailwind's default values. */

*, *::before, *::after { box-sizing: border-box; }
html { line-height: 1.5; -webkit-text-size-adjust: 100%; }
body, h1, p, ul { margin: 0; }
ul { padding: 0; list-style: none; }
a { color: inherit; text-decoration: none; }

:root {
  --bg: #FFF9FA;
  --white: #FFFFFF;
  --border: #F0E4E7;
  --text: #0F0F0F;
  --text-secondary: #6D6D6D;
  --text-light: #B8A0A7;
  --pink: #FF5789;
}

body {
  background: var(--bg);
  color: var(--text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
}

/* layout utilities used by index.html (Tailwind default scale) */
.min-h-screen { min-height: 100vh; }
.flex { display: flex; }
.block { display: block; }
.items-center { align-items: center; }
.items-baseline { align-items: baseline; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.gap-4 { gap: 1rem; }
.w-full { width: 100%; }
.max-w-2xl { max-width: 42rem; }
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.py-12 { padding-top: 3rem; padding-bottom: 3rem; }
.p-5 { padding: 1.25rem; }
.mb-10 { margin-bottom: 2.5rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-1\.5 { margin-top: 0.375rem; }
.mt-14 { margin-top: 3.5rem; }
.space-y-3 > * + * { margin-top: 0.75rem; }

/* type utilities */
.text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
.text-lg { font-size: 1.125rem; line-height: 1.75rem; }
.text-sm { font-size: 0.875rem; line-height: 1.25rem; }
.text-xs { font-size: 0.75rem; line-height: 1rem; }
.font-bold { font-weight: 700; }
.font-semibold { font-weight: 600; }
.tracking-tight { letter-spacing: -0.025em; }
.uppercase { text-transform: uppercase; }

/* page pieces */
.eyebrow { color: var(--text-secondary); letter-spacing: 0.2em; }
.brand-pink { color: var(--pink); }
.app-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 12px;
  transition: border-color 0.15s ease, transform 0.15s ease;
  color: inherit;
}
.app-card:hover { border-color: var(--pink); transform: translateY(-1px); }
.app-card .domain { color: var(--text-light); }
.app-card .description { color: var(--text-secondary); }
footer { color: var(--text-light); }