/* Jetmo Lab homepage refresh: warm editorial layout, clearer partner identity, calmer cards */
:root {
  --jl-ink: #142333;
  --jl-muted: #566577;
  --jl-paper: #fffefa;
  --jl-line: #e7e8e5;
  --jl-orange: #ed6a2c;
  --jl-teal: #1c9c9a;
}
html { scroll-behavior: smooth; }
body { background: var(--jl-paper) !important; color: var(--jl-ink); }
#root > div > header {
  background: rgba(255,254,250,.92) !important;
  border-bottom: 1px solid rgba(20,35,51,.08) !important;
  box-shadow: 0 4px 18px rgba(20,35,51,.035);
  backdrop-filter: blur(16px);
}
#root > div > header > div { max-width: 1320px !important; height: 76px !important; }
#root > div > header img { width: 174px !important; }
#root > div > main > section:first-child {
  padding-top: 132px !important;
  padding-bottom: 82px !important;
  background:
    radial-gradient(ellipse at 82% 32%, rgba(237,106,44,.11), transparent 33%),
    radial-gradient(ellipse at 13% 18%, rgba(28,156,154,.08), transparent 30%),
    linear-gradient(180deg,#fffefa 0%,#fbfaf6 78%,#fff 100%) !important;
}
#root > div > main > section:first-child > div:nth-child(2) { max-width: 1320px !important; }
#root > div > main > section:first-child > div:nth-child(2) > div {
  align-items: center !important;
  column-gap: clamp(42px, 6vw, 92px) !important;
}
#root > div > main > section:first-child h1 {
  color: var(--jl-ink) !important;
  font-size: clamp(46px,5.15vw,72px) !important;
  line-height: 1.045 !important;
  letter-spacing: -.055em !important;
  max-width: 760px;
}
#root > div > main > section:first-child h1 span { color: var(--jl-orange) !important; }
#root > div > main > section:first-child p {
  max-width: 620px !important;
  color: var(--jl-muted) !important;
  font-size: clamp(16px,1.3vw,18px) !important;
  line-height: 1.72 !important;
}
#root > div > main > section:first-child [class~="border-y"] {
  margin-top: 30px !important;
  padding: 15px 20px 16px !important;
  border: 1px solid rgba(20,35,51,.09) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.8) !important;
  box-shadow: 0 8px 24px rgba(20,35,51,.035);
}
#root > div > main > section:first-child [class~="border-y"] > div:first-child {
  color: #738091 !important;
  font-size: 10px !important;
  letter-spacing: .19em !important;
  margin-bottom: 12px !important;
}
#root > div > main > section:first-child img[src*="avnet.svg"] { width: 112px !important; height: 31px !important; }
#root > div > main > section:first-child img[src*="hku.svg"] { width: 150px !important; height: 36px !important; }
#root > div > main > section:first-child img[src*="emus.jpg"] { width: 164px !important; height: 42px !important; }
#root > div > main > section:first-child [class*="aspect-"] {
  aspect-ratio: 1.08 / 1 !important;
  border-radius: 26px !important;
  border-color: rgba(20,35,51,.12) !important;
  box-shadow: 0 28px 70px rgba(20,35,51,.17) !important;
}
#root > div > main > section:first-child video { object-position: center !important; }
#root > div > main > section:first-child [class*="grid-cols-2"][class*="md:grid-cols-4"] { gap: 10px !important; }
#root > div > main > section:first-child [class*="grid-cols-2"][class*="md:grid-cols-4"] > div {
  min-height: 92px;
  border-radius: 12px !important;
  border-color: rgba(20,35,51,.09) !important;
  background: rgba(255,255,255,.82) !important;
  box-shadow: 0 5px 14px rgba(20,35,51,.025);
}
#root > div > main > section:nth-child(n+2) { scroll-margin-top: 84px; }
#root > div > main > section:nth-child(n+2) h2,
#root > div > main > section:nth-child(n+2) h3 { letter-spacing: -.035em; }
#root > div > main > section:nth-child(n+2) [class*="rounded-2xl"],
#root > div > main > section:nth-child(n+2) [class*="rounded-xl"] {
  border-color: rgba(20,35,51,.09) !important;
}
#root > div > main > section:nth-child(n+2) a { transition: color .18s ease, transform .18s ease, box-shadow .18s ease; }
#root > div > main > section:nth-child(n+2) a:hover { transform: translateY(-1px); }
@media (min-width: 1024px) {
  #root > div > main > section:first-child > div:nth-child(2) > div { grid-template-columns: minmax(0,1.15fr) minmax(390px,.85fr) !important; }
}
@media (max-width: 767px) {
  #root > div > header > div { height: 64px !important; }
  #root > div > header img { width: 148px !important; }
  #root > div > main > section:first-child { padding-top: 102px !important; padding-bottom: 54px !important; }
  #root > div > main > section:first-child h1 { font-size: clamp(40px,11vw,58px) !important; }
  #root > div > main > section:first-child [class~="border-y"] { padding: 14px 12px !important; }
  #root > div > main > section:first-child img[src*="avnet.svg"] { width: 82px !important; }
  #root > div > main > section:first-child img[src*="hku.svg"] { width: 105px !important; }
  #root > div > main > section:first-child img[src*="emus.jpg"] { width: 118px !important; }
  #root > div > main > section:first-child [class*="aspect-"] { aspect-ratio: 1 / 1 !important; border-radius: 20px !important; }
}
@media (max-width: 430px) {
  #root > div > main > section:first-child [class~="border-y"] > div:last-child { gap: 8px !important; }
  #root > div > main > section:first-child img[src*="avnet.svg"] { width: 70px !important; }
  #root > div > main > section:first-child img[src*="hku.svg"] { width: 88px !important; }
  #root > div > main > section:first-child img[src*="emus.jpg"] { width: 100px !important; }
}
@media (min-width: 1024px) {
  #root > div > main > section:first-child > div:nth-child(2) > div { grid-template-columns: minmax(0,1.12fr) minmax(360px,.88fr) !important; }
  #root > div > main > section:first-child > div:nth-child(2) > div > div { grid-column: auto / span 1 !important; }
}
@media (min-width: 1024px) {
  #root > div > main > section:first-child h1 { font-size: clamp(46px,4.25vw,60px) !important; }
  #root > div > main > section:first-child > div:nth-child(2) > div { align-items: start !important; }
  #root > div > main > section:first-child > div:nth-child(2) > div > div:nth-child(2) { padding-top: 48px; }
}
/* Center the partner marks as one balanced group and give them a little more presence. */
#root > div > main > section:first-child [class*="justify-between"][class*="overflow-x-auto"] {
  justify-content: center !important;
  gap: clamp(14px, 2vw, 24px) !important;
}
#root > div > main > section:first-child img[src*="avnet.svg"] { width: 124px !important; height: 34px !important; }
#root > div > main > section:first-child img[src*="hku.svg"] { width: 162px !important; height: 39px !important; }
#root > div > main > section:first-child img[src*="emus.jpg"] { width: 178px !important; height: 46px !important; }
@media (max-width: 767px) {
  #root > div > main > section:first-child [class*="justify-between"][class*="overflow-x-auto"] { gap: 8px !important; }
  #root > div > main > section:first-child img[src*="avnet.svg"] { width: 82px !important; height: 30px !important; }
  #root > div > main > section:first-child img[src*="hku.svg"] { width: 105px !important; height: 34px !important; }
  #root > div > main > section:first-child img[src*="emus.jpg"] { width: 118px !important; height: 38px !important; }
}
/* Give the hero video a little more room in both dimensions. */
@media (min-width: 1024px) {
  #root > div > main > section:first-child > div:nth-child(2) > div { grid-template-columns: minmax(0,1.05fr) minmax(390px,.95fr) !important; }
  #root > div > main > section:first-child [class*="aspect-"] { aspect-ratio: 1 / 1 !important; }
}

