/* AMSKU public marketing pages — light/blue look (homepage). */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  background: #fff;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* === TOP BAR === */
.amsku-land-header {
  position: sticky; top: 0; z-index: 1000;
  display: flex; align-items: center; justify-content: space-between;
  padding: 12px 28px; background: rgba(10,25,41,0.92);
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
}
.amsku-land-logo {
  height: 40px; width: auto; display: block;
  background: #fff; padding: 6px 12px; border-radius: 10px;
  box-sizing: content-box; box-shadow: 0 2px 10px rgba(0,0,0,0.18);
}
.amsku-land-nav { display: flex; gap: 12px; align-items: center; }
.amsku-land-navbtn {
  color: #fff; font-weight: 600; font-size: 1rem; text-decoration: none;
  padding: 10px 22px; border: 1px solid rgba(255,255,255,0.35); border-radius: 50px;
  transition: all 0.3s ease; cursor: pointer;
}
.amsku-land-navbtn:hover { background: #006ba1; border-color: #006ba1; }
.amsku-land-navbtn.solid { background: #006ba1; border-color: #006ba1; }
.amsku-land-navbtn.solid:hover { background: #005393; border-color: #005393; }

/* === ROOT === */
#amsku-res-root {
  --primary: #006ba1; --primary-dark: #005393; --primary-light: #e8f4fa;
  --dark: #0a1929; --white: #fff; --bg-light: #f0f4f8;
  --text: #1e293b; --text-mid: #475569; --border: #e2e8f0;
  --shadow-md: 0 4px 20px rgba(0,0,0,0.08); --shadow-lg: 0 12px 40px rgba(0,0,0,0.1);
  --ease: cubic-bezier(0.4,0,0.2,1);
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text); font-size: 18px; line-height: 1.65;
  -webkit-font-smoothing: antialiased; overflow-x: hidden; display: block;
}
#amsku-res-root *, #amsku-res-root *::before, #amsku-res-root *::after { box-sizing: border-box; margin: 0; padding: 0; }
#amsku-res-root > section { width: 100%; }
#amsku-res-root img { max-width: 100%; height: auto; display: block; }
#amsku-res-root a { text-decoration: none; color: inherit; }
#amsku-res-root button { -webkit-appearance: none; appearance: none; font-family: inherit; }
#amsku-res-root.amsku-res-js .amsku-res-anim { opacity: 0; transform: translateY(28px); transition: opacity .7s ease, transform .7s ease; }
#amsku-res-root.amsku-res-js .amsku-res-anim.amsku-res-vis { opacity: 1; transform: translateY(0); }

/* === HERO === */
#amsku-res-root .amsku-res-hero { position: relative; min-height: 560px; display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 90px 24px 72px; }
#amsku-res-root .amsku-res-hero-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; max-width: none; }
#amsku-res-root .amsku-res-hero-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(10,25,41,0.62) 0%, rgba(10,25,41,0.8) 100%); z-index: 1; }
#amsku-res-root .amsku-res-hero-content { position: relative; z-index: 2; text-align: center; color: var(--white); max-width: 880px; margin: 0 auto; }
#amsku-res-root .amsku-res-hero-eyebrow { font-size: clamp(0.95rem, 2vw, 1.2rem); font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: rgba(255,255,255,0.72); margin-bottom: 18px; }
#amsku-res-root .amsku-res-hero-h1 { font-size: clamp(2rem, 5vw, 3.4rem); font-weight: 800; line-height: 1.12; text-shadow: 0 2px 20px rgba(0,0,0,0.3); margin-bottom: 18px; }
#amsku-res-root .amsku-res-hero-sub { font-size: clamp(1.1rem, 2.6vw, 1.5rem); font-weight: 400; opacity: 0.9; margin: 0 auto 30px; max-width: 720px; }
#amsku-res-root .amsku-res-hero-video-wrap { display: flex; flex-direction: column; align-items: center; margin-top: 30px; }
#amsku-res-root .amsku-res-hero-video-frame { position: relative; width: 100%; max-width: 680px; padding-bottom: 56.25%; border-radius: 16px; overflow: hidden; background: #94a3b8; box-shadow: 0 12px 40px rgba(0,0,0,0.4); border: 2px solid #94a3b8; }
#amsku-res-root .amsku-res-hero-video-poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 2; transition: opacity .4s ease; }
#amsku-res-root .amsku-res-hero-video-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 3; display: inline-flex; align-items: center; gap: 10px; background: rgba(0,107,161,0.9); color: #fff; font: 700 1.2rem inherit; padding: 14px 32px; border-radius: 50px; border: none; cursor: pointer; transition: all .35s var(--ease); }
#amsku-res-root .amsku-res-hero-video-play:hover { background: var(--primary); transform: translate(-50%,-50%) scale(1.05); }
#amsku-res-root .amsku-res-hero-video-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: none; z-index: 1; }
#amsku-res-root .amsku-res-hero-video-frame.playing .amsku-res-hero-video-poster,
#amsku-res-root .amsku-res-hero-video-frame.playing .amsku-res-hero-video-play { opacity: 0; pointer-events: none; }
#amsku-res-root .amsku-res-btn-hero-primary { display: inline-flex; align-items: center; justify-content: center; background: #fff; color: var(--primary); font-weight: 700; padding: 15px 36px; border-radius: 50px; font-size: 1.2rem; border: none; cursor: pointer; transition: all .35s var(--ease); box-shadow: 0 4px 20px rgba(255,255,255,0.15); }
#amsku-res-root .amsku-res-btn-hero-primary:hover { background: var(--primary-light); color: var(--primary-dark); transform: translateY(-2px); }

/* === PATHS (3 cards) === */
#amsku-res-root .amsku-res-paths { background: var(--bg-light); padding: clamp(56px,7vw,90px) clamp(20px,4vw,48px); }
#amsku-res-root .amsku-res-paths-inner { max-width: 1280px; margin: 0 auto; }
#amsku-res-root .amsku-res-paths-header { text-align: center; margin-bottom: clamp(36px,5vw,56px); }
#amsku-res-root .amsku-res-paths-h2 { font-size: clamp(1.9rem,4.5vw,3rem); font-weight: 800; color: var(--dark); }
#amsku-res-root .amsku-res-paths-sub { font-size: clamp(1.05rem,2.4vw,1.4rem); color: var(--text-mid); max-width: 700px; margin: 10px auto 0; }
#amsku-res-root .amsku-res-paths-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
#amsku-res-root .amsku-res-path-card { background: #fff; border: 1px solid var(--border); border-radius: 18px; box-shadow: var(--shadow-md); padding: 0 0 28px; display: flex; flex-direction: column; overflow: hidden; transition: all .35s var(--ease); }
#amsku-res-root .amsku-res-path-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
#amsku-res-root .amsku-res-path-card-img { width: 100%; height: 170px; object-fit: cover; }
#amsku-res-root .amsku-res-path-card-body { padding: 26px 26px 0; display: flex; flex-direction: column; flex: 1; }
#amsku-res-root .amsku-res-path-card-title { font-size: 1.4rem; font-weight: 800; color: var(--dark); margin-bottom: 10px; }
#amsku-res-root .amsku-res-path-card-text { font-size: 1.05rem; color: var(--text-mid); line-height: 1.6; flex: 1; margin-bottom: 22px; }
#amsku-res-root .amsku-res-path-card-cta { display: inline-flex; align-items: center; justify-content: center; gap: 8px; margin: 0 26px; background: var(--primary); color: #fff; font-weight: 700; font-size: 1.05rem; padding: 13px 24px; border-radius: 50px; transition: all .3s var(--ease); cursor: pointer; border: none; }
#amsku-res-root .amsku-res-path-card-cta:hover { background: var(--primary-dark); transform: translateY(-2px); color: #fff; }

/* === FAQ === */
#amsku-res-root .amsku-res-faq { position: relative; background: var(--dark) url('https://www.amsku.com/wp-content/uploads/2026/03/doctor-performing-ultrasound-scan-on-patient-s-arm-2026-01-06-09-32-56-utc-scaled.jpg') center/cover no-repeat; padding: clamp(56px,7vw,90px) clamp(20px,4vw,48px); }
#amsku-res-root .amsku-res-faq::before { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10,25,41,0.84), rgba(10,25,41,0.9)); z-index: 0; }
#amsku-res-root .amsku-res-faq-inner { position: relative; z-index: 1; max-width: 900px; margin: 0 auto; }
#amsku-res-root .amsku-res-faq-h2 { font-size: clamp(1.9rem,4.5vw,2.8rem); font-weight: 800; color: #fff; text-align: center; margin-bottom: clamp(32px,5vw,48px); }
#amsku-res-root .amsku-res-faq-item { background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); border-radius: 12px; margin-bottom: 14px; overflow: hidden; }
#amsku-res-root .amsku-res-faq-q { padding: 20px 24px; font-size: 1.15rem; font-weight: 600; color: #fff; cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
#amsku-res-root .amsku-res-faq-q:hover { background: rgba(255,255,255,0.05); }
#amsku-res-root .amsku-res-faq-q svg { width: 20px; height: 20px; stroke: var(--primary-light); stroke-width: 2.5; fill: none; transition: transform .3s ease; flex-shrink: 0; }
#amsku-res-root .amsku-res-faq-item.active .amsku-res-faq-q svg { transform: rotate(180deg); }
#amsku-res-root .amsku-res-faq-a { max-height: 0; overflow: hidden; transition: max-height .4s ease; }
#amsku-res-root .amsku-res-faq-item.active .amsku-res-faq-a { max-height: 500px; }
#amsku-res-root .amsku-res-faq-a-inner { padding: 0 24px 24px; font-size: 1.05rem; color: rgba(255,255,255,0.72); line-height: 1.7; }

/* === FOUNDERS === */
#amsku-res-root .amsku-res-founders { background: linear-gradient(180deg, #fff 0%, #e2eaf2 60%, #c8d6e0 100%); padding: clamp(56px,7vw,90px) clamp(20px,4vw,48px); overflow: hidden; }
#amsku-res-root .amsku-res-founders-inner { max-width: 1240px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px,5vw,72px); align-items: end; }
#amsku-res-root .amsku-res-founders-photo { display: flex; justify-content: center; align-items: flex-end; }
#amsku-res-root .amsku-res-founders-img { width: 100%; max-width: 460px; }
#amsku-res-root .amsku-res-founders-content { align-self: center; padding-bottom: clamp(40px,5vw,72px); }
#amsku-res-root .amsku-res-founders-label { font-size: 1.05rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--primary); margin-bottom: 10px; }
#amsku-res-root .amsku-res-founders-h2 { font-size: clamp(1.9rem,4.5vw,3rem); font-weight: 800; color: var(--dark); margin-bottom: 18px; line-height: 1.15; }
#amsku-res-root .amsku-res-founders-body { font-size: clamp(1.1rem,2.4vw,1.4rem); color: var(--text-mid); line-height: 1.75; margin-bottom: 22px; }
#amsku-res-root .amsku-res-founders-attribution { font-size: 1.1rem; color: var(--primary); font-style: italic; font-weight: 600; }

/* === RESPONSIVE === */
@media (max-width: 1023px) {
  #amsku-res-root .amsku-res-paths-grid { grid-template-columns: 1fr; max-width: 460px; margin: 0 auto; }
  #amsku-res-root .amsku-res-founders-inner { grid-template-columns: 1fr; text-align: center; }
  #amsku-res-root .amsku-res-founders-content { order: 1; padding-bottom: 32px; }
  #amsku-res-root .amsku-res-founders-photo { order: 2; }
  #amsku-res-root .amsku-res-founders-img { max-width: 380px; }
}
@media (max-width: 600px) {
  .amsku-land-header { padding: 10px 14px; }
  .amsku-land-logo { height: 30px; padding: 5px 9px; }
  .amsku-land-navbtn { padding: 8px 16px; font-size: 0.9rem; }
  #amsku-res-root { font-size: 16px; }
  #amsku-res-root .amsku-res-hero { min-height: 440px; padding: 64px 16px 52px; }
}