/* =====================
   ApplyWise Landing CSS
   ===================== */
:root {
  /* Brand */
  --primary-900: #0b1f3a;   /* Navy dark for titles */
  --primary-700: #133d66;
  --primary:     #0b6bcb;   /* Primary (blue) */
  --accent:      #06d6a0;   /* Accent (teal/green) */
  --accent-700:  #06b086;

  /* Neutrals */
  --c0: #ffffff;
  --c50:#f7f9fc;
  --c100:#eff3f7;
  --c300:#cfd8e3;
  --c400:#b8c2cc;
  --c600:#6b7280;
  --c700:#4b5563;
  --c800:#374151;

  /* Derived */
  --muted: #f3f7fb;
}

html, body {
  font-family: "Vazir", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "IRANSans", "Tahoma", sans-serif;
  background: var(--c50);
  color: var(--c800);
  scroll-behavior: smooth;
}

.bg-body { background-color: var(--c50) !important; }

/* Colors */
.text-primary-900 { color: var(--primary-900) !important; }
.text-secondary-800 { color: var(--c700) !important; }
.text-secondary-700 { color: #5b6573 !important; }
.text-secondary-300 { color: var(--c400) !important; }
.text-secondary-200 { color: var(--c300) !important; }
.text-accent { color: var(--accent) !important; }

.bg-muted { background: var(--muted); }
.bg-primary { background: var(--primary-700) !important; }
.btn-accent { background: var(--accent); color: #0b2e2b; border: 0; }
.btn-accent:hover { background: var(--accent-700); color: #06211f; }

.link-faded { color: var(--c400); text-decoration: none; }
.link-faded:hover { color: var(--c0); }

/* Navbar */
.navbar .navbar-brand span { letter-spacing: 0.2px; }
.navbar .nav-link { opacity: .9; }
.navbar .nav-link:hover { opacity: 1; }

/* Spacing helpers */
.pt-7 { padding-top: 7rem !important; }
.pb-6 { padding-bottom: 6rem !important; }
.py-6 { padding-top: 5rem !important; padding-bottom: 5rem !important; }
.mt-6 { margin-top: 6rem !important; }

/* Typography */
.fw-extrabold { font-weight: 800; }

/* Hero */
.hero {
  background:
    radial-gradient(1200px 600px at 85% -10%, rgba(6,214,160,.12), transparent 60%),
    radial-gradient(1000px 600px at 5% 10%, rgba(11,107,203,.10), transparent 65%),
    linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  margin-top: 60px; /* account for fixed navbar */
}
.hero-illustration { max-height: 420px; }

/* Shape dividers */
.shape-divider {
  position: relative;
  width: 100%;
  overflow: hidden;
  line-height: 0;
}
.shape-divider svg {
  display: block;
  width: calc(150% + 1.3px);
  height: 80px;
}
.shape-divider.shape-bottom { transform: translateY(1px); }
.shape-divider.shape-bottom svg path { fill: #f3f7fb; }
.shape-divider.shape-top svg path { fill: #f9fcff; }

/* Cards */
.feature-card { border: 0; border-radius: 1.25rem; }
.feature-card .card-body { padding: 1.25rem 1.25rem; }
.feature-card img { filter: drop-shadow(0 4px 10px rgba(0,0,0,.08)); }

/* Timeline */
.timeline { position: relative; }
.timeline:before {
  content: "";
  position: absolute;
  top: 0; bottom: 0; inset-inline-end: 22px;
  width: 2px; background: linear-gradient(180deg, var(--primary) 0%, rgba(11,107,203,.15) 100%);
}
.timeline-item { position: relative; padding-inline-start: 64px; padding-bottom: 22px; }
.timeline-icon {
  position: absolute; inset-inline-end: 0; top: 0;
  width: 44px; height: 44px; border-radius: 50%;
  background: var(--primary); color: #fff;
  display: grid; place-items: center;
  box-shadow: 0 10px 20px rgba(11,107,203,.25);
}
.timeline-content h3 { color: var(--primary-900); }

/* CTA */
.cta { background: radial-gradient(900px 500px at 50% 100%, rgba(11,107,203,.08), transparent 60%); }
.cta-box { background: linear-gradient(135deg, var(--primary) 0%, #0c5fb0 60%); color: #fff; }
.cta-box .btn { box-shadow: 0 10px 24px rgba(0,0,0,.12); }

/* Footer */
.footer { background: linear-gradient(180deg, var(--primary-700) 0%, #0a2b4e 100%); }

/* RTL tweaks */
.navbar .navbar-brand img { object-fit: cover; }
.lead { line-height: 1.9; }
.small { letter-spacing: .1px; }