/* Anominal AI platform page (/anominal). Builds on styles.css. */
.an-hero { padding-bottom: 4.5rem; background: radial-gradient(ellipse at 12% 0%, rgba(184, 0, 255, 0.10), transparent 50%), radial-gradient(ellipse at 88% 10%, rgba(240, 153, 123, 0.10), transparent 50%); }
.an-mark { display: inline-flex; align-items: center; gap: 0.75rem; margin-bottom: 1.5rem; font-size: 1.125rem; font-weight: 500; letter-spacing: 0.01em; color: var(--text-primary); }
.an-mark img { width: 40px; height: 40px; object-fit: contain; }
.an-accent { color: var(--accent); }
.an-green-text { color: #5FCC9D; }
.an-h2 { margin: 0.75rem 0 1rem; max-width: 900px; text-wrap: balance; }
.an-lede { max-width: 820px; font-size: clamp(1rem, 0.4vw + 0.9rem, 1.0938rem); line-height: 1.7; margin-bottom: 2rem; }
.an-k { display: block; font-size: 0.6875rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--accent); font-weight: 500; margin-bottom: 0.5rem; }
.an-cards { display: grid; gap: 1rem; }
@media (min-width: 900px) { .an-cards-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.an-cards article { padding: 1.5rem; border-radius: var(--radius-lg); background: var(--bg-elevated); border: 0.5px solid var(--border-mid); border-top: 2px solid var(--accent-line); }
.an-cards h3 { font-size: 1.125rem; margin-bottom: 0.5rem; }
.an-cards p { font-size: 0.9375rem; line-height: 1.65; }
.an-cards p + p { margin-top: 0.5rem; }
.an-cards a { color: var(--accent); }
.an-strong { color: var(--text-primary) !important; font-weight: 500; }
.an-flow, .an-steps { display: grid; gap: 1rem; margin-top: 2rem; }
@media (min-width: 900px) { .an-flow { grid-template-columns: repeat(5, minmax(0, 1fr)); } .an-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.an-flow li, .an-steps li { padding: 1.25rem; border-radius: var(--radius-md); border: 0.5px solid var(--border-subtle); background: rgba(255, 255, 255, 0.02); font-size: 0.875rem; line-height: 1.6; color: var(--text-tertiary); }
.an-flow span, .an-steps span { display: block; font-size: 0.75rem; color: var(--accent); margin-bottom: 0.4rem; font-variant-numeric: tabular-nums; }
.an-flow strong, .an-steps strong { display: block; color: var(--text-primary); font-weight: 500; font-size: 1rem; margin-bottom: 0.25rem; }

.an-bf { background: linear-gradient(180deg, rgba(95, 204, 157, 0.045), transparent 70%); }
.an-green { color: #5FCC9D; }
.an-green::before { background: #5FCC9D; }
.an-shot { display: block; border-radius: var(--radius-md); overflow: hidden; border: 0.5px solid var(--border-mid); box-shadow: 0 22px 60px rgba(0, 0, 0, 0.5); transition: transform 0.2s ease, border-color 0.2s ease; }
.an-shot:hover { transform: translateY(-2px); border-color: rgba(95, 204, 157, 0.5); }
.an-shot img { display: block; width: 100%; height: auto; }
.an-shot-wide { margin-bottom: 2.5rem; }
.an-bf-grid { display: grid; gap: 2rem; align-items: start; }
@media (min-width: 900px) { .an-bf-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 3rem; } }
.an-bf-grid h3 { font-size: 1.125rem; margin-bottom: 1rem; }
.an-bf-grid .an-shot { margin-top: 1.5rem; }
.an-note { margin-top: 2.5rem; display: flex; flex-wrap: wrap; gap: 1rem 2rem; align-items: center; justify-content: space-between; padding: 1.5rem; border-radius: var(--radius-lg); border: 0.5px solid rgba(95, 204, 157, 0.35); background: rgba(95, 204, 157, 0.05); }
.an-note p { flex: 1 1 420px; font-size: 0.9375rem; line-height: 1.65; }
.an-note strong { color: var(--text-primary); font-weight: 500; }
.an-note .anominal-feature-link { margin-top: 0; }
.an-next { margin-top: 1.5rem; font-size: 0.9375rem; color: var(--text-tertiary); max-width: 820px; }

.an-boundary { border: 1px solid var(--accent); border-radius: var(--radius-lg); padding: 1.25rem; background: var(--accent-tint); }
.an-boundary-k { display: block; font-size: 0.6875rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--accent); margin-bottom: 0.75rem; }
.an-chain { display: flex; flex-wrap: wrap; gap: 0.5rem 0.75rem; align-items: center; }
.an-chain span { padding: 0.65rem 1rem; border-radius: var(--radius-md); background: var(--bg-secondary); border: 0.5px solid var(--border-mid); color: var(--text-primary); font-size: 0.9375rem; }
.an-chain i { font-style: normal; color: var(--accent); }
.an-gate { margin-top: 1.5rem; padding: 1rem 1.25rem; border-left: 2px solid var(--accent); background: var(--accent-tint); font-size: 0.9375rem; max-width: 900px; }

.an-proof { display: grid; gap: 1.5rem; align-items: start; }
@media (min-width: 900px) { .an-proof { grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 2.5rem; } }
.an-stat-n { display: block; font-size: clamp(4rem, 8vw, 6.5rem); font-weight: 500; line-height: 1; color: var(--accent); letter-spacing: -0.03em; margin-bottom: 1rem; }
.an-stat p { font-size: 1rem; line-height: 1.6; max-width: 420px; }
.an-close { margin-top: 2.5rem; padding: 2rem; border-radius: var(--radius-lg); border: 0.5px solid var(--accent-line); background: linear-gradient(135deg, rgba(240, 153, 123, 0.08), transparent); }
.an-close p { font-size: clamp(1.125rem, 1vw + 0.9rem, 1.5rem); color: var(--text-primary); font-weight: 500; }