:root{
  --hl-boost-blue:#2476dc;
  --hl-boost-blue2:#65a8ff;
  --hl-boost-coral:#f06050;
  --hl-boost-ink:#071936;
  --hl-boost-line:#dce8f5;
}

html{scroll-padding-top:88px}

body.hospitalink-boost{
  background:
    linear-gradient(90deg,rgba(36,118,220,.045) 0 1px,transparent 1px 100%),
    linear-gradient(180deg,rgba(36,118,220,.035) 0 1px,transparent 1px 100%),
    #fff;
  background-size:56px 56px,56px 56px,auto;
}

.hl-progress{
  position:fixed;
  inset:0 auto auto 0;
  width:100%;
  height:4px;
  z-index:99999;
  transform:scaleX(0);
  transform-origin:left center;
  background:linear-gradient(90deg,var(--hl-boost-blue),var(--hl-boost-blue2),var(--hl-boost-coral));
  box-shadow:0 0 18px rgba(36,118,220,.32);
  pointer-events:none;
}

.hl-cursor,
.hl-cursor-dot{
  position:fixed;
  left:0;
  top:0;
  z-index:99998;
  pointer-events:none;
  opacity:0;
  transform:translate3d(-50%,-50%,0);
}

.hl-cursor{
  width:34px;
  height:34px;
  border:1px solid rgba(36,118,220,.45);
  border-radius:50%;
  box-shadow:0 0 24px rgba(36,118,220,.16);
}

.hl-cursor-dot{
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--hl-boost-blue);
}

.hl-spark-layer{
  position:fixed;
  inset:0;
  z-index:99997;
  pointer-events:none;
  overflow:hidden;
}

.hl-spark{
  position:absolute;
  width:6px;
  height:6px;
  border-radius:999px;
  background:var(--hl-boost-blue2);
  box-shadow:0 0 18px rgba(101,168,255,.46);
}

.hl-boost-panel{
  position:relative;
  isolation:isolate;
}

.hl-boost-panel:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:0;
  background:
    linear-gradient(120deg,transparent 0 35%,rgba(101,168,255,.18) 48%,transparent 62%),
    linear-gradient(180deg,rgba(255,255,255,.3),transparent);
  transform:translateX(-22%);
  transition:opacity .32s ease, transform .52s ease;
  pointer-events:none;
}

.hl-boost-panel:hover:after{
  opacity:1;
  transform:translateX(0);
}

.hl-boost-depth{
  transform-style:preserve-3d;
  will-change:transform,box-shadow;
}

.hl-boost-word{
  display:inline-block;
  will-change:transform,opacity;
}

.hero h1 .hl-boost-word{
  display:inline-block !important;
  color:inherit !important;
  font:inherit !important;
  margin:0 !important;
}

.hl-section-mark{
  position:absolute;
  right:clamp(16px,4vw,54px);
  top:18px;
  z-index:0;
  color:rgba(36,118,220,.055);
  font-size:clamp(58px,10vw,136px);
  line-height:1;
  font-weight:700;
  letter-spacing:0;
  pointer-events:none;
  user-select:none;
}

.section,
.hl-sales-path,
.cta-band,
.dark{
  position:relative;
  overflow:hidden;
}

.hl-boost-link{
  position:relative;
}

.hl-boost-link:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-4px;
  height:2px;
  transform:scaleX(0);
  transform-origin:left center;
  background:linear-gradient(90deg,var(--hl-boost-blue),var(--hl-boost-coral));
  transition:transform .28s ease;
}

.hl-boost-link:hover:after{transform:scaleX(1)}

.nav .cta,
.nav .btn,
.actions .btn,
.main-btn,
.btn.fill,
.detail,
.mini.primary,
.small.fill,
.hl-sales-actions .primary{
  position:relative;
  overflow:hidden;
}

.nav .cta:after,
.nav .btn:after,
.actions .btn:after,
.main-btn:after,
.btn.fill:after,
.detail:after,
.mini.primary:after,
.small.fill:after,
.hl-sales-actions .primary:after{
  content:"";
  position:absolute;
  inset:-2px;
  background:linear-gradient(110deg,transparent 0 38%,rgba(255,255,255,.38) 50%,transparent 62%);
  transform:translateX(-125%);
  transition:transform .65s ease;
  pointer-events:none;
}

