/* ================================================================
   SKAASMEDICS PUBLIC HOSPITAL PAGE — EXACT STRUCTURE V1
   ================================================================ */

:root{
  --sm-navy:#082653;
  --sm-blue:#1573dc;
  --sm-green:#009b7c;
  --sm-green-dark:#007d65;
  --sm-mint:#e5faf5;
  --sm-sky:#eaf5ff;
  --sm-rose:#fff0f2;
  --sm-amber:#fff6df;
  --sm-violet:#f1edff;
  --sm-text:#253f68;
  --sm-muted:#6a7f9e;
  --sm-line:#dbe8ee;
  --sm-bg:#ffffff;
}

*{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body.sm-public{
  margin:0;
  width:100%;
  overflow-x:hidden;
  background:#fff;
  color:var(--sm-navy);
  font-family:
    Inter,
    Arial,
    Helvetica,
    sans-serif;
}

.sm-svg-library{
  width:0;
  height:0;
  position:absolute;
  overflow:hidden;
}

.sm-container{
  width:min(
    1280px,
    calc(100% - 60px)
  );
  margin-inline:auto;
}

.sm-section{
  padding:14px 0;
}

.sm-section h2,
.sm-heading-row h2{
  margin:0;
  color:var(--sm-navy);
  font-size:20px;
  line-height:1.15;
  letter-spacing:-.02em;
}

.sm-sub,
.sm-heading-row p{
  margin:3px 0 0;
  color:var(--sm-muted);
  font-size:11px;
}


/* HERO */

.sm-hero{
  position:relative;
  overflow:hidden;
  min-height:410px;
  background:
    linear-gradient(
      96deg,
      #fff 0%,
      #fff 41%,
      #effafa 64%,
      #edf9fd 100%
    );
}

.sm-hero-bg{
  position:absolute;
  inset:0;
  pointer-events:none;
}

.sm-hero-bg::before{
  content:"";
  position:absolute;
  left:-4%;
  bottom:-85px;
  width:430px;
  height:190px;
  border-radius:50%;
  background:#e8faf7;
  transform:rotate(11deg);
}

.sm-hero-bg::after{
  content:"";
  position:absolute;
  right:-8%;
  bottom:-90px;
  width:450px;
  height:180px;
  border-radius:50%;
  background:#f2fbfd;
  transform:rotate(-10deg);
}

.sm-hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:43% 57%;
  min-height:410px;
}

.sm-hero-copy{
  padding:
    18px 12px
    26px 84px;
}

.sm-logo{
  width:245px;
  height:62px;
  object-fit:contain;
  object-position:left center;
}

.sm-nexus-pill{
  width:max-content;
  margin-top:4px;
  padding:6px 12px;
  border-radius:20px;
  background:#d9f7ef;
  color:#087f6b;
  font-size:9px;
  font-weight:800;
  letter-spacing:.07em;
}

.sm-hero h1{
  max-width:470px;
  margin:11px 0 9px;
  font-size:35px;
  line-height:1.02;
  letter-spacing:-.045em;
  color:#082653;
}

.sm-hero h1 span{
  display:block;
}

.sm-hero-copy > p{
  max-width:475px;
  margin:0;
  color:#45648d;
  font-size:14px;
  line-height:1.34;
}

.sm-hero-actions{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:15px;
}

.sm-btn{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:0 27px;
  border-radius:7px;
  border:1px solid transparent;
  text-decoration:none;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}

.sm-btn svg{
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.sm-btn-green{
  background:
    linear-gradient(
      180deg,
      #07a184,
      #00876f
    );
  color:#fff;
  box-shadow:
    0 7px 15px
    rgba(0,143,117,.16);
}

.sm-btn-outline{
  background:#fff;
  border-color:#38ae9e;
  color:#05856f;
}

.sm-play{
  width:21px;
  height:21px;
  display:grid;
  place-items:center;
  border:2px solid #0a987e;
  border-radius:50%;
  font-size:7px;
}

.sm-mini-benefits{
  display:flex;
  gap:28px;
  margin-top:16px;
}

.sm-mini-benefits > div{
  display:flex;
  align-items:center;
  gap:9px;
}

.sm-mini-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#e4f9f4;
  color:#07927b;
}

