/* Invite page: One Conversation a Day + Step 03 training. */
.inv-hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.inv-hero-actions .hub-action{margin-top:0!important}
.inv-cover{display:block;max-width:300px;margin:28px auto}
.inv-cover img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 18px 40px rgba(0,0,0,.18)}

.inv-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #e7d8cf;border-bottom:1px solid #e7d8cf}
.inv-stat{padding:26px 12px;text-align:center}
.inv-stat+.inv-stat{border-left:1px solid #e7d8cf}
.inv-stat b{display:block;font-family:"The Bold Font",sans-serif!important;font-weight:400;font-size:clamp(2.4rem,7vw,3.6rem);line-height:1;color:var(--brand-charcoal)}
.inv-stat span{display:block;margin-top:8px;font-style:italic;color:#5a4438}
.inv-stats-note{text-align:center;text-wrap:balance;margin:18px auto 0;max-width:46ch;color:#5a4438}

#resource-hub .inv-section{margin-top:72px}
#resource-hub .inv-section+.inv-section{margin-top:64px}
.inv-dark{margin-top:72px}
.inv-section h2{font-weight:400;font-size:clamp(1.7rem,4vw,2.4rem);line-height:1.15;margin:0 0 24px}
.inv-video{position:relative;width:100%;padding-bottom:56.25%;height:0;border-radius:14px;overflow:hidden;background:#1E1E1E;box-shadow:0 10px 30px rgba(30,30,30,.18)}

.inv-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.inv-steps li{background:#fff;border:1px solid #e7d8cf;border-radius:14px;padding:20px 18px}
.inv-steps .n{display:block;color:var(--brand-warm);font-size:1.5rem;line-height:1;margin-bottom:12px}
.inv-steps h3{font-weight:400;font-size:1.15rem;line-height:1.25;margin:0 0 8px}
.inv-steps p{margin:0;font-size:16px;line-height:1.45;color:#5a4438}

.inv-dark{background:var(--brand-charcoal);color:#fff}
.inv-dark{padding:64px 0 68px}
.inv-dark-inner{display:grid;grid-template-columns:1fr 1fr;gap:56px}
.inv-dark .resource-eyebrow{color:var(--brand-warm)!important}
.inv-dark h2{font-weight:400;font-size:clamp(1.6rem,3.6vw,2.2rem);line-height:1.15;margin:0 0 20px;color:#fff}
.inv-quote{margin:0;border-left:3px solid var(--brand-warm);padding:4px 0 4px 22px;font-style:italic;font-size:clamp(1.12rem,2.6vw,1.32rem);line-height:1.5;color:#fff}
.inv-note{margin:18px 0 0;color:#d9cdc6;font-size:16px}
.inv-copy{margin-top:22px!important;cursor:pointer}

@media(max-width:900px){
  .inv-steps{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .inv-dark-inner{grid-template-columns:minmax(0,1fr);gap:44px}
}
@media(max-width:560px){
  .inv-steps{grid-template-columns:minmax(0,1fr)}
  #resource-hub .inv-section,#resource-hub .inv-section+.inv-section{margin-top:48px}
  .inv-dark{margin-top:52px;padding:46px 0 50px}
  .inv-stat{padding:20px 6px}
}