/* Trusted robotics ecosystem logo wall */
.jetmo-partner-card {
  box-sizing: border-box; flex: 0 0 178px; min-height: 82px; padding: 16px 18px;
  display: flex; align-items: center; justify-content: center; gap: 12px;
  border: 1px solid #e8e4de; border-radius: 15px; background: #fff;
  color: #262a31; white-space: nowrap;
}
.jetmo-partner-card img { width: 38px; height: 38px; flex: 0 0 38px; object-fit: contain; }
.jetmo-partner-card span { font: 600 14px/1.15 Inter, ui-sans-serif, system-ui, sans-serif; letter-spacing: .015em; }
@media (max-width: 640px) {
  .jetmo-partner-card { flex-basis: 154px; min-height: 72px; padding: 12px 14px; gap: 9px; border-radius: 13px; }
  .jetmo-partner-card img { width: 32px; height: 32px; flex-basis: 32px; }
  .jetmo-partner-card span { font-size: 12px; }
}

/* Hide the four redundant hero feature cards */
.grid.grid-cols-2[class~="md:grid-cols-4"][class~="mt-7"][class~="gap-3"] { display: none !important; }

/* Remove the unused footer social icon row */
.flex.items-center.gap-2:has(i.ri-wechat-fill) { display: none !important; }