.nav .cta:hover:after,
.nav .btn:hover:after,
.actions .btn:hover:after,
.main-btn:hover:after,
.btn.fill:hover:after,
.detail:hover:after,
.mini.primary:hover:after,
.small.fill:hover:after,
.hl-sales-actions .primary:hover:after{
  transform:translateX(125%);
}

.hospitalink-boost .hero{
  position:relative;
  overflow:hidden;
}

.hospitalink-boost .hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg,rgba(36,118,220,.08),transparent 34%),
    linear-gradient(315deg,rgba(240,96,80,.08),transparent 30%);
  opacity:.8;
  pointer-events:none;
}

.hospitalink-boost .hero:after{
  content:"";
  position:absolute;
  inset:-22% -8%;
  z-index:0;
  background:
    linear-gradient(110deg,transparent 0 28%,rgba(36,118,220,.09) 36%,transparent 48%),
    linear-gradient(290deg,transparent 0 38%,rgba(240,96,80,.08) 48%,transparent 58%);
  background-size:240% 240%,220% 220%;
  mix-blend-mode:multiply;
  animation:hlHeroSweep 10s ease-in-out infinite alternate;
  pointer-events:none;
}

.hospitalink-boost .hero>*{position:relative;z-index:1}

.hospitalink-boost .hero>.hl-kinetic-layer{
  position:absolute;
  z-index:0;
}

.hl-kinetic-layer{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
}

.hl-kinetic-layer .hl-beam{
  position:absolute;
  left:-18%;
  width:62vw;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(36,118,220,.58),rgba(101,168,255,.72),rgba(240,96,80,.34),transparent);
  box-shadow:0 0 18px rgba(36,118,220,.34);
  transform:rotate(-18deg) scaleX(.2);
  transform-origin:left center;
  opacity:.78;
  animation:hlBeamSweep 5.4s cubic-bezier(.55,.02,.2,1) infinite;
}

.hl-kinetic-layer .hl-beam:nth-child(1){top:18%;animation-delay:-.2s;--hl-beam-angle:-18deg}
.hl-kinetic-layer .hl-beam:nth-child(2){top:38%;left:18%;width:48vw;animation-delay:-2.1s;--hl-beam-angle:-12deg}
.hl-kinetic-layer .hl-beam:nth-child(3){top:64%;left:-4%;width:56vw;animation-delay:-3.6s;--hl-beam-angle:10deg}
.hl-kinetic-layer .hl-beam:nth-child(4){top:80%;left:36%;width:38vw;animation-delay:-1.1s;--hl-beam-angle:-20deg}

.hl-kinetic-layer .hl-signal{
  position:absolute;
  width:8px;
  height:8px;
  border-radius:999px;
  background:#fff;
  border:2px solid var(--hl-boost-blue);
  box-shadow:0 0 0 6px rgba(36,118,220,.11),0 0 22px rgba(36,118,220,.48);
  opacity:.86;
  animation:hlSignalMove 7.2s cubic-bezier(.4,0,.2,1) infinite;
}

.hl-kinetic-layer .hl-signal:nth-child(5){left:16%;top:24%;animation-delay:-.8s}
.hl-kinetic-layer .hl-signal:nth-child(6){left:46%;top:33%;animation-delay:-3.1s}
.hl-kinetic-layer .hl-signal:nth-child(7){left:68%;top:58%;animation-delay:-5s}
.hl-kinetic-layer .hl-signal:nth-child(8){left:28%;top:76%;animation-delay:-2s}

.hl-rail-host{
  overflow:hidden;
}

.hospitalink-boost .diagram.hl-rail-host{
  overflow:visible;
}

.hl-data-rail{
  position:absolute;
  inset:auto 14px 12px 14px;
  z-index:3;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(36,118,220,.24),transparent);
  pointer-events:none;
  opacity:.7;
}

.hl-data-rail i{
  position:absolute;
  top:-3px;
  width:8px;
  height:8px;
  border-radius:999px;
  background:var(--hl-boost-blue2);
  box-shadow:0 0 18px rgba(101,168,255,.62);
  animation:hlRailPulse 2.6s cubic-bezier(.45,0,.2,1) infinite;
}

