:root {
  --aixr-bg: #0b1220;
  --aixr-bg-2: #111a2e;
  --aixr-primary: #6d5dfc;
  --aixr-cyan: #22d3ee;
  --aixr-soft: #f5f7fb;
}

html { scroll-behavior: smooth; }
body { font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #172033; }

.glass-nav { background: rgba(11, 18, 32, 0.78); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(255,255,255,.08); }
.navbar-brand { letter-spacing: -0.04em; }
.btn-primary { background: linear-gradient(135deg, var(--aixr-primary), var(--aixr-cyan)); border: 0; }
.btn-primary:hover { opacity: .92; }

.hero-section { position: relative; overflow: hidden; background: radial-gradient(circle at 20% 20%, rgba(109,93,252,.5), transparent 35%), radial-gradient(circle at 85% 30%, rgba(34,211,238,.35), transparent 30%), var(--aixr-bg); }
.hero-gradient { position: absolute; inset: 0; background-image: linear-gradient(180deg, rgba(11,18,32,.1), rgba(11,18,32,.88)); }
.section-padding { padding: 100px 0; }
.bg-dark-blue { background: var(--aixr-bg); }
.soft-bg { background: var(--aixr-soft); }
.eyebrow { display: inline-block; color: var(--aixr-cyan); font-size: .78rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; margin-bottom: 12px; }
.eyebrow.dark { color: var(--aixr-primary); }
.section-heading { max-width: 760px; }

.terminal-card { background: rgba(5, 10, 20, .78); border: 1px solid rgba(255,255,255,.12); border-radius: 24px; overflow: hidden; backdrop-filter: blur(18px); }
.terminal-bar { height: 44px; display: flex; align-items: center; gap: 8px; padding: 0 18px; background: rgba(255,255,255,.06); }
.terminal-bar span { width: 12px; height: 12px; border-radius: 999px; background: rgba(255,255,255,.4); }
.terminal-card pre { margin: 0; padding: 26px; color: #dbeafe; font-size: .95rem; white-space: pre-wrap; }

.feature-card, .clean-card { height: 100%; border-radius: 22px; padding: 28px; }
.feature-card { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); }
.feature-card p { color: rgba(255,255,255,.58); margin-bottom: 0; }
.clean-card { background: #fff; border: 1px solid #edf0f6; box-shadow: 0 12px 35px rgba(11,18,32,.06); }
.clean-card p { color: #6b7280; margin-bottom: 0; }

.check-list { list-style: none; padding: 0; }
.check-list li { margin-bottom: 14px; padding-left: 32px; position: relative; }
.check-list li::before { content: "✓"; position: absolute; left: 0; top: 0; width: 22px; height: 22px; border-radius: 999px; background: var(--aixr-primary); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: .8rem; }

.mock-phone { width: min(100%, 330px); border-radius: 42px; background: #111827; padding: 14px; box-shadow: 0 35px 90px rgba(11,18,32,.25); }
.phone-screen { min-height: 570px; border-radius: 32px; background: linear-gradient(180deg, #eef2ff, #fff); padding: 42px 18px 18px; }
.phone-pill { width: 86px; height: 8px; border-radius: 999px; background: #c7d2fe; margin: 0 auto 36px; }
.app-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 18px; padding: 18px; margin-bottom: 14px; font-weight: 700; color: #24304a; box-shadow: 0 8px 25px rgba(17,24,39,.06); }
.app-card.primary { background: linear-gradient(135deg, var(--aixr-primary), var(--aixr-cyan)); color: #fff; }
.cta-card { border-radius: 32px; padding: 72px 28px; background: radial-gradient(circle at 25% 25%, rgba(34,211,238,.36), transparent 30%), linear-gradient(135deg, #111827, #172554); }
.cta-card p { max-width: 760px; }

@media (max-width: 767px) {
  .section-padding { padding: 72px 0; }
  .display-3 { font-size: 3rem; }
}