.sm-mini-icon svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
}

.sm-mini-benefits p{
  margin:0;
  display:flex;
  flex-direction:column;
}

.sm-mini-benefits strong{
  font-size:9px;
}

.sm-mini-benefits small{
  color:#778ca7;
  font-size:8px;
}


/* HERO VISUAL */

.sm-hero-visual{
  position:relative;
  min-width:0;
}

.sm-doctor-panel{
  position:absolute;
  left:0;
  bottom:0;
  width:60%;
  height:100%;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  overflow:hidden;
}

.sm-doctor-panel::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,.95),
      rgba(255,255,255,.06) 28%,
      rgba(255,255,255,0)
    );
  z-index:2;
}

.sm-doctor-panel img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center bottom;
}

.sm-care-note{
  position:absolute;
  z-index:5;
  top:37px;
  left:1%;
  transform:rotate(-5deg);
  color:#078c77;
  font-family:cursive;
}

.sm-care-note span,
.sm-care-note strong{
  display:block;
}

.sm-care-note span{
  font-size:20px;
}

.sm-care-note strong{
  font-size:22px;
  font-weight:500;
}

.sm-glance-card{
  position:absolute;
  z-index:8;
  top:44px;
  right:17%;
  width:285px;
  min-height:300px;
  padding:16px;
  border:1px solid #d8e8eb;
  border-radius:9px;
  background:rgba(255,255,255,.96);
  box-shadow:
    0 14px 38px
    rgba(24,69,91,.13);
}

.sm-glance-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
}

.sm-glance-head strong{
  font-size:12px;
}

.sm-glance-head span{
  color:#7d8da3;
  font-size:7px;
}

.sm-glance-stats{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-top:11px;
}

.sm-glance-stats article{
  min-height:48px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px;
  border-radius:6px;
}

.sm-glance-stats svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
}

.sm-glance-stats span{
  font-size:8px;
  font-weight:700;
}

.mint{
  background:#e9faf6 !important;
  color:#058f77;
}

.blue{
  background:#edf6ff !important;
  color:#1474d5;
}

.rose{
  background:#fff0f3 !important;
  color:#df3550;
}

.amber{
  background:#fff7e4 !important;
  color:#cc8900;
}

.violet{
  background:#f2efff !important;
  color:#6657d8;
}

.green{
  background:#e9faf4 !important;
  color:#139763;
}

.sm-recent-title{
  display:flex;
  justify-content:space-between;
  margin-top:15px;
  font-size:8px;
  font-weight:800;
}

.sm-recent-title span{
  color:#6f86a1;
  font-weight:500;
}

.sm-recent{
  display:grid;
  gap:5px;
  margin-top:7px;
}

.sm-recent > div{
  display:grid;
  grid-template-columns:24px 1fr auto;
  gap:7px;
  align-items:center;
}

.sm-recent b{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#0b9480;
  color:#fff;
  font-size:6px;
}

.sm-recent strong{
  font-size:7px;
}

.sm-recent span{
  color:#607b9c;
  font-size:6px;
}

.sm-health-message{
  position:absolute;
  z-index:8;
  top:100px;
  right:0;
  display:flex;
  align-items:flex-start;
  gap:10px;
}

.sm-health-message > div{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#07967d;
  color:#fff;
  font-size:28px;
  font-weight:400;
}

.sm-health-message span{
  color:#07586d;
  font-size:12px;
  line-height:1.35;
}


/* STRIP */

.sm-stats{
  margin-top:-1px;
}

