:root{
  --groupie-card-border:#e4ebf2;
  --groupie-card-shadow:0 18px 45px -30px rgba(17,24,39,.35);
  --groupie-card-shadow-hover:0 24px 60px -32px rgba(17,24,39,.42);
  --groupie-text:#586271;
  --groupie-muted:#8f99a6;
  --groupie-dark:#18202a;
  --groupie-accent:#43d85d;
}

.header.h-fullscreen{
  min-height:100svh !important;
}

.header.h-fullscreen .container{
  position:relative;
  z-index:2;
}

.row.h-full{
  min-height:calc(100svh - 75px);
}

.row.h-full > .col-12.text-center.align-self-center{
  padding-top:28px;
}

.row.h-full > .col-12.align-self-end{
  padding-bottom:56px !important;
}

.hero-heading{
  margin:0 0 .75rem !important;
  font-size:50px !important;
  line-height:1.15 !important;
}

.hero-heading--animated{
  white-space:normal;
}

.hero-heading-line{
  display:inline-block;
  vertical-align:bottom;
  white-space:nowrap;
}

.hero-heading-line--one{
  margin-right:.16em;
}

.hero-heading-line--one::after{
  content:" ";
}

.hero-subcopy-desktop{
  max-width:860px;
  margin:0 auto;
  font-size:16px !important;
  line-height:1.6 !important;
  text-wrap:balance;
}

.hero-subcopy-desktop span,
.hero-subcopy-mobile span{
  display:block;
}

.hero-subcopy-desktop span + span{
  margin-top:6px;
}

.hero-subcopy-mobile{
  max-width:27ch;
  margin:0 auto;
  padding:0 6px;
  font-size:15px !important;
  line-height:1.65 !important;
  text-wrap:balance;
}

.hero-subcopy-mobile span + span{
  margin-top:10px;
}

.js .hero-heading--animated .hero-heading-line{
  overflow:hidden;
  max-width:0;
}

.js .hero-heading--animated.is-active .hero-heading-line--one{
  animation:heroHeadingTypeOne 1.45s steps(15, end) .12s forwards;
}

.js .hero-heading--animated.is-active .hero-heading-line--two{
  animation:heroHeadingTypeTwo 1.2s steps(16, end) 1.78s forwards;
}

.js .hero-heading--animated.is-active .hero-heading-line--two::after{
  content:"";
  display:inline-block;
  width:.08em;
  height:.9em;
  margin-left:.08em;
  background:currentColor;
  vertical-align:-0.08em;
  animation:heroHeadingCaretBlink .9s step-end infinite;
}

.scroll-down-1{
  position:relative;
  z-index:30;
}

#trust-strip{
  position:relative;
  z-index:4;
  margin-top:-34px;
  padding:0 0 28px !important;
  background:transparent !important;
}

#trust-strip .trust-strip-panel{
  background:rgba(255,255,255,.98);
  border:1px solid #e5edf4;
  border-radius:20px;
  box-shadow:0 22px 55px -38px rgba(17,24,39,.38);
  overflow:hidden;
}

#trust-strip .trust-strip-grid{
  margin:0;
}

#trust-strip .trust-strip-grid > [class*="col-"]{
  display:flex;
  align-items:stretch;
  padding:0;
}

#trust-strip .trust-strip-grid > [class*="col-"] + [class*="col-"]{
  border-left:1px solid #eef3f7;
}

#trust-strip .trust-strip-item{
  width:100%;
  min-height:86px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:16px 20px;
  color:#5e6877;
  font-size:15px;
  line-height:1.45;
  text-align:center;
}

#trust-strip .trust-strip-item strong{
  font-weight:700;
}

#features .row.gap-y > [class*="col-"],
#plans .row.gap-y > [class*="col-"]{
  display:flex;
}

#features .section-header .lead,
#plans .section-header .lead{
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
}

#features .section-header .btn{
  min-width:180px;
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.feature-heading-accent{
  display:block;
  margin-top:8px;
  color:#8792a0;
  font-size:.72em;
  font-weight:400;
}

