/* GrowHosting homepage campaign */
.gh-home-campaign {
  position: relative;
  isolation: isolate;
  display: inline-grid;
  grid-template-columns: auto auto;
  align-items: center;
  gap: 4px 18px;
  min-width: 390px;
  padding: 18px 20px;
  overflow: hidden;
  border: 1px solid rgba(102, 229, 255, .58);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(1, 27, 99, .94), rgba(2, 96, 194, .72));
  box-shadow: 0 18px 48px rgba(0, 5, 45, .34), 0 0 32px rgba(35, 170, 205, .2);
  color: #fff;
}
.gh-home-campaign::before {
  content: "";
  position: absolute;
  inset: -120% -30%;
  z-index: -1;
  background: linear-gradient(105deg, transparent 38%, rgba(255,255,255,.2) 49%, transparent 60%);
  transform: translateX(-35%) rotate(8deg);
  animation: ghCampaignShine 4.8s ease-in-out infinite;
}
.gh-home-campaign::after {
  content: "";
  position: absolute;
  width: 170px;
  height: 170px;
  right: -80px;
  top: -100px;
  z-index: -1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(76,227,255,.36), transparent 68%);
  animation: ghCampaignGlow 3.4s ease-in-out infinite;
}
.gh-home-campaign__copy { min-width: 0; }
.gh-home-campaign__eyebrow {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 4px;
  color: #9deeff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.gh-home-campaign__eyebrow::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #46e3ff;
  box-shadow: 0 0 0 5px rgba(70,227,255,.14), 0 0 18px rgba(70,227,255,.8);
  animation: ghCampaignDot 1.8s ease-in-out infinite;
}
.gh-home-campaign__price {
  display: flex;
  align-items: flex-end;
  gap: 4px;
  margin: 0;
  line-height: .92;
}
.gh-home-campaign__price strong {
  color: #fff;
  font-size: clamp(31px, 3vw, 43px);
  font-weight: 800;
  letter-spacing: -.04em;
}
.gh-home-campaign__price small {
  padding-bottom: 4px;
  color: #bcefff;
  font-size: 15px;
  font-weight: 700;
}
.gh-home-campaign__note {
  grid-column: 1 / -1;
  margin-top: 7px;
  color: rgba(255,255,255,.78);
  font-size: 12px;
}
.gh-home-campaign__cta {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 138px;
  padding: 12px 16px;
  border: 1px solid rgba(255,255,255,.42);
  border-radius: 12px;
  background: linear-gradient(135deg, #23aacd, #0260c2);
  color: #fff !important;
  font-weight: 800;
  text-decoration: none !important;
  box-shadow: 0 10px 26px rgba(0, 174, 230, .28);
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
  animation: ghCampaignCta 2.7s ease-in-out infinite;
}
.gh-home-campaign__cta:hover,
.gh-home-campaign__cta:focus-visible {
  transform: translateY(-2px);
  filter: brightness(1.1);
  box-shadow: 0 15px 34px rgba(35,170,205,.4);
}
@keyframes ghCampaignShine { 0%, 58% { transform: translateX(-55%) rotate(8deg); } 86%, 100% { transform: translateX(58%) rotate(8deg); } }
@keyframes ghCampaignGlow { 0%, 100% { opacity: .5; transform: scale(.9); } 50% { opacity: 1; transform: scale(1.12); } }
@keyframes ghCampaignDot { 0%, 100% { transform: scale(.85); opacity: .7; } 50% { transform: scale(1.1); opacity: 1; } }
@keyframes ghCampaignCta { 0%, 100% { box-shadow: 0 10px 26px rgba(0,174,230,.24); } 50% { box-shadow: 0 12px 34px rgba(70,227,255,.5); } }
@media (max-width: 575.98px) {
  .gh-home-campaign { display: grid; grid-template-columns: 1fr; min-width: 0; width: 100%; gap: 12px; padding: 16px; }
  .gh-home-campaign__cta { width: 100%; }
  .gh-home-campaign__note { grid-column: 1; margin-top: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .gh-home-campaign::before, .gh-home-campaign::after, .gh-home-campaign__eyebrow::before, .gh-home-campaign__cta { animation: none !important; }
}