/* Autonomous Healthcare — shared styles */
body{margin:0;background:#fbfcfd;color:#0e1626;font-family:'IBM Plex Sans',sans-serif;-webkit-font-smoothing:antialiased}

/* nav */
.navlink{font-size:14.5px;font-weight:500;color:#0e1626;text-decoration:none}
.navlink:hover,.navlink.active{color:#2a6db5}
.btn-contact{font-size:14px;font-weight:600;text-decoration:none;color:#fff;background:#1d3a78;padding:10px 22px;border-radius:4px}
.btn-contact:hover{background:#2a6db5}

/* buttons + links */
.btn-primary{display:inline-block;text-decoration:none;background:#1d3a78;color:#fff;font-weight:600;font-size:15.5px;padding:15px 30px;border-radius:4px}
.btn-primary:hover{background:#2a6db5}
.cta-cyan{text-decoration:none;background:#29b9e6;color:#0e1626;font-weight:600;font-size:15.5px;padding:15px 30px;border-radius:4px;white-space:nowrap}
.cta-cyan:hover{background:#8fd8f0}
.link-blue{font-weight:600;color:#2a6db5;text-decoration:none}
.link-blue:hover{color:#1d3a78}
.fda-strip{display:block;text-decoration:none;color:#fff;background:#1d3a78;cursor:pointer}
.fda-strip:hover{background:#20448f}
@media (max-width:1240px){.fda-strip-text{white-space:normal !important;font-size:14px !important}}
.ieee:hover{border-color:#29b9e6 !important}

/* cards */
.card-hover{transition:border-color .15s ease,box-shadow .15s ease}
.card-hover:hover{border-color:#2a6db5;box-shadow:0 4px 20px rgba(29,58,120,.08)}
.paper{transition:box-shadow .15s ease}
.paper:hover{box-shadow:0 8px 24px rgba(14,22,38,.1)}

/* footer */
.footlink{color:#dde5ef;text-decoration:none;cursor:pointer}
.footlink:hover{color:#29b9e6}
.maillink{color:#29b9e6;text-decoration:none}
.maillink:hover{color:#8fd8f0}
.linkedin{display:flex;align-items:center;gap:8px;color:#dde5ef;text-decoration:none;font-size:14px;border:1px solid #33465f;border-radius:4px;padding:8px 14px}
.linkedin:hover{border-color:#29b9e6;color:#29b9e6}

/* animations (paused entirely for reduced-motion users) */
@keyframes ahFlow{to{stroke-dashoffset:-14}}
@keyframes ahPulse{0%,100%{box-shadow:0 0 0 0 rgba(41,185,230,.35)}50%{box-shadow:0 0 0 12px rgba(41,185,230,0)}}
@keyframes ahChip{0%,58%,100%{opacity:.45;transform:translateX(0)}66%,86%{opacity:1;transform:translateX(2px)}}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none !important;transition:none !important}
}

/* scroll reveal (activated by reveal.js; no effect without it) */
.rv{opacity:0;transform:translateY(18px);transition:opacity .85s cubic-bezier(.22,.61,.36,1),transform .85s cubic-bezier(.22,.61,.36,1)}
.rv-in{opacity:1;transform:none}

/* ===== responsive: tablet (821–1024px) ===== */
@media (max-width:1024px) and (min-width:821px){
  [style*="grid-template-columns:1fr 1fr 1fr"],
  [style*="grid-template-columns:repeat(3,1fr)"]{grid-template-columns:1fr 1fr !important}
}

/* ===== responsive: mobile (≤820px) ===== */
@media (max-width:820px){
  /* nav: logo row + wrapping link row */
  nav > div{height:auto !important;flex-wrap:wrap !important;justify-content:center !important;padding:10px 16px 12px !important;row-gap:8px !important;column-gap:16px !important}
  nav > div > a img{height:42px !important}
  nav > div > div{gap:14px !important;flex-wrap:wrap;justify-content:center}
  .navlink{font-size:13.5px}
  .btn-contact{font-size:13px;padding:8px 14px}

  /* containers: tighter side padding */
  [style*="max-width:1280px"],
  [style*="max-width:1080px"]{padding-left:20px !important;padding-right:20px !important}

  /* stack all multi-column grids */
  [style*="grid-template-columns:1fr 1.05fr"],
  [style*="grid-template-columns:1.15fr 1fr"],
  [style*="grid-template-columns:1.1fr 1fr"],
  [style*="grid-template-columns:1fr 1.4fr"],
  [style*="grid-template-columns:1fr 1fr;gap:64px"],
  [style*="grid-template-columns:1fr 1fr;gap:28px"],
  [style*="grid-template-columns:1fr 1fr 1fr"],
  [style*="grid-template-columns:repeat(3,1fr)"]{grid-template-columns:1fr !important;gap:28px !important}

  /* how-it-works pipeline: vertical flow, arrows point down */
  [style*="grid-template-columns:1fr auto 1.2fr auto 1fr"]{grid-template-columns:1fr !important;gap:12px !important;justify-items:center}
  [style*="grid-template-columns:1fr auto 1.2fr auto 1fr"] > svg{transform:rotate(90deg)}
  [style*="grid-template-columns:1fr auto 1.2fr auto 1fr"] > div{width:100%;box-sizing:border-box}

  /* FDA strip + IEEE feature: allow wrapping */
  .fda-strip > div{flex-wrap:wrap}
  .fda-strip > div > div{flex-wrap:wrap}
  .ieee{flex-wrap:wrap !important}
  .ieee span{white-space:normal !important;margin-left:0 !important}

  /* headline scale */
  h1{font-size:clamp(34px,10vw,48px) !important}
}