/* xLoud Connect! v0.4.2.2 — Homepage-only CSS. */
.site-header{position:sticky;top:0;z-index:50}.home-mode-switch{margin-left:auto;width:54px;height:30px;border-radius:999px;border:1px solid rgba(16,24,40,.12);background:#eef2f7;padding:3px;display:inline-flex;align-items:center;cursor:pointer}.home-mode-switch span{display:block;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(16,24,40,.18);transition:.2s}.home-dark .home-mode-switch{background:#20242c}.home-dark .home-mode-switch span{transform:translateX(23px)}
.usecase-card span{display:none!important}.connect-action-section{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:42px;align-items:center;background:radial-gradient(circle at 68% 38%,rgba(11,87,208,.12),transparent 30%),#fff}.connect-action-section .action-copy h2{font-size:clamp(2rem,4vw,4rem);letter-spacing:-.05em}.action-card-stack{position:relative;min-height:360px}.action-nfc-card{position:absolute;width:270px;height:170px;border-radius:28px;padding:26px;box-shadow:var(--xl-shadow);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.action-nfc-card.black{right:70px;top:92px;background:#070a12;color:#fff;z-index:2}.action-nfc-card.white{right:0;top:30px;background:#fff;color:#101828;border:1px solid #e9eef8;transform:rotate(4deg)}.action-nfc-card strong{font-size:28px;line-height:.9}.action-nfc-card .tap-signal{position:absolute;right:22px;top:20px;font-size:24px;color:#0b57d0}.action-nfc-card em{font-style:normal;font-weight:800}.action-quarter-icons{position:absolute;right:6px;top:208px;display:flex;gap:10px}.action-quarter-icons span{width:48px;height:48px;border-radius:16px;background:#0b57d0;color:#fff;display:grid;place-items:center;box-shadow:0 12px 30px rgba(11,87,208,.25)}
.how-hormozi .card-stack{min-height:300px}.how-hormozi .nfc-card{position:absolute;width:260px;height:168px;border-radius:28px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--xl-shadow)}.how-hormozi .nfc-card strong{font-size:28px;line-height:.88}.how-hormozi .nfc-card i{position:absolute;right:22px;top:18px;font-style:normal;color:#0b57d0;font-size:24px}.how-hormozi .nfc-card span{font-weight:800}.how-hormozi .nfc-card.black{background:#070a12;color:#fff;z-index:2;left:20px;top:70px}.how-hormozi .nfc-card.white{background:#fff;color:#101828;border:1px solid #e9eef8;left:95px;top:10px;transform:rotate(5deg)}.stack-icon-pop span{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-weight:900}.pricing-note{text-align:center;margin:20px auto 0;color:#667085}.streamlined-pricing .price-card ul li{line-height:1.45}.home-dark{background:#06101f;color:#f7fbff}.home-dark .site-header,.home-dark .module-card,.home-dark .price-card,.home-dark .video-section,.home-dark .connect-action-section{background:#0b1220;color:#f7fbff;border-color:#263244}.home-dark .price-card p,.home-dark .module-card p,.home-dark .connect-action-section p{color:#cbd5e1}.home-dark .how-step{background:#101828;color:#fff;border-color:#263244}@media(max-width:900px){.connect-action-section{grid-template-columns:1fr}.action-card-stack{min-height:320px}.site-header nav{display:none}}
/* End homepage CSS. */

/* v0.4.2.2.1 — NFC card art must always be upright portrait and stacked like approved reference. */
.how-hormozi .card-stack,
.card-stack-polished{
  min-height:390px !important;
  overflow:visible !important;
}
.how-hormozi .nfc-card,
.card-stack-polished .nfc-card,
.nfc-card{
  width:190px !important;
  height:280px !important;
  aspect-ratio:19/28 !important;
  border-radius:30px !important;
  padding:26px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  text-align:left !important;
}
.how-hormozi .nfc-card strong,
.card-stack-polished .nfc-card strong,
.nfc-card strong{
  font-size:30px !important;
  line-height:.9 !important;
  letter-spacing:-.06em !important;
}
.how-hormozi .nfc-card i,
.card-stack-polished .nfc-card i,
.nfc-card i{
  position:static !important;
  align-self:center !important;
  font-style:normal !important;
  font-size:38px !important;
  letter-spacing:-.15em !important;
  line-height:1 !important;
  color:currentColor !important;
  opacity:.85 !important;
}
.how-hormozi .nfc-card span,
.card-stack-polished .nfc-card span,
.nfc-card span{
  font-size:16px !important;
  font-weight:850 !important;
  letter-spacing:-.02em !important;
}
.how-hormozi .nfc-card.black,
.card-stack-polished .nfc-card.black{
  left:calc(50% - 160px) !important;
  top:58px !important;
  transform:rotate(-9deg) !important;
  z-index:3 !important;
  background:#101828 !important;
  color:#fff !important;
}
.how-hormozi .nfc-card.white,
.card-stack-polished .nfc-card.white{
  left:calc(50% - 36px) !important;
  top:40px !important;
  transform:rotate(8deg) !important;
  z-index:2 !important;
  background:#fff !important;
  color:#0b57d0 !important;
}
/* Keep random link icons around the stacked cards. */
.stack-icon-pop{right:0 !important;top:54px !important;}
@media(max-width:700px){
  .how-hormozi .nfc-card.black,.card-stack-polished .nfc-card.black{left:calc(50% - 150px) !important;}
  .how-hormozi .nfc-card.white,.card-stack-polished .nfc-card.white{left:calc(50% - 42px) !important;}
}

/* Approved card shape also applies to the xLoud Connect in Action card stack. */
.action-card-stack{min-height:390px !important;}
.action-nfc-card{
  width:190px !important;
  height:280px !important;
  aspect-ratio:19/28 !important;
  border-radius:30px !important;
  padding:26px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
}
.action-nfc-card.black{right:190px !important;top:74px !important;transform:rotate(-9deg) !important;}
.action-nfc-card.white{right:58px !important;top:54px !important;transform:rotate(8deg) !important;}
.action-nfc-card .tap-signal{position:static !important;align-self:center !important;font-size:38px !important;letter-spacing:-.15em !important;color:currentColor !important;}
.action-nfc-card em{font-size:16px !important;}
.action-quarter-icons{right:0 !important;top:110px !important;}