#features .flexbox.gap-items-4{
  width:100%;
  height:100%;
  flex-direction:column;
  align-items:flex-start;
  gap:14px !important;
  padding:28px 26px;
  border:1px solid var(--groupie-card-border);
  border-radius:18px;
  background:linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  box-shadow:var(--groupie-card-shadow);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

#features .flexbox.gap-items-4:hover{
  transform:translateY(-3px);
  border-color:#d7e1eb;
  box-shadow:var(--groupie-card-shadow-hover);
}

#features .feature-card-head{
  width:100%;
  min-height:94px;
  display:flex;
  align-items:flex-start;
  gap:14px;
}

#features .feature-card-icon{
  width:56px !important;
  min-width:56px;
  height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  background:linear-gradient(180deg, #f7fbff 0%, #eef5fb 100%);
}

#features .feature-card-icon i{
  padding-top:0 !important;
  color:#8893a2 !important;
}

#features .feature-card-heading{
  width:100%;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  min-height:72px;
}

#features .feature-card-title{
  margin:0;
  color:#4f5866;
  font-size:18px;
  line-height:1.28;
  letter-spacing:-.01em;
}

#features .feature-card-subtitle{
  margin-top:4px;
  color:#9aa5b2;
  font-size:12px;
  line-height:1.35;
}

#features .feature-card-copy{
  margin:0;
  max-width:none;
  color:#6f7a86;
  line-height:1.64;
}