.sm-stats-grid{
  min-height:60px;
  display:grid;
  grid-template-columns:
    1fr auto
    1fr auto
    1fr auto
    1fr auto
    1fr auto
    1fr;
  align-items:center;
  gap:11px;
  padding:8px 18px;
  border-radius:7px;
  background:
    linear-gradient(
      90deg,
      #effbfa,
      #f8fbff
    );
}

.sm-stats-grid > div{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}

.sm-stats-grid svg{
  width:28px;
  height:28px;
  fill:none;
  stroke:#07967d;
  stroke-width:1.8;
}

.sm-stats-grid p{
  margin:0;
  display:flex;
  flex-direction:column;
}

.sm-stats-grid strong{
  font-size:13px;
}

.sm-stats-grid span{
  margin-top:2px;
  color:#59738e;
  font-size:8px;
}

.sm-stats-grid > i{
  width:1px;
  height:30px;
  background:#aac0d2;
}


/* MODULES */

.sm-heading-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

.sm-heading-row > span{
  padding:7px 13px;
  border-radius:30px;
  background:#e2f9f4;
  color:#058a74;
  font-size:8px;
}

.sm-modules-grid{
  display:grid;
  grid-template-columns:
    repeat(6,1fr);
  gap:10px;
  margin-top:10px;
}

.sm-module{
  min-height:76px;
  display:grid;
  grid-template-columns:47px 1fr;
  gap:10px;
  align-items:center;
  padding:11px;
  border-radius:8px;
}

.sm-module-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(255,255,255,.65);
}

.sm-module-icon svg{
  width:24px;
  height:24px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
}

.sm-module h3{
  margin:0;
  color:#0a2d59;
  font-size:10px;
  line-height:1.12;
}

.sm-module p{
  margin:4px 0 0;
  color:#617a98;
  font-size:7px;
  line-height:1.3;
}


/* JOURNEY */

.sm-journey-grid{
  display:grid;
  grid-template-columns:
    1fr auto
    1fr auto
    1fr auto
    1fr auto
    1fr auto
    1fr;
  gap:6px;
  align-items:center;
  margin-top:9px;
}

.sm-journey-grid article{
  min-height:55px;
  display:grid;
  grid-template-columns:32px 21px 1fr;
  gap:6px;
  align-items:center;
  padding:7px;
  border-radius:8px;
}

.sm-step-icon{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(255,255,255,.8);
}

.sm-step-icon svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
}

.sm-journey-grid article > b{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:currentColor;
  color:#fff;
  font-size:7px;
}

.sm-journey-grid article > div:last-child{
  display:flex;
  flex-direction:column;
}

.sm-journey-grid strong{
  color:#0b2c58;
  font-size:8px;
  line-height:1.1;
}

.sm-journey-grid span{
  margin-top:3px;
  color:#6c829a;
  font-size:6px;
}

.sm-flow-arrow{
  color:#6384a3;
  font-size:18px;
}


/* INTEGRATIONS */

.sm-integrations-grid{
  display:grid;
  grid-template-columns:
    repeat(10,1fr);
  gap:7px;
  margin-top:9px;
}

.sm-integrations-grid article{
  min-height:51px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:7px 8px;
  border:1px solid #dfe9ee;
  border-radius:7px;
  background:#fff;
}

.sm-integrations-grid img{
  width:28px;
  height:24px;
  object-fit:contain;
}

.sm-integrations-grid > article > div:last-child{
  display:flex;
  flex-direction:column;
  min-width:0;
}

.sm-integrations-grid strong{
  color:#0a2d59;
  font-size:7px;
  line-height:1.1;
}

.sm-integrations-grid span{
  color:#6e829b;
  font-size:6px;
}

.sm-integration-icon{
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  border-radius:7px;
  background:#eef8fb;
  color:#1270c9;
}

.sm-integration-icon svg{
  width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
}

.sm-brand-pair{
  display:flex;
  gap:1px;
  align-items:center;
}

.sm-brand-pair img{
  width:22px;
}

.sm-text-logo{
  min-width:29px;
  font-size:8px !important;
  font-weight:900;
  color:#d12a34 !important;
}

