.card{
  background: var(--color-surface);
  background: radial-gradient(circle at top left, var(--color-surface) 0%, var(--color-surface-elevated) 100%);
  background-position: top left;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: var(--space-lg);
  transition: all var(--transition-base);
  min-height: 50vh;
  margin-bottom: var(--space-lg);
}
.card:hover{
  border-color: var(--color-border-light);
}
.card--feature{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  padding: 0;
  align-items: stretch;
  overflow: visible;
  background: transparent;
  border: none;
  border-radius: 0;
  width: 100%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}
.card--feature:hover{
  border-color: transparent;
}
.card__content{
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  padding: var(--space-3xl) var(--space-4xl) var(--space-3xl) var(--space-xl);
  justify-content: center;

}
.card__header{
  margin-bottom: var(--space-sm);
}
.card__label{
  display: inline-block;
  font-size: var(--text-sm);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--color-primary);
  margin-bottom: var(--space-sm);
}
.card__title{
  font-size: var(--text-2xl);
  font-weight: 700;
  line-height: 1.3;
}
.card__body{
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  align-items: flex-start;
}
.card__description{
  color: var(--color-text-secondary);
  line-height: 1.7;
}
.card--feature .card__image{
  background: var(--color-surface-elevated);
  border-radius: 0;
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  position: relative;
}
.card--feature .card__image:has([class*="card__image-wrapper--"]){
  background: transparent;
}
.card--feature .card__image img{
  border-radius: 0;
}
section *:not(.card__label) .card__image .font-black{
  width: 30%;
  margin-left: 10%;
  display: block;
  line-height: 0.8;
  filter:
    drop-shadow(-8px 0 16px rgba(255, 0, 212, 0.4)) drop-shadow(-16px 0 32px rgba(255, 0, 212, 0.2)) drop-shadow(8px 0 16px rgba(0, 224, 255, 0.4)) drop-shadow(16px 0 32px rgba(0, 224, 255, 0.2));
  text-shadow: 0 4px 8px rgba(0, 0, 0, .5);
  font-size: var(--text-6xl);
  overflow: visible;
  z-index: 2;
  color: #fff !important;
}
section.theme-light *:not(.card__label) .card__image .font-black{
  width: 30%;
  margin-left: 10%;
  display: block;
  line-height: 0.8;
  filter:
    drop-shadow(-8px 0 16px rgba(255, 0, 212, 0.2)) drop-shadow(-16px 0 32px rgba(255, 0, 212, 0.1)) drop-shadow(8px 0 16px rgba(0, 224, 255, 0.2)) drop-shadow(16px 0 32px rgba(0, 224, 255, 0.1));
  font-size: var(--text-6xl);
  overflow: visible;
  z-index: 2;
  color: var(--color-text) !important;
}
.card__image-wrapper.sportsbook{

  background: url("/assets/img/sports-background-b36d769c72.avif");

}
.card__image-wrapper{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: scale(1.1);
  z-index: -1;
  
}
.card__image-wrapper img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.card__background,.card__foreground{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: transform 0.1s ease-out;
  will-change: transform;
  
}
.card__background{
  z-index: 0;
}
.card__foreground{
  z-index: 1;
}
.card__image-wrapper--launch .card__background{
  background-image: url('/assets/img/launch-background-9e8be61f5a.webp');
  mask: none;

}
.card__image-wrapper--launch .card__foreground{
  background-image: url('/assets/img/launch-foreground-f426ca3946.webp');
  mask: none;

}
.price-highlight{
  
  color: var(--color-text);
}
.new-price{
  margin: 0;
  font-size: 10rem !important;
}
.new-price-currency{
  font-size: 4rem;
  margin-top: -5rem;
}
span.price-disclaimer{
  font-size: 1.5rem;
  text-wrap: balance;
  font-weight: 900;
  margin-left: 0.5rem;
  text-wrap-style: pretty;
}
[data-parallax]{
  transition: transform 0.1s ease-out;
}
.card--feature .card__content{
  order: 1;
}
.card--feature .card__image{
  order: 2;
}
.features__grid{
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
}
.features__grid--two-col{
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
}