.groupie-workflow-section{
  background:linear-gradient(180deg, #ffffff 0%, #f7fbfe 100%);
}

.groupie-workflow-section .section-header .lead{
  max-width:720px;
  margin-left:auto;
  margin-right:auto;
}

.groupie-workflow-shell{
  display:grid;
  grid-template-columns:minmax(0, 1fr);
  gap:20px;
}

.groupie-workflow-band{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:18px;
  align-items:stretch;
}

.groupie-workflow-band__step{
  position:relative;
  min-width:0;
  height:100%;
  display:flex;
  flex-direction:column;
  padding:24px 22px;
  border:1px solid #dfe9f1;
  border-radius:22px;
  background:linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  box-shadow:0 16px 38px -34px rgba(17,24,39,.24);
}

.groupie-workflow-band__step::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
  border-radius:22px 22px 0 0;
  background:linear-gradient(90deg, #43d85d 0%, #8ae29a 100%);
}

.groupie-workflow-band__step:nth-child(2)::before{
  background:linear-gradient(90deg, #4f86ff 0%, #8ab0ff 100%);
}

.groupie-workflow-band__step:nth-child(3)::before{
  background:linear-gradient(90deg, #111827 0%, #4b5563 100%);
}

.groupie-workflow-band__eyebrow{
  margin:0;
  color:#8f99a6;
  font-size:12px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.groupie-workflow-band__step h3{
  margin:10px 0 10px;
  color:var(--groupie-dark);
  font-size:24px;
  line-height:1.18;
  letter-spacing:-.02em;
}

.groupie-workflow-band__step p:last-child{
  margin:0;
  color:#627080;
  font-size:15px;
  line-height:1.7;
}

.groupie-workflow-band__signup{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:8px;
  margin-top:14px;
  padding:12px;
  border:1px solid #e2ebf3;
  border-radius:16px;
  background:linear-gradient(180deg, #ffffff 0%, #f8fbfe 100%);
}

.groupie-workflow-band__filter,
.groupie-workflow-band__composer,
.groupie-workflow-band__report{
  margin-top:14px;
}

.groupie-workflow-band__signup-field{
  display:flex;
  align-items:center;
  min-height:38px;
  padding:0 12px;
  border:1px solid #d8e4ef;
  border-radius:12px;
  background:#ffffff;
  color:#8a96a5;
  font-size:13px;
  line-height:1.4;
}

.groupie-workflow-band__signup-field--full{
  grid-column:1 / -1;
}

.groupie-workflow-band__signup-phone{
  padding:0;
  overflow:hidden;
}

.groupie-workflow-band__signup-prefix{
  display:inline-flex;
  align-items:center;
  align-self:stretch;
  padding:0 12px;
  background:#f3f5f8;
  color:#6c7786;
  font-size:13px;
  white-space:nowrap;
}

.groupie-workflow-band__signup-value{
  display:inline-flex;
  align-items:center;
  padding:0 12px;
  color:#98a2b3;
  font-size:13px;
  white-space:nowrap;
}

.groupie-workflow-band__filter{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
  padding:12px 14px;
  border:1px solid #e2ebf3;
  border-radius:16px;
  background:linear-gradient(180deg, #ffffff 0%, #f8fbfe 100%);
}

.groupie-workflow-band__filter-group{
  display:grid;
  gap:6px;
}

.groupie-workflow-band__filter-group strong{
  color:var(--groupie-dark);
  font-size:12px;
  line-height:1.3;
}

.groupie-workflow-band__chips{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.groupie-workflow-band__chips span{
  display:inline-flex;
  align-items:center;
  padding:5px 9px;
  border-radius:999px;
  background:#edf4fb;
  color:#556477;
  font-size:10px;
  font-weight:700;
  letter-spacing:.06em;
  line-height:1.2;
  text-transform:uppercase;
  white-space:nowrap;
}

.groupie-workflow-band__chips .is-stars{
  background:#edf4fb;
  color:#ff9f3f;
  letter-spacing:0;
  font-size:13px;
  line-height:1;
  font-family:"Arial","Helvetica",sans-serif;
}

.groupie-workflow-band__chips .is-stars--four{
  color:#ff9f3f;
  position:relative;
}

.groupie-workflow-band__chips .is-stars--four::after{
  content:"☆";
  position:absolute;
  right:9px;
  top:50%;
  transform:translateY(-50%);
  color:#f2c38d;
}

.groupie-workflow-band__chips .is-active{
  background:#eefaf0;
  color:#22863b;
  text-transform:none;
}

.groupie-workflow-band__chips .is-sleeping{
  background:#eef2ff;
  color:#4f6df5;
  text-transform:none;
}

.groupie-workflow-band__composer{
  display:grid;
  gap:6px;
}

.groupie-workflow-band__composer-label{
  color:var(--groupie-dark);
  font-size:11px;
  font-weight:700;
  line-height:1.3;
}

.groupie-workflow-band__composer-box{
  min-height:92px;
  padding:10px 12px;
  border:2px solid #b7cbff;
  border-radius:14px;
  background:#ffffff;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.6),
    0 10px 24px -20px rgba(37,99,235,.35);
}

.groupie-workflow-band__composer-box p{
  margin:0;
  color:#5a6677;
  font-size:13px;
  line-height:1.55;
}

.groupie-workflow-band__composer-meta{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:8px 10px;
  border-radius:12px;
  background:#f6f8fd;
  text-align:center;
}

.groupie-workflow-band__composer-type{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:0;
}

.groupie-workflow-band__composer-type-label{
  color:#4f6df5;
  font-size:10px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  white-space:nowrap;
}

.groupie-workflow-band__composer-type-bars{
  display:inline-flex;
  align-items:center;
  gap:4px;
}

.groupie-workflow-band__composer-type-bars span{
  display:block;
  width:16px;
  height:7px;
  border-radius:999px;
  background:#dde3f2;
}

.groupie-workflow-band__composer-type-bars span:first-child{
  background:#4f6df5;
}

.groupie-workflow-band__composer-count{
  color:#374151;
  font-size:11px;
  font-weight:600;
  line-height:1.3;
  white-space:nowrap;
}

.groupie-workflow-band__inline-token{
  display:inline-flex;
  align-items:center;
  padding:2px 8px;
  border:1px solid #9fb8ff;
  border-radius:999px;
  background:#eef4ff;
  color:#2563eb;
  font-size:.92em;
  font-weight:700;
  line-height:1.2;
  vertical-align:baseline;
  white-space:nowrap;
}

.groupie-workflow-band__link-token{
  display:inline-flex;
  align-items:center;
  padding:2px 8px;
  margin-top:4px;
  border:1px solid #9fb8ff;
  border-radius:999px;
  background:#eef4ff;
  color:#2563eb;
  font-size:.92em;
  font-weight:700;
  line-height:1.2;
  vertical-align:baseline;
  white-space:nowrap;
}

.groupie-workflow-band__stats{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:8px;
  margin-top:14px;
}

.groupie-workflow-band__report{
  display:grid;
  gap:10px;
}

.groupie-workflow-band__report-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}

.groupie-workflow-band__report-top strong{
  display:block;
  color:var(--groupie-dark);
  font-size:14px;
  line-height:1.3;
}

.groupie-workflow-band__report-top span{
  color:#7a8696;
  font-size:12px;
  line-height:1.3;
}

.groupie-workflow-band__report-status{
  display:inline-flex;
  align-items:center;
  padding:5px 10px;
  border-radius:999px;
  background:#eefaf0;
  color:#22863b !important;
  font-size:11px !important;
  font-weight:700;
  line-height:1.2;
}

.groupie-workflow-band__report-chips{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.groupie-workflow-band__report-chips span{
  display:inline-flex;
  align-items:center;
  padding:5px 9px;
  border-radius:999px;
  background:#f2f5fb;
  color:#6f7d8f;
  font-size:10px;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1.2;
  text-transform:uppercase;
}

.groupie-workflow-band__report-meta{
  color:#7a8696;
  font-size:12px;
  line-height:1.4;
}

.groupie-workflow-band__stat{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:12px 10px;
  border:1px solid #2b69eb;
  border-radius:14px;
  background:linear-gradient(180deg, #2a6cf0 0%, #1f62ea 100%);
  text-align:left;
}

.groupie-workflow-band__stat strong{
  color:#ffffff;
  font-size:24px;
  line-height:1.2;
}

.groupie-workflow-band__stat span{
  color:rgba(255,255,255,.88);
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}


.groupie-workflow-actions .btn + .btn{
  margin-left:12px;
}

#plans{
  background:linear-gradient(180deg, #f9fbfd 0%, #ffffff 100%);
}

#plans .row.gap-y{
  align-items:stretch;
}

#plans .pricing-1{
  position:relative;
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  padding:0 0 18px;
  border:1px solid #e1e9f1;
  border-radius:18px;
  overflow:visible;
  background:#fff;
  box-shadow:
    0 22px 48px -36px rgba(17,24,39,.28),
    inset 0 0 0 1px rgba(225,233,241,.92);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

#plans .pricing-1:hover{
  z-index:3;
  transform:translateY(-5px);
  border-color:#d4dee8;
  box-shadow:
    0 28px 56px -34px rgba(17,24,39,.32),
    inset 0 0 0 1px rgba(212,222,232,.96);
}

#plans .pricing-1-featured{
  transform:translateY(-2px);
  isolation:isolate;
  border-color:rgba(67,216,93,.52);
  background:
    linear-gradient(180deg, rgba(67,216,93,.08) 0%, rgba(67,216,93,.02) 52%, rgba(67,216,93,0) 100%),
    #ffffff;
  box-shadow:0 24px 56px -32px rgba(67,216,93,.18), 0 0 0 1px rgba(67,216,93,.24);
  animation:groupieFeaturedFloat 7.2s ease-in-out infinite;
}

#plans .pricing-1-featured:hover{
  border-color:rgba(67,216,93,.58);
  box-shadow:0 30px 64px -30px rgba(67,216,93,.24), 0 0 0 1px rgba(67,216,93,.3);
}

#plans .pricing-1-featured::before,
#plans .pricing-1-featured::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  z-index:1;
}

#plans .pricing-1-featured::before{
  border:1px solid rgba(121,255,161,.26);
  box-shadow:
    inset 0 0 0 1px rgba(67,216,93,.14),
    inset 0 0 18px rgba(67,216,93,.08),
    inset 0 0 32px rgba(56,165,255,.05);
  opacity:.9;
  animation:groupieFeaturedPulse 4.8s ease-in-out infinite;
}

#plans .pricing-1-featured::after{
  z-index:3;
  background:
    linear-gradient(118deg,
      rgba(255,255,255,0) 38%,
      rgba(255,255,255,.02) 44%,
      rgba(255,255,255,.26) 48%,
      rgba(139,255,181,.2) 50%,
      rgba(93,198,255,.16) 54%,
      rgba(255,255,255,0) 60%);
  background-size:180% 100%;
  background-position:-160% 50%;
  opacity:.32;
  animation:groupieFeaturedSweep 5.8s cubic-bezier(.23,.01,.16,1) infinite;
}

#plans .pricing-1-featured > *{
  position:relative;
  z-index:2;
}