.sm-text-logo.sha{
  color:#1258bd !important;
}

.sm-text-logo.nssf{
  color:#52a51b !important;
}

.sm-text-logo.nhif{
  color:#19316c !important;
}


/* WHY */

.sm-why-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:9px;
  margin-top:9px;
}

.sm-why-grid article{
  min-height:51px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius:7px;
  background:
    linear-gradient(
      90deg,
      #eefaf9,
      #f4f9ff
    );
}

.sm-why-grid svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:#078d76;
  stroke-width:1.8;
}

.sm-why-grid div{
  display:flex;
  flex-direction:column;
}

.sm-why-grid strong{
  color:#0b2e58;
  font-size:8px;
}

.sm-why-grid span{
  margin-top:3px;
  color:#67809a;
  font-size:6px;
}


/* DASHBOARDS */

.sm-dashboard-layout{
  display:grid;
  grid-template-columns:1fr 165px;
  gap:12px;
  margin-top:9px;
}

.sm-dashboard-previews{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:9px;
}

.sm-preview{
  min-height:105px;
  padding:8px;
  border:1px solid #dce7ec;
  border-radius:7px;
  background:#fff;
  box-shadow:
    0 5px 15px
    rgba(20,53,77,.04);
}

.sm-preview > strong{
  font-size:7px;
}

.sm-preview-body{
  margin-top:8px;
}

.sm-preview-bars{
  height:72px;
  display:flex;
  align-items:flex-end;
  gap:4px;
}

.sm-preview-bars i{
  flex:1;
  border-radius:2px 2px 0 0;
  background:#1591dc;
}

.sm-preview-bars.green i{
  background:#13ae87;
}

.sm-preview-lines,
.sm-preview-table{
  display:grid;
  gap:6px;
  margin-top:10px;
}

.sm-preview-lines span,
.sm-preview-table span{
  height:9px;
  border-radius:4px;
  background:#edf4f7;
}

.sm-preview-lines span:nth-child(2){
  width:75%;
}

.sm-preview-lines span:nth-child(3){
  width:88%;
}

.sm-preview-table span:nth-child(odd){
  background:#eff9f6;
}

.sm-insight-card{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:105px;
  padding:20px;
  border-radius:9px;
  background:
    linear-gradient(
      160deg,
      #edfafa,
      #f4fbff
    );
}

.sm-insight-card svg{
  width:36px;
  height:36px;
  fill:none;
  stroke:#099376;
  stroke-width:1.8;
}

.sm-insight-card strong{
  display:flex;
  flex-direction:column;
  margin-top:10px;
  font-size:13px;
  line-height:1.15;
}

.sm-insight-card strong span{
  color:#078c75;
}


/* CTA */

.sm-bottom-cta{
  padding:7px 0 18px;
}

.sm-bottom-inner{
  min-height:62px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:8px 18px;
  border-radius:8px;
  background:
    linear-gradient(
      90deg,
      #e2faf5,
      #f0fbfc
    );
}

.sm-bottom-message{
  display:flex;
  align-items:center;
  gap:13px;
}

.sm-bottom-message > span{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#adf2df;
  color:#078f77;
}

.sm-bottom-message svg{
  width:24px;
  height:24px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
}

.sm-bottom-message > div{
  display:flex;
  flex-direction:column;
}

.sm-bottom-message strong{
  color:#082653;
  font-size:17px;
}

.sm-bottom-message b{
  color:#f26922;
}

.sm-bottom-message small{
  margin-top:3px;
  color:#607d94;
  font-size:8px;
}

.sm-bottom-actions{
  display:flex;
  gap:12px;
}


/* RESPONSIVE */

