.ms-landing-page{--ms-purple:#662C89;--ms-purple-dark:#4A1E69;--ms-accent:#8A4BAF;--ms-orange:#F37046;--ms-ink:#322A5C;--ms-text:#475569;--ms-muted:#64748B;--ms-faint:#94A3B8;--ms-line:#E2E8F0;--ms-line-soft:#F1F5F9;--ms-bg-soft:#F8FAFC;--ms-lav:#F6F1FB;box-sizing:border-box;font-family:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#1E293B;width:100%}
.ms-landing-page *,.ms-landing-page *::before,.ms-landing-page *::after{box-sizing:border-box}


/* ---- icons ---- */
.ms-landing-page .ms-ico {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
}

.ms-landing-page .ms-ico-xs { width: 14px; height: 14px; }

.ms-landing-page .ms-ico-sm { width: 20px; height: 20px; }


/* ---- buttons ---- */
.ms-landing-page .ms-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 9999px;
  font-weight: 700;
  font-size: 14px;
  padding: 12px 22px;
  white-space: nowrap;
}

.ms-landing-page .ms-btn-block { width: 100%; border-radius: 8px; padding: 11px 14px; font-size: 12px; margin-top: 8px; }

.ms-landing-page .ms-btn-purple {
  background: var(--ms-purple);
  color: #fff;
  transition: background-color 0.15s ease;
}

.ms-landing-page .ms-btn-purple:hover { background: var(--ms-purple-dark); }

.ms-landing-page .ms-c-purple-i { color: var(--ms-purple); }


/* dots */
.ms-landing-page .ms-dot { width: 12px; height: 12px; border-radius: 50%; display: inline-block; }

.ms-landing-page .ms-dots { display: flex; gap: 8px; }

.ms-landing-page .ms-shot-head .ms-dot { width: 10px; height: 10px; }