#plans .plan-name{
  min-height:76px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  margin:0;
  padding:22px 18px 18px;
  border-bottom:1px solid #edf2f7;
}

#plans .pricing-1-featured .plan-name{
  background:linear-gradient(180deg, rgba(67,216,93,.08) 0%, rgba(67,216,93,.02) 52%, rgba(67,216,93,0) 100%);
  border-bottom-color:rgba(67,216,93,.26);
}

#plans .plan-name small{
  margin-top:7px;
  color:#a1aab5;
  line-height:1.45;
}

#plans .pricing-1 > br{
  display:none;
}

#plans .price{
  min-height:96px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:0;
  margin:0;
  padding:22px 20px 0;
  color:var(--groupie-text);
  white-space:nowrap;
}

#plans .price .price-unit{
  align-self:flex-end;
  margin-right:3px;
  padding-bottom:10px;
  font-size:24px;
  line-height:1;
}

#plans .price > span:nth-child(2),
#plans .pricing-1-trial .price > span:nth-child(2){
  font-weight:700;
  line-height:.9;
  letter-spacing:-2.4px;
  font-size:58px;
}

#plans .price .plan-period{
  align-self:flex-end;
  padding-bottom:10px;
  padding-left:4px;
  color:#a1aab5;
  font-size:13px;
  transform:translateY(-2px);
}