@media(max-width:1180px){

  .sm-container{
    width:calc(100% - 32px);
  }

  .sm-hero-copy{
    padding-left:25px;
  }

  .sm-modules-grid{
    grid-template-columns:repeat(3,1fr);
  }

  .sm-integrations-grid{
    grid-template-columns:repeat(5,1fr);
  }

  .sm-why-grid{
    grid-template-columns:repeat(3,1fr);
  }

  .sm-dashboard-previews{
    grid-template-columns:repeat(3,1fr);
  }

  .sm-journey-grid{
    grid-template-columns:1fr;
  }

  .sm-flow-arrow{
    transform:rotate(90deg);
    text-align:center;
  }

}


@media(max-width:860px){

  .sm-hero{
    min-height:auto;
  }

  .sm-hero-grid{
    grid-template-columns:1fr;
  }

  .sm-hero-copy{
    padding:34px 10px;
    text-align:center;
  }

  .sm-logo{
    object-position:center;
  }

  .sm-nexus-pill{
    margin-inline:auto;
  }

  .sm-hero h1,
  .sm-hero-copy > p{
    margin-left:auto;
    margin-right:auto;
  }

  .sm-hero-actions,
  .sm-mini-benefits{
    justify-content:center;
  }

  .sm-hero-visual{
    min-height:410px;
  }

  .sm-doctor-panel{
    left:5%;
    width:65%;
  }

  .sm-glance-card{
    right:5%;
  }

  .sm-health-message{
    display:none;
  }

  .sm-stats-grid{
    grid-template-columns:repeat(3,1fr);
  }

  .sm-stats-grid > i{
    display:none;
  }

  .sm-dashboard-layout{
    grid-template-columns:1fr;
  }

  .sm-insight-card{
    min-height:120px;
  }

}


@media(max-width:620px){

  .sm-container{
    width:calc(100% - 20px);
  }

  .sm-hero-copy{
    padding-top:24px;
  }

  .sm-logo{
    width:215px;
  }

  .sm-hero h1{
    font-size:31px;
  }

  .sm-hero-copy > p{
    font-size:12px;
  }

  .sm-hero-actions{
    flex-direction:column;
  }

  .sm-hero-actions .sm-btn{
    width:min(330px,100%);
  }

  .sm-mini-benefits{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:7px;
  }

  .sm-mini-benefits > div{
    flex-direction:column;
    text-align:center;
  }

  .sm-hero-visual{
    min-height:360px;
  }

  .sm-doctor-panel{
    left:-10%;
    width:80%;
  }

  .sm-glance-card{
    width:245px;
    right:0;
    top:35px;
  }

  .sm-care-note{
    left:5px;
    top:17px;
  }

  .sm-care-note span{
    font-size:15px;
  }

  .sm-care-note strong{
    font-size:16px;
  }

  .sm-stats-grid{
    grid-template-columns:1fr 1fr;
  }

  .sm-stats-grid > div{
    justify-content:flex-start;
  }

  .sm-heading-row{
    display:block;
  }

  .sm-heading-row > span{
    display:inline-block;
    margin-top:7px;
  }

  .sm-modules-grid,
  .sm-why-grid,
  .sm-dashboard-previews{
    grid-template-columns:1fr 1fr;
  }

  .sm-integrations-grid{
    grid-template-columns:1fr 1fr;
  }

  .sm-bottom-inner{
    flex-direction:column;
    align-items:stretch;
    padding:16px;
  }

  .sm-bottom-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .sm-bottom-actions .sm-btn{
    width:100%;
  }

}


@media(max-width:430px){

  .sm-modules-grid,
  .sm-why-grid,
  .sm-dashboard-previews{
    grid-template-columns:1fr;
  }

  .sm-glance-card{
    width:220px;
  }

  .sm-doctor-panel{
    width:88%;
  }

}


/* SKAASMEDICS HERO RIGHT IMAGE V2 */

.sm-hero-photo-visual{
  position:relative;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px 0 12px 12px;
  overflow:hidden;
}

.sm-hero-photo{
  display:block;
  width:100%;
  height:auto;
  max-height:390px;
  object-fit:contain;
  object-position:center;
}