.ms-landing-page .ms-dot-red { background: #FCA5A5; }

.ms-landing-page .ms-dot-amber { background: #FCD34D; }

.ms-landing-page .ms-dot-green { background: #6EE7B7; }

.ms-landing-page .ms-due .ms-ico { color: var(--ms-faint); }


/* floating badges */
.ms-landing-page .ms-float-badge {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 20px 40px -12px rgba(74, 30, 105, 0.25);
  border: 1px solid var(--ms-line-soft);
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: 240px;
}

.ms-landing-page .ms-float-badge-br { position: absolute; bottom: 37px; right: -17px; }

.ms-landing-page .ms-fb-ico { width: 40px; height: 40px; border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }

.ms-landing-page .ms-fb-ico-orange { background: rgba(243, 112, 70, 0.09); color: var(--ms-orange); }

.ms-landing-page .ms-fb-big-sm { font-size: 14px; font-weight: 800; color: var(--ms-ink); line-height: 1.2; }

.ms-landing-page .ms-fb-small { font-size: 11px; font-weight: 500; color: var(--ms-muted); margin-top: 2px; }


@keyframes msFloatY { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }

@keyframes msMarquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

.ms-landing-page .ms-shot-panel { grid-area: 1 / 1; opacity: 0; visibility: hidden; transition: opacity 0.3s ease; pointer-events: none; }

.ms-landing-page .ms-shot-panel:not(.is-active) .ms-fax-scan,
.ms-landing-page .ms-shot-panel:not(.is-active) .ms-voice-bar,
.ms-landing-page .ms-shot-panel:not(.is-active) .ms-pulse-dot,
.ms-landing-page .ms-shot-panel:not(.is-active) .ms-ref-bar {
  animation-play-state: paused;
}

.ms-landing-page .ms-shot-panel.is-active { opacity: 1; visibility: visible; position: relative; pointer-events: auto; }

.ms-landing-page .ms-shot-card {
  background: #fff;
  border-radius: 24px;
  box-shadow: 0 25px 50px -12px rgba(102, 44, 137, 0.1);
  border: 1px solid var(--ms-line);
  overflow: hidden;
}

.ms-landing-page .ms-shot-head {
  padding: 14px 20px;
  border-bottom: 1px solid var(--ms-line-soft);
  display: flex; align-items: center; justify-content: space-between;
}

.ms-landing-page .ms-shot-head-mid { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; color: var(--ms-muted); }

.ms-landing-page .ms-shot-head-right { font-size: 12px; color: var(--ms-faint); font-weight: 500; }

.ms-landing-page .ms-shot-body { padding: 20px 24px 24px; }


/* referral bars */
.ms-landing-page .ms-ref-bars { display: flex; flex-direction: column; gap: 14px; }

.ms-landing-page .ms-ref-row { display: block; }

.ms-landing-page .ms-ref-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }

.ms-landing-page .ms-ref-label { font-size: 13px; font-weight: 600; color: #1E293B; }

.ms-landing-page .ms-ref-count { font-size: 12px; font-weight: 700; color: var(--ms-muted); }

.ms-landing-page .ms-ref-track { height: 10px; border-radius: 9999px; background: var(--ms-line-soft); overflow: hidden; }

.ms-landing-page .ms-ref-bar {
  height: 100%;
  border-radius: 9999px;
  width: var(--w);
  transform: scaleX(0);
  transform-origin: left center;
  background: var(--c);
}

.ms-landing-page .ms-ref-bar-1 { --w: 100%; --c: #662C89; --d: 0s; }

.ms-landing-page .ms-ref-bar-2 { --w: 95%;  --c: #8A4BAF; --d: 0.12s; }

.ms-landing-page .ms-ref-bar-3 { --w: 88%;  --c: #B07ACB; --d: 0.24s; }

.ms-landing-page .ms-ref-bar-4 { --w: 77%;  --c: #F37046; --d: 0.36s; }

.ms-landing-page .ms-ref-bar-5 { --w: 70%;  --c: #FF8A52; --d: 0.48s; }

.ms-landing-page .ms-shot-panel.ms-in .ms-ref-bar { animation: msRefGrow 0.9s cubic-bezier(0.22, 1, 0.36, 1) forwards; animation-delay: var(--d); }

@keyframes msRefGrow { from { transform: scaleX(0); } to { transform: scaleX(1); } }


/* fax */
.ms-landing-page .ms-fax-head {
  padding: 12px 20px;
  border-bottom: 1px solid var(--ms-line-soft);
  display: flex; align-items: center; justify-content: space-between;
  background: rgba(248, 250, 252, 0.5);
}

.ms-landing-page .ms-fax-head-l { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; color: var(--ms-muted); }

.ms-landing-page .ms-fax-extracted {
  display: inline-flex; align-items: center; gap: 4px;
  padding: 2px 8px; border-radius: 9999px;
  background: rgba(243, 112, 70, 0.15); color: var(--ms-orange); font-weight: 700; font-size: 11px;
}

.ms-landing-page .ms-fax-grid { display: grid; grid-template-columns: 1.2fr 1fr; }

.ms-landing-page .ms-fax-doc-wrap { padding: 20px; background: var(--ms-bg-soft); border-right: 1px solid var(--ms-line-soft); }

.ms-landing-page .ms-fax-doc {
  position: relative; overflow: hidden;
  background: #fff; border-radius: 8px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  border: 1px solid var(--ms-line); padding: 16px;
  display: flex; flex-direction: column; gap: 10px;
}

.ms-landing-page .ms-fax-scan {
  position: absolute; left: 0; right: 0; top: -4%; height: 3px; z-index: 10; pointer-events: none;
  opacity: 0;
  background: linear-gradient(90deg, transparent, var(--ms-orange), transparent);
  box-shadow: 0 0 14px 2px rgba(243, 112, 70, 0.6);
}


.ms-landing-page .ms-shot-panel.ms-in .ms-fax-scan {
  animation: msFaxScan 2.8s ease-in-out forwards;
}

@keyframes msFaxScan { 0% { top: -4%; opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { top: 104%; opacity: 0; } }

.ms-landing-page .ms-fax-doc-label { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--ms-faint); }

.ms-landing-page .ms-skel { height: 8px; background: var(--ms-line-soft); border-radius: 4px; }

.ms-landing-page .ms-skel-h3 { height: 12px; background: var(--ms-line); }

.ms-landing-page .ms-w-3-4 { width: 75%; }

.ms-landing-page .ms-w-full { width: 100%; }

.ms-landing-page .ms-w-5-6 { width: 83%; }

.ms-landing-page .ms-w-2-3 { width: 66%; }

.ms-landing-page .ms-fax-doc-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding-top: 4px; }

.ms-landing-page .ms-fax-doc-box { height: 64px; background: var(--ms-line-soft); border-radius: 6px; border: 1px dashed #CBD5E1; }

.ms-landing-page .ms-fax-doc-tags { display: flex; gap: 4px; padding-top: 2px; }

.ms-landing-page .ms-fax-tag { padding: 2px 8px; border-radius: 4px; font-size: 9px; font-weight: 700; }

.ms-landing-page .ms-fax-tag-orange { background: rgba(243, 112, 70, 0.15); color: var(--ms-orange); }

.ms-landing-page .ms-fax-tag-purple { background: rgba(102, 44, 137, 0.1); color: var(--ms-purple); }

.ms-landing-page .ms-fax-fields { padding: 20px; display: flex; flex-direction: column; gap: 14px; }

  @keyframes msFaxField {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


.ms-landing-page .ms-fax-v-row {
  opacity: 0;
}


.ms-landing-page .ms-shot-panel.ms-in .ms-fax-v-row {
  animation: msFaxField 0.5s ease forwards;
}


@media (prefers-reduced-motion: reduce) {
  .ms-landing-page .ms-fax-v-row {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
}

.ms-landing-page .ms-fax-k { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--ms-faint); margin-bottom: 4px; }

.ms-landing-page .ms-fax-v-row { display: flex; align-items: center; gap: 8px; min-height: 20px; }

.ms-landing-page .ms-fax-v { font-size: 13px; font-weight: 600; color: var(--ms-ink); }

.ms-landing-page .ms-fax-verified { font-size: 9px; font-weight: 700; padding: 2px 6px; border-radius: 4px; background: #D1FAE5; color: #047857; }


/* voice */
.ms-landing-page .ms-voice-head {
  padding: 14px 20px;
  border-bottom: 1px solid var(--ms-line-soft);
  display: flex; align-items: center; justify-content: space-between;
}

.ms-landing-page .ms-voice-head-l { display: flex; align-items: center; gap: 12px; }

.ms-landing-page .ms-voice-ico {
  width: 44px; height: 44px; border-radius: 12px;
  display: flex; align-items: center; justify-content: center; color: #fff;
  background: linear-gradient(135deg, #F37046 0%, #FF8A52 100%);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.ms-landing-page .ms-voice-eyebrow { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.16em; color: var(--ms-purple); }

.ms-landing-page .ms-voice-title { font-size: 15px; font-weight: 800; color: var(--ms-ink); line-height: 1.2; }

.ms-landing-page .ms-voice-status { display: flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 700; color: #059669; }

.ms-landing-page .ms-pulse-dot { width: 6px; height: 6px; border-radius: 50%; background: #10B981; animation: msPulse 1.6s ease-in-out infinite; }

@keyframes msPulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }

.ms-landing-page .ms-voice-body { padding: 24px; }

.ms-landing-page .ms-voice-wave {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;                       /* gap-[3px] */
  height: 64px;                   /* h-16 */
  margin-bottom: 24px;            /* mb-6 */
  border-radius: 12px;            /* rounded-xl */
  background: var(--ms-bg-soft);  /* slate-50  #F8FAFC */
  border: 1px solid var(--ms-line-soft); /* slate-100 #F1F5F9 */
  padding-left: 16px;             /* px-4 */
  padding-right: 16px;
}

.ms-landing-page .ms-voice-bar {
  flex: 1;
  height: 70%;
  min-width: 2px;
  border-radius: 9999px;
  transform-origin: center;
  transform: scaleY(0.18);
  opacity: 0.65;
  transition: transform 0.18s ease, opacity 0.18s ease;
}



/* reduced-motion (original .ms-voice-bar rule) */
@media (prefers-reduced-motion: reduce) {
  .ms-landing-page .ms-voice-bar { animation: none !important; transform: scaleY(0.4) !important; }
}

@keyframes msWave { 0%, 100% { transform: scaleY(0.5); } 50% { transform: scaleY(1); } }

.ms-landing-page .ms-voice-log { display: flex; flex-direction: column; gap: 10px; }

.ms-landing-page .ms-voice-item {
  display: flex; align-items: center; gap: 12px;
  background: var(--ms-bg-soft); border-radius: 12px; padding: 12px 16px;
  border: 1px solid var(--ms-line-soft);
}

.ms-landing-page .ms-voice-item-ico { width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }

.ms-landing-page .ms-vi-orange { background: rgba(243, 112, 70, 0.09); color: var(--ms-orange); }

.ms-landing-page .ms-vi-purple { background: rgba(102, 44, 137, 0.08); color: var(--ms-purple); }

.ms-landing-page .ms-voice-item-mid { flex: 1; }

.ms-landing-page .ms-voice-item-label { font-size: 13px; font-weight: 700; color: var(--ms-ink); }

.ms-landing-page .ms-voice-item-time { font-size: 11px; color: var(--ms-muted); }

.ms-landing-page .ms-voice-item-status {
  font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em;
  padding: 4px 8px; border-radius: 9999px; background: #D1FAE5; color: #047857; white-space: nowrap;
}


@media (max-width: 768px) {
  .ms-landing-page .ms-problem,
  .ms-landing-page .ms-solution,
  .ms-landing-page .ms-quotes,
  .ms-landing-page .ms-onboarding,
  .ms-landing-page .ms-ehr,
  .ms-landing-page .ms-final { padding: 64px 0; }
  .ms-landing-page .ms-proof { padding: 64px 0; }
  .ms-landing-page .ms-section-head { margin-bottom: 40px; }
  .ms-landing-page .ms-cards-3,
  .ms-landing-page .ms-cards-2,
  .ms-landing-page .ms-quote-pair,
  .ms-landing-page .ms-proof-grid { grid-template-columns: 1fr; }
  .ms-landing-page .ms-ehr-grid { grid-template-columns: 1fr 1fr; }
  .ms-landing-page .ms-quote-feature-main { padding: 28px; }
  .ms-landing-page .ms-quote-feature-side { padding: 28px; }
  .ms-landing-page .ms-quote-text { font-size: 19px; }
  .ms-landing-page .ms-ehr-panel { padding: 24px; }
  .ms-landing-page .ms-fax-grid { grid-template-columns: 1fr; }
  .ms-landing-page .ms-fax-doc-wrap { border-right: 0; border-bottom: 1px solid var(--ms-line-soft); }
  .ms-landing-page .ms-float-badge-bl,
  .ms-landing-page .ms-float-badge-tr,
  .ms-landing-page .ms-float-badge-br { display: none; }
  .ms-landing-page .ms-br-sm { display: none; }
  .ms-landing-page .ms-hero-inner { padding-top: 40px; padding-bottom: 48px; }
  .ms-landing-page .ms-hero-shot-wrap { margin-top: 32px; }
  .ms-landing-page .ms-trust-badges { gap: 8px; flex-wrap: nowrap; }
  .ms-landing-page .ms-trust-badge { padding: 6px 10px 6px 6px; }
  .ms-landing-page .ms-tb-label { font-size: 10px; letter-spacing: 0.06em; }
  .ms-landing-page .ms-tb-ico { width: 20px; height: 20px; }
  .ms-landing-page .ms-cred-text { font-size: 16px; }
}


  @media (max-width: 1100px) {
  .ms-landing-page .ms-appshot-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }

  .ms-landing-page .ms-appshot {
    min-width: 1040px;
  }
  .ms-landing-page .ms-swipe-hint { display: flex; }
  .ms-landing-page .ms-row {
    grid-template-columns:
      140px
      190px
      150px
      210px
      260px
      140px;
  }

  .ms-landing-page .ms-cell-patient > div,
  .ms-landing-page .ms-cell-ref,
  .ms-landing-page .ms-cell-title {
    min-width: 0;
  }

  .ms-landing-page .ms-cell-status {
    min-width: 0;
  }
}


@media (max-width: 480px) {
  .ms-landing-page .ms-ehr-grid { grid-template-columns: 1fr; }
  .ms-landing-page .ms-card { padding: 24px; }
}


@media (prefers-reduced-motion: reduce) {
  .ms-landing-page .ms-float,
  .ms-landing-page .ms-marquee-track,
  .ms-landing-page .ms-fax-scan,
  .ms-landing-page .ms-pulse-dot,
  .ms-landing-page .ms-voice-wave::before { animation: none !important; }
  .ms-landing-page .ms-ref-bar { width: var(--w) !important; transform: scaleX(1) !important; animation: none !important; }
}


@media (prefers-reduced-motion: reduce) {
  .ms-landing-page .ms-appshot,
  .ms-landing-page .ms-appshot-table > .ms-row:not(.ms-row-head),
  .ms-landing-page .ms-status-scheduled,
  .ms-landing-page .ms-bucket-count {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}
.solution_visual .ms-landing-page{width:100%;max-width:32rem;margin:0 auto}
.solution_visual .ms-shot-panel{position:relative;display:block;opacity:1;visibility:visible;transform:none;pointer-events:auto}
.solution_visual .ms-btn{cursor:default}

/* ===== new-site skin ===== */
.ms-landing-page{--ms-purple:#6a2f8c;--ms-accent:#c03494;--ms-ink:#15122c;--ms-text:#5c5570;--ms-muted:#8a84a3;--ms-faint:#a29bbd;--ms-line:#ece6f1;--ms-line-soft:#f3eef9;--ms-bg-soft:#faf8fd;--ms-lav:#f6f1fb}
.ms-landing-page .ms-shot-card{border-radius:18px;border:1px solid #ece6f1;box-shadow:0 24px 60px -28px rgba(50,20,80,0.32)}
.ms-landing-page .ms-shot-head{background:#f6f1fb;border-bottom:1px solid #ece6f1;padding:13px 18px;display:flex;align-items:center;justify-content:flex-start;gap:10px}
.ms-landing-page .ms-shot-head-mid{font-family:"Plus Jakarta Sans",sans-serif;font-weight:700;font-size:0.85rem;color:#15122c;display:flex;align-items:center;gap:8px}
.ms-landing-page .ms-shot-head-right{margin-left:auto;font-size:0.72rem;font-weight:700;color:#8a84a3;display:inline-flex;align-items:center;gap:7px}
.ms-landing-page .ms-ref-bar-1{--c:#6a2f8c}
.ms-landing-page .ms-ref-bar-2{--c:#8a4bad}
.ms-landing-page .ms-ref-bar-3{--c:#c03494}
.ms-landing-page .ms-ref-bar-4{--c:#f37046}
.ms-landing-page .ms-ref-bar-5{--c:#ff8a52}
.ms-landing-page .ms-pulse-dot{background:#f37046}
.ms-landing-page .msol-live_text{color:#6a2f8c;font-size:0.72rem;font-weight:700}
.ms-landing-page .ms-voice-bar{transition:transform 0.26s ease,opacity 0.26s ease}