#plans .pricing-1-trial .price .price-unit,
#plans .pricing-1-trial .price .plan-period{
  display:none;
}

#plans .plan-body{
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  padding:14px 22px 0;
  color:var(--groupie-muted);
}

#plans .plan-summary{
  margin-bottom:14px;
  text-align:center;
}

#plans .plan-summary-copy{
  max-width:180px;
  margin:10px auto 0;
  color:#98a3af;
  font-size:13px;
  line-height:1.5;
}

#plans .plan-credits{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
}

#plans .plan-credits b{
  color:var(--groupie-text);
  font-size:40px;
  line-height:.96;
  letter-spacing:-1.2px;
}

#plans .pricing-1-trial .plan-body{
  justify-content:center;
}

#plans .pricing-1-trial .plan-summary{
  margin-bottom:12px;
}

#plans .pricing-1-trial .plan-credits b{
  font-size:44px;
}

#plans .pricing-1-trial .plan-summary-copy{
  max-width:160px;
}

#plans .plan-credits-meta{
  display:inline-grid;
  grid-template-columns:minmax(0,auto) 16px;
  align-items:center;
  justify-content:center;
  gap:6px;
  color:#66717f;
  font-size:14px;
  font-weight:700;
  line-height:1.2;
  text-align:center;
}

#plans .plan-credits-meta:not(.credit-tooltip){
  display:inline-flex;
  grid-template-columns:none;
}

#plans .credit-tooltip .plan-credits-meta,
#plans .plan-credits-meta.credit-tooltip{
  font-size:11px;
  font-weight:600;
  line-height:1.15;
}