/* Remove obsolete generated right-side hero components
   if any survive in cached markup */

.sm-hero-photo-visual .sm-care-note,
.sm-hero-photo-visual .sm-doctor-panel,
.sm-hero-photo-visual .sm-glance-card,
.sm-hero-photo-visual .sm-health-message{
  display:none !important;
}


@media(max-width:860px){

  .sm-hero-photo-visual{
    min-height:auto !important;
    padding:0 10px 20px;
  }

  .sm-hero-photo{
    width:min(760px,100%);
    max-height:none;
  }

}


@media(max-width:620px){

  .sm-hero-photo-visual{
    padding:0 4px 16px;
  }

  .sm-hero-photo{
    width:100%;
    height:auto;
  }

}


/* ================================================================
   SKAASMEDICS PUBLIC TYPOGRAPHY + HERO ALIGNMENT V2
   ================================================================ */


/* ------------------------------------------------
   HERO LEFT ALIGNMENT
   ------------------------------------------------ */

.sm-hero-copy{
  padding:
    20px 18px
    28px 0 !important;
}

.sm-hero-grid{
  grid-template-columns:
    44% 56%;
}

.sm-hero-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.sm-logo{
  width:270px;
  height:68px;
}

.sm-nexus-pill{
  margin-top:8px;
  padding:7px 14px;
  font-size:10px;
}

.sm-hero h1{
  max-width:560px;
  margin-top:14px;
  margin-bottom:12px;
  font-size:44px;
  line-height:1.03;
  letter-spacing:-.045em;
}

.sm-hero-copy > p{
  max-width:610px;
  font-size:18px;
  line-height:1.48;
  color:#344f75;
}

.sm-hero-actions{
  margin-top:19px;
}

.sm-btn{
  min-height:48px;
  padding-inline:30px;
  font-size:14px;
}

.sm-mini-benefits{
  margin-top:20px;
  gap:34px;
}

.sm-mini-benefits strong{
  color:#102b54;
  font-size:12px;
}

.sm-mini-benefits small{
  margin-top:2px;
  color:#526c8c;
  font-size:10px;
}


/* ------------------------------------------------
   MAIN TYPOGRAPHY
   Reference style:
   larger readable navy text
   ------------------------------------------------ */

.sm-section h2,
.sm-heading-row h2{
  color:#0c2853;
  font-size:27px;
  line-height:1.15;
  font-weight:800;
  letter-spacing:-.025em;
}

.sm-sub,
.sm-heading-row p{
  margin-top:5px;
  color:#405c82;
  font-size:16px;
  line-height:1.5;
}


/* ------------------------------------------------
   MODULE CARDS
   ------------------------------------------------ */

.sm-module{
  min-height:100px;
  grid-template-columns:
    56px 1fr;
  gap:12px;
  padding:14px;
}

.sm-module-icon{
  width:50px;
  height:50px;
}

.sm-module-icon svg{
  width:27px;
  height:27px;
}

.sm-module h3{
  color:#0d2a56;
  font-size:15px;
  line-height:1.2;
  font-weight:800;
}

.sm-module p{
  margin-top:5px;
  color:#486587;
  font-size:12px;
  line-height:1.42;
}


/* ------------------------------------------------
   PATIENT JOURNEY
   ------------------------------------------------ */

.sm-journey-grid article{
  min-height:72px;
  grid-template-columns:
    38px 24px 1fr;
  gap:8px;
  padding:9px;
}

.sm-step-icon{
  width:36px;
  height:36px;
}

.sm-step-icon svg{
  width:21px;
  height:21px;
}

.sm-journey-grid strong{
  color:#0c2955;
  font-size:11px;
  line-height:1.2;
}

.sm-journey-grid span{
  margin-top:4px;
  color:#516b89;
  font-size:9px;
  line-height:1.35;
}


/* ------------------------------------------------
   INTEGRATIONS
   ------------------------------------------------ */

.sm-integrations-grid article{
  min-height:66px;
  padding:9px 10px;
}

