:root {
  --apple-bg: #f5f5f7;
  --apple-card: #fff;
  --apple-ink: #1d1d1f;
  --apple-muted: #6e6e73;
  --apple-blue: #1554ee;
  --apple-sky: #19bce9;
  --apple-navy: #08055f;
  --apple-dark: #000;
  --apple-line: rgba(0, 0, 0, 0.09);
  --apple-radius: 30px;
  --apple-shadow: 0 30px 80px rgba(0, 0, 0, 0.08);
}

html {
  scroll-behavior: smooth;
}
body {
  margin: 0 !important;
  color: var(--apple-ink) !important;
  background: var(--apple-bg) !important;
  font-family:
    -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Alexandria', sans-serif !important;
  -webkit-font-smoothing: antialiased;
}
body::before,
body::after {
  display: none !important;
}
a {
  text-decoration: none;
}
.shell {
  width: min(1080px, calc(100% - 40px)) !important;
  margin-inline: auto !important;
}

body > header {
  position: fixed !important;
  inset: 0 0 auto !important;
  z-index: 100 !important;
  height: 48px !important;
  color: var(--apple-ink) !important;
  background: rgba(250, 250, 252, 0.82) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
  backdrop-filter: saturate(180%) blur(20px) !important;
  box-shadow: none !important;
}
body > header .nav,
body > header nav {
  width: min(1024px, calc(100% - 40px)) !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: auto !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.brand,
.wordmark,
.footer-brand {
  color: var(--apple-navy) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
  font:
    700 16px/1 'Manrope',
    sans-serif !important;
  letter-spacing: 0.2em !important;
}
.wordmark::after,
.wordmark-dot {
  display: none !important;
}
.nav-actions {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}
.back {
  color: #424245 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}
.language {
  padding: 2px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.language button {
  min-width: auto !important;
  padding: 4px 6px !important;
  color: var(--apple-muted) !important;
  border: 0 !important;
  background: transparent !important;
  font:
    600 11px 'Manrope',
    sans-serif !important;
}
.language button.active {
  color: var(--apple-blue) !important;
}

main {
  overflow: hidden;
}
.hero {
  min-height: 680px !important;
  height: auto !important;
  padding: 88px 0 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  color: var(--apple-ink) !important;
  background: #fff !important;
  border: 0 !important;
  text-align: center !important;
}
.hero::before,
.hero::after {
  opacity: 0.55 !important;
}
.hero .shell,
.hero-grid,
.hero-content,
.hero .hero-copy {
  position: relative !important;
  inset: auto !important;
  z-index: 2 !important;
  opacity: 1 !important;
  transform: none !important;
}
.hero-grid {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 55px !important;
}
.hero-copy {
  width: min(880px, 100%) !important;
  max-width: 880px !important;
  margin-inline: auto !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  text-align: center !important;
  transform: translateY(28px) !important;
}
.eyebrow,
.kicker,
.section-label {
  color: var(--apple-blue) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}
.hero h1 {
  position: static !important;
  max-width: 950px !important;
  margin: 15px auto 22px !important;
  color: var(--apple-ink) !important;
  font-size: clamp(54px, 7.5vw, 104px) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.06em !important;
  font-weight: 650 !important;
  text-shadow: none !important;
  opacity: 1 !important;
  transform: none !important;
}
.hero h1 span,
.hero h1 em {
  color: #86868b !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  font-style: normal !important;
}
.hero p,
.hero-copy > p {
  position: static !important;
  width: min(720px, 100%) !important;
  margin-inline: auto !important;
  color: var(--apple-muted) !important;
  font-size: clamp(17px, 2vw, 22px) !important;
  line-height: 1.7 !important;
  opacity: 1 !important;
  transform: none !important;
}
.hero-copy > .eyebrow,
.hero-copy > .kicker {
  position: static !important;
  opacity: 1 !important;
  transform: none !important;
}
.hero-copy > .btn {
  width: auto !important;
  min-width: 145px !important;
  min-height: 44px !important;
  margin-top: 22px !important;
  padding-inline: 20px !important;
  font-size: 14px !important;
  line-height: 1 !important;
  opacity: 1 !important;
  transform: none !important;
}
.hero-actions,
.actions {
  justify-content: center !important;
  gap: 14px !important;
}
.btn,
.btn-blue,
.btn-light {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 0 23px !important;
  color: #fff !important;
  background: var(--apple-blue) !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  transition:
    transform 0.25s ease,
    background 0.25s ease !important;
}
.btn:hover,
.btn-blue:hover,
.btn-light:hover {
  transform: scale(1.025) !important;
  background: #0b42ca !important;
}
.device,
.dashboard,
.order-card,
.workflow-demo,
.dashboard-preview,
.demo-window {
  border: 1px solid rgba(255, 255, 255, 0.75) !important;
  border-radius: 28px !important;
  box-shadow: var(--apple-shadow) !important;
}

main > section:not(.hero):not(.cta),
.story,
.vision,
.values,
.jordan,
.features,
.service-process,
.search-process,
.analytics-process,
.restaurant-clients,
.doctors,
.hospitals,
.access {
  padding-block: 120px !important;
  background: var(--apple-bg) !important;
}
main > section:nth-of-type(odd):not(.hero):not(.cta) {
  background: #fff !important;
}
.section-head {
  width: min(780px, 100%) !important;
  margin: 0 auto 55px !important;
  text-align: center !important;
}
.section-head h2,
.values-head h2,
.story h2,
.vision h2,
.cta h2 {
  margin: 0 0 20px !important;
  color: var(--apple-ink) !important;
  font-size: clamp(40px, 5.5vw, 72px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.05em !important;
}
.section-head p,
.story p,
.vision p,
.cta p {
  color: var(--apple-muted) !important;
  font-size: 18px !important;
  line-height: 1.8 !important;
}
.grid,
.service-grid,
.value-grid,
.impact,
.hospital-features,
.data-types {
  gap: 16px !important;
}
.card,
.service,
.value,
.impact-card,
.data-type,
.analysis-step,
.process-step,
.patient-card,
.client-card,
.benefit {
  color: var(--apple-ink) !important;
  background: var(--apple-card) !important;
  border: 1px solid var(--apple-line) !important;
  border-radius: 24px !important;
  box-shadow: none !important;
  transform: none;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease !important;
}
.card,
.service,
.value,
.impact-card,
.data-type,
.analysis-step,
.process-step {
  padding: 34px !important;
}
.card:hover,
.service:hover,
.value:hover,
.client-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.08) !important;
}
.card h3,
.service h3,
.value h3,
.data-type h3,
.impact-card h3 {
  color: var(--apple-ink) !important;
  font-size: 23px !important;
}
.card p,
.service p,
.value p,
.data-type p,
.impact-card p {
  color: var(--apple-muted) !important;
  line-height: 1.75 !important;
}
.num,
.icon,
.check {
  color: var(--apple-blue) !important;
  background: rgba(0, 113, 227, 0.09) !important;
  border: 0 !important;
}

.workflow-layout,
.analytics-layout,
.process-layout,
.hospital-grid,
.access-grid,
.story-grid,
.vision-grid {
  align-items: center !important;
  gap: clamp(45px, 8vw, 110px) !important;
}
.workflow-demo,
.dashboard-preview,
.demo-window,
.dashboard,
.order-card {
  overflow: hidden !important;
  background: #fff !important;
}
.cta {
  padding: 16px 16px 100px !important;
  overflow: hidden !important;
  background: var(--apple-bg) !important;
}
.cta > .shell {
  width: min(1080px, 100%) !important;
  margin-inline: auto !important;
}
.cta-box {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  min-height: 420px !important;
  margin: 0 auto !important;
  padding: 70px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 32px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  color: #fff !important;
  background: #000 !important;
  border: 0 !important;
  border-radius: var(--apple-radius) !important;
  box-shadow: none !important;
  text-align: center !important;
}
.cta-box.reveal {
  opacity: 1 !important;
  transform: none !important;
}
.cta-box > div:first-child {
  position: relative !important;
  inset: auto !important;
  width: min(760px, 100%) !important;
  margin: 0 auto !important;
  text-align: center !important;
}
.cta .cta-box h2 {
  position: static !important;
  width: 100% !important;
  max-width: 850px !important;
  margin: 0 auto 18px !important;
  color: #fff !important;
  font-size: clamp(48px, 6.2vw, 82px) !important;
  line-height: 1.06 !important;
  letter-spacing: -0.055em !important;
  font-weight: 650 !important;
  text-align: center !important;
  opacity: 1 !important;
  transform: none !important;
}
.cta .cta-box p {
  position: static !important;
  width: min(620px, 100%) !important;
  margin: 0 auto !important;
  color: #a1a1a6 !important;
  font-size: clamp(18px, 2vw, 23px) !important;
  line-height: 1.65 !important;
  text-align: center !important;
  opacity: 1 !important;
  transform: none !important;
}
.cta-box > .btn {
  flex: 0 0 auto !important;
  margin: 0 !important;
}
.cta .cta-box .btn {
  width: auto !important;
  min-width: 170px !important;
  min-height: 52px !important;
  padding-inline: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  opacity: 1 !important;
  transform: none !important;
}
.cta-box .hero-actions {
  width: 100% !important;
  margin: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
}

/* About */
.manifesto {
  background: #fff !important;
}
.statement {
  max-width: 900px !important;
  margin-inline: auto !important;
  color: var(--apple-ink) !important;
  font-size: clamp(30px, 4vw, 50px) !important;
  line-height: 1.45 !important;
  letter-spacing: -0.04em !important;
  text-align: center !important;
}
.jordan-flag {
  opacity: 0.08 !important;
  filter: grayscale(1) !important;
}

/* Contact */
.layout {
  width: min(1120px, 100%) !important;
  margin: 105px auto 70px !important;
  gap: 16px !important;
}
.intro,
.form-side {
  border: 0 !important;
  border-radius: var(--apple-radius) !important;
  box-shadow: none !important;
}
.intro {
  padding: clamp(42px, 6vw, 72px) !important;
  background: #000 !important;
}
.intro h1 {
  color: #fff !important;
  font-size: clamp(42px, 5vw, 68px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.05em !important;
}
.intro p {
  color: #a1a1a6 !important;
}
.intro .benefit {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}
.form-side {
  padding: clamp(34px, 5vw, 60px) !important;
  background: #fff !important;
}
.form-side h2 {
  color: var(--apple-ink) !important;
  font-size: clamp(30px, 4vw, 46px) !important;
  letter-spacing: -0.04em !important;
}
.choice span,
input,
select,
textarea {
  border: 1px solid #d2d2d7 !important;
  border-radius: 14px !important;
  background: #fbfbfd !important;
  box-shadow: none !important;
}
.choice input:checked + span {
  color: var(--apple-blue) !important;
  border-color: var(--apple-blue) !important;
  background: rgba(0, 113, 227, 0.06) !important;
}
.step {
  background: #d2d2d7 !important;
}
.step.active {
  background: var(--apple-blue) !important;
}

/* Legal */
.legal {
  max-width: 860px !important;
  padding: 125px 0 100px !important;
}
.legal article {
  padding: clamp(32px, 6vw, 72px) !important;
  background: #fff !important;
  border: 0 !important;
  border-radius: var(--apple-radius) !important;
  box-shadow: none !important;
}
.legal h1 {
  margin-bottom: 12px !important;
  color: var(--apple-ink) !important;
  font-size: clamp(48px, 7vw, 78px) !important;
  letter-spacing: -0.055em !important;
}
.legal h2 {
  margin-top: 42px !important;
  color: var(--apple-ink) !important;
  font-size: 23px !important;
}
.legal p,
.legal li {
  color: var(--apple-muted) !important;
  font-size: 16px !important;
  line-height: 1.9 !important;
}
.legal .updated {
  color: var(--apple-blue) !important;
}

body > footer {
  position: relative !important;
  padding: 35px 0 !important;
  color: var(--apple-muted) !important;
  background: var(--apple-bg) !important;
  border-top: 1px solid var(--apple-line) !important;
}
.site-instagram {
  position: absolute;
  inset-inline-end: max(20px, calc((100% - 1080px) / 2));
  bottom: 18px;
  color: var(--apple-blue) !important;
  font:
    500 12px 'Manrope',
    sans-serif;
}
.footer-row {
  min-height: 45px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  font-size: 12px !important;
}
.footer-row a {
  color: var(--apple-muted) !important;
}

html[dir='ltr'] h1,
html[dir='ltr'] h2 {
  font-family:
    'Manrope',
    -apple-system,
    sans-serif !important;
}

@media (max-width: 760px) {
  :root {
    --apple-radius: 24px;
  }
  .shell {
    width: calc(100% - 24px) !important;
  }
  body > header .nav,
  body > header nav {
    width: calc(100% - 28px) !important;
  }
  .back {
    display: none !important;
  }
  .hero {
    min-height: 610px !important;
    height: auto !important;
    padding: 82px 0 42px !important;
  }
  .hero h1 {
    font-size: clamp(46px, 14vw, 68px) !important;
  }
  .hero .hero-copy {
    transform: translateY(14px) !important;
  }
  main > section:not(.hero):not(.cta),
  .story,
  .vision,
  .values,
  .jordan,
  .features,
  .service-process,
  .search-process,
  .analytics-process,
  .restaurant-clients,
  .doctors,
  .hospitals,
  .access {
    padding-block: 85px !important;
  }
  .grid,
  .service-grid,
  .value-grid,
  .impact,
  .hospital-features,
  .data-types,
  .workflow-layout,
  .analytics-layout,
  .process-layout,
  .hospital-grid,
  .access-grid,
  .story-grid,
  .vision-grid {
    grid-template-columns: 1fr !important;
  }
  .cta-box {
    min-height: 360px !important;
    padding: 45px 24px !important;
  }
  .cta .cta-box h2 {
    font-size: clamp(38px, 11vw, 56px) !important;
  }
  .cta .cta-box p {
    font-size: 17px !important;
  }
  .cta .cta-box .btn {
    width: 100% !important;
    max-width: 310px !important;
  }
  .layout {
    margin-top: 75px !important;
    grid-template-columns: 1fr !important;
  }
  .intro {
    min-height: auto !important;
  }
  .legal {
    padding-top: 90px !important;
  }
  .legal article {
    padding: 30px 22px !important;
  }
  .footer-row {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
  .site-instagram {
    position: static;
    display: block;
    width: calc(100% - 24px);
    margin: 14px auto 0;
  }
}

/* Arabic typography needs more vertical room than the Latin display style. */
html[dir='rtl'] .hero-copy {
  width: min(820px, 100%) !important;
}
html[dir='rtl'] .hero h1 {
  max-width: 820px !important;
  font-size: clamp(42px, 6vw, 78px) !important;
  line-height: 1.28 !important;
  letter-spacing: 0 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}
html[dir='rtl'] .section-head h2,
html[dir='rtl'] .values-head h2,
html[dir='rtl'] .story h2,
html[dir='rtl'] .vision h2,
html[dir='rtl'] .statement,
html[dir='rtl'] .cta .cta-box h2 {
  font-size: clamp(36px, 5vw, 64px) !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}
html[dir='rtl'] .hero p,
html[dir='rtl'] .hero-copy > p,
html[dir='rtl'] .section-head p,
html[dir='rtl'] .story p,
html[dir='rtl'] .vision p,
html[dir='rtl'] .cta p {
  line-height: 1.9 !important;
}

@media (max-width: 760px) {
  html[dir='rtl'] .hero {
    min-height: 0 !important;
    padding-block: 100px 70px !important;
  }
  html[dir='rtl'] .hero h1 {
    max-width: calc(100vw - 40px) !important;
    font-size: clamp(38px, 10.5vw, 54px) !important;
    line-height: 1.32 !important;
  }
  html[dir='rtl'] .section-head h2,
  html[dir='rtl'] .values-head h2,
  html[dir='rtl'] .story h2,
  html[dir='rtl'] .vision h2,
  html[dir='rtl'] .statement,
  html[dir='rtl'] .cta .cta-box h2 {
    font-size: clamp(32px, 9vw, 46px) !important;
    line-height: 1.4 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

.ai-agents-page .features .grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.handoff-path {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 14px;
  padding: 15px;
  border: 1px solid var(--apple-line);
  border-radius: 16px;
  background: #f5f5f7;
  color: var(--apple-muted);
  font-size: 11px;
  text-align: center;
}
.handoff-path i {
  width: 22px;
  height: 1px;
  background: var(--apple-blue);
}
.answer-source {
  display: block;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--apple-line);
  color: var(--apple-blue) !important;
  font-weight: 700;
}
.direct-contact {
  margin: 24px 0 4px;
  color: #fff !important;
  background: var(--apple-blue) !important;
}
.reveal {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}
.healthcare-page .access {
  color: var(--apple-ink) !important;
}
.healthcare-page .access h2 {
  color: var(--apple-ink) !important;
  letter-spacing: 0 !important;
}
.healthcare-page .access p {
  color: var(--apple-muted) !important;
}
.healthcare-page .device {
  color: var(--apple-ink) !important;
  background: #fff !important;
  border: 1px solid var(--apple-line) !important;
}
.healthcare-page .device i {
  color: var(--apple-blue) !important;
}
.healthcare-page .device span {
  color: var(--apple-muted) !important;
  font-size: 14px !important;
}
.privacy a {
  color: var(--apple-blue) !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media (max-width: 700px) {
  .ai-agents-page .features .grid {
    grid-template-columns: 1fr !important;
  }
  .handoff-path {
    align-items: stretch;
    flex-direction: column;
  }
  .handoff-path i {
    width: 1px;
    height: 14px;
    margin: auto;
  }
}