#plans .plan-credits-meta.credit-tooltip{
  position:relative;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  padding-left:18px;
  padding-right:18px;
  gap:0;
}

#plans .plan-credits-meta.credit-tooltip > span:first-child{
  display:block;
  text-align:center;
}

#plans .plan-credits-meta.credit-tooltip .credit-tooltip__icon{
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
}

#plans .plan-features{
  list-style:none;
  margin:0;
  padding:0;
  text-align:left;
}

#plans .plan-features li{
  position:relative;
  margin:0;
  padding:5px 0 5px 14px;
  color:#7a8592;
  font-size:14px;
  line-height:1.4;
  border-top:1px solid #eef3f7;
}

#plans .plan-features li::before{
  content:"";
  position:absolute;
  top:14px;
  left:0;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#c6d0db;
}

#plans .pricing-1-featured .plan-features li::before{
  background:var(--groupie-accent);
}

#plans .plan-features-trial{
  margin-top:0;
  text-align:center;
}

#plans .plan-features-trial li{
  padding:3px 0;
  border-top:none;
}

#plans .plan-features-trial li::before{
  display:none;
}

#plans .plan-footnote{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid #f1f4f7;
  color:#a1aab5;
  font-size:11px;
  line-height:1.5;
  text-align:center;
}

#plans .credit-tooltip{
  display:inline-grid;
  grid-template-columns:minmax(0,auto) 16px;
  align-items:center;
  justify-content:center;
  gap:6px;
  position:relative;
  z-index:5;
}

#plans .credit-tooltip__icon{
  top:0;
}

#plans .credit-tooltip__panel{
  z-index:80;
}

#plans .plan-rate{
  margin-top:4px;
  color:#8d98a5;
}

#plans .text-center.py-3{
  margin-top:0;
  padding:14px 22px 0 !important;
}

#plans .btn{
  width:100%;
  max-width:206px;
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  letter-spacing:2px;
}

.social-x-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:14px;
  height:14px;
  vertical-align:middle;
}

.social-x-icon svg{
  width:14px;
  height:14px;
  display:block;
  fill:currentColor;
}

@keyframes heroHeadingTypeOne{
  from{max-width:0}
  to{max-width:14.5ch}
}

@keyframes heroHeadingTypeTwo{
  from{max-width:0}
  to{max-width:16.5ch}
}

@keyframes heroHeadingCaretBlink{
  0%,49%{opacity:1}
  50%,100%{opacity:0}
}

@keyframes heroHeadingMobileContainerReveal{
  from{
    opacity:0;
    transform:translateY(.35em);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

@keyframes groupieFeaturedPulse{
  0%,100%{
    box-shadow:
      inset 0 0 0 1px rgba(67,216,93,.12),
      inset 0 0 12px rgba(67,216,93,.07),
      inset 0 0 24px rgba(56,165,255,.04);
    opacity:.82;
  }
  50%{
    box-shadow:
      inset 0 0 0 1px rgba(67,216,93,.22),
      inset 0 0 18px rgba(67,216,93,.12),
      inset 0 0 34px rgba(56,165,255,.08);
    opacity:1;
  }
}

@keyframes groupieFeaturedFloat{
  0%,100%{transform:translateY(-2px)}
  50%{transform:translateY(-3.5px)}
}

@keyframes groupieFeaturedSweep{
  0%{
    background-position:-160% 50%;
    opacity:0;
  }
  10%{opacity:.14}
  45%{opacity:.32}
  70%{opacity:.16}
  100%{
    background-position:180% 50%;
    opacity:0;
  }
}

@media (min-width: 1200px){
  #trust-strip .trust-strip-grid{
    display:flex;
    flex-wrap:nowrap;
  }

  #trust-strip .trust-strip-grid > [class*="col-"]{
    flex:0 0 auto;
    max-width:none;
  }

  #trust-strip .trust-strip-grid > [class*="col-"]:nth-child(1){width:21%}
  #trust-strip .trust-strip-grid > [class*="col-"]:nth-child(2){width:24%}
  #trust-strip .trust-strip-grid > [class*="col-"]:nth-child(3){width:28%}
  #trust-strip .trust-strip-grid > [class*="col-"]:nth-child(4){width:27%}

  #trust-strip .trust-strip-item{
    padding:16px 14px;
    font-size:13px;
    white-space:nowrap;
  }
}