.sm-integrations-grid strong{
  color:#0b2954;
  font-size:10px;
  line-height:1.2;
}

.sm-integrations-grid span{
  color:#526d8c;
  font-size:8px;
  line-height:1.25;
}

.sm-integrations-grid img{
  width:34px;
  height:29px;
}


/* ------------------------------------------------
   WHY CHOOSE SKAASMEDICS
   Similar stronger list-text styling
   ------------------------------------------------ */

.sm-why-grid article{
  min-height:72px;
  gap:11px;
  padding:11px 13px;
}

.sm-why-grid svg{
  width:28px;
  height:28px;
}

.sm-why-grid strong{
  color:#102b57;
  font-size:12px;
  font-weight:800;
}

.sm-why-grid span{
  margin-top:4px;
  color:#496482;
  font-size:10px;
  line-height:1.35;
}


/* ------------------------------------------------
   DASHBOARD PREVIEW TITLES
   ------------------------------------------------ */

.sm-preview{
  min-height:125px;
}

.sm-preview > strong{
  color:#102b54;
  font-size:10px;
}


/* ------------------------------------------------
   CAPABILITY STRIP
   ------------------------------------------------ */

.sm-stats-grid{
  min-height:78px;
}

.sm-stats-grid strong{
  color:#0b2954;
  font-size:16px;
}

.sm-stats-grid span{
  color:#496683;
  font-size:11px;
}

.sm-stats-grid svg{
  width:34px;
  height:34px;
}


/* ------------------------------------------------
   BOTTOM CTA
   ------------------------------------------------ */

.sm-bottom-inner{
  min-height:82px;
}

.sm-bottom-message strong{
  font-size:21px;
}

.sm-bottom-message small{
  margin-top:5px;
  color:#486581;
  font-size:11px;
}


/* ------------------------------------------------
   GENERAL TEXT WEIGHT
   ------------------------------------------------ */

.sm-public p,
.sm-public span,
.sm-public small{
  text-rendering:optimizeLegibility;
}

.sm-public h1,
.sm-public h2,
.sm-public h3,
.sm-public strong{
  text-rendering:optimizeLegibility;
}


/* ------------------------------------------------
   DESKTOP WIDTH IMPROVEMENT
   ------------------------------------------------ */

@media(min-width:1181px){

  .sm-container{
    width:min(
      1320px,
      calc(100% - 36px)
    );
  }

}


/* ------------------------------------------------
   TABLET
   ------------------------------------------------ */

@media(max-width:1180px){

  .sm-hero-copy{
    padding-left:0 !important;
  }

  .sm-hero h1{
    font-size:40px;
  }

  .sm-hero-copy > p{
    font-size:17px;
  }

}


/* ------------------------------------------------
   MOBILE
   ------------------------------------------------ */

@media(max-width:860px){

  .sm-hero-copy{
    padding:
      28px 12px
      18px !important;
    text-align:center;
  }

  .sm-hero h1{
    font-size:38px;
  }

  .sm-hero-copy > p{
    font-size:16px;
    line-height:1.5;
  }

  .sm-section h2,
  .sm-heading-row h2{
    font-size:25px;
  }

  .sm-sub,
  .sm-heading-row p{
    font-size:14px;
  }

}


@media(max-width:620px){

  .sm-hero-copy{
    padding:
      22px 6px
      14px !important;
  }

  .sm-logo{
    width:225px;
    height:auto;
  }

  .sm-hero h1{
    font-size:34px;
    line-height:1.06;
  }

  .sm-hero-copy > p{
    font-size:15px;
  }

  .sm-mini-benefits strong{
    font-size:11px;
  }

  .sm-mini-benefits small{
    font-size:9px;
  }

  .sm-section h2,
  .sm-heading-row h2{
    font-size:23px;
  }

  .sm-module h3{
    font-size:14px;
  }

  .sm-module p{
    font-size:11px;
  }

}