.hl-data-rail i:nth-child(1){animation-delay:-.2s}
.hl-data-rail i:nth-child(2){animation-delay:-1.1s;background:var(--hl-boost-coral)}
.hl-data-rail i:nth-child(3){animation-delay:-1.9s;background:#2fb36c}

.hospitalink-boost .nav{
  backdrop-filter:saturate(160%) blur(12px);
  box-shadow:0 12px 40px rgba(7,25,54,.06);
}

.hospitalink-boost .hero h1{
  text-shadow:0 14px 44px rgba(7,25,54,.11);
}

.hospitalink-boost .hl-boost-depth{
  transition:box-shadow .28s ease, filter .28s ease;
}

.hospitalink-boost .hl-boost-depth:hover{
  box-shadow:0 28px 74px rgba(36,118,220,.18),0 0 0 1px rgba(101,168,255,.38) !important;
  filter:saturate(1.04);
}

.hospitalink-boost .main-btn,
.hospitalink-boost .btn.fill,
.hospitalink-boost .detail,
.hospitalink-boost .mini.primary,
.hospitalink-boost .small.fill,
.hospitalink-boost .hl-sales-actions .primary{
  box-shadow:0 16px 38px rgba(36,118,220,.18);
  will-change:transform,box-shadow;
}

.hospitalink-boost .main-btn:hover,
.hospitalink-boost .btn.fill:hover,
.hospitalink-boost .detail:hover,
.hospitalink-boost .mini.primary:hover,
.hospitalink-boost .small.fill:hover,
.hospitalink-boost .hl-sales-actions .primary:hover{
  box-shadow:0 22px 58px rgba(36,118,220,.28);
}

.hospitalink-boost .slack-shell,
.hospitalink-boost .tenant,
.hospitalink-boost .dashboard,
.hospitalink-boost .diagram .layer,
.hospitalink-boost figure,
.hospitalink-boost .doc,
.hospitalink-boost .card,
.hospitalink-boost .real-card,
.hospitalink-boost .plan,
.hospitalink-boost .package,
.hospitalink-boost .story-panel,
.hospitalink-boost .scenario,
.hospitalink-boost .guard{
  backface-visibility:hidden;
}

@media (pointer:coarse){
  .hl-cursor,.hl-cursor-dot{display:none}
}

@media (max-width:760px){
  .hl-section-mark{font-size:56px;right:16px;top:12px}
  body.hospitalink-boost{background-size:42px 42px,42px 42px,auto}
  .hl-kinetic-layer .hl-beam{width:86vw}
  .hl-data-rail{display:none}
}

@media (prefers-reduced-motion:reduce){
  .hl-progress,.hl-cursor,.hl-cursor-dot,.hl-spark-layer,.hl-kinetic-layer,.hl-data-rail{display:none}
  .hl-boost-panel:after,.hl-boost-link:after{display:none}
  .hl-boost-depth{transform:none !important}
}

@keyframes hlHeroSweep{
  0%{background-position:0% 42%,100% 58%;transform:translate3d(-1.5%,0,0)}
  100%{background-position:100% 54%,0% 42%;transform:translate3d(1.5%,0,0)}
}

@keyframes hlBeamSweep{
  0%{opacity:0;transform:translate3d(-22%,0,0) rotate(var(--hl-beam-angle,-18deg)) scaleX(.04)}
  18%{opacity:.9}
  46%{opacity:.72;transform:translate3d(62%,0,0) rotate(var(--hl-beam-angle,-18deg)) scaleX(1)}
  100%{opacity:0;transform:translate3d(128%,0,0) rotate(var(--hl-beam-angle,-18deg)) scaleX(.18)}
}

@keyframes hlSignalMove{
  0%{opacity:0;transform:translate3d(-22px,18px,0) scale(.45)}
  18%{opacity:.92;transform:translate3d(0,0,0) scale(1)}
  58%{opacity:.82;transform:translate3d(54px,-34px,0) scale(1.08)}
  100%{opacity:0;transform:translate3d(118px,-68px,0) scale(.65)}
}

@keyframes hlRailPulse{
  0%{left:0;opacity:0;transform:scale(.45)}
  14%{opacity:1}
  72%{opacity:.9;transform:scale(1)}
  100%{left:100%;opacity:0;transform:scale(.3)}
}