@media (min-width: 861px) and (max-width: 1024px){
  .header.h-fullscreen{
    min-height:auto !important;
  }

  .row.h-full{
    min-height:unset;
    height:100% !important;
  }

  .row.h-full > .col-12.text-center.align-self-center{
    padding-top:32px;
    padding-bottom:10px;
  }

  .hero-heading{
    margin:0 0 .65rem !important;
    font-size:46px !important;
    line-height:1.14 !important;
  }

  .hero-subcopy-desktop{
    display:block !important;
    max-width:760px;
    font-size:17px !important;
    line-height:1.7 !important;
  }

  .header .w-60.hidden-sm-down{
    width:180px !important;
  }

  .header .btn.btn-lg{
    min-width:220px;
  }

  .header small{
    display:block;
    margin-top:10px;
  }

  .row.h-full > .col-12.align-self-end{
    padding-bottom:48px !important;
  }

  .scroll-down-1{
    margin-top:0 !important;
    filter:none;
    z-index:auto;
  }
}

@media (max-width: 1100px){
  .hero-heading--animated{
    animation:heroHeadingMobileContainerReveal .65s ease .12s both;
  }

  .hero-heading-line,
  .js .hero-heading--animated .hero-heading-line{
    display:block;
    overflow:visible;
    max-width:none;
  }

  .hero-heading-line{
    margin-left:auto;
    margin-right:auto;
  }

  .hero-heading-line--one{
    margin-right:0;
  }

  .hero-heading-line--one::after{
    display:none;
  }

  .js .hero-heading--animated.is-active .hero-heading-line--one,
  .js .hero-heading--animated.is-active .hero-heading-line--two{
    animation:none !important;
    max-width:none !important;
  }

  .js .hero-heading--animated.is-active .hero-heading-line--two::after{
    display:none;
  }
}

@media (max-width: 1199px){
  #trust-strip{
    margin-top:-22px;
  }

  #trust-strip .trust-strip-item{
    min-height:78px;
    font-size:14px;
    padding:14px 16px;
  }

  #plans .plan-name{
    min-height:auto;
  }

  #plans .price{
    min-height:94px;
  }

  #plans .plan-body{
    padding-left:20px;
    padding-right:20px;
  }
}

@media (max-width: 991px){
  .groupie-workflow-band{
    grid-template-columns:1fr;
  }

  .groupie-workflow-band__filter{
    grid-template-columns:1fr;
  }

  .groupie-workflow-band__signup{
    grid-template-columns:1fr;
  }

  .groupie-workflow-band__stats{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  .groupie-workflow-band__composer-meta{
    align-items:center;
  }
}

@media (max-width: 860px){
  .header.h-fullscreen{
    min-height:auto !important;
  }

  .row.h-full{
    min-height:unset;
    height:auto !important;
  }

  .row.h-full > .col-12.text-center.align-self-center{
    padding-top:12px;
  }

  .row.h-full > .col-12.align-self-end{
    padding-bottom:24px !important;
  }

  .hero-heading{
    position:relative;
    margin:0 0 .75rem !important;
    font-size:35px !important;
    line-height:1.15 !important;
  }

  .scroll-down-1{
    margin-top:18px !important;
    text-align:center;
    color:#fff;
    filter:drop-shadow(0 0 8px rgba(0,0,0,.85));
  }

  .scroll-down-1::after{
    content:"Scroll Down";
    display:block;
    margin-top:6px;
    font-size:11px;
    font-weight:700;
    letter-spacing:1.6px;
    text-transform:uppercase;
    text-shadow:0 1px 6px rgba(0,0,0,.9);
  }

  .scroll-down-1 span{
    width:32px !important;
    height:32px !important;
    border-left:2px solid #fff !important;
    border-bottom:2px solid #fff !important;
    animation:mobile-arrow-bounce 1.5s ease-in-out infinite;
  }

  #trust-strip{
    margin-top:-14px;
    padding:0 0 18px !important;
  }

  #trust-strip .trust-strip-panel{
    border-radius:16px;
  }

  #trust-strip .trust-strip-grid > [class*="col-"] + [class*="col-"]{
    border-left:none;
    border-top:1px solid #eef3f7;
  }

  #trust-strip .trust-strip-item{
    min-height:auto;
    padding:13px 16px;
  }

  #features .flexbox.gap-items-4{
    padding:24px 22px;
  }

  #features .feature-card-head{
    min-height:auto;
  }

  #features .feature-card-icon{
    width:52px !important;
    min-width:52px;
    height:52px;
  }

  #features .feature-card-subtitle{
    font-size:11px;
  }

  #features .flexbox.gap-items-4,
  #plans .pricing-1,
  .groupie-workflow-band__step{
    border-radius:16px;
  }

  #plans .pricing-1{
    padding-bottom:18px;
  }

  #plans .price{
    min-height:88px;
    padding-top:20px;
  }

  #plans .plan-body{
    padding:14px 18px 0;
  }

  #plans .text-center.py-3{
    padding:14px 18px 0 !important;
  }

  #plans .pricing-1-featured::after{
    opacity:.48;
  }

  .groupie-workflow-band__step{
    padding:22px 20px 20px;
  }

  .groupie-workflow-band__stats{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .groupie-workflow-actions .btn + .btn{
    margin-top:12px;
    margin-left:0;
  }
}

@media (max-height: 500px) and (max-width: 900px) and (orientation: landscape){
  .hero-heading{
    margin:0 0 .55rem !important;
    font-size:32px !important;
    line-height:1.08 !important;
  }

  .hero-subcopy-mobile{
    max-width:44ch;
    padding:0 10px;
    font-size:13px !important;
    line-height:1.45 !important;
  }

  .hero-subcopy-mobile span + span{
    margin-top:8px;
  }

  .row.h-full > .col-12.align-self-end{
    padding-bottom:10px !important;
  }

  .scroll-down-1{
    margin-top:12px !important;
    filter:drop-shadow(0 0 8px rgba(0,0,0,.85));
    text-align:center;
    color:#fff;
  }

  .scroll-down-1::after{
    content:"Scroll Down";
    display:block;
    margin-top:4px;
    font-size:10px;
    font-weight:700;
    letter-spacing:1.4px;
    text-transform:uppercase;
    text-shadow:0 1px 6px rgba(0,0,0,.9);
  }

  .scroll-down-1 span{
    width:28px !important;
    height:28px !important;
    border-left:2px solid #fff !important;
    border-bottom:2px solid #fff !important;
  }
}

@media (prefers-reduced-motion: reduce){
  .js .hero-heading--animated .hero-heading-line{
    display:inline-block;
    overflow:visible;
    max-width:none;
  }

  .js .hero-heading--animated.is-active .hero-heading-line--one,
  .js .hero-heading--animated.is-active .hero-heading-line--two,
  #plans .pricing-1-featured,
  #plans .pricing-1-featured::before,
  #plans .pricing-1-featured::after{
    animation:none !important;
  }

  .js .hero-heading--animated.is-active .hero-heading-line--two::after{
    display:none;
  }

  #plans .pricing-1-featured::after{
    opacity:.18;
    background-position:50% 50%;
  }
}

@keyframes mobile-arrow-bounce{
  0%,100%{transform:rotate(-45deg) translate(0,0)}
  50%{transform:rotate(-45deg) translate(-4px,4px)}
}