@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Quantico:wght@400;700&display=swap");

* {
  line-height: normal;
}

body {
 
  margin: 0;
}


*, html {

    scroll-behavior: smooth !important;
}

::-webkit-scrollbar {
  width: 4px;
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: #ffb53d;
}




.bg-image {

  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.05;
  z-index: -1;
  position: absolute;
  top: -40px;
  left: 0;
  width: 100%;
  height: 30%;
  overflow: scroll;
}

.social-icons a i {
  transition: fill 0.2s, color 0.2s;
  fill: #ffffff17;
}
.social-icons a:hover i,
.social-icons a:focus i {
  fill: var(--color-primary); /* Tailwind red-500 */
  color: var(--color-primary);
}
/* for SVGs using only currentColor */
.social-icons a i  {
  transition: fill 0.2s;
}
.social-icons a:hover i ,
.social-icons a:focus i  {
  fill: var(--color-primary);
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}


.gradient-btn {
	position: relative;
	overflow: hidden;
}
.gradient-btn::before {
	content: '';
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	background: linear-gradient(
		to right,
		transparent,
		rgba(255, 255, 255, 0.5),
		transparent
	);
	transform: rotate(60deg);
	transition: transform 1s;
	transform: translate(-100%, -100%);
}
.gradient-btn:hover::before {
	transform: translate(100%, 100%);
}

.absolute-center {
    position: absolute;
    top: calc(1/2 * 100%);
    left: calc(1/2 * 100%);
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
}


input:focus {
  outline: none;
  border: none;
}

input:focus-visible {
  outline: none;
  border: none;
}

input {
  outline: none;
  border: none;
}

/* Swiper Slider Custom Styles */ 
.swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--dark-color-secondary);
}

.packageMainSwiper .swiper-slide {
  overflow: hidden;
}

.packageMainSwiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
}

.packageThumbsSwiper .swiper-slide {
  opacity: 0.2;
  transition: opacity 0.3s ease, border 0.3s ease;
  cursor: pointer;
  border: 2px solid transparent;
}

.packageThumbsSwiper .swiper-slide-thumb-active { 
  opacity: 1 !important;
  border-color: var(--color-primary) !important;
}

.packageThumbsSwiper .swiper-slide:hover {
  opacity: 0.8;
}

.swiper-button-next,
.swiper-button-prev {
  background: rgba(22, 22, 26, 0.8) !important;
  width: 40px !important; 
  height: 40px !important;
  border-radius: 50% !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  background-color: var(--color-primary) !important;
}

.swiper-button-next:after, 
.swiper-button-prev:after {
  font-size: 16px !important;
  color: #fff;
}

@media (max-width: 768px) {
  .swiper-button-next,
  .swiper-button-prev {
    width: 30px !important;
    height: 30px !important;
  }

  .swiper-button-next:after,
  .swiper-button-prev:after {
    font-size: 12px !important;
  }
}

.scrollbar-hide {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}



.loading-data {
	width: 50px;
	padding: 8px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: var(--color-primary);
	--_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;
	-webkit-mask: var(--_m);
	mask: var(--_m);
	-webkit-mask-composite: source-out;
	mask-composite: subtract;
	animation: l3 1s infinite linear;
}
@keyframes l3 {
	to {
		transform: rotate(1turn);
	}
}


.btn-loading {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	position: relative;
	animation: rotate1 1s linear infinite;
}
.btn-loading::before {
	content: '';
	box-sizing: border-box;
	position: absolute;
	inset: 0px;
	border-radius: 50%;
	border: 3px solid #16161A;
	animation: prixClipFix 2s linear infinite;
}


.bg-delete {
    background-color: #D84141;
} 


.bg-primary {
background-color: var(--color-primary) !important;
}


@keyframes rotate1 {
	100% {
		transform: rotate(360deg);
	}
}

@keyframes prixClipFix {
	0% {
		clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0); 
	}
	25% {
		clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
	}
	50% {
		clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
	}
	75% {
		clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
	}
	100% {
		clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
	}
}


.colored-toast.swal2-icon-success {
	background-color: #a5dc86 !important;
}

.colored-toast.swal2-icon-error {
	background-color: #f27474 !important;
}

.colored-toast.swal2-icon-warning {
	background-color: #f8bb86 !important;
}

.colored-toast.swal2-icon-info {
	background-color: #3fc3ee !important;
}

.colored-toast.swal2-icon-question {
	background-color: #87adbd !important;
}

.colored-toast .swal2-title {
	color: white;
}

.colored-toast .swal2-close {
	color: white;
}

.colored-toast .swal2-html-container {
	color: white;
}




.Btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(255 255 255 / 1%);
  border: solid 1.5px #ffffff03;
  font-weight: 600;
  gap: 8px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition-duration: .3s;
}

.Btn path {
	fill: #ffffff5c;
	transition: all;
	transition-duration: 300ms;
}


.Btn:hover path {
	fill: var(--dark-color-secondary);
}


.Btn::before {
  width: 100%;
  height: 200px;
  position: absolute;
  content: "";
  background-color: var(--color-primary);
  border-radius: 50%;
  left: -100%;
  top: 0;
  z-index:1;
  transition-duration: .3s;
}

.Btn:hover::before {
  transition-duration: .3s;
  transform: translate(100%,-50%);
  border-radius: 0;
	
}

.Btn:active {
  transform: translate(5px,5px);
  transition-duration: .3s;
}

.Btn:hover {
	box-shadow: 5px 5px 10px rgb(36 36 36 / 24%);
	color: var(--dark-color-secondary)
}




@keyframes scaleUpDown {
  0%, 100% {
    transform: scaleY(1) scaleX(1);
  }

  50%, 90% {
    transform: scaleY(1.1);
  }

  75% {
    transform: scaleY(0.95);
  }

  80% {
    transform: scaleX(0.95);
  }
}

@keyframes shake {
  0%, 100% {
    transform: skewX(0) scale(1);
  }

  50% {
    transform: skewX(5deg) scale(0.9);
  }
}

@keyframes particleUp {
  0% {
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    top: -100%;
    transform: scale(0.5);
  }
}

@keyframes glow {
  0%, 100% {
    background-color: #ef5a00;
  }

  50% {
    background-color: #ff7800;
  }
}

.fire {
  position: absolute;
  top: calc(8% - 50px);
  left: calc(100% - 50px);
  width: 35px;
  height: 35px;
  background-color: transparent;
  margin-left: auto;
  margin-right: auto;
}

.fire-center {
  position: absolute;
  height: 100%;
  width: 100%;
  animation: scaleUpDown 3s ease-out;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
}

.fire-center .main-fire {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(farthest-corner at 10px 0, #d43300 0%, #ef5a00 95%);
  transform: scaleX(0.8) rotate(45deg);
  border-radius: 0 40% 60% 40%;
}

.fire-center .particle-fire {
  position: absolute;
  top: 60%;
  left: 45%;
  width: 10px;
  height: 10px;
  background-color: #ef5a00;
  border-radius: 50%;
  animation: particleUp 2s ease-out 0;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
}

.fire-right {
  height: 100%;
  width: 100%;
  position: absolute;
  animation: shake 2s ease-out 0;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
}

.fire-right .main-fire {
  position: absolute;
  top: 15%;
  right: -25%;
  width: 80%;
  height: 80%;
  background-color: #ef5a00;
  transform: scaleX(0.8) rotate(45deg);
  border-radius: 0 40% 60% 40%;
}

.fire-right .particle-fire {
  position: absolute;
  top: 45%;
  left: 50%;
  width: 15px;
  height: 15px;
  background-color: #ef5a00;
  transform: scaleX(0.8) rotate(45deg);
  border-radius: 50%;
  animation: particleUp 2s ease-out 0;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
}

.fire-left {
  position: absolute;
  height: 100%;
  width: 100%;
  animation: shake 3s ease-out 0;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
}

.fire-left .main-fire {
  position: absolute;
  top: 15%;
  left: -20%;
  width: 80%;
  height: 80%;
  background-color: #ef5a00;
  transform: scaleX(0.8) rotate(45deg);
  border-radius: 0 40% 60% 40%;
}

.fire-left .particle-fire {
  position: absolute;
  top: 10%;
  left: 20%;
  width: 10%;
  height: 10%;
  background-color: #ef5a00;
  border-radius: 50%;
  filter: drop-shadow(0 0 10px #d43322);
  animation: particleUp 3s infinite ease-out 0;
  animation-fill-mode: both;
}

.fire-bottom .main-fire {
  position: absolute;
  top: 30%;
  left: 20%;
  width: 75%;
  height: 75%;
  background-color: #ff7800;
  transform: scaleX(0.8) rotate(45deg);
  border-radius: 0 40% 100% 40%;
  filter: blur(10px);
  animation: glow 2s ease-out 0;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
}




.package-description {
	--tw-text-opacity: 1;
	color: rgba(240,236,226,var(--tw-text-opacity));
	-webkit-text-decoration: none;
	text-decoration: none;
	text-transform: none;
	font-weight: 400
}

.package-description :not(:last-child) {
	margin-bottom: .85rem !important;
}

.package-description h1,.package-description h2,.package-description h3,.package-description h4 {
	margin-top: 1.5rem;
	margin-bottom: 1rem;
	--tw-text-opacity: 1;
	color: rgba(255,252,245,var(--tw-text-opacity));
	font-style: normal;
	-webkit-text-decoration: none;
	text-decoration: none;
	text-transform: capitalize;
	font-weight: 700
}

.package-description a {
	--tw-text-opacity: 1;
	color: var(--color-primary);
	transition-timing-function: cubic-bezier(.4,0,.2,1);
	transition-duration: .15s
}

.package-description a:hover {
	--tw-text-opacity: 1;
	text-decoration-line: underline !important;
	color: var(--color-primary);
}

.package-description b {
	--tw-text-opacity: 1;
	color: rgba(255,252,245,var(--tw-text-opacity))
}

.package-description ol li,.package-description ul li {
	position: relative;
	padding-left: 2ch;
	--tw-text-opacity: 1;
	color: rgba(240,236,226,var(--tw-text-opacity))
}

.package-description ul li:before {
	content: "";
	position: absolute;
	left: 0;
	top: .5rem;
	height: .5rem;
	width: .5rem;
	border-radius: .5rem;
	--tw-bg-opacity: 1;
	background-color: var(--color-primary);
}

.package-description ol {
	counter-reset: ol-counter
}

.package-description ol li {
	counter-increment: ol-counter
}

.package-description ol li:before {
	content: counter(ol-counter) ". ";
	position: absolute;
	left: 0;
	font-weight: 700;
	--tw-text-opacity: 1;
	color: var(--color-primary);
}

.package-description img {
	max-width: 100%;
}


.package-description hr {
	color:white;
	opacity: 0.1;
}

.package-description img.fr-rounded {
	border-radius: calc(.5rem*.85)
}

.package-description img.fr-shadow {
	--tw-shadow: 0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;
	--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
	--tw-shadow-color: #0000004d;
	--tw-shadow: var(--tw-shadow-colored)
}

.package-description img.fr-bordered {
	border-width: 2px;
	--tw-border-opacity: 1;
	border-color: rgba(31,94,255,var(--tw-border-opacity))
}

.package-description iframe {
	aspect-ratio: 16/9;
	height: 100%;
	width: 100%;
	border-radius: calc(.5rem*.85)
}



@keyframes pulse-subtle {
0%,
100% {
  transform: scale(1);
  box-shadow: 0 10px 25px -5px rgba(239, 68, 68, 0.3);
}
50% {
  transform: scale(1.05);
  box-shadow: 0 15px 30px -5px rgba(239, 68, 68, 0.5);
}
}
@keyframes gradient {
0%,
100% {
  background-position: 0% 50%;
}
50% {
  background-position: 100% 50%;
}
}
.animate-pulse-subtle {
animation: pulse-subtle 2s ease-in-out infinite;
}
.animate-gradient {
background-size: 200% 200%;
animation: gradient 3s ease infinite;
}
/* ==========================================================================\n   GOD STUDIOS / CATEGORY EXPERIENCE V7\n   Rainmad-inspired information architecture, rebuilt for God Studios.\n   ========================================================================== */

.god-category-page {
  margin-top: 20px;
  margin-bottom: 80px;
}

.god-category-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(600px, 0.92fr);
  align-items: center;
  gap: clamp(42px, 5vw, 86px);
  padding: clamp(28px, 3.2vw, 46px) 0 clamp(48px, 4.6vw, 68px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.055);
}

.god-category-hero-left {
  min-width: 0;
}

.god-category-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 15px;
  color: rgba(255, 255, 255, 0.34);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}

.god-category-eyebrow-dot,
.god-category-status-dot {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--color-primary);
  box-shadow: 0 0 14px color-mix(in srgb, var(--color-primary) 72%, transparent);
  flex: 0 0 auto;
}

.god-category-title {
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-size: clamp(38px, 3.65vw, 58px);
  line-height: 1.02;
  letter-spacing: -1.85px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.42);
}

.god-category-title > span {
  font: inherit;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.42);
}

.god-category-title strong {
  color: #fff;
  font-weight: 800;
}

@media (min-width: 1241px) {
  .god-category-title { white-space: nowrap; }
}

.god-category-lead {
  max-width: 620px;
  margin: 18px 0 27px;
  color: rgba(255, 255, 255, 0.45);
  font-size: 14px;
  line-height: 1.7;
}

.god-category-search-shell {
  position: relative;
  display: flex;
  align-items: center;
  width: min(100%, 540px);
  min-height: 54px;
  padding: 0 7px 0 18px;
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.025);
  transition: border-color 240ms ease, background-color 240ms ease, box-shadow 240ms ease;
}

.god-category-search-shell:focus-within {
  border-color: color-mix(in srgb, var(--color-primary) 38%, rgba(255,255,255,.08));
  background: rgba(255, 255, 255, 0.035);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 5%, transparent);
}

.god-category-search-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  margin-right: 12px;
  color: rgba(255, 255, 255, 0.65);
}

.god-category-search-icon svg {
  width: 18px;
  height: 18px;
}

.god-category-search-input {
  flex: 1;
  min-width: 0;
  height: 52px;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

.god-category-search-input::placeholder {
  color: rgba(255, 255, 255, 0.34);
}

.god-category-sort-wrap {
  position: relative;
  flex: 0 0 auto;
}

.god-category-sort-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.035);
  color: rgba(255, 255, 255, 0.62);
  cursor: pointer;
  transition: background-color 220ms ease, border-color 220ms ease, color 220ms ease;
}

.god-category-sort-button:hover,
.god-category-sort-button[aria-expanded="true"] {
  color: var(--color-primary);
  border-color: color-mix(in srgb, var(--color-primary) 40%, transparent);
  background: rgba(255, 255, 255, 0.065);
}

.god-category-sort-menu {
  display: none;
  position: absolute;
  right: 0;
  top: calc(100% + 10px);
  z-index: 999;
  width: 210px;
  padding: 6px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  background: rgba(17, 18, 20, 0.96);
  backdrop-filter: blur(16px);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.42);
}

.god-category-sort-menu.show {
  display: block;
}

.god-category-sort-option {
  display: block;
  width: 100%;
  padding: 9px 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: rgba(255, 255, 255, 0.55);
  text-align: left;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 180ms ease, color 180ms ease;
}

.god-category-sort-option:hover {
  background: rgba(255, 255, 255, 0.055);
  color: #fff;
}

.god-category-sort-option.active {
  background: color-mix(in srgb, var(--color-primary) 11%, transparent);
  color: var(--color-primary);
}

.god-category-filter-pills {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  margin-top: 22px;
}

.god-filter-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 35px;
  padding: 7px 13px;
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.035);
  color: rgba(255, 255, 255, 0.55);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 220ms ease, border-color 220ms ease, color 220ms ease, transform 220ms ease;
}

.god-filter-pill:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.065);
  border-color: rgba(255, 255, 255, 0.12);
}

.god-filter-pill.active {
  color: var(--dark-color-secondary);
  background: var(--color-primary);
  border-color: var(--color-primary);
  font-weight: 700;
}

.god-filter-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 23px;
  height: 19px;
  padding: 0 6px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.16);
  font-size: 10px;
  font-weight: 800;
}

.god-category-stats {
  display: grid;
  grid-template-columns: 1.08fr .95fr 1.2fr 1.15fr;
  align-items: stretch;
  border-left: 1px solid rgba(255, 255, 255, 0.055);
}

.god-category-stat {
  min-width: 0;
  padding: 23px 16px;
  border-right: 1px solid rgba(255, 255, 255, 0.055);
  transition: background-color 250ms ease;
}

.god-category-stat:hover {
  background: rgba(255, 255, 255, 0.018);
}

.god-category-stat-label {
  display: block;
  margin-bottom: 12px;
  color: rgba(255, 255, 255, 0.50);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .65px;
  text-transform: uppercase;
  white-space: nowrap;
}

.god-category-stat-value {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  font-size: clamp(17px, 1.35vw, 23px);
  font-weight: 800;
  letter-spacing: -0.8px;
  white-space: nowrap;
}

.god-category-sales-value {
  gap: 1px;
}

.god-category-plus {
  color: var(--color-primary);
  text-shadow: 0 0 16px color-mix(in srgb, var(--color-primary) 28%, transparent);
}

.god-category-rating-value {
  gap: 7px;
}

.god-category-rating-star {
  display: inline-flex;
  font-size: .82em;
  line-height: 1;
  transform: translateY(-1px);
}

.god-category-discord-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  width: 100%;
  max-width: 100%;
  color: #fff;
  font-size: clamp(13px, .9vw, 16px);
  font-weight: 800;
  letter-spacing: -0.45px;
  text-decoration: none !important;
  white-space: nowrap;
  overflow: hidden;
  transition: color 220ms ease, transform 220ms ease;
}

.god-category-discord-logo {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  color: #fff;
  transition: color 220ms ease, filter 220ms ease;
}

.god-category-discord-stat {
  padding-right: 12px;
}

.god-category-discord-link span:last-child {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.god-category-discord-link:hover {
  color: var(--color-primary);
  transform: translateX(2px);
}

.god-category-discord-link:hover .god-category-discord-logo {
  color: var(--color-primary);
  filter: drop-shadow(0 0 8px color-mix(in srgb, var(--color-primary) 28%, transparent));
}

.god-category-stat-online .god-category-status-dot {
  width: 6px;
  height: 6px;
  animation: god-status-pulse 2.1s ease-in-out infinite;
}

@keyframes god-status-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: .45; transform: scale(1.25); }
}

.god-category-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px !important;
  align-items: stretch !important;
  margin-top: 42px;
}

.god-category-grid > .god-package-card {
  width: 100% !important;
  min-width: 0;
}

/* ==========================================================================\n   PRODUCT CARD / compact layout + 16:9 image integrity\n   ========================================================================== */

.god-package-card {
  position: relative;
  gap: 0 !important;
  height: 100%;
  overflow: visible;
  border: 1px solid rgba(255, 255, 255, 0.045);
  background: var(--dark-color-secondary);
  text-decoration: none !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12);
  transition: background-color 260ms ease, border-color 260ms ease, box-shadow 260ms ease;
}

.god-package-card:hover {
  border-color: rgba(255, 255, 255, 0.075);
  background: color-mix(in srgb, var(--dark-color-secondary) 96%, white 4%);
}

.god-package-media {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 14px 14px 0 0;
  background: rgba(0, 0, 0, 0.16);
  isolation: isolate;
  transition: box-shadow 520ms ease;
}

.god-package-media::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 6;
  border: 1px solid transparent;
  border-radius: inherit;
  pointer-events: none;
  transition: border-color 420ms ease, box-shadow 520ms ease;
}

.god-package-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  transform: scale(1);
  opacity: .98;
  transition:
    transform 1800ms cubic-bezier(0.4, 0, 0.2, 1),
    opacity 600ms ease-in-out;
  will-change: transform;
}

/* Hover is intentionally scoped to media only: tags/content do NOT trigger green framing. */
@media (hover: hover) and (pointer: fine) {
  .god-package-media:hover::after {
    border-color: color-mix(in srgb, var(--color-primary) 68%, transparent);
    box-shadow:
      inset 0 0 0 1px color-mix(in srgb, var(--color-primary) 8%, transparent),
      0 0 18px color-mix(in srgb, var(--color-primary) 12%, transparent),
      0 0 42px color-mix(in srgb, var(--color-primary) 6%, transparent);
  }

  .god-package-media:hover .god-package-image {
    transform: scale(1.05);
    opacity: 1;
  }

  .god-package-media:hover .god-package-sweep {
    animation: god-package-sweep-pass 1.22s cubic-bezier(0.2, 0.72, 0.26, 1) 90ms 1 both;
  }
}

.god-package-sweep {
  position: absolute;
  z-index: 5;
  top: -32%;
  left: -58%;
  width: 27%;
  height: 165%;
  opacity: 0;
  pointer-events: none;
  transform: translateX(-220%) skewX(-18deg);
  background: linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.06) 20%,
    rgba(255,255,255,.38) 43%,
    rgba(255,255,255,.82) 52%,
    rgba(255,255,255,.26) 63%,
    rgba(255,255,255,0) 100%
  );
  filter: blur(1.2px);
  mix-blend-mode: screen;
}

@keyframes god-package-sweep-pass {
  0% {
    opacity: 0;
    transform: translateX(-220%) skewX(-18deg);
  }
  12% { opacity: .95; }
  76% { opacity: .82; }
  100% {
    opacity: 0;
    transform: translateX(760%) skewX(-18deg);
  }
}

.god-package-tops {
  position: absolute;
  z-index: 7;
  left: 14px;
  top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  width: calc(100% - 28px);
  pointer-events: none;
}

.god-package-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
  padding: 16px;
}

.god-package-heading-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 25px;
  min-height: 25px;
}

.god-package-name {
  margin: 0;
  min-width: 0;
  color: #fff;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 650;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.god-package-price-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  min-width: 84px;
}

.god-package-old-price {
  margin: 0;
  color: rgba(255,255,255,.28);
  font-size: 11px;
  font-weight: 600;
  text-decoration: line-through;
}

.god-package-sale-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
}

.god-package-discount {
  padding: 3px 6px;
  border-radius: 6px;
  background: rgba(255, 74, 74, 0.14);
  color: #ff6262;
  font-size: 10px;
  font-weight: 800;
}

.god-package-price {
  margin: 0;
  color: #fff;
  font-size: 19px;
  line-height: 1;
  font-weight: 750;
  white-space: nowrap;
}

.god-package-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 9px;
  min-height: 25px;
}

.god-framework-badge,
.god-generic-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-height: 23px;
  padding: 3px 7px;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 6px;
  background: rgba(255,255,255,.045);
  color: rgba(255,255,255,.42);
  font-size: 11px;
  line-height: 1;
  font-weight: 600;
  white-space: nowrap;
  box-shadow: none !important;
  transition: none !important;
}

.god-framework-badge img {
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  object-fit: contain;
}

/* Explicit isolation: card/media hover never paints framework tags green. */
.god-package-card:hover .god-framework-badge,
.god-package-card:hover .god-generic-tag,
.god-package-media:hover ~ .god-package-content .god-framework-badge,
.god-package-media:hover ~ .god-package-content .god-generic-tag {
  border-color: rgba(255,255,255,.055) !important;
  background: rgba(255,255,255,.045) !important;
  color: rgba(255,255,255,.42) !important;
  box-shadow: none !important;
  transform: none !important;
}

.god-package-actions {
  width: 100%;
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,.045);
}

.god-package-add-button,
.god-package-remove-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 38px;
  padding: 0 14px;
  border-radius: 9px;
  cursor: pointer;
  overflow: hidden;
  font-size: 13px;
  font-weight: 650;
}

.god-package-add-button {
  border: 0;
  outline: 0;
  background: #fff;
  color: #111315;
  box-shadow: 0 5px 14px rgba(0,0,0,.16);
  transition: box-shadow 300ms ease, transform 160ms ease;
}

/* Original God Studios CTA motion: the green layer travels in from the left.
   Kept slower than the legacy 300ms version for a cleaner premium fill. */
.god-package-add-button::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 200px;
  left: -100%;
  top: 0;
  z-index: 1;
  background-color: var(--color-primary);
  border-radius: 50%;
  transition:
    transform 700ms ease,
    border-radius 700ms ease;
}

.god-package-add-button:hover::before {
  transform: translate(100%, -50%);
  border-radius: 0;
}

.god-package-button-content {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: inherit;
  font-size: 13px;
  font-weight: 650;
}

.god-package-add-button path {
  fill: #111315;
  transition: fill 220ms ease;
}

.god-package-add-button:hover {
  color: var(--dark-color-secondary);
  box-shadow: 0 7px 18px rgba(0,0,0,.19);
}

.god-package-add-button:hover,
.god-package-add-button:focus {
  border: 0;
  outline: 0;
}

.god-package-add-button:focus-visible {
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 42%, transparent), 0 7px 18px rgba(0,0,0,.19);
}

.god-package-add-button:hover .god-package-button-content {
  color: var(--dark-color-secondary);
}

.god-package-add-button:hover path {
  fill: var(--dark-color-secondary);
}

.god-package-add-button:active {
  transform: translateY(1px);
}

.god-package-remove-button {
  border: 1px solid rgba(255, 74, 74, .14);
  background: rgba(255, 74, 74, .09);
  color: #ff6262;
  transition: background-color 220ms ease, border-color 220ms ease;
}

.god-package-remove-button:hover {
  background: rgba(255, 74, 74, .15);
  border-color: rgba(255, 74, 74, .22);
}

.god-package-card .fire {
  z-index: 10;
}

@media (max-width: 1240px) {
  .god-category-hero {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .god-category-stats {
    width: 100%;
    border-top: 1px solid rgba(255,255,255,.055);
  }

  .god-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .god-category-page {
    margin-top: 20px;
    margin-bottom: 54px;
  }

  .god-category-hero {
    padding: 32px 0 38px;
  }

  .god-category-title {
    font-size: clamp(35px, 11vw, 48px);
    letter-spacing: -1.7px;
  }

  .god-category-lead {
    margin-top: 14px;
    font-size: 13px;
  }

  .god-category-search-shell {
    width: 100%;
  }

  .god-category-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .god-category-stat {
    padding: 18px 16px;
    border-bottom: 1px solid rgba(255,255,255,.055);
  }

  .god-category-stat:nth-child(2n) {
    border-right: 0;
  }

  .god-category-stat:nth-last-child(-n + 2) {
    border-bottom: 0;
  }

  .god-category-grid {
    grid-template-columns: 1fr;
    gap: 20px !important;
    margin-top: 24px;
  }

  .god-package-content {
    padding: 14px;
  }

  .god-package-heading-row {
    gap: 12px;
  }

  .god-package-name {
    font-size: 17px;
  }

  .god-package-price {
    font-size: 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .god-package-media,
  .god-package-media::after,
  .god-category-stat-online .god-category-status-dot {
    transition: none !important;
    animation: none !important;
  }
}


/* ==========================================================================
   GLOBAL SALE BAR
   ========================================================================== */

.god-sale-bar {
  position: relative;
  z-index: 90;
  width: 100%;
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-bottom: 1px solid color-mix(in srgb, var(--color-primary) 20%, transparent);
  background:
    radial-gradient(
      70% 420% at 50% 50%,
      color-mix(in srgb, var(--color-primary) 18%, transparent) 0%,
      rgba(6,31,26,.96) 46%,
      rgba(5,14,13,1) 100%
    );
  box-shadow:
    0 8px 28px rgba(0,0,0,.22),
    inset 0 -1px 0 rgba(255,255,255,.025);
}

.god-sale-bar::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    110deg,
    transparent 25%,
    rgba(255,255,255,.035) 48%,
    transparent 70%
  );
}

.god-sale-bar__inner {
  position: relative;
  z-index: 1;
  width: min(980px, calc(100% - 32px));
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  transform: translateY(4px);
}

.god-sale-bar__message,
.god-sale-bar__right,
.god-sale-timer,
.god-sale-code {
  display: flex;
  align-items: center;
}

.god-sale-bar__message {
  gap: 11px;
  min-width: 0;
}

.god-sale-bar__brand {
  width: 46px;
  height: 40px;
  flex: 0 0 46px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.god-sale-bar__logo {
  display: block;
  max-width: 46px;
  max-height: 38px;
  width: auto;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(
    0 0 12px
    color-mix(in srgb, var(--color-primary) 14%, transparent)
  );
}

.god-sale-bar__copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
}

.god-sale-bar__copy strong {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}

.god-sale-bar__copy small {
  color: rgba(255,255,255,.68);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.15;
}

.god-sale-bar__copy b {
  color: var(--color-primary);
  font-weight: 800;
}

.god-sale-bar__right {
  gap: 12px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.god-sale-code {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 6px 11px;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 6px;
  background: rgba(0,0,0,.28);
  color: #fff;
  cursor: pointer;
  transition:
    background-color 220ms ease,
    border-color 220ms ease,
    box-shadow 220ms ease,
    transform 220ms ease;
}

.god-sale-code > span {
  display: flex;
  min-width: 52px;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.god-sale-code small {
  color: rgba(255,255,255,.48);
  font-size: 9px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .03em;
}

.god-sale-code strong {
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
}

.god-sale-code svg {
  width: 15px;
  height: 15px;
  color: rgba(255,255,255,.60);
}

.god-sale-code:hover {
  background: rgba(0,0,0,.39);
  border-color: color-mix(in srgb, var(--color-primary) 26%, transparent);
  box-shadow:
    0 0 18px
    color-mix(in srgb, var(--color-primary) 8%, transparent);
}

.god-sale-code:active {
  transform: scale(.985);
}

.god-sale-code.is-copied {
  border-color: color-mix(in srgb, var(--color-primary) 55%, transparent);
}

.god-sale-code.is-copied strong {
  color: var(--color-primary);
}

.god-sale-timer {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.god-sale-timer > span {
  width: 42px;
  height: 48px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border: 1px solid rgba(255,255,255,.045);
  border-radius: 5px;
  background: rgba(0,0,0,.28);
}

.god-sale-timer strong {
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.god-sale-timer small {
  color: rgba(255,255,255,.48);
  font-size: 9px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .02em;
}

@media (max-width: 767px) {
  .god-sale-bar {
    min-height: auto;
    padding: 9px 0;
  }

  .god-sale-bar__inner {
    width: calc(100% - 24px);
    min-height: auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transform: none;
  }

  .god-sale-bar__message {
    width: 100%;
    justify-content: center;
  }

  .god-sale-bar__copy small {
    white-space: normal;
  }

  .god-sale-bar__right {
    width: 100%;
    justify-content: center;
    gap: 7px;
  }

  .god-sale-code {
    height: 42px;
    padding: 5px 8px;
    gap: 7px;
  }

  .god-sale-code > span {
    min-width: 46px;
    gap: 3px;
  }

  .god-sale-code small {
    font-size: 8px;
  }

  .god-sale-code strong {
    font-size: 12px;
  }

  .god-sale-timer {
    height: 42px;
    gap: 4px;
  }

  .god-sale-timer > span {
    width: 36px;
    height: 42px;
    gap: 3px;
  }

  .god-sale-timer strong {
    font-size: 16px;
  }

  .god-sale-timer small {
    font-size: 8px;
  }
}

.god-sale-bar__copy strong {
  text-shadow:
    0 0 10px color-mix(in srgb,var(--color-primary) 30%,transparent),
    0 0 22px color-mix(in srgb,var(--color-primary) 12%,transparent);
}


/* Product card two-line preview */
.god-package-preview { margin:6px 0 0 !important; min-height:34px !important; color:#8b9290 !important; opacity:.72 !important; font-size:11px !important; font-weight:400 !important; line-height:1.5 !important; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; }
.god-package-preview[hidden] { display:none !important; min-height:0 !important; margin:0 !important; }
.god-package-has-preview .god-package-tags { margin-top:9px; }

/* ==========================================================================\n   HOME HERO CONSTELLATION + STORE TITLE GLOW\n   ========================================================================== */
#god-home-hero { isolation:isolate; justify-content:flex-start !important; }
#god-home-hero > .w-full { width:100% !important; flex:0 0 100% !important; margin-left:0 !important; margin-right:0 !important; position:relative; z-index:2; }
#god-home-hero > .absolute { z-index:1; }
#god-infinity-constellations {
  position:absolute !important;
  top:0 !important;
  left:50% !important;
  width:100vw !important;
  height:100% !important;
  transform:translateX(-50%) !important;
  display:block !important;
  z-index:0 !important;
  pointer-events:none !important;
  opacity:.92 !important;
}

/* Hero-to-Escrow transition is owned by #godV12Escrow in index.html.
   Keeping the hero free of a rectangular pseudo-layer prevents the visible horizontal light band. */
.god-hero-store-title {
  text-shadow:
    0 0 12px rgba(255,255,255,.055),
    0 0 26px color-mix(in srgb,var(--color-primary) 13%,transparent),
    0 0 52px color-mix(in srgb,var(--color-primary) 7%,transparent);
}

/* ==========================================================================\n   SELECTIVE PREMIUM TEXT GLOW\n   ========================================================================== */
.god-v12-title strong {
  text-shadow:
    0 0 10px color-mix(in srgb,var(--color-primary) 34%,transparent),
    0 0 26px color-mix(in srgb,var(--color-primary) 16%,transparent);
}
/* ==========================================================================\n   GOD STUDIOS V20 - FULL BLEED AUTOPLAY CINEMATIC VIDEO\n   ========================================================================== */
.god-video-hero { position:relative; left:50%; width:100vw; height:clamp(520px,36vw,680px); margin:38px 0 72px -50vw; overflow:hidden; isolation:isolate; background:#050607; }
.god-video-hero__media { position:absolute; inset:0; z-index:0; overflow:hidden; background:#050607; }
.god-video-hero__media iframe { position:absolute; top:50%; left:50%; width:max(100vw,1920px); height:max(56.25vw,1080px); min-width:100%; min-height:100%; border:0; transform:translate(-50%,-50%); transform-origin:center; pointer-events:none; filter:brightness(.66) contrast(1.04) saturate(.98); }
.god-video-hero__overlay { position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(90deg,rgba(0,0,0,.74) 0%,rgba(0,0,0,.52) 7%,rgba(0,0,0,.27) 17%,rgba(0,0,0,.10) 31%,rgba(0,0,0,.03) 44%,rgba(0,0,0,.03) 56%,rgba(0,0,0,.10) 69%,rgba(0,0,0,.27) 83%,rgba(0,0,0,.52) 93%,rgba(0,0,0,.74) 100%),linear-gradient(180deg,rgba(0,0,0,.48) 0%,rgba(0,0,0,.19) 15%,rgba(0,0,0,.045) 34%,rgba(0,0,0,.045) 61%,rgba(0,0,0,.19) 82%,rgba(0,0,0,.55) 100%),radial-gradient(ellipse at 50% 45%,transparent 0%,transparent 43%,rgba(0,0,0,.10) 68%,rgba(0,0,0,.43) 100%); }
.god-video-hero__grain { position:absolute; inset:0; z-index:2; pointer-events:none; opacity:.055; background-image:repeating-linear-gradient(180deg,rgba(255,255,255,.016) 0,rgba(255,255,255,.016) 1px,transparent 1px,transparent 6px); mix-blend-mode:soft-light; }
.god-video-hero__content { position:relative; z-index:4; width:min(1180px,calc(100% - 48px)); height:100%; margin:0 auto; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:62px 0; }
.god-video-hero__brand { display:inline-flex; align-items:center; justify-content:center; gap:13px; margin:0 0 16px; color:rgba(255,255,255,.88); }
.god-video-hero__brand-logo { display:block; width:78px; height:78px; object-fit:contain; flex:0 0 auto; filter:drop-shadow(0 8px 18px rgba(0,0,0,.30)) drop-shadow(0 0 12px color-mix(in srgb,var(--color-primary) 18%,transparent)); }
.god-video-hero__brand-name { font-family:inherit; font-size:clamp(22px,1.45vw,29px); font-weight:700; line-height:1; letter-spacing:-.035em; white-space:nowrap; text-shadow:0 0 10px color-mix(in srgb,var(--color-primary) 32%,transparent),0 0 24px color-mix(in srgb,var(--color-primary) 14%,transparent); }
.god-video-hero__title { margin:0; max-width:1120px; color:var(--color-primary); opacity:.72; font-family:inherit; font-size:clamp(38px,3.55vw,66px); font-weight:800; line-height:1.02; letter-spacing:-.025em; text-transform:uppercase; text-shadow:0 6px 24px rgba(0,0,0,.36),0 0 16px color-mix(in srgb,var(--color-primary) 12%,transparent); }
.god-video-hero__description { max-width:760px; margin:4px auto 0; color:rgba(255,255,255,.53); font-family:inherit; font-size:clamp(13px,.90vw,17px); font-weight:400; line-height:1.48; letter-spacing:-.005em; text-shadow:0 3px 15px rgba(0,0,0,.32); }
.god-video-hero__edge { position:absolute; left:0; right:0; z-index:3; height:148px; pointer-events:none; }
.god-video-hero__edge--top { top:0; background:linear-gradient(180deg,
  var(--dark-color-primary) 0%,
  rgba(15,17,18,.96) 14%,
  rgba(15,17,18,.76) 34%,
  rgba(15,17,18,.48) 54%,
  rgba(15,17,18,.22) 72%,
  rgba(15,17,18,.07) 88%,
  transparent 100%); }
.god-video-hero__edge--bottom { bottom:0; background:linear-gradient(0deg,var(--dark-color-primary) 0%,rgba(0,0,0,.42) 24%,rgba(0,0,0,.12) 58%,transparent 100%); }

@media (max-width:1199px) {
  .god-video-hero { height:clamp(500px,48vw,620px); margin-top:30px; margin-bottom:60px; }
  .god-video-hero__media iframe { width:max(100vw,1280px); height:max(56.25vw,720px); }
  .god-video-hero__brand-logo { width:68px; height:68px; }
  .god-video-hero__brand-name { font-size:clamp(20px,2vw,26px); }
  .god-video-hero__title { font-size:clamp(36px,4.4vw,58px); }
  .god-video-hero__description { max-width:720px; font-size:clamp(13px,1.2vw,16px); }
}

@media (max-width:767px) {
  .god-sale-bar { min-height:auto; padding:9px 0; }
  .god-sale-bar__inner { width:calc(100% - 24px); min-height:auto; flex-direction:column; align-items:center; justify-content:center; gap:10px; }
  .god-sale-bar__message { width:100%; justify-content:center; }
  .god-sale-bar__copy small { white-space:normal; }
  .god-sale-bar__right { width:100%; height:auto; align-self:auto; justify-content:center; gap:7px; }
  .god-sale-code { height:42px; padding:5px 8px; gap:7px; }
  .god-sale-code > span { min-width:46px; gap:3px; }
  .god-sale-code small { font-size:8px; }
  .god-sale-code strong { font-size:12px; }
  .god-sale-timer { height:42px; gap:4px; }
  .god-sale-timer > span { width:36px; height:42px; gap:3px; }
  .god-sale-timer strong { font-size:16px; }
  .god-sale-timer small { font-size:8px; }
  .god-package-preview { min-height:32px !important; font-size:10px !important; line-height:1.5 !important; }
  .god-video-hero { height:430px; margin-top:18px; margin-bottom:48px; }
  .god-video-hero__media iframe { width:1280px; height:720px; }
  .god-video-hero__content { width:calc(100% - 28px); padding:46px 0; }
  .god-video-hero__brand { gap:9px; margin-bottom:13px; }
  .god-video-hero__brand-logo { width:54px; height:54px; }
  .god-video-hero__brand-name { font-size:20px; }
  .god-video-hero__title { max-width:96vw; font-size:clamp(31px,8.8vw,47px); }
  .god-video-hero__description { max-width:560px; margin-top:4px; font-size:12.5px; line-height:1.48; }
  .god-video-hero__edge { height:92px; }
}

@media (prefers-reduced-motion:reduce) {
}

/* ========================================================================== 
   GOD STUDIOS V24 - 0RESMON-STYLE COMMUNITY SECTIONS
   ONLY Recent Payments + Customer Reviews are changed below.
   ========================================================================== */

.god-or-payments,
.god-or-reviews {
  position: relative;
  width: 100%;
  margin: 112px 0 0 !important;
  padding: 36px 0 0 !important;
  overflow: hidden;
  background: transparent !important;
}

.god-or-section-head {
  width: min(672px, calc(100% - 32px));
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.god-or-title {
  margin: 0 !important;
  color: #fff;
  font-family: inherit;
  font-size: clamp(34px, 3vw, 48px) !important;
  font-weight: 700 !important;
  line-height: 1.18 !important;
  letter-spacing: -.035em !important;
}

.god-or-title > span {
  color: rgba(255,255,255,.98);
  text-shadow: 0 0 12px rgba(255,255,255,.24);
}

.god-or-title > strong {
  color: var(--color-primary) !important;
  font-weight: 700 !important;
  text-shadow: 0 0 12px color-mix(in srgb,var(--color-primary) 38%,transparent);
}

.god-or-subtitle {
  width: 100%;
  margin: 22px auto 0 !important;
  padding: 0 16px;
  color: rgba(255,255,255,.40) !important;
  font-family: inherit;
  font-size: clamp(13px, .95vw, 16px) !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
  text-align: center;
}

.god-or-subtitle b {
  color: rgba(255,255,255,.90);
  font-weight: 700;
}

/* Exact 0Resmon-style edge fade percentages. */
.god-or-payments-viewport,
.god-or-review-viewport {
  position: relative;
  width: 100%;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg,
    rgba(217,217,217,0) 5.77%,
    #D9D9D9 33.17%,
    #D9D9D9 52.88%,
    #D9D9D9 71.63%,
    rgba(217,217,217,0) 93.27%);
  mask-image: linear-gradient(90deg,
    rgba(217,217,217,0) 5.77%,
    #D9D9D9 33.17%,
    #D9D9D9 52.88%,
    #D9D9D9 71.63%,
    rgba(217,217,217,0) 93.27%);
}

.god-or-payments-viewport {
  min-height: 118px;
  margin-top: 76px;
  display: flex;
  align-items: center;
}

.god-or-review-viewport {
  min-height: 330px;
  margin-top: 20px;
  display: flex;
  align-items: center;
}

.god-or-track {
  --god-v24-distance: 1600px;
  --god-v24-duration: 30s;
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: center !important;
  width: max-content !important;
  min-width: max-content !important;
  transform: translate3d(0,0,0);
  will-change: transform;
  animation: godV24Marquee var(--god-v24-duration) linear infinite !important;
}

.god-or-set {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: stretch !important;
  gap: 16px !important;
  padding-left: 16px;
}

@keyframes godV24Marquee {
  from { transform: translate3d(0,0,0); }
  to { transform: translate3d(calc(var(--god-v24-distance) * -1),0,0); }
}

/* --------------------------- RECENT PAYMENTS --------------------------- */
.god-or-payment-card {
  width: 350px;
  min-width: 350px;
  height: 96px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 20px;
  border: 2px solid rgba(255,255,255,.045);
  border-radius: 15px;
  background: radial-gradient(74.31% 154.58% at 50% 50%, rgba(0,0,0,.31) 0%, rgba(51,51,51,.31) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.012), 0 14px 34px rgba(0,0,0,.10);
  backdrop-filter: blur(12px);
}

.god-or-payment-person {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 14px;
}

.god-or-payment-avatar {
  width: 56px;
  height: 56px;
  flex: 0 0 56px;
  display: block;
  border-radius: 10px;
  object-fit: cover;
  background: #111416;
}

.god-or-payment-avatar--initial {
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,.95);
  background: color-mix(in srgb,var(--color-primary) 17%,#111416);
  border: 1px solid color-mix(in srgb,var(--color-primary) 13%,transparent);
  font-size: 22px;
  font-weight: 500;
}

.god-or-payment-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.god-or-payment-copy strong {
  max-width: 180px;
  overflow: hidden;
  color: rgba(255,255,255,.90);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.1;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.god-or-payment-copy small {
  color: rgba(255,255,255,.25);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.1;
}

.god-or-payment-amount {
  flex: 0 0 auto;
  color: rgba(255,255,255,.92);
  font-size: 15px;
  font-weight: 750;
  line-height: 1;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

/* --------------------------- CUSTOMER REVIEWS --------------------------- */
.god-or-review-head { margin-bottom: 0; }

.god-or-rating {
  width: max-content;
  max-width: 100%;
  min-height: 48px;
  margin-top: 20px;
  padding: 8px 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  border: 2px solid rgba(255,255,255,.05);
  border-radius: 15px;
  background: radial-gradient(74.31% 154.58% at 50% 50%, rgba(0,0,0,.31) 0%, rgba(51,51,51,.31) 100%);
  backdrop-filter: blur(16px);
}

.god-or-rating-label,
.god-or-rating-copy {
  color: rgba(255,255,255,.34);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}

.god-or-rating-copy b {
  color: rgba(255,255,255,.90);
  font-weight: 800;
}

.god-or-rating-stars {
  color: var(--color-primary);
  font-size: 19px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 2px;
  text-shadow: 0 2px 8px color-mix(in srgb,var(--color-primary) 34%,transparent);
}

.god-or-rating-divider {
  width: 1px;
  height: 18px;
  background: rgba(255,255,255,.10);
}

.god-or-review-card {
  position: relative;
  width: 350px;
  min-width: 350px;
  height: 260px;
  display: flex;
  flex-direction: column;
  padding: 20px;
  overflow: hidden;
  border: 2px solid rgba(255,255,255,.05);
  border-radius: 16px;
  background: radial-gradient(74.31% 154.58% at 50% 50%, rgba(0,0,0,.31) 0%, rgba(51,51,51,.31) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.012), 0 16px 38px rgba(0,0,0,.11);
  backdrop-filter: blur(12px);
}

.god-or-quote {
  position: absolute;
  top: -13px;
  right: 17px;
  color: color-mix(in srgb,var(--color-primary) 15%,transparent);
  font-family: Georgia, serif;
  font-size: 84px;
  font-weight: 900;
  line-height: 1;
  pointer-events: none;
}

.god-or-review-top {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.god-or-review-person {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}

.god-or-review-avatar {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10);
}

.god-or-review-avatar--adeztr { background: linear-gradient(145deg,#ef475b,#a51f32); }
.god-or-review-avatar--bablo  { background: linear-gradient(145deg,#38414d,#14181c); color:#bdeaf5; }
.god-or-review-avatar--aurora { background: linear-gradient(145deg,#6b28c8,#0e173c); }

.god-or-review-identity {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.god-or-review-identity strong {
  max-width: 185px;
  overflow: hidden;
  color: rgba(255,255,255,.90);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.1;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.god-or-review-identity small {
  color: rgba(255,255,255,.27);
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
}

.god-or-review-stars {
  flex: 0 0 auto;
  color: var(--color-primary);
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 1.5px;
  text-shadow: 0 2px 7px color-mix(in srgb,var(--color-primary) 30%,transparent);
}

.god-or-review-text {
  position: relative;
  z-index: 1;
  margin: 24px 0 18px !important;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  color: rgba(255,255,255,.50) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.52 !important;
}

.god-or-review-footer {
  position: relative;
  z-index: 1;
  margin-top: auto;
  display: flex;
  align-items: center;
}

.god-or-review-footer > span {
  min-height: 35px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 0 13px;
  border: 1px solid color-mix(in srgb,var(--color-primary) 20%,rgba(255,255,255,.04));
  border-radius: 8px;
  background: color-mix(in srgb,var(--color-primary) 4%,rgba(0,0,0,.18));
  color: color-mix(in srgb,var(--color-primary) 82%,#fff);
  font-size: 11px;
  font-weight: 700;
}

.god-or-review-footer b { font-size: 13px; }

@media (max-width: 1024px) {
  .god-or-payments,
  .god-or-reviews { margin-top: 88px !important; }

  .god-or-payments-viewport { margin-top: 54px; }
}

@media (max-width: 767px) {
  .god-or-payments,
  .god-or-reviews {
    margin-top: 64px !important;
    padding-top: 28px !important;
  }

  .god-or-title { font-size: clamp(30px, 10vw, 40px) !important; }

  .god-or-subtitle {
    margin-top: 16px !important;
    padding: 0 8px;
    font-size: 13px !important;
  }

  .god-or-payments-viewport,
  .god-or-review-viewport {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 6%, #000 94%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 6%, #000 94%, transparent 100%);
  }

  .god-or-payments-viewport { min-height: 106px; margin-top: 42px; }
  .god-or-review-viewport { min-height: 300px; margin-top: 16px; }

  .god-or-set { gap: 12px !important; padding-left: 12px; }

  .god-or-payment-card {
    width: min(86vw, 320px);
    min-width: min(86vw, 320px);
    height: 88px;
    padding: 15px;
  }

  .god-or-payment-avatar { width: 50px; height: 50px; flex-basis: 50px; }
  .god-or-payment-copy strong { max-width: 145px; font-size: 14px; }
  .god-or-payment-amount { font-size: 14px; }

  .god-or-rating {
    gap: 8px;
    margin-top: 16px;
    padding: 8px 10px;
  }

  .god-or-rating-label { display:none; }
  .god-or-rating-stars { font-size: 16px; letter-spacing: 1px; }
  .god-or-rating-copy { font-size: 10.5px; }

  .god-or-review-card {
    width: min(88vw, 330px);
    min-width: min(88vw, 330px);
    height: 245px;
    padding: 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .god-or-track { animation-duration: var(--god-v24-duration) !important; }
}

/* ==========================================================================
   GOD STUDIOS V25 - COMMUNITY ARCHIVE PROFILE IMAGE RESTORE
   Only supplements the V24 Payments/Reviews components.
   ========================================================================== */
.god-or-review-avatar--image {
  display:block !important;
  object-fit:cover !important;
  overflow:hidden;
  background:#111416;
  border:1px solid rgba(255,255,255,.055);
}

.god-or-rating-score {
  color:rgba(255,255,255,.94);
  font-size:20px;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
}

.god-or-payment-card--archive .god-or-payment-copy small,
.god-or-review-card--archive .god-or-review-identity small {
  color:rgba(255,255,255,.25);
}

/* Preserve the 0Resmon-like rhythm even with the larger archive dataset. */
.god-or-payments-set,
.god-or-review-set {
  flex-shrink:0 !important;
}


/* ========================================================================== 
   GOD STUDIOS V26 - PACKAGE PAGE RELATED PRODUCTS RAIL
   Replaces Tebex's oversized featured-product showcase on /package/* only.
   This block is intentionally isolated from Home/category/community rails.
   ========================================================================== */

body.god-package-related-v26-active .god-related-v26 {
  position: relative;
  left: 50%;
  width: 100vw;
  margin-left: -50vw;
  padding: 66px 0 72px;
  overflow: hidden;
  background:
    radial-gradient(56% 110% at 50% 52%, color-mix(in srgb, var(--color-primary) 7%, transparent) 0%, transparent 68%),
    var(--dark-color-primary);
  isolation: isolate;
}

body.god-package-related-v26-active .god-related-v26::before,
body.god-package-related-v26-active .god-related-v26::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 72px;
  z-index: 4;
  pointer-events: none;
}

body.god-package-related-v26-active .god-related-v26::before {
  top: 0;
  background: linear-gradient(180deg, var(--dark-color-primary) 0%, rgba(15,16,19,.72) 34%, transparent 100%);
}

body.god-package-related-v26-active .god-related-v26::after {
  bottom: 0;
  background: linear-gradient(0deg, var(--dark-color-primary) 0%, rgba(15,16,19,.68) 34%, transparent 100%);
}

.god-related-v26__head {
  position: relative;
  z-index: 6;
  width: min(1320px, calc(100% - 48px));
  margin: 0 auto 28px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
}

.god-related-v26__eyebrow {
  display: block;
  margin-bottom: 7px;
  color: var(--color-primary);
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.god-related-v26__title {
  margin: 0;
  color: #fff;
  font-family: inherit;
  font-size: clamp(28px, 2.35vw, 40px);
  font-weight: 700;
  line-height: 1.06;
  letter-spacing: -.04em;
}

.god-related-v26__title strong {
  color: var(--color-primary);
  font-weight: 800;
  text-shadow: 0 0 18px color-mix(in srgb, var(--color-primary) 15%, transparent);
}

.god-related-v26__view-all {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 40px;
  padding: 0 15px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 10px;
  background: rgba(255,255,255,.028);
  color: rgba(255,255,255,.82) !important;
  text-decoration: none !important;
  font-size: 12px;
  font-weight: 750;
  white-space: nowrap;
  transition: border-color 220ms ease, color 220ms ease, background-color 220ms ease, transform 220ms ease;
}

.god-related-v26__view-all:hover {
  border-color: color-mix(in srgb, var(--color-primary) 28%, transparent);
  background: color-mix(in srgb, var(--color-primary) 5%, rgba(255,255,255,.028));
  color: #fff !important;
  transform: translateY(-1px);
}

.god-related-v26__viewport {
  position: relative;
  z-index: 5;
  width: 100%;
  overflow: hidden;
  padding: 4px 0 10px;
  -webkit-mask-image: linear-gradient(90deg,
    transparent 0%,
    #000 6.5%,
    #000 93.5%,
    transparent 100%);
  mask-image: linear-gradient(90deg,
    transparent 0%,
    #000 6.5%,
    #000 93.5%,
    transparent 100%);
}

.god-related-v26__track {
  --god-related-v26-distance: 2000px;
  --god-related-v26-duration: 50s;
  display: flex;
  width: max-content;
  align-items: stretch;
  gap: 0;
  will-change: transform;
  animation: godRelatedV26Move var(--god-related-v26-duration) linear infinite;
}

.god-related-v26__track:hover {
  animation-play-state: paused;
}

.god-related-v26__group {
  display: flex;
  align-items: stretch;
  gap: 18px;
  padding-right: 18px;
}

.god-related-v26__item {
  display: flex !important;
  flex: 0 0 350px !important;
  width: 350px !important;
  min-width: 350px !important;
  max-width: 350px !important;
}

.god-related-v26__item > [data-package-detail] {
  display: flex !important;
  flex-direction: column !important;
  width: 350px !important;
  min-width: 350px !important;
  max-width: 350px !important;
  height: 100% !important;
}

.god-related-v26__item .god-package-media {
  aspect-ratio: 16 / 9;
}

.god-related-v26__item .god-package-content {
  min-height: 206px;
}

.god-related-v26__status {
  width: min(1320px, calc(100% - 48px));
  margin: 18px auto;
  color: rgba(255,255,255,.42);
  font-size: 13px;
  text-align: center;
}

@keyframes godRelatedV26Move {
  from { transform: translate3d(0,0,0); }
  to { transform: translate3d(calc(var(--god-related-v26-distance) * -1),0,0); }
}

@media (max-width: 1024px) {
  .god-related-v26__item,
  .god-related-v26__item > [data-package-detail] {
    flex-basis: 330px !important;
    width: 330px !important;
    min-width: 330px !important;
    max-width: 330px !important;
  }

  .god-related-v26__head {
    width: calc(100% - 32px);
  }
}

@media (max-width: 767px) {
  body.god-package-related-v26-active .god-related-v26 {
    padding: 48px 0 56px;
  }

  .god-related-v26__head {
    width: calc(100% - 28px);
    margin-bottom: 22px;
    align-items: flex-start;
    flex-direction: column;
    gap: 14px;
  }

  .god-related-v26__title {
    font-size: clamp(27px, 8vw, 36px);
  }

  .god-related-v26__viewport {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 4%, #000 96%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 4%, #000 96%, transparent 100%);
  }

  .god-related-v26__group {
    gap: 14px;
    padding-right: 14px;
  }

  .god-related-v26__item,
  .god-related-v26__item > [data-package-detail] {
    flex-basis: min(82vw, 318px) !important;
    width: min(82vw, 318px) !important;
    min-width: min(82vw, 318px) !important;
    max-width: min(82vw, 318px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .god-related-v26__track {
    animation-play-state: paused !important;
  }
}


/* ========================================================================== 
   GOD STUDIOS V29 - PRODIGY SERVICES + LIVE STATS POLISH
   - God Studios primary palette
   - compact 1080p-friendly frame
   - faded top/bottom strokes
   - no bottom geometry strip
   - Prodigy-style Discord CTA
   ========================================================================== */
.god-prodigy-suite {
  --god-suite-primary: var(--color-primary);
  --god-suite-primary-soft: color-mix(in srgb, var(--color-primary) 52%, white);
  --god-suite-primary-deep: color-mix(in srgb, var(--color-primary) 78%, #003e36);
  --god-suite-panel: #0c1012;
  position: relative;
  width: 100%;
  overflow: hidden;
  isolation: isolate;
  background:
    radial-gradient(ellipse 38% 68% at -4% 47%, color-mix(in srgb, var(--color-primary) 12%, transparent) 0%, color-mix(in srgb, var(--color-primary) 4%, transparent) 42%, transparent 74%),
    radial-gradient(ellipse 38% 68% at 104% 47%, color-mix(in srgb, var(--color-primary) 11%, transparent) 0%, color-mix(in srgb, var(--color-primary) 4%, transparent) 42%, transparent 74%),
    linear-gradient(180deg, rgba(10,15,16,.995) 0%, rgba(7,12,13,1) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.018),
    inset 0 -1px 0 rgba(255,255,255,.012);
}

.god-prodigy-suite::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  opacity: .56;
  background-image:
    linear-gradient(rgba(206,255,244,.030) 1px, transparent 1px),
    linear-gradient(90deg, rgba(206,255,244,.030) 1px, transparent 1px),
    radial-gradient(circle, color-mix(in srgb, var(--color-primary) 15%, transparent) 0 1px, transparent 1.25px);
  background-size: 14px 14px, 14px 14px, 74px 74px;
  background-position: center center, center center, 18px 24px;
  -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,.72), #000 16%, #000 84%, rgba(0,0,0,.68));
  mask-image: linear-gradient(180deg, rgba(0,0,0,.72), #000 16%, #000 84%, rgba(0,0,0,.68));
}

.god-prodigy-suite::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 50% 42%, transparent 0 38%, rgba(0,0,0,.10) 72%, rgba(0,0,0,.26) 100%),
    linear-gradient(90deg, color-mix(in srgb, var(--color-primary) 2.8%, transparent), transparent 22%, transparent 78%, color-mix(in srgb, var(--color-primary) 2.8%, transparent));
}

.god-prodigy-suite__ambient {
  position: absolute;
  z-index: 0;
  pointer-events: none;
  inset: 0;
  background:
    radial-gradient(ellipse 34% 42% at 10% 48%, color-mix(in srgb, var(--color-primary) 5.5%, transparent), transparent 74%),
    radial-gradient(ellipse 34% 42% at 90% 48%, color-mix(in srgb, var(--color-primary) 5%, transparent), transparent 74%);
  filter: blur(8px);
}

/* The original Prodigy-like line loses opacity toward both ends. */
.god-prodigy-suite__edge {
  position: absolute;
  z-index: 6;
  left: 1.5%;
  right: 1.5%;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    transparent 0%,
    color-mix(in srgb, var(--color-primary) 8%, transparent) 7%,
    color-mix(in srgb, var(--color-primary) 34%, transparent) 24%,
    color-mix(in srgb, var(--color-primary) 62%, transparent) 50%,
    color-mix(in srgb, var(--color-primary) 34%, transparent) 76%,
    color-mix(in srgb, var(--color-primary) 8%, transparent) 93%,
    transparent 100%
  );
  box-shadow: 0 0 14px color-mix(in srgb, var(--color-primary) 8%, transparent);
}

.god-prodigy-suite__edge--top { top: 0; }
.god-prodigy-suite__edge--bottom { bottom: 0; }

.god-prodigy-suite__inner {
  position: relative;
  z-index: 2;
  width: min(1320px, calc(100% - 96px));
  margin: 0 auto;
  padding: clamp(46px, 4vw, 58px) 0 clamp(44px, 3.8vw, 56px);
}

.god-prodigy-suite__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.god-prodigy-suite__title {
  margin: 0;
  font-family: "Quantico", "Poppins", sans-serif !important;
  font-size: clamp(33px, 3vw, 52px);
  font-weight: 700 !important;
  line-height: 1.08 !important;
  letter-spacing: -.025em;
  text-transform: uppercase;
  background-image: linear-gradient(to top, var(--god-suite-primary-deep) 4.545%, var(--god-suite-primary-soft) 81.169%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 26px color-mix(in srgb, var(--color-primary) 5%, transparent);
}

.god-prodigy-suite__subtitle {
  margin: 6px 0 0;
  font-family: "Inter", "Poppins", sans-serif !important;
  color: rgba(255,255,255,.56);
  font-size: clamp(14px, 1.05vw, 17px);
  font-weight: 500;
  line-height: 1.42 !important;
  letter-spacing: .005em;
  text-transform: none;
}

.god-prodigy-services,
.god-prodigy-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(16px, 1.6vw, 24px);
  margin-top: clamp(24px, 2.3vw, 32px);
}

.god-prodigy-cut {
  --god-cut: 13px;
  position: relative;
  min-width: 0;
  padding: 1px;
  clip-path: polygon(
    var(--god-cut) 0,
    calc(100% - var(--god-cut)) 0,
    100% var(--god-cut),
    100% calc(100% - var(--god-cut)),
    calc(100% - var(--god-cut)) 100%,
    var(--god-cut) 100%,
    0 calc(100% - var(--god-cut)),
    0 var(--god-cut)
  );
  background: rgba(121,121,121,.48);
  transition: transform 180ms ease, background 300ms ease, filter 300ms ease;
}

.god-prodigy-cut__inner {
  position: relative;
  width: 100%;
  height: 100%;
  clip-path: inherit;
  background:
    linear-gradient(180deg, rgba(255,255,255,.016), rgba(255,255,255,0) 42%),
    rgba(12,16,18,.95);
  transition: background-color 300ms ease, filter 300ms ease;
}

.god-prodigy-cut::before,
.god-prodigy-cut::after {
  content: "";
  position: absolute;
  z-index: 4;
  pointer-events: none;
  width: 34px;
  height: 1px;
  opacity: .40;
  background: color-mix(in srgb, var(--color-primary) 34%, transparent);
  transition: opacity 300ms ease, width 300ms ease, background 300ms ease;
}

.god-prodigy-cut::before { top: 0; left: 23px; }
.god-prodigy-cut::after { right: 23px; bottom: 0; }

.god-prodigy-cut:hover {
  background: linear-gradient(135deg,
    color-mix(in srgb, var(--color-primary) 72%, rgba(255,255,255,.62)),
    color-mix(in srgb, var(--color-primary) 42%, rgba(121,121,121,.55)) 58%,
    rgba(121,121,121,.48));
  filter: drop-shadow(0 0 16px color-mix(in srgb, var(--color-primary) 7%, transparent));
  transform: translateY(-2px);
}

.god-prodigy-cut:hover .god-prodigy-cut__inner { filter: brightness(1.12); }

.god-prodigy-cut:hover::before,
.god-prodigy-cut:hover::after {
  width: 56px;
  opacity: .90;
  background: color-mix(in srgb, var(--color-primary) 78%, white);
}

.god-prodigy-cut:active { transform: translateY(-1px) scale(.985); }

.god-prodigy-service .god-prodigy-cut__inner {
  display: flex;
  min-height: 178px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 22px 24px 23px;
  text-align: center;
}

.god-prodigy-service__icon {
  display: flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  color: color-mix(in srgb, var(--color-primary) 78%, white);
  filter: drop-shadow(0 0 9px color-mix(in srgb, var(--color-primary) 10%, transparent));
  transition: color 300ms ease, filter 300ms ease, transform 300ms ease;
}

.god-prodigy-service__icon svg { width: 27px; height: 27px; }

.god-prodigy-service h3 {
  margin: 0;
  font-family: "Quantico", "Poppins", sans-serif !important;
  font-size: clamp(20px, 1.4vw, 25px);
  font-weight: 700;
  line-height: 1.08 !important;
  letter-spacing: -.015em;
  text-transform: uppercase;
  background-image: linear-gradient(to top, var(--god-suite-primary-deep) 4.545%, var(--god-suite-primary-soft) 81.169%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  transition: filter 300ms ease;
}

.god-prodigy-service p {
  max-width: 350px;
  margin: 9px auto 0;
  font-family: "Inter", "Poppins", sans-serif !important;
  color: rgba(255,255,255,.51);
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.54 !important;
}

.god-prodigy-service p strong {
  color: rgba(255,255,255,.84);
  font-weight: 600;
}

.god-prodigy-service:hover .god-prodigy-service__icon {
  color: var(--color-primary);
  filter: drop-shadow(0 0 9px color-mix(in srgb, var(--color-primary) 26%, transparent));
  transform: translateY(-2px);
}

.god-prodigy-service:hover h3 {
  filter: drop-shadow(0 0 8px color-mix(in srgb, var(--color-primary) 18%, transparent));
}

/* Prodigy-like compact cut-corner CTA. */
.god-prodigy-suite__action {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}

.god-prodigy-discord {
  --god-btn-cut: 10px;
  position: relative;
  display: inline-flex;
  min-width: 158px;
  height: 44px;
  padding: 1px;
  align-items: center;
  justify-content: center;
  clip-path: polygon(
    var(--god-btn-cut) 0,
    calc(100% - var(--god-btn-cut)) 0,
    100% var(--god-btn-cut),
    100% calc(100% - var(--god-btn-cut)),
    calc(100% - var(--god-btn-cut)) 100%,
    var(--god-btn-cut) 100%,
    0 calc(100% - var(--god-btn-cut)),
    0 var(--god-btn-cut)
  );
  background: rgba(121,121,121,.76);
  text-decoration: none !important;
  cursor: pointer;
  transition: transform 150ms ease, background 300ms ease, filter 300ms ease;
}

.god-prodigy-discord::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  clip-path: inherit;
  background: #0c0f14;
  transition: filter 300ms ease, background-color 300ms ease;
}

.god-prodigy-discord span {
  position: relative;
  z-index: 1;
  font-family: "Quantico", "Poppins", sans-serif !important;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .01em;
  text-transform: uppercase;
  transition: color 300ms ease, filter 300ms ease;
}

.god-prodigy-discord:hover {
  background: color-mix(in srgb, var(--color-primary) 62%, rgba(255,255,255,.55));
  filter: drop-shadow(0 0 10px color-mix(in srgb, var(--color-primary) 12%, transparent));
}

.god-prodigy-discord:hover::before {
  background: color-mix(in srgb, var(--color-primary) 3.5%, #0c0f14);
  filter: brightness(1.22);
}

.god-prodigy-discord:hover span {
  color: rgba(255,255,255,.94);
  filter: drop-shadow(0 0 7px rgba(255,255,255,.26));
}

.god-prodigy-discord:active { transform: scale(.97); }

.god-prodigy-suite__divider {
  position: relative;
  width: min(820px, 76%);
  height: 1px;
  margin: 30px auto 27px;
  background: linear-gradient(90deg,
    transparent,
    color-mix(in srgb, var(--color-primary) 8%, transparent) 16%,
    color-mix(in srgb, var(--color-primary) 32%, transparent) 50%,
    color-mix(in srgb, var(--color-primary) 8%, transparent) 84%,
    transparent);
  box-shadow: 0 0 14px color-mix(in srgb, var(--color-primary) 4%, transparent);
}

.god-prodigy-suite__divider span {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 7px;
  height: 7px;
  transform: translate(-50%, -50%) rotate(45deg);
  border: 1px solid color-mix(in srgb, var(--color-primary) 42%, transparent);
  background: #0c1012;
  box-shadow: 0 0 10px color-mix(in srgb, var(--color-primary) 8%, transparent);
}

.god-prodigy-suite__head--stats { max-width: 820px; }

.god-prodigy-stats {
  width: min(1060px, 100%);
  margin-left: auto;
  margin-right: auto;
}

.god-prodigy-stat .god-prodigy-cut__inner {
  display: flex;
  min-height: 112px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 19px 18px;
  text-align: center;
}

.god-prodigy-stat__value {
  display: flex;
  align-items: baseline;
  justify-content: center;
  margin: 0;
  font-family: "Quantico", "Poppins", sans-serif !important;
  font-size: clamp(34px, 2.8vw, 48px);
  font-weight: 700;
  line-height: 1 !important;
  letter-spacing: -.035em;
  background-image: linear-gradient(to top, var(--god-suite-primary-deep) 4.545%, var(--god-suite-primary-soft) 81.169%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  transition: filter 300ms ease;
}

.god-prodigy-stat__value span { margin-left: 2px; font-size: .54em; }

.god-prodigy-stat__label {
  margin-top: 8px;
  font-family: "Inter", "Poppins", sans-serif !important;
  color: rgba(255,255,255,.56);
  font-size: 11.5px;
  font-weight: 600;
  line-height: 1.3 !important;
  letter-spacing: .025em;
  text-transform: uppercase;
}

.god-prodigy-stat:hover .god-prodigy-stat__value {
  filter: drop-shadow(0 0 9px color-mix(in srgb, var(--color-primary) 18%, transparent));
}

/* V29 spacing rhythm: Escrow -> Cinematic -> Suite -> Payments use one gap. */
.god-video-hero {
  margin-top: 38px;
  margin-bottom: 136px;
}

.god-prodigy-suite ~ .god-or-payments {
  margin-top: 136px !important;
  padding-top: 0 !important;
}

@media (max-width: 1024px) {
  .god-prodigy-suite__inner {
    width: min(100% - 48px, 1120px);
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .god-prodigy-service .god-prodigy-cut__inner {
    min-height: 190px;
    padding-left: 21px;
    padding-right: 21px;
  }

  .god-video-hero { margin-top: 30px; margin-bottom: 112px; }
  .god-prodigy-suite ~ .god-or-payments { margin-top: 112px !important; }
}

@media (max-width: 780px) {
  .god-prodigy-suite__inner {
    width: calc(100% - 28px);
    padding: 42px 0 44px;
  }

  .god-prodigy-suite__title { font-size: clamp(30px, 9.2vw, 42px); }

  .god-prodigy-suite__subtitle {
    max-width: 620px;
    margin-top: 6px;
    font-size: 14px;
  }

  .god-prodigy-services,
  .god-prodigy-stats {
    grid-template-columns: 1fr;
    gap: 13px;
    margin-top: 24px;
  }

  .god-prodigy-service .god-prodigy-cut__inner {
    min-height: 0;
    padding: 24px 21px 25px;
  }

  .god-prodigy-stat .god-prodigy-cut__inner { min-height: 106px; }

  .god-prodigy-suite__action { margin-top: 21px; }
  .god-prodigy-suite__divider { width: 90%; margin-top: 27px; margin-bottom: 25px; }
  .god-prodigy-discord { min-width: 150px; height: 43px; }

  .god-video-hero { margin-top: 18px; margin-bottom: 76px; }
  .god-prodigy-suite ~ .god-or-payments { margin-top: 76px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .god-prodigy-cut,
  .god-prodigy-cut__inner,
  .god-prodigy-service__icon,
  .god-prodigy-service h3,
  .god-prodigy-stat__value,
  .god-prodigy-discord,
  .god-prodigy-discord::before,
  .god-prodigy-discord span {
    transition: none !important;
  }
}

/* ==========================================================================
   GOD STUDIOS V30 - VISUAL SECTION SPACING CALIBRATION
   - Compensates for the Services/Statistics frame's own bottom padding so
     its visible content-to-Payments gap matches the Cinematic-to-frame rhythm.
   - Tightens Payments-to-Customer Comments without changing either module.
   ========================================================================== */

.god-video-hero {
  margin-bottom: 136px;
}

.god-prodigy-suite ~ .god-or-payments {
  margin-top: 84px !important;
  padding-top: 0 !important;
}

.god-or-reviews {
  margin-top: 80px !important;
  padding-top: 0 !important;
}

@media (max-width: 1024px) {
  .god-video-hero {
    margin-bottom: 112px;
  }

  .god-prodigy-suite ~ .god-or-payments {
    margin-top: 64px !important;
  }

  .god-or-reviews {
    margin-top: 64px !important;
    padding-top: 0 !important;
  }
}

@media (max-width: 780px) {
  .god-video-hero {
    margin-bottom: 76px;
  }

  .god-prodigy-suite ~ .god-or-payments {
    margin-top: 32px !important;
  }

  .god-or-reviews {
    margin-top: 48px !important;
    padding-top: 0 !important;
  }
}

/* ==========================================================================
   GOD STUDIOS V31 - CINEMATIC -> SERVICES/STATS SPACING
   Reference: visual Escrow -> Cinematic gap.
   Only this transition is changed. Other V30 spacing stays untouched.
   ========================================================================== */

.god-video-hero {
  margin-bottom: 210px;
}

@media (max-width: 1024px) {
  .god-video-hero {
    margin-bottom: 172px;
  }
}

@media (max-width: 780px) {
  .god-video-hero {
    margin-bottom: 116px;
  }
}

/* ==========================================================================
   GOD STUDIOS V32 - SERVICES / STATISTICS VISUAL POLISH
   Only the combined Services + Statistics frame is changed here.
   Existing V30/V31 page-to-page spacing remains intact.
   ========================================================================== */

/* Use the actual store primary instead of the previous mint/white mixture. */
.god-prodigy-suite {
  --god-suite-primary: var(--color-primary);
  --god-suite-primary-soft: var(--color-primary);
  --god-suite-primary-deep: color-mix(in srgb, var(--color-primary) 76%, #00695a);
}

/* Make the full framed area shorter and vertically balanced in a 1080p viewport. */
.god-prodigy-suite__inner {
  width: min(1320px, calc(100% - 96px));
  padding-top: 34px;
  padding-bottom: 34px;
}

.god-prodigy-suite__title,
.god-prodigy-service h3,
.god-prodigy-stat__value {
  background-image: linear-gradient(
    to top,
    var(--god-suite-primary-deep) 0%,
    var(--god-suite-primary) 86%
  );
  text-shadow: 0 0 22px color-mix(in srgb, var(--color-primary) 7%, transparent);
}

.god-prodigy-suite__title {
  font-size: clamp(32px, 2.65vw, 46px);
}

/* Slightly larger and closer supporting copy. */
.god-prodigy-suite__subtitle {
  margin-top: 4px;
  font-size: clamp(15px, 1vw, 17px);
  line-height: 1.34 !important;
}

/* Services header owns the CTA now; it no longer sits between both sections. */
.god-prodigy-suite__head--services {
  position: relative;
  width: 100%;
  max-width: none;
  padding-left: 168px;
  padding-right: 168px;
}

.god-prodigy-suite__head--services .god-prodigy-suite__action {
  position: absolute;
  right: 0;
  top: 50%;
  margin: 0;
  transform: translateY(-50%);
}

.god-prodigy-discord {
  min-width: 146px;
  height: 40px;
}

.god-prodigy-discord span {
  font-size: 14px;
}

/* Compact, balanced service cards. */
.god-prodigy-services,
.god-prodigy-stats {
  margin-top: 20px;
}

.god-prodigy-service .god-prodigy-cut__inner {
  min-height: 154px;
  padding: 17px 24px 18px;
  justify-content: center;
}

.god-prodigy-service__icon {
  width: 34px;
  height: 34px;
  margin-bottom: 7px;
  color: var(--color-primary);
  filter: drop-shadow(0 0 8px color-mix(in srgb, var(--color-primary) 15%, transparent));
}

.god-prodigy-service__icon svg {
  width: 23px;
  height: 23px;
}

/* Same display typeface/weight language as the statistics numbers. */
.god-prodigy-service h3 {
  font-family: "Quantico", "Poppins", sans-serif !important;
  font-size: clamp(22px, 1.55vw, 27px);
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: -.035em;
}

.god-prodigy-service p {
  max-width: 370px;
  margin-top: 8px;
  font-family: "Inter", "Poppins", sans-serif !important;
  color: rgba(255,255,255,.60);
  font-size: 14.5px;
  font-weight: 500;
  line-height: 1.40 !important;
}

.god-prodigy-service p strong {
  color: rgba(255,255,255,.90);
}

/* With the CTA moved away, the middle divider can be much tighter. */
.god-prodigy-suite__divider {
  margin-top: 18px;
  margin-bottom: 16px;
}

/* Statistics block is also shortened without touching its width. */
.god-prodigy-stats {
  margin-top: 18px;
}

.god-prodigy-stat .god-prodigy-cut__inner {
  min-height: 94px;
  padding: 13px 18px 14px;
}

.god-prodigy-stat__value {
  font-size: clamp(34px, 2.8vw, 48px);
}

.god-prodigy-stat__value .god-prodigy-stat__plus {
  margin-left: 2px;
  font-size: .54em;
}

.god-prodigy-stat__label {
  margin-top: 6px;
}

/* Keep the same frame geometry but make the hover accents store-colored too. */
.god-prodigy-cut:hover {
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--color-primary) 82%, rgba(255,255,255,.18)),
    color-mix(in srgb, var(--color-primary) 44%, rgba(121,121,121,.44)) 58%,
    rgba(121,121,121,.48)
  );
}

.god-prodigy-cut:hover::before,
.god-prodigy-cut:hover::after {
  background: var(--color-primary);
}

/* Tablet */
@media (max-width: 1100px) {
  .god-prodigy-suite__inner {
    width: min(100% - 48px, 1120px);
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .god-prodigy-suite__head--services {
    padding-left: 150px;
    padding-right: 150px;
  }

  .god-prodigy-service .god-prodigy-cut__inner {
    min-height: 160px;
    padding-left: 18px;
    padding-right: 18px;
  }

  .god-prodigy-service p {
    font-size: 14px;
  }
}

/* Small screens: CTA stays with Services, before the cards, never between sections. */
@media (max-width: 860px) {
  .god-prodigy-suite__inner {
    width: calc(100% - 28px);
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .god-prodigy-suite__head--services {
    padding-left: 0;
    padding-right: 0;
  }

  .god-prodigy-suite__head--services .god-prodigy-suite__action {
    position: static;
    margin-top: 14px;
    transform: none;
  }

  .god-prodigy-services,
  .god-prodigy-stats {
    margin-top: 18px;
  }

  .god-prodigy-service .god-prodigy-cut__inner {
    min-height: 0;
    padding: 20px 20px 21px;
  }

  .god-prodigy-suite__divider {
    margin-top: 17px;
    margin-bottom: 15px;
  }

  .god-prodigy-stat .god-prodigy-cut__inner {
    min-height: 90px;
  }
}

/* ==========================================================================
   GOD STUDIOS V33 - SERVICES / STATS BALANCE
   - Restore a visible multi-stop store-colored text gradient
   - Remove the visual dependency on the Discord CTA
   - Restore breathing room / frame height
   - Restore full statistic number size with wrapped counter spans
   - Increase Services/Stats -> Recent Payments visual gap
   ========================================================================== */

.god-prodigy-suite {
  --god-suite-primary: var(--color-primary);
  --god-suite-primary-soft: color-mix(in srgb, var(--color-primary) 58%, white);
  --god-suite-primary-deep: color-mix(in srgb, var(--color-primary) 74%, #005047);
}

/* Give the framed section more air again without returning to the oversized first draft. */
.god-prodigy-suite__inner {
  width: min(1320px, calc(100% - 96px));
  padding-top: 50px;
  padding-bottom: 50px;
}

/* Header returns to true centered layout after Discord CTA removal. */
.god-prodigy-suite__head--services {
  position: static;
  width: auto;
  max-width: 900px;
  padding-left: 0;
  padding-right: 0;
}

/* Stronger, clearly visible vertical gradient instead of a near-flat teal. */
.god-prodigy-suite__title,
.god-prodigy-service h3,
.god-prodigy-stat__value {
  background-image: linear-gradient(
    to top,
    var(--god-suite-primary-deep) 2%,
    var(--god-suite-primary) 48%,
    var(--god-suite-primary-soft) 92%
  ) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: 0 0 24px color-mix(in srgb, var(--color-primary) 7%, transparent);
}

/* Restore comfortable service-card height and vertical balance. */
.god-prodigy-services {
  margin-top: 26px;
}

.god-prodigy-service .god-prodigy-cut__inner {
  min-height: 176px;
  padding: 22px 25px 23px;
  justify-content: center;
}

.god-prodigy-service__icon {
  width: 40px;
  height: 40px;
  margin-bottom: 10px;
}

.god-prodigy-service__icon svg {
  width: 26px;
  height: 26px;
}

.god-prodigy-service h3 {
  font-family: "Quantico", "Poppins", sans-serif !important;
  font-size: clamp(23px, 1.6vw, 28px);
  font-weight: 700 !important;
  line-height: 1.04 !important;
  letter-spacing: -.03em;
}

.god-prodigy-service p {
  max-width: 370px;
  margin-top: 10px;
  font-family: "Inter", "Poppins", sans-serif !important;
  font-size: 14.5px;
  font-weight: 500;
  line-height: 1.46 !important;
}

/* More air between Services and Statistics. */
.god-prodigy-suite__divider {
  margin-top: 25px;
  margin-bottom: 23px;
}

.god-prodigy-stats {
  margin-top: 22px;
}

.god-prodigy-stat .god-prodigy-cut__inner {
  min-height: 112px;
  padding: 18px 18px 19px;
}

/* Important: the animated number is now a child span.
   The older generic ".god-prodigy-stat__value span" rule was shrinking it to 54%. */
.god-prodigy-stat__value {
  font-size: clamp(40px, 3.2vw, 54px);
}

.god-prodigy-stat__value .god-prodigy-stat__number {
  margin-left: 0 !important;
  font-size: 1em !important;
  line-height: 1 !important;
}

.god-prodigy-stat__value .god-prodigy-stat__plus {
  margin-left: 3px !important;
  font-size: .54em !important;
}

.god-prodigy-stat__label {
  margin-top: 8px;
}

/* The visible gap below the framed section was too tight in V32. */
.god-prodigy-suite ~ .god-or-payments {
  margin-top: 138px !important;
  padding-top: 0 !important;
}

@media (max-width: 1100px) {
  .god-prodigy-suite__inner {
    width: min(100% - 48px, 1120px);
    padding-top: 46px;
    padding-bottom: 46px;
  }

  .god-prodigy-service .god-prodigy-cut__inner {
    min-height: 180px;
    padding-left: 21px;
    padding-right: 21px;
  }

  .god-prodigy-suite ~ .god-or-payments {
    margin-top: 110px !important;
  }
}

@media (max-width: 860px) {
  .god-prodigy-suite__inner {
    width: calc(100% - 28px);
    padding-top: 40px;
    padding-bottom: 42px;
  }

  .god-prodigy-services,
  .god-prodigy-stats {
    margin-top: 22px;
  }

  .god-prodigy-service .god-prodigy-cut__inner {
    min-height: 0;
    padding: 24px 21px 25px;
  }

  .god-prodigy-suite__divider {
    margin-top: 22px;
    margin-bottom: 20px;
  }

  .god-prodigy-stat .god-prodigy-cut__inner {
    min-height: 106px;
  }

  .god-prodigy-suite ~ .god-or-payments {
    margin-top: 72px !important;
  }
}

/* ==========================================================================
   GOD STUDIOS V35 - PRODIGY REFERENCE FULL POLISH
   This override implements the actual reference values supplied by the user:
   Quantico headings, Inter body copy, exact vertical brand gradient,
   24px heading-to-body gap, 128/96/64px section padding, 1440px container,
   768px centered heading copy, and CORNER-ONLY service/stat treatments.
   ========================================================================== */

.god-prodigy-suite {
  --god-ref-lime-low: #52d615;
  --god-ref-lime-high: #dff35d;
  --god-ref-corner: rgba(137, 154, 164, .54);
  --god-ref-corner-hover: rgba(223, 243, 93, .78);
}

/* Keep the existing God Studios pattern/ambient system, but give its top/bottom
   separators the Prodigy green/lime character and preserve edge opacity falloff. */
.god-prodigy-suite__edge {
  left: 0;
  right: 0;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(82, 214, 21, 0.03) 6%,
    rgba(82, 214, 21, 0.22) 22%,
    rgba(223, 243, 93, 0.56) 50%,
    rgba(82, 214, 21, 0.22) 78%,
    rgba(82, 214, 21, 0.03) 94%,
    transparent 100%
  ) !important;
  box-shadow: 0 0 14px rgba(82, 214, 21, .06) !important;
}

/* Actual reference container:
   90rem = 1440px, py-32 = 128px on desktop. */
.god-prodigy-suite__inner {
  width: min(90rem, calc(100% - 96px)) !important;
  max-width: 90rem !important;
  padding-top: 128px !important;
  padding-bottom: 128px !important;
}

/* Reference max-w-3xl = 48rem / 768px for centered title + supporting copy. */
.god-prodigy-suite__head,
.god-prodigy-suite__head--services,
.god-prodigy-suite__head--stats {
  width: 100% !important;
  max-width: 48rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Reference desktop heading:
   Quantico, 60px XL / 48px LG, 700, 1.2, -0.025em. */
.god-prodigy-suite__title {
  margin: 0 !important;
  font-family: "Quantico", sans-serif !important;
  font-size: 60px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: -.025em !important;
  text-transform: uppercase !important;
  background-image: linear-gradient(
    to top,
    #52d615 4.545%,
    #dff35d 81.169%
  ) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  text-shadow: none !important;
}

/* Reference body:
   Inter, 18px, weight 400, line-height 1.5, mt-6 = 24px. */
.god-prodigy-suite__subtitle {
  max-width: 42rem !important;
  margin: 24px auto 0 !important;
  font-family: "Inter", sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
  color: rgba(255, 255, 255, .64) !important;
}

/* Cards have no card body, full frame, fill, shadow or clip anymore.
   The existing cut-corner geometry is retained ONLY as four isolated line corners. */
.god-prodigy-cut,
.god-prodigy-cut:hover,
.god-prodigy-cut:active {
  --god-corner-cut: 13px;
  --god-corner-run: 34px;
  position: relative !important;
  padding: 0 !important;
  clip-path: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  overflow: visible !important;
  transition: none !important;

  background-image:
    /* top-left */
    linear-gradient(var(--god-ref-corner), var(--god-ref-corner)),
    linear-gradient(135deg, transparent 46%, var(--god-ref-corner) 48% 52%, transparent 54%),
    linear-gradient(var(--god-ref-corner), var(--god-ref-corner)),
    /* top-right */
    linear-gradient(var(--god-ref-corner), var(--god-ref-corner)),
    linear-gradient(45deg, transparent 46%, var(--god-ref-corner) 48% 52%, transparent 54%),
    linear-gradient(var(--god-ref-corner), var(--god-ref-corner)),
    /* bottom-left */
    linear-gradient(var(--god-ref-corner), var(--god-ref-corner)),
    linear-gradient(45deg, transparent 46%, var(--god-ref-corner) 48% 52%, transparent 54%),
    linear-gradient(var(--god-ref-corner), var(--god-ref-corner)),
    /* bottom-right */
    linear-gradient(var(--god-ref-corner), var(--god-ref-corner)),
    linear-gradient(135deg, transparent 46%, var(--god-ref-corner) 48% 52%, transparent 54%),
    linear-gradient(var(--god-ref-corner), var(--god-ref-corner)) !important;

  background-size:
    var(--god-corner-run) 1px, var(--god-corner-cut) var(--god-corner-cut), 1px var(--god-corner-run),
    var(--god-corner-run) 1px, var(--god-corner-cut) var(--god-corner-cut), 1px var(--god-corner-run),
    var(--god-corner-run) 1px, var(--god-corner-cut) var(--god-corner-cut), 1px var(--god-corner-run),
    var(--god-corner-run) 1px, var(--god-corner-cut) var(--god-corner-cut), 1px var(--god-corner-run) !important;

  background-position:
    var(--god-corner-cut) 0, 0 0, 0 var(--god-corner-cut),
    calc(100% - var(--god-corner-cut)) 0, 100% 0, 100% var(--god-corner-cut),
    var(--god-corner-cut) 100%, 0 100%, 0 calc(100% - var(--god-corner-cut)),
    calc(100% - var(--god-corner-cut)) 100%, 100% 100%, 100% calc(100% - var(--god-corner-cut)) !important;

  background-repeat: no-repeat !important;
}

/* Remove the old partial horizontal accents completely. */
.god-prodigy-cut::before,
.god-prodigy-cut::after {
  display: none !important;
}

/* No inner card surface: only content + isolated corner marks. */
.god-prodigy-cut__inner,
.god-prodigy-cut:hover .god-prodigy-cut__inner {
  clip-path: none !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Subtle hover: only text/icon gains emphasis; no "card" animation returns. */
.god-prodigy-cut:hover {
  --god-ref-corner: var(--god-ref-corner-hover);
}

/* Services retain air, but stop feeling like dashboard cards. */
.god-prodigy-services {
  margin-top: 48px !important;
  gap: 30px !important;
}

.god-prodigy-service .god-prodigy-cut__inner {
  min-height: 188px !important;
  padding: 28px 32px 30px !important;
  justify-content: center !important;
}

.god-prodigy-service__icon {
  width: 38px !important;
  height: 38px !important;
  margin-bottom: 16px !important;
  color: color-mix(in srgb, var(--color-primary) 80%, white) !important;
  filter: none !important;
}

.god-prodigy-service__icon svg {
  width: 25px !important;
  height: 25px !important;
}

/* Same Quantico family and exact gradient logic as the statistic numbers,
   but at the smaller service-heading scale. */
.god-prodigy-service h3 {
  margin: 0 !important;
  font-family: "Quantico", sans-serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: -.025em !important;
  text-transform: uppercase !important;
  background-image: linear-gradient(
    to top,
    #52d615 4.545%,
    #dff35d 81.169%
  ) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  filter: none !important;
}

.god-prodigy-service:hover h3 {
  filter: drop-shadow(0 0 7px rgba(82, 214, 21, .14)) !important;
}

/* Card descriptions use the reference body family and calm weight.
   16px is intentionally smaller than the main 18px supporting copy. */
.god-prodigy-service p {
  max-width: 360px !important;
  margin: 14px auto 0 !important;
  font-family: "Inter", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
  color: rgba(255, 255, 255, .66) !important;
}

.god-prodigy-service p strong {
  color: rgba(255,255,255,.90) !important;
  font-weight: 600 !important;
}

/* Internal separator remains restrained and fades away at both ends. */
.god-prodigy-suite__divider {
  width: min(760px, 72%) !important;
  margin: 52px auto 44px !important;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(82,214,21,.08) 14%,
    rgba(223,243,93,.32) 50%,
    rgba(82,214,21,.08) 86%,
    transparent
  ) !important;
}

/* Stats sit closer to their heading than the main Services grid,
   while preserving the reference 24px heading/subtitle relationship. */
.god-prodigy-stats {
  margin-top: 38px !important;
  gap: 30px !important;
}

.god-prodigy-stat .god-prodigy-cut__inner {
  min-height: 126px !important;
  padding: 24px 26px 25px !important;
}

/* Do not shrink the numbers. Keep the large display scale and exact reference gradient. */
.god-prodigy-stat__value {
  font-family: "Quantico", sans-serif !important;
  font-size: 60px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: -.025em !important;
  background-image: linear-gradient(
    to top,
    #52d615 4.545%,
    #dff35d 81.169%
  ) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  text-shadow: none !important;
}

.god-prodigy-stat__value .god-prodigy-stat__number {
  margin-left: 0 !important;
  font-size: 1em !important;
  line-height: 1 !important;
}

.god-prodigy-stat__value .god-prodigy-stat__plus {
  margin-left: 3px !important;
  font-size: .54em !important;
  line-height: 1 !important;
}

.god-prodigy-stat__label {
  margin-top: 12px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: .015em !important;
}

/* Preserve the already calibrated external relationship with Recent Payments. */
.god-prodigy-suite ~ .god-or-payments {
  margin-top: 138px !important;
  padding-top: 0 !important;
}

/* LG reference: 48px heading, md reference: 96px vertical section padding. */
@media (max-width: 1199px) {
  .god-prodigy-suite__inner {
    width: min(90rem, calc(100% - 64px)) !important;
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }

  .god-prodigy-suite__title {
    font-size: 48px !important;
  }

  .god-prodigy-service h3 {
    font-size: 26px !important;
  }

  .god-prodigy-stat__value {
    font-size: 54px !important;
  }
}

@media (max-width: 860px) {
  .god-prodigy-services,
  .god-prodigy-stats {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  .god-prodigy-service .god-prodigy-cut__inner {
    min-height: 0 !important;
  }
}

/* Mobile reference: py-16 = 64px, text-3xl = 30px. */
@media (max-width: 639px) {
  .god-prodigy-suite__inner {
    width: calc(100% - 28px) !important;
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }

  .god-prodigy-suite__title {
    font-size: 30px !important;
  }

  .god-prodigy-suite__subtitle {
    margin-top: 24px !important;
    font-size: 16px !important;
  }

  .god-prodigy-services {
    margin-top: 38px !important;
  }

  .god-prodigy-service h3 {
    font-size: 24px !important;
  }

  .god-prodigy-service p {
    font-size: 15px !important;
  }

  .god-prodigy-suite__divider {
    width: 88% !important;
    margin-top: 42px !important;
    margin-bottom: 36px !important;
  }

  .god-prodigy-stats {
    margin-top: 32px !important;
  }

  .god-prodigy-stat__value {
    font-size: 48px !important;
  }

  .god-prodigy-suite ~ .god-or-payments {
    margin-top: 72px !important;
  }
}

/* ==========================================================================
   GOD STUDIOS V36 - STORE GRADIENT / PROPORTION / COUNTER VISUAL FIX
   - God Studios dark-teal -> primary-green gradient
   - Smaller, proportional Services items
   - Service icons hidden
   - Slightly shorter overall framed section so both strokes can breathe on 1080p
   - Keeps the corner-only visual language from V35
   ========================================================================== */

.god-prodigy-suite {
  --god-store-green: var(--color-primary);
  --god-store-green-dark: color-mix(in srgb, var(--color-primary) 34%, #04110e);
  --god-store-green-mid: color-mix(in srgb, var(--color-primary) 68%, #06211a);
}

/* Store-colored gradient: dark brand teal at the bottom -> real store primary at the top. */
.god-prodigy-suite__title,
.god-prodigy-service h3,
.god-prodigy-stat__value {
  background-image: linear-gradient(
    to top,
    var(--god-store-green-dark) 3%,
    var(--god-store-green-mid) 47%,
    var(--god-store-green) 92%
  ) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

/* Same store palette for the top/bottom frame strokes with fade on both ends. */
.god-prodigy-suite__edge {
  background: linear-gradient(
    90deg,
    transparent 0%,
    color-mix(in srgb, var(--color-primary) 10%, transparent) 8%,
    color-mix(in srgb, var(--color-primary) 34%, transparent) 24%,
    color-mix(in srgb, var(--color-primary) 72%, transparent) 50%,
    color-mix(in srgb, var(--color-primary) 34%, transparent) 76%,
    color-mix(in srgb, var(--color-primary) 10%, transparent) 92%,
    transparent 100%
  ) !important;
  box-shadow: 0 0 14px color-mix(in srgb, var(--color-primary) 7%, transparent) !important;
}

/* Slightly reduce the full section height while preserving Prodigy-style air. */
.god-prodigy-suite__inner {
  width: min(90rem, calc(100% - 96px)) !important;
  max-width: 90rem !important;
  padding-top: 104px !important;
  padding-bottom: 104px !important;
}

/* Remove all three service symbols. */
.god-prodigy-service__icon {
  display: none !important;
}

/* Services occupy a narrower centered width instead of stretching across the 1440px frame. */
.god-prodigy-services {
  width: min(1120px, 100%) !important;
  max-width: 1120px !important;
  margin: 44px auto 0 !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 34px !important;
}

/* Correct service proportions: equal width, calmer height, centered content. */
.god-prodigy-service {
  width: 100% !important;
  min-width: 0 !important;
}

.god-prodigy-service .god-prodigy-cut__inner {
  min-height: 168px !important;
  height: 168px !important;
  padding: 24px 28px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

.god-prodigy-service h3 {
  font-size: 27px !important;
}

.god-prodigy-service p {
  max-width: 300px !important;
  margin-top: 14px !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}

/* Corner runs scale with the smaller service item. No full border is reintroduced. */
.god-prodigy-service.god-prodigy-cut {
  --god-corner-run: 28px;
  --god-corner-cut: 12px;
}

/* Statistics remain prominent and proportional. */
.god-prodigy-stats {
  width: min(1040px, 100%) !important;
  max-width: 1040px !important;
  margin: 36px auto 0 !important;
  gap: 34px !important;
}

.god-prodigy-stat .god-prodigy-cut__inner {
  min-height: 126px !important;
  height: 126px !important;
  padding: 22px 24px !important;
}

.god-prodigy-stat__value {
  font-size: 60px !important;
}

/* Keep internal rhythm clean after the service items were reduced. */
.god-prodigy-suite__divider {
  margin-top: 46px !important;
  margin-bottom: 40px !important;
}

/* Preserve the already increased gap from Services/Stats to Recent Payments. */
.god-prodigy-suite ~ .god-or-payments {
  margin-top: 138px !important;
  padding-top: 0 !important;
}

@media (max-width: 1199px) {
  .god-prodigy-suite__inner {
    width: min(90rem, calc(100% - 64px)) !important;
    padding-top: 84px !important;
    padding-bottom: 84px !important;
  }

  .god-prodigy-services {
    width: min(1000px, 100%) !important;
    gap: 24px !important;
  }

  .god-prodigy-service .god-prodigy-cut__inner {
    height: 164px !important;
    min-height: 164px !important;
    padding: 22px 22px !important;
  }

  .god-prodigy-service h3 {
    font-size: 25px !important;
  }

  .god-prodigy-service p {
    font-size: 15px !important;
  }
}

@media (max-width: 860px) {
  .god-prodigy-services,
  .god-prodigy-stats {
    width: min(620px, 100%) !important;
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  .god-prodigy-service .god-prodigy-cut__inner {
    height: auto !important;
    min-height: 148px !important;
  }

  .god-prodigy-suite__inner {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
}

@media (max-width: 639px) {
  .god-prodigy-suite__inner {
    width: calc(100% - 28px) !important;
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .god-prodigy-services {
    margin-top: 34px !important;
  }

  .god-prodigy-service .god-prodigy-cut__inner {
    min-height: 138px !important;
    padding: 22px 18px !important;
  }

  .god-prodigy-stat__value {
    font-size: 48px !important;
  }
}

/* ==========================================================================
   GOD STUDIOS V37 - COMPACT FRAME + STORE-GREEN INTERACTIONS
   - Shorter top/bottom frame height
   - Proportional scale-down of all content inside the section
   - Hover/corner accents use store primary green only
   - Middle divider uses store primary green only
   ========================================================================== */

.god-prodigy-suite {
  --god-ref-corner-hover: var(--color-primary) !important;
}

/* Overall frame: shorten from top and bottom while keeping breathing room. */
.god-prodigy-suite__inner {
  width: min(86rem, calc(100% - 104px)) !important;
  max-width: 86rem !important;
  padding-top: 78px !important;
  padding-bottom: 78px !important;
}

/* Scale the two main headings and supporting copy down together. */
.god-prodigy-suite__title {
  font-size: 54px !important;
}

.god-prodigy-suite__subtitle {
  max-width: 40rem !important;
  margin-top: 20px !important;
  font-size: 16.5px !important;
  line-height: 1.48 !important;
}

/* Services: slightly narrower and shorter, with all three blocks equal. */
.god-prodigy-services {
  width: min(1040px, 100%) !important;
  max-width: 1040px !important;
  margin-top: 34px !important;
  gap: 30px !important;
}

.god-prodigy-service.god-prodigy-cut {
  --god-corner-run: 24px !important;
  --god-corner-cut: 11px !important;
}

.god-prodigy-service .god-prodigy-cut__inner {
  height: 150px !important;
  min-height: 150px !important;
  padding: 20px 24px !important;
}

.god-prodigy-service h3 {
  font-size: 24px !important;
  line-height: 1.15 !important;
}

.god-prodigy-service p {
  max-width: 280px !important;
  margin-top: 12px !important;
  font-size: 14.5px !important;
  line-height: 1.48 !important;
}

/* Remove any remaining yellow/lime-looking hover accent.
   Hover only brightens the same store primary green. */
.god-prodigy-cut:hover {
  --god-ref-corner: var(--color-primary) !important;
}

.god-prodigy-service:hover h3,
.god-prodigy-stat:hover .god-prodigy-stat__value {
  filter: drop-shadow(
    0 0 8px color-mix(in srgb, var(--color-primary) 24%, transparent)
  ) !important;
}

/* Middle divider: no yellow. Store green only, fading toward both ends. */
.god-prodigy-suite__divider {
  width: min(700px, 66%) !important;
  margin-top: 30px !important;
  margin-bottom: 28px !important;
  background: linear-gradient(
    90deg,
    transparent 0%,
    color-mix(in srgb, var(--color-primary) 7%, transparent) 12%,
    color-mix(in srgb, var(--color-primary) 28%, transparent) 34%,
    color-mix(in srgb, var(--color-primary) 62%, transparent) 50%,
    color-mix(in srgb, var(--color-primary) 28%, transparent) 66%,
    color-mix(in srgb, var(--color-primary) 7%, transparent) 88%,
    transparent 100%
  ) !important;
  box-shadow: 0 0 12px color-mix(in srgb, var(--color-primary) 7%, transparent) !important;
}

.god-prodigy-suite__divider span {
  width: 6px !important;
  height: 6px !important;
  border-color: color-mix(in srgb, var(--color-primary) 72%, transparent) !important;
  background: color-mix(in srgb, var(--color-primary) 14%, #07100e) !important;
  box-shadow: 0 0 9px color-mix(in srgb, var(--color-primary) 16%, transparent) !important;
}

/* Statistics: scale down proportionally instead of only shrinking the frame. */
.god-prodigy-stats {
  width: min(960px, 100%) !important;
  max-width: 960px !important;
  margin-top: 28px !important;
  gap: 30px !important;
}

.god-prodigy-stat.god-prodigy-cut {
  --god-corner-run: 23px !important;
  --god-corner-cut: 11px !important;
}

.god-prodigy-stat .god-prodigy-cut__inner {
  height: 112px !important;
  min-height: 112px !important;
  padding: 18px 22px !important;
}

.god-prodigy-stat__value {
  font-size: 54px !important;
}

.god-prodigy-stat__label {
  margin-top: 9px !important;
  font-size: 13px !important;
}

/* Tablet */
@media (max-width: 1199px) {
  .god-prodigy-suite__inner {
    width: min(84rem, calc(100% - 72px)) !important;
    padding-top: 68px !important;
    padding-bottom: 68px !important;
  }

  .god-prodigy-suite__title {
    font-size: 46px !important;
  }

  .god-prodigy-suite__subtitle {
    font-size: 16px !important;
    margin-top: 18px !important;
  }

  .god-prodigy-services {
    width: min(940px, 100%) !important;
    gap: 22px !important;
    margin-top: 30px !important;
  }

  .god-prodigy-service .god-prodigy-cut__inner {
    height: 146px !important;
    min-height: 146px !important;
  }

  .god-prodigy-service h3 {
    font-size: 23px !important;
  }

  .god-prodigy-service p {
    font-size: 14px !important;
  }

  .god-prodigy-stats {
    width: min(900px, 100%) !important;
    gap: 22px !important;
  }

  .god-prodigy-stat__value {
    font-size: 50px !important;
  }
}

/* Mobile/tablet stack */
@media (max-width: 860px) {
  .god-prodigy-suite__inner {
    width: calc(100% - 32px) !important;
    padding-top: 58px !important;
    padding-bottom: 58px !important;
  }

  .god-prodigy-services,
  .god-prodigy-stats {
    width: min(600px, 100%) !important;
    gap: 18px !important;
  }

  .god-prodigy-service .god-prodigy-cut__inner {
    height: auto !important;
    min-height: 132px !important;
    padding: 19px 20px !important;
  }

  .god-prodigy-suite__divider {
    width: 82% !important;
    margin-top: 26px !important;
    margin-bottom: 24px !important;
  }
}

@media (max-width: 639px) {
  .god-prodigy-suite__inner {
    width: calc(100% - 24px) !important;
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .god-prodigy-suite__title {
    font-size: 29px !important;
  }

  .god-prodigy-suite__subtitle {
    margin-top: 16px !important;
    font-size: 15px !important;
  }

  .god-prodigy-services {
    margin-top: 28px !important;
  }

  .god-prodigy-service h3 {
    font-size: 22px !important;
  }

  .god-prodigy-service p {
    font-size: 14px !important;
  }

  .god-prodigy-stat__value {
    font-size: 46px !important;
  }

  .god-prodigy-stat__label {
    font-size: 12px !important;
  }
}

/* ==========================================================================
   GOD STUDIOS V38 - RECENT PAYMENTS INTERNAL SPACING
   Only Recent Payments is tightened:
   title -> subtitle and subtitle -> moving purchase rail.
   Customer Comments / Reviews spacing is untouched.
   ========================================================================== */

.god-or-payments .god-or-subtitle {
  margin-top: 14px !important;
}

.god-or-payments-viewport {
  margin-top: 42px !important;
}

@media (max-width: 1024px) {
  .god-or-payments .god-or-subtitle {
    margin-top: 13px !important;
  }

  .god-or-payments-viewport {
    margin-top: 36px !important;
  }
}

@media (max-width: 767px) {
  .god-or-payments .god-or-subtitle {
    margin-top: 12px !important;
  }

  .god-or-payments-viewport {
    margin-top: 30px !important;
  }
}

/* ==========================================================================
   GOD STUDIOS V39 - PACKAGE RELATED PRODUCTS MOTION FIX
   Fixes "MORE FROM GOD STUDIOS / Explore More Scripts" staying static on
   /package/* pages. The old reduced-motion rule forced the rail to PAUSED.
   The rail now keeps its measured seamless animation active.
   ========================================================================== */

.god-related-v26__track {
  animation-name: godRelatedV26Move !important;
  animation-duration: var(--god-related-v26-duration, 50s) !important;
  animation-timing-function: linear !important;
  animation-iteration-count: infinite !important;
  animation-fill-mode: none !important;
  animation-play-state: running !important;
}

/* Preserve the intended hover-pause behavior on desktop. */
.god-related-v26__track:hover {
  animation-play-state: paused !important;
}

/* The previous rule stopped this rail completely when Windows/browser
   "Reduce motion" was enabled. User explicitly wants this product rail moving. */
@media (prefers-reduced-motion: reduce) {
  .god-related-v26__track {
    animation-name: godRelatedV26Move !important;
    animation-duration: var(--god-related-v26-duration, 50s) !important;
    animation-timing-function: linear !important;
    animation-iteration-count: infinite !important;
    animation-play-state: running !important;
  }

  .god-related-v26__track:hover {
    animation-play-state: paused !important;
  }
}

/* ==========================================================================
   GOD STUDIOS V40 - PRODUCT TAG / SEPARATOR SPACING
   Global fix for every God Studios product card:
   ESX / QBCore / QBox badges no longer touch the thin action separator line.
   Applies to category grids, home rails and package related-product rails.
   ========================================================================== */

.god-package-tags {
  padding-bottom: 10px !important;
}

/* Keep the separator, but give it its own breathing room above the button. */
.god-package-actions {
  padding-top: 13px !important;
}

/* ==========================================================================
   GOD STUDIOS V41 - NAIL TRAP TAG ALIGNMENT
   Scope: package-page "More From God Studios" rail only.
   Only package 6732796 (God - Nail Trap) is adjusted.
   Its shorter description made ESX/QBCore/QBox sit higher than the other cards.
   ========================================================================== */

.god-related-v26 [data-package-detail][data-package-id="6732796"] .god-package-tags,
.god-related-v26 [data-package-detail][href*="/package/6732796"] .god-package-tags,
.god-related-v26 [data-package-detail]:has(a[href*="/package/6732796"]) .god-package-tags {
  margin-top: 28px !important;
}

/* V42 exact Nail Trap correction — actual package id: 6732796 */
body.god-package-related-v26-active
.god-related-v26__item
> [data-package-detail][data-package-id="6732796"]
.god-package-tags {
  margin-top: 28px !important;
}


/* ==========================================================================
   GOD STUDIOS CONVERSION V1 - PACKAGE PURCHASE CONFIDENCE
   Scope: package page only. Premium trust stack + compact post-purchase flow.
   ========================================================================== */

.package-page .god-conv-v1-trust {
  position: relative;
  width: 100%;
  margin-top: 2px;
  padding: 18px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 12px;
  background:
    radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--color-primary) 8%, transparent), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008));
}

.package-page .god-conv-v1-trust::before {
  content: "";
  position: absolute;
  top: 0;
  left: 18px;
  right: 18px;
  height: 1px;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-primary) 46%, transparent), transparent);
  pointer-events: none;
}

.package-page .god-conv-v1-trust__heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 15px;
}

.package-page .god-conv-v1-trust__eyebrow {
  color: var(--color-primary);
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .15em;
  white-space: nowrap;
}

.package-page .god-conv-v1-trust__heading strong {
  color: rgba(255,255,255,.78);
  font-size: 13px;
  font-weight: 600;
  text-align: right;
}

.package-page .god-conv-v1-trust__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px 12px;
}

.package-page .god-conv-v1-trust__item {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 10px;
  padding: 10px 11px;
  border: 1px solid rgba(255,255,255,.04);
  border-radius: 9px;
  background: rgba(255,255,255,.018);
  transition: border-color 180ms ease, background-color 180ms ease, transform 180ms ease;
}

.package-page .god-conv-v1-trust__item:hover {
  border-color: color-mix(in srgb, var(--color-primary) 24%, transparent);
  background: color-mix(in srgb, var(--color-primary) 4%, rgba(255,255,255,.018));
  transform: translateY(-1px);
}

.package-page .god-conv-v1-trust__item > i {
  display: inline-flex;
  flex: 0 0 29px;
  align-items: center;
  justify-content: center;
  width: 29px;
  height: 29px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--color-primary) 8%, transparent);
  color: color-mix(in srgb, var(--color-primary) 82%, white);
  font-size: 12px;
}

.package-page .god-conv-v1-trust__item > span {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 2px;
}

.package-page .god-conv-v1-trust__item strong {
  overflow: hidden;
  color: rgba(255,255,255,.9);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.package-page .god-conv-v1-trust__item small {
  overflow: hidden;
  color: rgba(255,255,255,.37);
  font-size: 10px;
  font-weight: 500;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.package-page .god-conv-v1-trust__license {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 13px 0 0;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,.045);
  color: rgba(255,255,255,.34);
  font-size: 10px;
  font-weight: 500;
  line-height: 1.5;
}

.package-page .god-conv-v1-trust__license i {
  margin-top: 2px;
  color: color-mix(in srgb, var(--color-primary) 62%, rgba(255,255,255,.4));
}

.package-page .god-conv-v1-after {
  position: relative;
  width: 100%;
  padding: 26px 28px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.045);
  border-radius: 15px;
  background:
    radial-gradient(ellipse 40% 120% at 0% 50%, color-mix(in srgb, var(--color-primary) 6%, transparent), transparent 72%),
    rgba(255,255,255,.012);
}

.package-page .god-conv-v1-after::after {
  content: "";
  position: absolute;
  top: 0;
  right: 28px;
  left: 28px;
  height: 1px;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-primary) 32%, transparent), transparent);
}

.package-page .god-conv-v1-after__head {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: baseline;
  gap: 14px;
  margin-bottom: 22px;
}

.package-page .god-conv-v1-after__head > span {
  color: var(--color-primary);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .15em;
}

.package-page .god-conv-v1-after__head h2 {
  margin: 0;
  color: #fff;
  font-size: 20px;
  font-weight: 650;
  line-height: 1.2;
  letter-spacing: -.02em;
}

.package-page .god-conv-v1-after__head p {
  margin: 0;
  color: rgba(255,255,255,.34);
  font-size: 11px;
  font-weight: 500;
  text-align: right;
}

.package-page .god-conv-v1-after__steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
}

.package-page .god-conv-v1-after__step {
  position: relative;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
  padding: 4px 18px 4px 0;
}

.package-page .god-conv-v1-after__step:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 3px;
  right: 9px;
  bottom: 3px;
  width: 1px;
  background: linear-gradient(180deg, transparent, rgba(255,255,255,.07), transparent);
}

.package-page .god-conv-v1-after__number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid color-mix(in srgb, var(--color-primary) 20%, rgba(255,255,255,.05));
  border-radius: 9px;
  background: color-mix(in srgb, var(--color-primary) 5%, transparent);
  color: color-mix(in srgb, var(--color-primary) 78%, white);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .04em;
}

.package-page .god-conv-v1-after__step > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
}

.package-page .god-conv-v1-after__step strong {
  color: rgba(255,255,255,.88);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.25;
}

.package-page .god-conv-v1-after__step small {
  color: rgba(255,255,255,.34);
  font-size: 10px;
  font-weight: 500;
  line-height: 1.45;
}

@media (max-width: 1100px) {
  .package-page .god-conv-v1-after__head {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  .package-page .god-conv-v1-after__head p {
    text-align: left;
  }

  .package-page .god-conv-v1-after__steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 0;
  }

  .package-page .god-conv-v1-after__step:nth-child(2)::after {
    display: none;
  }
}

@media (max-width: 639px) {
  .package-page .god-conv-v1-trust {
    padding: 16px;
  }

  .package-page .god-conv-v1-trust__heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
  }

  .package-page .god-conv-v1-trust__heading strong {
    text-align: left;
  }

  .package-page .god-conv-v1-trust__grid {
    grid-template-columns: 1fr;
  }

  .package-page .god-conv-v1-after {
    padding: 22px 18px;
  }

  .package-page .god-conv-v1-after__steps {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .package-page .god-conv-v1-after__step {
    padding: 12px 0;
  }

  .package-page .god-conv-v1-after__step:not(:last-child)::after {
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.07), transparent);
  }
}


/* ==========================================================================
   GOD STUDIOS CONVERSION V1.1 - VISUAL POLISH
   Scope: package page only.
   - Explicit Poppins typography to match the product page.
   - God Studios Standard block fills the media-column dead space.
   - Stronger After Purchase hierarchy, larger copy, semantic icons.
   ========================================================================== */

.package-page .god-conv-v1-trust,
.package-page .god-conv-v1-standard,
.package-page .god-conv-v1-after {
  font-family: "Poppins", sans-serif !important;
}

/* Purchase Confidence typography */
.package-page .god-conv-v1-trust__heading {
  align-items: center;
  margin-bottom: 16px;
}

.package-page .god-conv-v1-trust__eyebrow {
  font-family: "Poppins", sans-serif !important;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .08em;
}

.package-page .god-conv-v1-trust__heading strong {
  font-family: "Poppins", sans-serif !important;
  color: rgba(255,255,255,.62);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.35;
}

.package-page .god-conv-v1-trust__item strong {
  font-family: "Poppins", sans-serif !important;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.package-page .god-conv-v1-trust__item small {
  font-family: "Poppins", sans-serif !important;
  color: rgba(255,255,255,.43);
  font-size: 11px;
  font-weight: 400;
  line-height: 1.4;
}

.package-page .god-conv-v1-trust__license {
  font-family: "Poppins", sans-serif !important;
  color: rgba(255,255,255,.42);
  font-size: 11px;
  font-weight: 400;
  line-height: 1.55;
}

/* Left media-column brand block */
.package-page .god-conv-v1-media-column {
  align-self: stretch;
}

.package-page .god-conv-v1-standard {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  min-height: 205px;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px 26px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.045);
  border-radius: 15px;
  background:
    radial-gradient(circle at 88% 8%, color-mix(in srgb, var(--color-primary) 10%, transparent), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.018), rgba(255,255,255,.008));
}

.package-page .god-conv-v1-standard::before {
  content: "";
  position: absolute;
  top: 0;
  right: 26px;
  left: 26px;
  height: 1px;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-primary) 38%, transparent), transparent);
}

.package-page .god-conv-v1-standard__watermark {
  position: absolute;
  top: 50%;
  right: 24px;
  width: 150px;
  max-height: 150px;
  object-fit: contain;
  opacity: .025;
  filter: grayscale(1);
  transform: translateY(-50%);
  pointer-events: none;
  user-select: none;
}

.package-page .god-conv-v1-standard__head {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

.package-page .god-conv-v1-standard__head > div {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.package-page .god-conv-v1-standard__head span {
  color: var(--color-primary);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .08em;
}

.package-page .god-conv-v1-standard__head h2 {
  margin: 0;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -.015em;
}

.package-page .god-conv-v1-standard__docs {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 9px;
  background: rgba(255,255,255,.02);
  color: rgba(255,255,255,.62);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  transition: color 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

.package-page .god-conv-v1-standard__docs:hover {
  border-color: color-mix(in srgb, var(--color-primary) 28%, transparent);
  background: color-mix(in srgb, var(--color-primary) 5%, rgba(255,255,255,.02));
  color: #fff;
}

.package-page .god-conv-v1-standard__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 24px;
}

.package-page .god-conv-v1-standard__item {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 11px;
  padding: 12px 13px;
  border: 1px solid rgba(255,255,255,.04);
  border-radius: 10px;
  background: rgba(255,255,255,.014);
}

.package-page .god-conv-v1-standard__item > i {
  display: inline-flex;
  flex: 0 0 34px;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 9px;
  background: color-mix(in srgb, var(--color-primary) 8%, transparent);
  color: color-mix(in srgb, var(--color-primary) 82%, white);
  font-size: 13px;
}

.package-page .god-conv-v1-standard__item > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 3px;
}

.package-page .god-conv-v1-standard__item strong {
  color: rgba(255,255,255,.88);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.package-page .god-conv-v1-standard__item small {
  color: rgba(255,255,255,.42);
  font-size: 11px;
  font-weight: 400;
  line-height: 1.42;
}

/* After Purchase hierarchy + semantic icons */
.package-page .god-conv-v1-after {
  padding: 24px 28px 26px;
}

.package-page .god-conv-v1-after__head {
  display: block;
  margin-bottom: 20px;
}

.package-page .god-conv-v1-after__head-copy {
  display: flex;
  align-items: baseline;
  gap: 12px;
}

.package-page .god-conv-v1-after__head-copy h2 {
  margin: 0;
  color: var(--color-primary);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .055em;
}

.package-page .god-conv-v1-after__head-copy p {
  margin: 0;
  color: rgba(255,255,255,.66);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
}

.package-page .god-conv-v1-after__step {
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 12px;
  padding: 5px 20px 5px 0;
}

.package-page .god-conv-v1-after__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid color-mix(in srgb, var(--color-primary) 24%, rgba(255,255,255,.05));
  border-radius: 10px;
  background:
    radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--color-primary) 12%, transparent), transparent 75%),
    color-mix(in srgb, var(--color-primary) 5%, transparent);
  color: color-mix(in srgb, var(--color-primary) 84%, white);
  font-size: 14px;
  box-shadow: inset 0 0 18px color-mix(in srgb, var(--color-primary) 3%, transparent);
}

.package-page .god-conv-v1-after__step strong {
  color: rgba(255,255,255,.91);
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1.3;
}

.package-page .god-conv-v1-after__step small {
  color: rgba(255,255,255,.44);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}

@media (max-width: 1100px) {
  .package-page .god-conv-v1-standard__grid {
    grid-template-columns: 1fr;
  }

  .package-page .god-conv-v1-standard {
    min-height: 0;
  }

  .package-page .god-conv-v1-after__head-copy {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }
}

@media (max-width: 639px) {
  .package-page .god-conv-v1-standard {
    padding: 20px 18px;
  }

  .package-page .god-conv-v1-standard__head {
    flex-direction: column;
  }

  .package-page .god-conv-v1-standard__docs {
    width: 100%;
    justify-content: center;
  }

  .package-page .god-conv-v1-standard__grid {
    margin-top: 18px;
  }

  .package-page .god-conv-v1-trust__heading {
    align-items: flex-start;
  }

  .package-page .god-conv-v1-after {
    padding: 21px 18px;
  }

  .package-page .god-conv-v1-after__step {
    grid-template-columns: 40px minmax(0, 1fr);
    padding: 13px 0;
  }
}

/* ========================================================================== 
   GOD STUDIOS CONVERSION V1.2 - PRODUCT HIGHLIGHTS + COMPACT AFTER PURCHASE
   Package page only. Preserves every previous rule and overrides V1.1 below.
   ========================================================================== */

.package-page .god-conv-v12-highlights,
.package-page .god-conv-v1-after {
  font-family: "Poppins", sans-serif !important;
}

/* Product-specific highlight block: content is populated from package description. */
.package-page .god-conv-v12-highlights[hidden] {
  display: none !important;
}

.package-page .god-conv-v12-highlights {
  position: relative;
  display: flex;
  flex: 1 1 220px;
  min-height: 220px;
  flex-direction: column;
  padding: 18px 20px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.045);
  border-radius: 15px;
  background:
    radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--color-primary) 7%, transparent), transparent 32%),
    rgba(255,255,255,.012);
}

.package-page .god-conv-v12-highlights::before {
  content: "";
  position: absolute;
  top: 0;
  right: 22px;
  left: 22px;
  height: 1px;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-primary) 38%, transparent), transparent);
}

.package-page .god-conv-v12-highlights__head {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 12px;
}

.package-page .god-conv-v12-highlights__head > div {
  display: flex;
  align-items: baseline;
  min-width: 0;
  gap: 11px;
}

.package-page .god-conv-v12-highlights__head span {
  color: var(--color-primary);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .09em;
  white-space: nowrap;
}

.package-page .god-conv-v12-highlights__head h2 {
  margin: 0;
  color: rgba(255,255,255,.84);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
}

.package-page .god-conv-v12-highlights__head > small {
  flex: 0 0 auto;
  color: rgba(255,255,255,.32);
  font-size: 10.5px;
  font-weight: 500;
}

.package-page .god-conv-v12-highlights__grid {
  position: relative;
  z-index: 1;
  display: grid;
  flex: 1 1 auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 9px 10px;
  min-height: 0;
}

.package-page .god-conv-v12-highlights__item {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-width: 0;
  min-height: 64px;
  padding: 10px 11px;
  border: 1px solid rgba(255,255,255,.04);
  border-radius: 10px;
  background: rgba(255,255,255,.014);
  transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

.package-page .god-conv-v12-highlights__item:hover {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--color-primary) 22%, transparent);
  background: color-mix(in srgb, var(--color-primary) 3%, rgba(255,255,255,.014));
}

.package-page .god-conv-v12-highlights__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--color-primary) 8%, transparent);
  color: color-mix(in srgb, var(--color-primary) 84%, white);
  font-size: 12px;
}

.package-page .god-conv-v12-highlights__item > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 2px;
}

.package-page .god-conv-v12-highlights__item strong {
  overflow: hidden;
  color: rgba(255,255,255,.9);
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.package-page .god-conv-v12-highlights__item small {
  display: -webkit-box;
  overflow: hidden;
  color: rgba(255,255,255,.43);
  font-size: 10.8px;
  font-weight: 400;
  line-height: 1.38;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* V1.2 After Purchase: tighter vertical rhythm, smaller heading, larger readable copy. */
.package-page .god-conv-v1-after {
  padding: 16px 22px 17px !important;
}

.package-page .god-conv-v1-after__head {
  margin-bottom: 12px !important;
}

.package-page .god-conv-v1-after__head-copy {
  align-items: baseline !important;
  flex-direction: row !important;
  gap: 10px !important;
}

.package-page .god-conv-v1-after__head-copy h2 {
  color: var(--color-primary) !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: .09em !important;
}

.package-page .god-conv-v1-after__head-copy p {
  color: rgba(255,255,255,.58) !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
}

.package-page .god-conv-v1-after__steps {
  gap: 12px !important;
}

.package-page .god-conv-v1-after__step {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  align-items: center;
  gap: 10px !important;
  padding: 0 !important;
}

.package-page .god-conv-v1-after__step::after {
  display: none !important;
}

.package-page .god-conv-v1-after__icon {
  width: 34px !important;
  height: 34px !important;
  border-radius: 9px !important;
  font-size: 12px !important;
}

.package-page .god-conv-v1-after__step > div {
  gap: 2px !important;
}

.package-page .god-conv-v1-after__step strong {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

.package-page .god-conv-v1-after__step small {
  color: rgba(255,255,255,.46) !important;
  font-size: 11.5px !important;
  font-weight: 400 !important;
  line-height: 1.42 !important;
}

@media (max-width: 1100px) {
  .package-page .god-conv-v12-highlights {
    flex: 0 0 auto;
    min-height: 0;
  }

  .package-page .god-conv-v12-highlights__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto;
  }

  .package-page .god-conv-v1-after__head-copy {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 3px !important;
  }
}

@media (max-width: 639px) {
  .package-page .god-conv-v12-highlights {
    padding: 16px;
  }

  .package-page .god-conv-v12-highlights__head,
  .package-page .god-conv-v12-highlights__head > div {
    align-items: flex-start;
    flex-direction: column;
    gap: 3px;
  }

  .package-page .god-conv-v12-highlights__head > small {
    display: none;
  }

  .package-page .god-conv-v12-highlights__grid {
    grid-template-columns: 1fr;
  }

  .package-page .god-conv-v1-after {
    padding: 15px 17px !important;
  }

  .package-page .god-conv-v1-after__steps {
    gap: 0 !important;
  }

  .package-page .god-conv-v1-after__step {
    padding: 9px 0 !important;
  }
}


/* ========================================================================== 
   GOD STUDIOS CONVERSION V1.3 - PREMIUM REBUILD
   Product page only. Editorial product highlights, flat trust system and slim
   post-purchase flow. Previous conversion styles are intentionally left intact
   for rollback safety; V1.3 uses dedicated class names.
   ========================================================================== */

.package-page .god-conv-v13-highlights,
.package-page .god-conv-v13-trust,
.package-page .god-conv-v13-after {
  font-family: "Poppins", sans-serif !important;
}

/* --------------------------------------------------------------------------
   PRODUCT HIGHLIGHTS — 3 editorial lead features + 3 secondary capabilities
   -------------------------------------------------------------------------- */
.package-page .god-conv-v13-highlights[hidden],
.package-page .god-conv-v13-highlights__secondary[hidden] {
  display: none !important;
}

.package-page .god-conv-v13-highlights {
  position: relative;
  width: 100%;
  min-height: 224px;
  padding: 20px 22px 18px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.048);
  border-radius: 15px;
  background:
    radial-gradient(ellipse 48% 105% at 100% 0%, color-mix(in srgb, var(--color-primary) 7%, transparent), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.014), rgba(255,255,255,.006));
}

.package-page .god-conv-v13-highlights::before {
  content: "";
  position: absolute;
  top: 0;
  left: 22px;
  width: 92px;
  height: 1px;
  background: var(--color-primary);
  box-shadow: 0 0 18px color-mix(in srgb, var(--color-primary) 28%, transparent);
}

.package-page .god-conv-v13-highlights__head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 17px;
}

.package-page .god-conv-v13-highlights__kicker {
  flex: 0 0 auto;
  color: var(--color-primary);
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .09em;
}

.package-page .god-conv-v13-highlights__rule {
  width: 52px;
  height: 1px;
  background: linear-gradient(90deg, color-mix(in srgb, var(--color-primary) 42%, transparent), transparent);
}

.package-page .god-conv-v13-highlights__primary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.package-page .god-conv-v13-highlights__feature {
  position: relative;
  display: flex;
  min-width: 0;
  gap: 13px;
  padding: 7px 20px 8px 0;
}

.package-page .god-conv-v13-highlights__feature + .god-conv-v13-highlights__feature {
  padding-left: 20px;
  border-left: 1px solid rgba(255,255,255,.055);
}

.package-page .god-conv-v13-highlights__icon {
  display: inline-flex;
  flex: 0 0 34px;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  margin-top: 1px;
  border-radius: 10px;
  background: color-mix(in srgb, var(--color-primary) 8%, transparent);
  color: color-mix(in srgb, var(--color-primary) 88%, white);
  font-size: 13px;
  box-shadow: inset 0 0 18px color-mix(in srgb, var(--color-primary) 3%, transparent);
}

.package-page .god-conv-v13-highlights__feature > div {
  min-width: 0;
}

.package-page .god-conv-v13-highlights__feature strong {
  display: block;
  margin: 0 0 5px;
  color: rgba(255,255,255,.93);
  font-size: 13.5px;
  font-weight: 650;
  line-height: 1.35;
}

.package-page .god-conv-v13-highlights__feature p {
  margin: 0;
  color: rgba(255,255,255,.46);
  font-size: 11.5px;
  font-weight: 400;
  line-height: 1.55;
}

.package-page .god-conv-v13-highlights__secondary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 17px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.045);
}

.package-page .god-conv-v13-highlights__extra {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 9px;
  padding-right: 18px;
  color: rgba(255,255,255,.66);
  font-size: 11.5px;
  font-weight: 550;
  line-height: 1.35;
}

.package-page .god-conv-v13-highlights__extra + .god-conv-v13-highlights__extra {
  padding-left: 18px;
  border-left: 1px solid rgba(255,255,255,.045);
}

.package-page .god-conv-v13-highlights__extra i {
  flex: 0 0 auto;
  color: color-mix(in srgb, var(--color-primary) 72%, white);
  font-size: 10px;
}

.package-page .god-conv-v13-highlights__extra span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* --------------------------------------------------------------------------
   PURCHASE CONFIDENCE — integrated into the existing purchase card
   -------------------------------------------------------------------------- */
.package-page .god-conv-v13-trust {
  width: 100%;
  margin-top: 1px;
  padding-top: 17px;
  border-top: 1px solid rgba(255,255,255,.055);
}

.package-page .god-conv-v13-trust__head {
  display: flex;
  align-items: center;
  margin-bottom: 13px;
}

.package-page .god-conv-v13-trust__head span {
  color: var(--color-primary);
  font-size: 10.5px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .09em;
}

.package-page .god-conv-v13-trust__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.package-page .god-conv-v13-trust__item {
  display: grid;
  grid-template-columns: 21px minmax(0, 1fr);
  align-items: start;
  gap: 9px;
  min-width: 0;
  padding: 5px 13px 11px 0;
}

.package-page .god-conv-v13-trust__item:nth-child(even) {
  padding-right: 0;
  padding-left: 14px;
  border-left: 1px solid rgba(255,255,255,.05);
}

.package-page .god-conv-v13-trust__item:nth-child(n+3) {
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,.045);
}

.package-page .god-conv-v13-trust__item > i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 21px;
  height: 21px;
  margin-top: 1px;
  color: color-mix(in srgb, var(--color-primary) 86%, white);
  font-size: 11px;
}

.package-page .god-conv-v13-trust__item > span {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 2px;
}

.package-page .god-conv-v13-trust__item strong {
  color: rgba(255,255,255,.9);
  font-size: 12.5px;
  font-weight: 650;
  line-height: 1.3;
}

.package-page .god-conv-v13-trust__item small {
  color: rgba(255,255,255,.4);
  font-size: 10.7px;
  font-weight: 450;
  line-height: 1.4;
}

.package-page .god-conv-v13-license {
  margin-top: 4px;
  border-top: 1px solid rgba(255,255,255,.045);
}

.package-page .god-conv-v13-license summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 1px 1px;
  color: rgba(255,255,255,.38);
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4;
  cursor: pointer;
  list-style: none;
  transition: color 180ms ease;
}

.package-page .god-conv-v13-license summary::-webkit-details-marker {
  display: none;
}

.package-page .god-conv-v13-license summary:hover {
  color: rgba(255,255,255,.62);
}

.package-page .god-conv-v13-license summary span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.package-page .god-conv-v13-license summary span i {
  color: color-mix(in srgb, var(--color-primary) 62%, white);
}

.package-page .god-conv-v13-license summary > i {
  font-size: 8px;
  transition: transform 180ms ease;
}

.package-page .god-conv-v13-license[open] summary > i {
  transform: rotate(180deg);
}

.package-page .god-conv-v13-license p {
  margin: 8px 0 0;
  padding: 9px 11px;
  border-radius: 8px;
  background: rgba(255,255,255,.018);
  color: rgba(255,255,255,.38);
  font-size: 10px;
  font-weight: 450;
  line-height: 1.55;
}

/* --------------------------------------------------------------------------
   AFTER PURCHASE — one slim flow strip, no generic filler copy
   -------------------------------------------------------------------------- */
.package-page .god-conv-v13-after {
  position: relative;
  display: grid;
  width: 100%;
  grid-template-columns: 125px minmax(0, 1fr);
  align-items: stretch;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.043);
  border-radius: 14px;
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--color-primary) 3%, transparent), transparent 27%),
    rgba(255,255,255,.008);
}

.package-page .god-conv-v13-after::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 125px;
  height: 1px;
  background: linear-gradient(90deg, var(--color-primary), transparent);
  opacity: .75;
}

.package-page .god-conv-v13-after__label {
  display: flex;
  align-items: center;
  padding: 15px 20px;
  border-right: 1px solid rgba(255,255,255,.05);
  color: var(--color-primary);
  font-size: 10.5px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: .085em;
}

.package-page .god-conv-v13-after__flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
}

.package-page .god-conv-v13-after__item {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  min-width: 0;
  padding: 13px 18px;
}

.package-page .god-conv-v13-after__item + .god-conv-v13-after__item {
  border-left: 1px solid rgba(255,255,255,.045);
}

.package-page .god-conv-v13-after__item > i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: color-mix(in srgb, var(--color-primary) 86%, white);
  font-size: 11px;
}

.package-page .god-conv-v13-after__item > span {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 2px;
}

.package-page .god-conv-v13-after__item strong {
  overflow: hidden;
  color: rgba(255,255,255,.88);
  font-size: 11.8px;
  font-weight: 620;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.package-page .god-conv-v13-after__item small {
  overflow: hidden;
  color: rgba(255,255,255,.38);
  font-size: 10px;
  font-weight: 450;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 1100px) {
  .package-page .god-conv-v13-highlights__primary {
    grid-template-columns: 1fr;
  }

  .package-page .god-conv-v13-highlights__feature,
  .package-page .god-conv-v13-highlights__feature + .god-conv-v13-highlights__feature {
    padding: 11px 0;
    border-left: 0;
  }

  .package-page .god-conv-v13-highlights__feature + .god-conv-v13-highlights__feature {
    border-top: 1px solid rgba(255,255,255,.045);
  }

  .package-page .god-conv-v13-highlights__secondary {
    grid-template-columns: 1fr;
  }

  .package-page .god-conv-v13-highlights__extra,
  .package-page .god-conv-v13-highlights__extra + .god-conv-v13-highlights__extra {
    padding: 7px 0;
    border-left: 0;
  }

  .package-page .god-conv-v13-after {
    grid-template-columns: 1fr;
  }

  .package-page .god-conv-v13-after::before {
    width: 100px;
  }

  .package-page .god-conv-v13-after__label {
    padding: 12px 17px 9px;
    border-right: 0;
    border-bottom: 1px solid rgba(255,255,255,.04);
  }
}

@media (max-width: 760px) {
  .package-page .god-conv-v13-highlights {
    min-height: 0;
    padding: 18px 17px 15px;
  }

  .package-page .god-conv-v13-trust__grid {
    grid-template-columns: 1fr;
  }

  .package-page .god-conv-v13-trust__item,
  .package-page .god-conv-v13-trust__item:nth-child(even),
  .package-page .god-conv-v13-trust__item:nth-child(n+3) {
    padding: 9px 0;
    border-left: 0;
    border-top: 0;
  }

  .package-page .god-conv-v13-trust__item + .god-conv-v13-trust__item {
    border-top: 1px solid rgba(255,255,255,.04);
  }

  .package-page .god-conv-v13-after__flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .package-page .god-conv-v13-after__item:nth-child(3) {
    border-left: 0;
    border-top: 1px solid rgba(255,255,255,.04);
  }

  .package-page .god-conv-v13-after__item:nth-child(4) {
    border-top: 1px solid rgba(255,255,255,.04);
  }
}

@media (max-width: 480px) {
  .package-page .god-conv-v13-after__flow {
    grid-template-columns: 1fr;
  }

  .package-page .god-conv-v13-after__item,
  .package-page .god-conv-v13-after__item + .god-conv-v13-after__item,
  .package-page .god-conv-v13-after__item:nth-child(3),
  .package-page .god-conv-v13-after__item:nth-child(4) {
    border-left: 0;
    border-top: 1px solid rgba(255,255,255,.04);
  }

  .package-page .god-conv-v13-after__item:first-child {
    border-top: 0;
  }
}

/* ==========================================================================
   GOD STUDIOS CONVERSION V1.4 - REFERENCE REBUILD
   Synthesis of the strongest patterns seen in the supplied 0Resmon code and
   the Bablo / Prodigy product pages: product visuals first, compact purchase
   assurance, and no generic after-purchase filler section.
   ========================================================================== */

.package-page .god-conv-v14-showcase,
.package-page .god-conv-v14-assurance {
  font-family: "Poppins", sans-serif !important;
}

/* --------------------------------------------------------------------------
   FEATURE SPOTLIGHT — product-specific copy + real package media
   -------------------------------------------------------------------------- */
.package-page .god-conv-v14-showcase[hidden],
.package-page .god-conv-v14-showcase__facts[hidden] {
  display: none !important;
}

.package-page .god-conv-v14-showcase {
  position: relative;
  display: grid;
  width: 100%;
  min-height: 278px;
  grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 15px;
  background: rgba(255,255,255,.008);
  box-shadow: 0 18px 45px rgba(0,0,0,.12);
}

.package-page .god-conv-v14-showcase::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--color-primary) 46%, transparent) 44%, transparent 100%);
  pointer-events: none;
}

.package-page .god-conv-v14-showcase__visual {
  position: relative;
  min-width: 0;
  min-height: 278px;
  overflow: hidden;
  background: rgba(0,0,0,.22);
}

.package-page .god-conv-v14-showcase__media,
.package-page .god-conv-v14-showcase__media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.package-page .god-conv-v14-showcase__media img {
  object-fit: cover;
  object-position: center;
  opacity: 0;
  transform: scale(1.035);
  transition: opacity 520ms ease, transform 850ms cubic-bezier(.2,.7,.2,1);
}

.package-page .god-conv-v14-showcase__media img.is-active {
  opacity: .94;
  transform: scale(1);
}

.package-page .god-conv-v14-showcase__shade {
  position: absolute;
  inset: 0;
  z-index: 2;
  background:
    linear-gradient(180deg, rgba(8,9,11,.08), rgba(8,9,11,.48)),
    linear-gradient(90deg, transparent 50%, rgba(11,12,15,.46) 100%);
  pointer-events: none;
}

.package-page .god-conv-v14-showcase__eyebrow {
  position: absolute;
  top: 17px;
  left: 18px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 0 10px;
  border: 1px solid color-mix(in srgb, var(--color-primary) 28%, rgba(255,255,255,.05));
  border-radius: 999px;
  background: rgba(9,10,12,.58);
  backdrop-filter: blur(8px);
  color: color-mix(in srgb, var(--color-primary) 84%, white);
  font-size: 9.5px;
  font-weight: 750;
  line-height: 1;
  letter-spacing: .085em;
}

.package-page .god-conv-v14-showcase__content {
  position: relative;
  z-index: 2;
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px 24px 19px;
  border-left: 1px solid rgba(255,255,255,.05);
  background:
    radial-gradient(80% 95% at 100% 0%, color-mix(in srgb, var(--color-primary) 6%, transparent), transparent 72%),
    rgba(17,18,21,.94);
}

.package-page .god-conv-v14-showcase__copy h2 {
  margin: 0 0 8px;
  color: rgba(255,255,255,.96);
  font-size: clamp(19px, 1.25vw, 23px);
  font-weight: 650;
  line-height: 1.22;
  letter-spacing: -.022em;
}

.package-page .god-conv-v14-showcase__copy p {
  display: -webkit-box;
  max-width: 95%;
  margin: 0;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  color: rgba(255,255,255,.50);
  font-size: 12.25px;
  font-weight: 400;
  line-height: 1.62;
}

.package-page .god-conv-v14-showcase__tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-top: 19px;
  border-top: 1px solid rgba(255,255,255,.05);
}

.package-page .god-conv-v14-showcase__tab {
  position: relative;
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 8px;
  padding: 13px 11px 10px 0;
  border: 0;
  background: transparent;
  color: rgba(255,255,255,.35);
  text-align: left;
  cursor: pointer;
  transition: color 180ms ease, background-color 180ms ease;
}

.package-page .god-conv-v14-showcase__tab + .god-conv-v14-showcase__tab {
  padding-left: 12px;
  border-left: 1px solid rgba(255,255,255,.04);
}

.package-page .god-conv-v14-showcase__tab::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 0;
  height: 1px;
  background: var(--color-primary);
  box-shadow: 0 0 12px color-mix(in srgb, var(--color-primary) 34%, transparent);
  transition: width 260ms cubic-bezier(.2,.7,.2,1);
}

.package-page .god-conv-v14-showcase__tab.is-active {
  color: rgba(255,255,255,.90);
}

.package-page .god-conv-v14-showcase__tab.is-active::before {
  width: 72%;
}

.package-page .god-conv-v14-showcase__tab i {
  flex: 0 0 auto;
  color: color-mix(in srgb, var(--color-primary) 74%, white);
  font-size: 10.5px;
}

.package-page .god-conv-v14-showcase__tab span {
  overflow: hidden;
  font-size: 10.4px;
  font-weight: 600;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.package-page .god-conv-v14-showcase__facts {
  display: flex;
  min-width: 0;
  gap: 0;
  align-items: stretch;
  margin-top: 4px;
  padding-top: 11px;
  border-top: 1px solid rgba(255,255,255,.04);
}

.package-page .god-conv-v14-showcase__fact {
  display: flex;
  min-width: 0;
  flex: 1 1 0;
  flex-direction: column;
  gap: 3px;
  padding-right: 11px;
}

.package-page .god-conv-v14-showcase__fact + .god-conv-v14-showcase__fact {
  padding-left: 11px;
  border-left: 1px solid rgba(255,255,255,.04);
}

.package-page .god-conv-v14-showcase__fact small {
  color: rgba(255,255,255,.29);
  font-size: 8.8px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.package-page .god-conv-v14-showcase__fact strong {
  overflow: hidden;
  color: rgba(255,255,255,.64);
  font-size: 10px;
  font-weight: 520;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* --------------------------------------------------------------------------
   PURCHASE ASSURANCE — utility text integrated with the existing buy card.
   No duplicate frameworks/docs box and no generic confidence heading.
   -------------------------------------------------------------------------- */
.package-page .god-conv-v14-assurance {
  width: 100%;
  margin-top: 1px;
  padding-top: 13px;
  border-top: 1px solid rgba(255,255,255,.055);
}

.package-page .god-conv-v14-assurance__items {
  display: flex;
  align-items: center;
  gap: 0;
  min-width: 0;
}

.package-page .god-conv-v14-assurance__items > span {
  display: inline-flex;
  min-width: 0;
  flex: 1 1 0;
  align-items: center;
  gap: 7px;
  padding: 2px 10px 2px 0;
  color: rgba(255,255,255,.53);
  font-size: 10.6px;
  font-weight: 500;
  line-height: 1.3;
  white-space: nowrap;
}

.package-page .god-conv-v14-assurance__items > span + span {
  padding-left: 10px;
  border-left: 1px solid rgba(255,255,255,.05);
}

.package-page .god-conv-v14-assurance__items i {
  flex: 0 0 auto;
  color: color-mix(in srgb, var(--color-primary) 80%, white);
  font-size: 9.5px;
}

.package-page .god-conv-v14-license {
  margin-top: 9px;
}

.package-page .god-conv-v14-license summary {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: rgba(255,255,255,.28);
  font-size: 9.5px;
  font-weight: 500;
  line-height: 1.35;
  cursor: pointer;
  list-style: none;
  transition: color 180ms ease;
}

.package-page .god-conv-v14-license summary::-webkit-details-marker {
  display: none;
}

.package-page .god-conv-v14-license summary:hover {
  color: rgba(255,255,255,.52);
}

.package-page .god-conv-v14-license summary i {
  color: color-mix(in srgb, var(--color-primary) 58%, white);
  font-size: 8px;
}

.package-page .god-conv-v14-license p {
  margin: 7px 0 0;
  padding: 8px 10px;
  border-left: 2px solid color-mix(in srgb, var(--color-primary) 30%, transparent);
  color: rgba(255,255,255,.34);
  font-size: 9.5px;
  font-weight: 430;
  line-height: 1.5;
}

@media (max-width: 1100px) {
  .package-page .god-conv-v14-showcase {
    min-height: 0;
    grid-template-columns: 1fr;
  }

  .package-page .god-conv-v14-showcase__visual {
    min-height: 300px;
  }

  .package-page .god-conv-v14-showcase__content {
    border-top: 1px solid rgba(255,255,255,.05);
    border-left: 0;
  }
}

@media (max-width: 760px) {
  .package-page .god-conv-v14-showcase__visual {
    min-height: 220px;
  }

  .package-page .god-conv-v14-showcase__content {
    padding: 19px 17px 15px;
  }

  .package-page .god-conv-v14-showcase__copy h2 {
    font-size: 19px;
  }

  .package-page .god-conv-v14-showcase__copy p {
    max-width: 100%;
    font-size: 11.8px;
  }

  .package-page .god-conv-v14-showcase__tabs {
    grid-template-columns: 1fr;
    margin-top: 15px;
  }

  .package-page .god-conv-v14-showcase__tab,
  .package-page .god-conv-v14-showcase__tab + .god-conv-v14-showcase__tab {
    padding: 10px 0;
    border-left: 0;
    border-top: 1px solid rgba(255,255,255,.04);
  }

  .package-page .god-conv-v14-showcase__tab:first-child {
    border-top: 0;
  }

  .package-page .god-conv-v14-showcase__tab::before {
    display: none;
  }

  .package-page .god-conv-v14-showcase__facts {
    flex-direction: column;
  }

  .package-page .god-conv-v14-showcase__fact,
  .package-page .god-conv-v14-showcase__fact + .god-conv-v14-showcase__fact {
    padding: 7px 0;
    border-left: 0;
  }

  .package-page .god-conv-v14-showcase__fact + .god-conv-v14-showcase__fact {
    border-top: 1px solid rgba(255,255,255,.035);
  }

  .package-page .god-conv-v14-assurance__items {
    align-items: flex-start;
    flex-direction: column;
    gap: 7px;
  }

  .package-page .god-conv-v14-assurance__items > span,
  .package-page .god-conv-v14-assurance__items > span + span {
    width: 100%;
    padding: 0;
    border-left: 0;
  }
}

.package-page .god-conv-v14-showcase.is-text-only {
  grid-template-columns: 1fr;
}
.package-page .god-conv-v14-showcase.is-text-only .god-conv-v14-showcase__visual {
  display: none;
}
.package-page .god-conv-v14-showcase.is-text-only .god-conv-v14-showcase__content {
  border-left: 0;
}

/* ========================================================================== 
   GOD STUDIOS CONVERSION V1.5 - REFERENCE MATCHED PRODUCT EXPERIENCE
   Rebuilt after direct comparison with supplied Prodigy, Bablo and 0Resmon
   source packages. Large editorial feature storytelling, no micro-card UI.
   ========================================================================== */

.package-page .god-conv-v18-faq,
.package-page .god-conv-v15-experience,
.package-page .god-conv-v15-matrix,
.package-page .god-conv-v15-buytrust {
  font-family: "Poppins", sans-serif !important;
}

.package-page .god-conv-v18-faq[hidden],
.package-page .god-conv-v15-experience[hidden],
.package-page .god-conv-v15-matrix[hidden],
.package-page .god-conv-v15-techrail[hidden],
.package-page [data-god-v15-performance][hidden] {
  display: none !important;
}

/* --------------------------------------------------------------------------
   PRODUCT EXPERIENCE — mirrors the supplied Prodigy/Bablo editorial rhythm:
   large media + three stacked feature narratives, not cards inside cards.
   -------------------------------------------------------------------------- */
.package-page .god-conv-v18-faq {
  width: 100%;
}

.package-page .god-conv-v18-faq__items {
  display: flex;
  width: 100%;
  min-height: 294px;
  max-height: 294px;
  flex-direction: column;
  gap: 10px;
  overflow-y: auto;
  padding-right: 4px;
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--color-primary) 42%, rgba(255,255,255,.12)) transparent;
}

.package-page .god-conv-v18-faq__items::-webkit-scrollbar {
  width: 4px;
}

.package-page .god-conv-v18-faq__items::-webkit-scrollbar-track {
  background: transparent;
}

.package-page .god-conv-v18-faq__items::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: color-mix(in srgb, var(--color-primary) 42%, rgba(255,255,255,.12));
}

.package-page .god-conv-v18-faq.has-open .god-conv-v18-faq__items {
  min-height: 0;
  max-height: none;
  overflow-y: visible;
  padding-right: 4px;
}

.package-page .god-conv-v18-faq__item {
  width: 100%;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.042);
  border-radius: 12px;
  background: radial-gradient(120% 160% at 15% 0%, color-mix(in srgb, var(--color-primary) 10%, transparent), rgba(255,255,255,.012) 58%, transparent 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.014);
  transition: border-color 180ms ease, background 180ms ease, box-shadow 180ms ease;
}

.package-page .god-conv-v18-faq__item[open] {
  border-color: color-mix(in srgb, var(--color-primary) 10%, rgba(255,255,255,.046));
  background: radial-gradient(120% 160% at 15% 0%, color-mix(in srgb, var(--color-primary) 13%, transparent), rgba(255,255,255,.014) 58%, transparent 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.018);
}

.package-page .god-conv-v18-faq__item summary {
  display: grid;
  min-height: 66px;
  grid-template-columns: 34px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 12px;
  padding: 8px 13px 8px 10px;
  cursor: pointer;
  list-style: none;
}

.package-page .god-conv-v18-faq__item summary::-webkit-details-marker {
  display: none;
}

.package-page .god-conv-v18-faq__icon {
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  border: 1px solid color-mix(in srgb, var(--color-primary) 20%, rgba(255,255,255,.08));
  border-radius: 8px;
  background: color-mix(in srgb, var(--color-primary) 13%, rgba(255,255,255,.035));
  color: color-mix(in srgb, var(--color-primary) 86%, white);
  font-size: 14px;
}

.package-page .god-conv-v18-faq__item summary strong {
  min-width: 0;
  overflow: hidden;
  color: rgba(255,255,255,.68);
  font-size: 14.2px;
  font-weight: 800;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color 180ms ease;
}

.package-page .god-conv-v18-faq__item:hover summary strong,
.package-page .god-conv-v18-faq__item[open] summary strong {
  color: rgba(255,255,255,.86);
}

.package-page .god-conv-v18-faq__item summary > i {
  justify-self: end;
  color: rgba(255,255,255,.42);
  font-size: 13px;
  transition: transform 180ms ease, color 180ms ease;
}

.package-page .god-conv-v18-faq__item[open] summary > i {
  color: color-mix(in srgb, var(--color-primary) 74%, white);
  transform: rotate(180deg);
}

.package-page .god-conv-v18-faq__answer {
  padding: 0 18px 17px 56px;
}

.package-page .god-conv-v18-faq__item[open] .god-conv-v18-faq__answer {
  animation: godV18FaqOpen 180ms ease both;
}

.package-page .god-conv-v18-faq__answer p {
  margin: 0;
  color: rgba(255,255,255,.62);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.55;
}

.package-page .god-conv-v18-faq__checks {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 13px 0 0;
  padding: 0;
  list-style: none;
}

.package-page .god-conv-v18-faq__checks li {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 8px;
  align-items: flex-start;
}

.package-page .god-conv-v18-faq__checks svg {
  width: 16px;
  height: 16px;
  margin-top: 2px;
  color: color-mix(in srgb, var(--color-primary) 82%, white);
}

.package-page .god-conv-v18-faq__checks svg path {
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.package-page .god-conv-v18-faq__checks p {
  margin: 0;
  color: rgba(255,255,255,.56);
  font-size: 12.8px;
  font-weight: 500;
  line-height: 1.45;
}

.package-page .god-conv-v18-faq__checks strong {
  margin-right: 7px;
  color: rgba(255,255,255,.88);
  font-weight: 800;
}

.package-page .god-conv-v18-faq__checks span {
  color: rgba(255,255,255,.58);
}

@keyframes godV18FaqOpen {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}

.package-page .god-conv-v15-experience {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: 24px;
  min-height: 328px;
  overflow: hidden;
  padding: 23px 28px 21px;
  border: 1px solid rgba(255,255,255,.045);
  border-radius: 15px;
  background:
    linear-gradient(rgba(255,255,255,.010) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.010) 1px, transparent 1px),
    radial-gradient(circle, rgba(255,255,255,.026) 1px, transparent 1.2px),
    radial-gradient(78% 92% at 102% 52%, color-mix(in srgb, var(--color-primary) 7%, transparent), transparent 73%),
    radial-gradient(95% 120% at 45% 50%, transparent 48%, rgba(4,5,6,.24) 100%),
    #101114;
  background-size: 34px 34px, 34px 34px, 68px 68px, auto, auto, auto;
  background-position: 0 0, 0 0, 18px 16px, center, center, center;
  box-shadow: 0 24px 70px rgba(0,0,0,.18);
  isolation: isolate;
}

.package-page .god-conv-v15-experience::before {
  content: "";
  position: absolute;
  width: 220px;
  height: 220px;
  right: -158px;
  top: -92px;
  z-index: -1;
  opacity: .42;
  transform: rotate(45deg);
  border: 1px solid color-mix(in srgb, var(--color-primary) 8%, transparent);
  background: color-mix(in srgb, var(--color-primary) 1.5%, transparent);
  box-shadow: 0 0 72px color-mix(in srgb, var(--color-primary) 2.5%, transparent);
}

.package-page .god-conv-v15-experience__copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  padding: 4px 0;
}

.package-page .god-conv-v15-kicker {
  display: inline-flex;
  align-items: center;
  gap: 0;
  margin-bottom: 12px;
  color: color-mix(in srgb, var(--color-primary) 88%, white);
  font-family: "Quantico", "Poppins", sans-serif !important;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.package-page .god-conv-v15-kicker::after {
  content: "";
  display: none;
}

.package-page .god-conv-v15-experience__features {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.package-page .god-conv-v15-story {
  position: relative;
  display: grid;
  grid-template-columns: 3px 1fr;
  gap: 14px;
  padding: 12px 0;
  border: 0;
  outline: 0;
  cursor: default;
  opacity: .72;
  transition: opacity 220ms ease, transform 280ms cubic-bezier(.2,.7,.2,1);
}

.package-page .god-conv-v15-story + .god-conv-v15-story {
  border-top: 0;
}

.package-page .god-conv-v15-story + .god-conv-v15-story::before {
  content: "";
  position: absolute;
  top: 0;
  left: 19px;
  width: 72%;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(255,255,255,.050), rgba(255,255,255,.018) 68%, transparent);
}

.package-page .god-conv-v15-story.is-active,
.package-page .god-conv-v15-story:hover,
.package-page .god-conv-v15-story:focus-visible {
  opacity: 1;
  transform: translateX(3px);
}

.package-page .god-conv-v15-story__line {
  width: 3px;
  height: 100%;
  min-height: 44px;
  border-radius: 999px;
  background: transparent;
  transition: background 220ms ease, box-shadow 220ms ease;
}

.package-page .god-conv-v15-story.is-active .god-conv-v15-story__line,
.package-page .god-conv-v15-story:hover .god-conv-v15-story__line,
.package-page .god-conv-v15-story:focus-visible .god-conv-v15-story__line {
  background: var(--color-primary);
  box-shadow: 0 0 18px color-mix(in srgb, var(--color-primary) 35%, transparent);
}

.package-page .god-conv-v15-story h3 {
  margin: 0 0 6px;
  color: rgba(255,255,255,.98);
  font-family: inherit !important;
  font-size: clamp(19px, 1.12vw, 22px);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: 0;
  text-transform: uppercase;
}

.package-page .god-conv-v15-story p {
  margin: 0;
  color: rgba(255,255,255,.57);
  font-size: 12.8px;
  font-weight: 400;
  line-height: 1.5;
}

.package-page .god-conv-v15-experience__visual {
  position: relative;
  min-width: 0;
  min-height: 300px;
  overflow: hidden;
  clip-path: polygon(22px 0, calc(100% - 22px) 0, 100% 22px, 100% calc(100% - 22px), calc(100% - 22px) 100%, 22px 100%, 0 calc(100% - 22px), 0 22px);
  background: #08090a;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
}

.package-page .god-conv-v15-experience__media,
.package-page .god-conv-v15-experience__media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.package-page .god-conv-v15-experience__media img {
  object-fit: cover;
  object-position: center;
  opacity: 0;
  transform: scale(1.035);
  filter: saturate(.92) contrast(1.03);
  transition: opacity 600ms ease, transform 1100ms cubic-bezier(.2,.7,.2,1);
}

.package-page .god-conv-v15-experience__media img.is-active {
  opacity: 1;
  transform: scale(1);
}

.package-page .god-conv-v15-experience__visual-shade {
  position: absolute;
  inset: 0;
  z-index: 2;
  background:
    linear-gradient(180deg, rgba(4,5,6,.02) 50%, rgba(4,5,6,.70) 100%),
    linear-gradient(90deg, rgba(4,5,6,.10), transparent 45%);
  pointer-events: none;
}

.package-page .god-conv-v15-experience__visual::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 3;
  clip-path: inherit;
  border: 1px solid rgba(255,255,255,.09);
  pointer-events: none;
}

.package-page .god-conv-v15-experience__visual-meta {
  position: absolute;
  right: 18px;
  bottom: 16px;
  left: 18px;
  z-index: 4;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
}

.package-page .god-conv-v15-experience__visual-meta > span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid color-mix(in srgb, var(--color-primary) 28%, rgba(255,255,255,.06));
  border-radius: 7px;
  background: rgba(7,8,9,.68);
  backdrop-filter: blur(10px);
  color: color-mix(in srgb, var(--color-primary) 88%, white);
  font-family: "Quantico", "Poppins", sans-serif !important;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .055em;
}

.package-page .god-conv-v15-experience__visual-meta strong {
  max-width: 70%;
  overflow: hidden;
  color: rgba(255,255,255,.78);
  font-size: 11.5px;
  font-weight: 600;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-shadow: 0 2px 10px rgba(0,0,0,.75);
}

.package-page .god-conv-v15-experience.is-text-only {
  grid-template-columns: 1fr;
  min-height: 0;
}
.package-page .god-conv-v15-experience.is-text-only .god-conv-v15-experience__visual {
  display: none;
}

/* --------------------------------------------------------------------------
   WHY GOD STUDIOS — directly informed by supplied 0Resmon 2x2 trust cards,
   scaled to the existing product sidebar instead of reduced to micro text.
   -------------------------------------------------------------------------- */
.package-page .god-conv-v15-buytrust {
  width: 100%;
  padding-top: 17px;
  border-top: 1px solid rgba(255,255,255,.055);
}

.package-page .god-conv-v15-buytrust__head {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}

.package-page .god-conv-v15-buytrust__head span {
  color: color-mix(in srgb, var(--color-primary) 90%, white);
  font-family: "Quantico", "Poppins", sans-serif !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .085em;
}

.package-page .god-conv-v15-buytrust__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.package-page .god-conv-v15-buytrust__card {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 11px;
  min-height: 103px;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 12px;
  background: radial-gradient(120% 160% at 20% 0%, rgba(255,255,255,.035), rgba(255,255,255,.012) 55%, transparent 100%);
  transition: transform 220ms ease, border-color 220ms ease, background 220ms ease;
}

.package-page .god-conv-v15-buytrust__card--accent {
  background: radial-gradient(120% 160% at 15% 0%, color-mix(in srgb, var(--color-primary) 10%, transparent), rgba(255,255,255,.012) 58%, transparent 100%);
}

.package-page .god-conv-v15-buytrust__card:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--color-primary) 22%, rgba(255,255,255,.07));
}

.package-page .god-conv-v15-buytrust__icon {
  display: inline-flex;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  align-self: center;
  align-items: center;
  justify-content: center;
  border: 1px solid color-mix(in srgb, var(--color-primary) 13%, rgba(255,255,255,.04));
  border-radius: 9px;
  background: color-mix(in srgb, var(--color-primary) 9%, rgba(255,255,255,.025));
  color: color-mix(in srgb, var(--color-primary) 88%, white);
  font-size: 13px;
}

.package-page .god-conv-v15-buytrust__card strong {
  display: block;
  margin: 1px 0 5px;
  color: rgba(255,255,255,.94);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.28;
}

.package-page .god-conv-v15-buytrust__card p {
  margin: 0;
  color: rgba(255,255,255,.46);
  font-size: 11px;
  font-weight: 400;
  line-height: 1.46;
}

.package-page .god-conv-v15-license {
  margin-top: 11px;
}

.package-page .god-conv-v15-license summary {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 34px;
  padding: 0 11px;
  border: 1px solid color-mix(in srgb, var(--color-primary) 16%, rgba(255,255,255,.055));
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(255,255,255,.030), rgba(255,255,255,.010));
  color: rgba(255,255,255,.66);
  font-size: 11.4px;
  font-weight: 650;
  line-height: 1.4;
  cursor: pointer;
  list-style: none;
  transition: color 180ms ease, border-color 180ms ease, background 180ms ease, transform 180ms ease;
}
.package-page .god-conv-v15-license summary::-webkit-details-marker { display: none; }
.package-page .god-conv-v15-license summary:hover {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--color-primary) 32%, rgba(255,255,255,.09));
  background: linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 7%, rgba(255,255,255,.035)), rgba(255,255,255,.014));
  color: rgba(255,255,255,.86);
}
.package-page .god-conv-v15-license summary i {
  color: color-mix(in srgb, var(--color-primary) 88%, white);
  font-size: 12px;
}
.package-page .god-conv-v15-license summary::after {
  content: "\203A";
  margin-left: auto;
  color: color-mix(in srgb, var(--color-primary) 82%, white);
  font-size: 16px;
  line-height: 1;
  transition: transform 180ms ease;
}
.package-page .god-conv-v15-license[open] summary::after {
  transform: rotate(90deg);
}
.package-page .god-conv-v15-license p {
  margin: 9px 0 0;
  padding: 10px 12px;
  border-left: 2px solid color-mix(in srgb, var(--color-primary) 38%, transparent);
  color: rgba(255,255,255,.42);
  font-size: 10.5px;
  line-height: 1.55;
}

/* --------------------------------------------------------------------------
   FEATURE MATRIX — follows supplied Prodigy product-page composition:
   full-width patterned field, 3 editorial columns, large green checks.
   -------------------------------------------------------------------------- */
.package-page .god-conv-v15-matrix {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-top: 2px;
  padding: 52px 34px 0;
  border-top: 1px solid color-mix(in srgb, var(--color-primary) 17%, rgba(255,255,255,.035));
  border-bottom: 1px solid color-mix(in srgb, var(--color-primary) 17%, rgba(255,255,255,.035));
  border-radius: 15px;
  background:
    linear-gradient(90deg,
      transparent calc(33.333% - .5px),
      rgba(255,255,255,.055) calc(33.333% - .5px),
      rgba(255,255,255,.055) calc(33.333% + .5px),
      transparent calc(33.333% + .5px),
      transparent calc(66.666% - .5px),
      rgba(255,255,255,.055) calc(66.666% - .5px),
      rgba(255,255,255,.055) calc(66.666% + .5px),
      transparent calc(66.666% + .5px)
    ),
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, color-mix(in srgb, var(--color-primary) 3%, transparent), transparent 24%, transparent 76%, color-mix(in srgb, var(--color-primary) 3%, transparent)),
    #0d0f10;
  background-size: auto, 40px 40px, 40px 40px, auto, auto;
  isolation: isolate;
}

.package-page .god-conv-v15-matrix::before,
.package-page .god-conv-v15-matrix::after {
  display: none;
}

.package-page .god-conv-v15-matrix__ambient {
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    radial-gradient(38% 60% at 0% 55%, color-mix(in srgb, var(--color-primary) 7%, transparent), transparent 72%),
    radial-gradient(38% 60% at 100% 55%, color-mix(in srgb, var(--color-primary) 7%, transparent), transparent 72%);
  pointer-events: none;
}

.package-page .god-conv-v15-matrix__inner {
  position: relative;
  z-index: 2;
  width: 100%;
}

.package-page .god-conv-v15-matrix__label {
  display: block;
  margin-bottom: 42px;
  color: rgba(255,255,255,.36);
  font-family: "Quantico", "Poppins", sans-serif !important;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  letter-spacing: .04em;
}

.package-page .god-conv-v15-matrix__groups {
  display: grid;
  gap: 0;
  width: calc(100% + 68px);
  margin-left: -34px;
  margin-right: -34px;
  padding-bottom: 48px;
}

.package-page .god-conv-v15-matrix__group {
  min-width: 0;
  padding: 0 68px;
}

.package-page .god-conv-v15-matrix__group + .god-conv-v15-matrix__group {
  border-left: 0;
}

.package-page .god-conv-v15-matrix__group h3 {
  margin: 0 0 24px;
  color: rgba(255,255,255,.98);
  font-family: "Quantico", "Poppins", sans-serif !important;
  font-size: clamp(18px, 1.25vw, 22px);
  font-weight: 700;
  line-height: 1.16;
  letter-spacing: -.015em;
  text-transform: uppercase;
}

.package-page .god-conv-v15-matrix__items {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.package-page .god-conv-v15-matrix__item {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  gap: 15px;
}

.package-page .god-conv-v15-matrix__item svg {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  margin-top: 1px;
  fill: none;
}
.package-page .god-conv-v15-matrix__item svg path {
  stroke: color-mix(in srgb, var(--color-primary) 88%, #b6ff52);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.package-page .god-conv-v15-matrix__item p {
  margin: 0;
  color: rgba(255,255,255,.68);
  font-size: 13.5px;
  font-weight: 400;
  line-height: 1.58;
}

/* Bablo-like technical rail, but using the product's own description data. */
.package-page .god-conv-v15-techrail {
  display: grid;
  gap: 0;
  margin: 0 -34px;
  border-top: 1px solid rgba(255,255,255,.055);
  background: rgba(5,8,9,.34);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.package-page .god-conv-v15-techrail__item {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 104px;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding: 20px 30px;
  overflow: hidden;
  background:
    linear-gradient(125deg, rgba(255,255,255,.035) 0%, rgba(255,255,255,.010) 24%, transparent 48%),
    radial-gradient(95% 130% at 12% -35%, color-mix(in srgb, var(--color-primary) 6%, transparent), transparent 58%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}
.package-page .god-conv-v15-techrail__item + .god-conv-v15-techrail__item {
  border-left: 0;
}
.package-page .god-conv-v15-techrail__item small {
  color: rgba(255,255,255,.42);
  font-size: 11.5px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .075em;
}
.package-page .god-conv-v15-techrail__item strong {
  overflow: hidden;
  color: rgba(255,255,255,.92);
  font-family: "Quantico", "Poppins", sans-serif !important;
  font-size: clamp(20px, 1.5vw, 26px);
  font-weight: 650;
  line-height: 1.12;
  letter-spacing: -.018em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.package-page .god-conv-v15-techrail__item.is-metric strong {
  color: rgba(255,255,255,.96);
  font-size: clamp(20px, 1.5vw, 26px);
  font-weight: 700;
  line-height: 1.12;
  text-shadow: none;
}

@media (max-width: 1250px) {
  .package-page .god-conv-v15-experience {
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .package-page .god-conv-v15-experience__visual { min-height: 330px; }
  .package-page .god-conv-v15-story p { font-size: 12.8px; }
}

@media (max-width: 1100px) {
  .package-page .god-conv-v15-matrix__groups {
    grid-template-columns: 1fr !important;
  }
  .package-page .god-conv-v15-matrix__group,
  .package-page .god-conv-v15-matrix__group + .god-conv-v15-matrix__group {
    padding: 24px 0;
    border-left: 0;
  }
  .package-page .god-conv-v15-matrix__group + .god-conv-v15-matrix__group {
    border-top: 1px solid rgba(255,255,255,.045);
  }
}

@media (max-width: 760px) {
  .package-page .god-conv-v18-faq__items {
    min-height: 0;
    max-height: none;
    padding-right: 0;
  }

  .package-page .god-conv-v18-faq__item summary {
    grid-template-columns: 34px minmax(0, 1fr) 18px;
    min-height: 58px;
  }

  .package-page .god-conv-v18-faq__item summary strong {
    white-space: normal;
  }

  .package-page .god-conv-v18-faq__answer {
    padding: 0 16px 16px 56px;
  }

  .package-page .god-conv-v15-experience {
    gap: 20px;
    padding: 20px;
  }
  .package-page .god-conv-v15-experience__visual { min-height: 250px; }
  .package-page .god-conv-v15-story { padding: 15px 0; }
  .package-page .god-conv-v15-story h3 { font-size: 17px; }
  .package-page .god-conv-v15-story p { font-size: 12.3px; }

  .package-page .god-conv-v15-buytrust__grid { grid-template-columns: 1fr; }
  .package-page .god-conv-v15-buytrust__card { min-height: 0; }

  .package-page .god-conv-v15-matrix {
    padding: 38px 20px 0;
  }
  .package-page .god-conv-v15-matrix__label { margin-bottom: 24px; }
  .package-page .god-conv-v15-matrix__groups { padding-bottom: 28px; }
  .package-page .god-conv-v15-matrix__group h3 { font-size: 18px; }
  .package-page .god-conv-v15-matrix__item p { font-size: 12.7px; }

  .package-page .god-conv-v15-techrail {
    grid-template-columns: 1fr !important;
    margin: 0 -20px;
  }
  .package-page .god-conv-v15-techrail__item,
  .package-page .god-conv-v15-techrail__item + .god-conv-v15-techrail__item {
    min-height: 72px;
    padding: 14px 20px;
    border-left: 0;
  }
  .package-page .god-conv-v15-techrail__item + .god-conv-v15-techrail__item {
    border-top: 1px solid rgba(255,255,255,.045);
  }
}

/* V1.5 final scale pass after direct reference comparison */
.package-page .god-conv-v15-story h3 { font-size: clamp(19px, 1.12vw, 22px); }
.package-page .god-conv-v15-story p { font-size: 12.8px; line-height: 1.5; }
.package-page .god-conv-v15-matrix__label { font-size: 17px; }
.package-page .god-conv-v15-matrix__group h3 { font-size: clamp(20px, 1.35vw, 24px); }
.package-page .god-conv-v15-matrix__item p { font-size: 14.2px; line-height: 1.6; }
.package-page .god-conv-v15-buytrust__card strong { font-size: 13.5px; }
.package-page .god-conv-v15-buytrust__card p { font-size: 11.5px; line-height: 1.48; }
.package-page .god-conv-v15-kicker { font-size: 12.5px; }
.package-page .god-conv-v15-buytrust__head span { font-size: clamp(14px, 1vw, 15.5px); }

.package-page .god-conv-v15-matrix::before,
.package-page .god-conv-v15-matrix::after {
  transform: none;
  clip-path: polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);
}

@keyframes godV15Reveal {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}
.package-page .god-conv-v18-faq:not([hidden]),
.package-page .god-conv-v15-experience:not([hidden]),
.package-page .god-conv-v15-matrix:not([hidden]) {
  animation: godV15Reveal 560ms cubic-bezier(.2,.7,.2,1) both;
}
@media (prefers-reduced-motion: reduce) {
  .package-page .god-conv-v18-faq:not([hidden]),
  .package-page .god-conv-v15-experience:not([hidden]),
  .package-page .god-conv-v15-matrix:not([hidden]) { animation: none; }
}

/* ==========================================================================\n   GOD STUDIOS V1.6 — FEATURE MATRIX GRID + TECH RAIL ALIGNMENT POLISH\n   ========================================================================== */
@media (max-width: 1100px) {
  .package-page .god-conv-v15-matrix {
    background:
      linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px),
      linear-gradient(90deg, color-mix(in srgb, var(--color-primary) 3%, transparent), transparent 24%, transparent 76%, color-mix(in srgb, var(--color-primary) 3%, transparent)),
      #0d0f10;
    background-size: 40px 40px, 40px 40px, auto, auto;
  }

  .package-page .god-conv-v15-matrix__groups {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 760px) {
  .package-page .god-conv-v15-techrail__item small {
    font-size: 10.5px;
  }

  .package-page .god-conv-v15-techrail__item strong,
  .package-page .god-conv-v15-techrail__item.is-metric strong {
    font-size: 18px;
    white-space: normal;
  }
}

/* ==========================================================================
   GOD STUDIOS V1.7 — FEATURE MATRIX CLEANUP / MAIN-SITE VISUAL LANGUAGE
   - removes the bottom technical rail entirely
   - moves frameworks/dependencies/resmon into SERVER INTEGRATION via package JS
   - uses the same fine grid + ambient language as About Our Services / Stats
   - short, center-weighted vertical separators instead of full-height rails
   - preserves the existing matrix spacing rhythm
   ========================================================================== */

.package-page .god-conv-v15-techrail {
  display: none !important;
}

.package-page .god-conv-v15-matrix {
  position: relative;
  overflow: hidden;
  margin-top: 2px;
  padding: 52px 34px 48px;
  border: 0;
  border-radius: 15px;
  background:
    linear-gradient(rgba(206,255,244,.030) 1px, transparent 1px),
    linear-gradient(90deg, rgba(206,255,244,.030) 1px, transparent 1px),
    radial-gradient(circle, color-mix(in srgb, var(--color-primary) 15%, transparent) 0 1px, transparent 1.25px),
    radial-gradient(ellipse 38% 68% at -4% 47%, color-mix(in srgb, var(--color-primary) 12%, transparent) 0%, color-mix(in srgb, var(--color-primary) 4%, transparent) 42%, transparent 74%),
    radial-gradient(ellipse 38% 68% at 104% 47%, color-mix(in srgb, var(--color-primary) 11%, transparent) 0%, color-mix(in srgb, var(--color-primary) 4%, transparent) 42%, transparent 74%),
    linear-gradient(180deg, rgba(10,15,16,.995) 0%, rgba(7,12,13,1) 100%);
  background-size: 14px 14px, 14px 14px, 74px 74px, auto, auto, auto;
  background-position: center center, center center, 18px 24px, center, center, center;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.018),
    inset 0 -1px 0 rgba(255,255,255,.012);
  isolation: isolate;
}

/* Main-page style faded top/bottom strokes. */
.package-page .god-conv-v15-matrix::before,
.package-page .god-conv-v15-matrix::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 8;
  left: 1.5%;
  right: 1.5%;
  width: auto;
  height: 1px;
  pointer-events: none;
  clip-path: none;
  transform: none;
  opacity: 1;
  background: linear-gradient(
    90deg,
    transparent 0%,
    color-mix(in srgb, var(--color-primary) 8%, transparent) 7%,
    color-mix(in srgb, var(--color-primary) 34%, transparent) 24%,
    color-mix(in srgb, var(--color-primary) 62%, transparent) 50%,
    color-mix(in srgb, var(--color-primary) 34%, transparent) 76%,
    color-mix(in srgb, var(--color-primary) 8%, transparent) 93%,
    transparent 100%
  );
  box-shadow: 0 0 14px color-mix(in srgb, var(--color-primary) 8%, transparent);
}
.package-page .god-conv-v15-matrix::before { top: 0; }
.package-page .god-conv-v15-matrix::after { bottom: 0; }

.package-page .god-conv-v15-matrix__ambient {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(ellipse 34% 42% at 10% 48%, color-mix(in srgb, var(--color-primary) 5.5%, transparent), transparent 74%),
    radial-gradient(ellipse 34% 42% at 90% 48%, color-mix(in srgb, var(--color-primary) 5%, transparent), transparent 74%),
    radial-gradient(ellipse at 50% 42%, transparent 0 38%, rgba(0,0,0,.10) 72%, rgba(0,0,0,.26) 100%);
  filter: blur(8px);
}

.package-page .god-conv-v15-matrix__label {
  margin-bottom: 42px;
}

.package-page .god-conv-v15-matrix__groups {
  position: relative;
  width: calc(100% + 68px);
  margin-right: -34px;
  margin-left: -34px;
  padding-bottom: 0;
}

/* Shortened separators: they float in the visual center instead of touching
   the top/bottom of the feature field. */
.package-page .god-conv-v15-matrix__groups::before,
.package-page .god-conv-v15-matrix__groups::after {
  content: "";
  position: absolute;
  z-index: 3;
  top: 8%;
  bottom: 8%;
  width: 1px;
  pointer-events: none;
  background: linear-gradient(
    180deg,
    transparent 0%,
    rgba(206,255,244,.025) 8%,
    rgba(206,255,244,.10) 24%,
    rgba(206,255,244,.16) 50%,
    rgba(206,255,244,.10) 76%,
    rgba(206,255,244,.025) 92%,
    transparent 100%
  );
}
.package-page .god-conv-v15-matrix__groups::before { left: 33.333333%; }
.package-page .god-conv-v15-matrix__groups::after { left: 66.666667%; }

.package-page .god-conv-v15-matrix__group {
  position: relative;
  z-index: 4;
  padding: 0 68px;
}

.package-page .god-conv-v15-matrix__group + .god-conv-v15-matrix__group {
  border-left: 0 !important;
}

@media (max-width: 1100px) {
  .package-page .god-conv-v15-matrix {
    padding: 44px 28px 42px;
    background:
      linear-gradient(rgba(206,255,244,.030) 1px, transparent 1px),
      linear-gradient(90deg, rgba(206,255,244,.030) 1px, transparent 1px),
      radial-gradient(circle, color-mix(in srgb, var(--color-primary) 15%, transparent) 0 1px, transparent 1.25px),
      radial-gradient(ellipse 38% 68% at -4% 47%, color-mix(in srgb, var(--color-primary) 10%, transparent), transparent 74%),
      radial-gradient(ellipse 38% 68% at 104% 47%, color-mix(in srgb, var(--color-primary) 10%, transparent), transparent 74%),
      linear-gradient(180deg, rgba(10,15,16,.995), rgba(7,12,13,1));
    background-size: 14px 14px, 14px 14px, 74px 74px, auto, auto, auto;
    background-position: center center, center center, 18px 24px, center, center, center;
  }

  .package-page .god-conv-v15-matrix__groups {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }

  .package-page .god-conv-v15-matrix__groups::before,
  .package-page .god-conv-v15-matrix__groups::after {
    display: none;
  }

  .package-page .god-conv-v15-matrix__group {
    padding: 24px 0;
  }
}

@media (max-width: 760px) {
  .package-page .god-conv-v15-matrix {
    padding: 36px 20px 34px;
  }
  .package-page .god-conv-v15-matrix__label {
    margin-bottom: 22px;
  }
}

/* ==========================================================================
   GOD STUDIOS V1.8 — FEATURE MATRIX ALIGNMENT / BREATHING / MAIN-PAGE PATTERN
   - keeps the existing V1.5 typography and font sizes untouched
   - keeps product-specific Server Integration content and adds technical facts
   - uses the exact layered background language from About Our Services / Stats
   - separator positions are JS-snapped to real 14px background grid lines
   - shortened center separators; no bottom technical rail
   ========================================================================== */

.package-page .god-conv-v15-matrix {
  position: relative;
  overflow: hidden;
  margin-top: 2px;
  padding: 58px 34px 58px;
  border: 0;
  border-radius: 15px;
  background:
    radial-gradient(
      ellipse 38% 68% at -4% 47%,
      color-mix(in srgb, var(--color-primary) 12%, transparent) 0%,
      color-mix(in srgb, var(--color-primary) 4%, transparent) 42%,
      transparent 74%
    ),
    radial-gradient(
      ellipse 38% 68% at 104% 47%,
      color-mix(in srgb, var(--color-primary) 11%, transparent) 0%,
      color-mix(in srgb, var(--color-primary) 4%, transparent) 42%,
      transparent 74%
    ),
    linear-gradient(180deg, rgba(10,15,16,.995) 0%, rgba(7,12,13,1) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.018),
    inset 0 -1px 0 rgba(255,255,255,.012);
  isolation: isolate;
}

/* Same faint squares + sparse dots used on the home-page Services/Stats area.
   The opacity + vertical mask are intentionally copied from that section so
   the grid sits behind the content instead of competing with it. */
.package-page .god-conv-v15-matrix::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  pointer-events: none;
  opacity: .56;
  clip-path: none;
  transform: none;
  background-image:
    linear-gradient(rgba(206,255,244,.030) 1px, transparent 1px),
    linear-gradient(90deg, rgba(206,255,244,.030) 1px, transparent 1px),
    radial-gradient(
      circle,
      color-mix(in srgb, var(--color-primary) 15%, transparent) 0 1px,
      transparent 1.25px
    );
  background-size: 14px 14px, 14px 14px, 74px 74px;
  background-position: center center, center center, 18px 24px;
  -webkit-mask-image: linear-gradient(
    180deg,
    rgba(0,0,0,.72),
    #000 16%,
    #000 84%,
    rgba(0,0,0,.68)
  );
  mask-image: linear-gradient(
    180deg,
    rgba(0,0,0,.72),
    #000 16%,
    #000 84%,
    rgba(0,0,0,.68)
  );
}

/* Same restrained vignette/side tint layer as the home-page section. */
.package-page .god-conv-v15-matrix::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  pointer-events: none;
  clip-path: none;
  transform: none;
  background:
    radial-gradient(
      ellipse at 50% 42%,
      transparent 0 38%,
      rgba(0,0,0,.10) 72%,
      rgba(0,0,0,.26) 100%
    ),
    linear-gradient(
      90deg,
      color-mix(in srgb, var(--color-primary) 2.8%, transparent),
      transparent 22%,
      transparent 78%,
      color-mix(in srgb, var(--color-primary) 2.8%, transparent)
    );
}

.package-page .god-conv-v15-matrix__ambient {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    radial-gradient(
      ellipse 34% 42% at 10% 48%,
      color-mix(in srgb, var(--color-primary) 5.5%, transparent),
      transparent 74%
    ),
    radial-gradient(
      ellipse 34% 42% at 90% 48%,
      color-mix(in srgb, var(--color-primary) 5%, transparent),
      transparent 74%
    );
  filter: blur(8px);
}

.package-page .god-conv-v15-matrix__inner {
  position: relative;
  z-index: 3;
}

/* Exact top/bottom stroke language used by About Our Services / Stats. */
.package-page .god-conv-v15-matrix__edge {
  position: absolute;
  z-index: 6;
  left: 1.5%;
  right: 1.5%;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    transparent 0%,
    color-mix(in srgb, var(--color-primary) 8%, transparent) 7%,
    color-mix(in srgb, var(--color-primary) 34%, transparent) 24%,
    color-mix(in srgb, var(--color-primary) 62%, transparent) 50%,
    color-mix(in srgb, var(--color-primary) 34%, transparent) 76%,
    color-mix(in srgb, var(--color-primary) 8%, transparent) 93%,
    transparent 100%
  );
  box-shadow: 0 0 14px color-mix(in srgb, var(--color-primary) 8%, transparent);
}

.package-page .god-conv-v15-matrix__edge--top {
  top: 0;
}

.package-page .god-conv-v15-matrix__edge--bottom {
  bottom: 0;
}

/* Keep the established vertical rhythm; only restore symmetric breathing
   after removing the old technical rail. */
.package-page .god-conv-v15-matrix__label {
  margin-bottom: 42px;
}

.package-page .god-conv-v15-matrix__groups {
  position: relative;
  z-index: 4;
  width: calc(100% + 68px);
  margin-right: -34px;
  margin-left: -34px;
  padding-bottom: 0;
}

/* Both separators sit on actual background-grid x coordinates supplied by JS.
   Their fade begins well inside the content field so they never run edge-to-edge. */
.package-page .god-conv-v15-matrix__groups::before,
.package-page .god-conv-v15-matrix__groups::after {
  content: "";
  position: absolute;
  z-index: 3;
  top: 15%;
  bottom: 15%;
  width: 1px;
  pointer-events: none;
  background: linear-gradient(
    180deg,
    transparent 0%,
    rgba(206,255,244,.035) 12%,
    rgba(206,255,244,.10) 30%,
    rgba(206,255,244,.15) 50%,
    rgba(206,255,244,.10) 70%,
    rgba(206,255,244,.035) 88%,
    transparent 100%
  );
}

.package-page .god-conv-v15-matrix__groups::before {
  left: var(--god-v18-sep-1, 33.333333%);
}

.package-page .god-conv-v15-matrix__groups::after {
  left: var(--god-v18-sep-2, 66.666667%);
}

.package-page .god-conv-v15-matrix__group {
  position: relative;
  z-index: 4;
  padding: 0 68px;
}

.package-page .god-conv-v15-matrix__group + .god-conv-v15-matrix__group {
  border-left: 0 !important;
}

/* Emphasize each feature's meaningful lead text without changing the existing
   font family or font size. Colons are removed in package.html rendering. */
.package-page .god-conv-v15-matrix__item p strong {
  margin-right: 5px;
  color: rgba(255,255,255,.90);
  font-weight: 650;
}

.package-page .god-conv-v15-matrix__item p span {
  color: inherit;
  font-weight: inherit;
}

@media (max-width: 1100px) {
  .package-page .god-conv-v15-matrix {
    padding: 48px 28px 48px;
  }

  .package-page .god-conv-v15-matrix__groups {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }

  .package-page .god-conv-v15-matrix__groups::before,
  .package-page .god-conv-v15-matrix__groups::after {
    display: none;
  }

  .package-page .god-conv-v15-matrix__group {
    padding: 24px 0;
  }
}

@media (max-width: 760px) {
  .package-page .god-conv-v15-matrix {
    padding: 38px 20px 38px;
  }

  .package-page .god-conv-v15-matrix__label {
    margin-bottom: 22px;
  }
}

/* ==========================================================================
   GOD STUDIOS V1.9 — TRUE GRID ALIGNMENT + BREATHING FIX
   - typography intentionally untouched
   - 3 columns remain mathematically equal
   - background square grid step is derived from 1/3 column width, so both
     center separators are actual grid lines instead of floating between them
   - removes the oversized dead space without crushing the section
   ========================================================================== */

.package-page .god-conv-v15-matrix {
  --god-v19-grid-step: 14px;
  padding-top: 68px;
  padding-bottom: 62px;
}

/* Main-page Services/Stats visual language, but tuned for the smaller package
   panel so the squares/dots remain visible without becoming noisy. */
.package-page .god-conv-v15-matrix::before {
  inset: 0;
  opacity: .60;
  background-image:
    linear-gradient(rgba(206,255,244,.034) 1px, transparent 1px),
    linear-gradient(90deg, rgba(206,255,244,.034) 1px, transparent 1px),
    radial-gradient(
      circle,
      color-mix(in srgb, var(--color-primary) 15%, transparent) 0 1px,
      transparent 1.25px
    );
  background-size:
    var(--god-v19-grid-step) var(--god-v19-grid-step),
    var(--god-v19-grid-step) var(--god-v19-grid-step),
    74px 74px;
  background-position: 0 0, 0 0, 18px 24px;
  -webkit-mask-image: linear-gradient(
    180deg,
    rgba(0,0,0,.62),
    #000 14%,
    #000 86%,
    rgba(0,0,0,.58)
  );
  mask-image: linear-gradient(
    180deg,
    rgba(0,0,0,.62),
    #000 14%,
    #000 86%,
    rgba(0,0,0,.58)
  );
}

.package-page .god-conv-v15-matrix__label {
  margin-bottom: 32px;
  position: relative;
  top: -15px;
}

.package-page .god-conv-v15-matrix__groups {
  width: calc(100% + 68px);
  margin-left: -34px;
  margin-right: -34px;
}

/* These now sit at exact 1/3 and 2/3 column boundaries. Because the dynamic
   grid step divides each column evenly, these are also true background-grid
   lines. Keep them shortened so they read as structure, not rails. */
.package-page .god-conv-v15-matrix__groups::before,
.package-page .god-conv-v15-matrix__groups::after {
  top: 13%;
  bottom: 13%;
  width: 1px;
  background: linear-gradient(
    180deg,
    transparent 0%,
    rgba(206,255,244,.028) 9%,
    rgba(206,255,244,.085) 26%,
    rgba(206,255,244,.125) 50%,
    rgba(206,255,244,.085) 74%,
    rgba(206,255,244,.028) 91%,
    transparent 100%
  );
}

.package-page .god-conv-v15-matrix__groups::before {
  left: 33.333333%;
}

.package-page .god-conv-v15-matrix__groups::after {
  left: 66.666667%;
}

@media (max-width: 1100px) {
  .package-page .god-conv-v15-matrix {
    padding-top: 42px;
    padding-bottom: 40px;
  }

  .package-page .god-conv-v15-matrix::before {
    background-size: 14px 14px, 14px 14px, 74px 74px;
  }
}

@media (max-width: 760px) {
  .package-page .god-conv-v15-matrix {
    padding-top: 34px;
    padding-bottom: 34px;
  }

  .package-page .god-conv-v15-matrix__label {
    margin-bottom: 22px;
  }
}

/* ==========================================================================
   GOD STUDIOS V1.10 — HOME SERVICES/STATS BACKGROUND MATCH
   Background-only refinement on top of V1.9.
   Typography, feature content, spacing, column geometry and separators stay
   untouched. The matrix now uses the same restrained pattern/ambient/stroke
   language as the live About Our Services / Our Statistics Live section.
   ========================================================================== */

.package-page .god-conv-v15-matrix {
  background:
    radial-gradient(
      ellipse 38% 68% at -4% 47%,
      color-mix(in srgb, var(--color-primary) 12%, transparent) 0%,
      color-mix(in srgb, var(--color-primary) 4%, transparent) 42%,
      transparent 74%
    ),
    radial-gradient(
      ellipse 38% 68% at 104% 47%,
      color-mix(in srgb, var(--color-primary) 11%, transparent) 0%,
      color-mix(in srgb, var(--color-primary) 4%, transparent) 42%,
      transparent 74%
    ),
    linear-gradient(180deg, rgba(10,15,16,.995) 0%, rgba(7,12,13,1) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.018),
    inset 0 -1px 0 rgba(255,255,255,.012);
}

/* Exact faint-square + sparse-dot language from the home Services/Stats area.
   No dynamic grid enlargement: the pattern is deliberately subtle and calm. */
.package-page .god-conv-v15-matrix::before {
  inset: 0;
  opacity: .56;
  background-image:
    linear-gradient(rgba(206,255,244,.030) 1px, transparent 1px),
    linear-gradient(90deg, rgba(206,255,244,.030) 1px, transparent 1px),
    radial-gradient(
      circle,
      color-mix(in srgb, var(--color-primary) 15%, transparent) 0 1px,
      transparent 1.25px
    );
  background-size: 14px 14px, 14px 14px, 74px 74px;
  background-position: center center, center center, 18px 24px;
  -webkit-mask-image: linear-gradient(
    180deg,
    rgba(0,0,0,.72),
    #000 16%,
    #000 84%,
    rgba(0,0,0,.68)
  );
  mask-image: linear-gradient(
    180deg,
    rgba(0,0,0,.72),
    #000 16%,
    #000 84%,
    rgba(0,0,0,.68)
  );
}

/* Same quiet vignette and almost-imperceptible side tint as the homepage. */
.package-page .god-conv-v15-matrix::after {
  background:
    radial-gradient(
      ellipse at 50% 42%,
      transparent 0 38%,
      rgba(0,0,0,.10) 72%,
      rgba(0,0,0,.26) 100%
    ),
    linear-gradient(
      90deg,
      color-mix(in srgb, var(--color-primary) 2.8%, transparent),
      transparent 22%,
      transparent 78%,
      color-mix(in srgb, var(--color-primary) 2.8%, transparent)
    );
}

.package-page .god-conv-v15-matrix__ambient {
  background:
    radial-gradient(
      ellipse 34% 42% at 10% 48%,
      color-mix(in srgb, var(--color-primary) 5.5%, transparent),
      transparent 74%
    ),
    radial-gradient(
      ellipse 34% 42% at 90% 48%,
      color-mix(in srgb, var(--color-primary) 5%, transparent),
      transparent 74%
    );
  filter: blur(8px);
}

/* Same faded top/bottom stroke used by About Our Services / Statistics Live. */
.package-page .god-conv-v15-matrix__edge {
  left: 1.5%;
  right: 1.5%;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    color-mix(in srgb, var(--color-primary) 8%, transparent) 7%,
    color-mix(in srgb, var(--color-primary) 34%, transparent) 24%,
    color-mix(in srgb, var(--color-primary) 62%, transparent) 50%,
    color-mix(in srgb, var(--color-primary) 34%, transparent) 76%,
    color-mix(in srgb, var(--color-primary) 8%, transparent) 93%,
    transparent 100%
  );
  box-shadow: 0 0 14px color-mix(in srgb, var(--color-primary) 8%, transparent);
}

@media (max-width: 1100px) {
  .package-page .god-conv-v15-matrix::before {
    background-size: 14px 14px, 14px 14px, 74px 74px;
    background-position: center center, center center, 18px 24px;
  }
}

/* ==========================================================================\n   GOD STUDIOS V1.11 — VISIBLE HOME-SUITE PATTERN FIX\n   - background pattern is baked into the matrix background itself so it\n     cannot disappear behind a pseudo-element stacking layer\n   - retains the home About Our Services / Statistics visual language:\n     faint 14px squares, sparse dots, soft side-green ambience, dark center\n   - typography, content, spacing and separator geometry are untouched\n   ========================================================================== */

.package-page .god-conv-v15-matrix {
  background-image:
    linear-gradient(rgba(206,255,244,.016) 1px, transparent 1px),
    linear-gradient(90deg, rgba(206,255,244,.016) 1px, transparent 1px),
    radial-gradient(
      circle,
      color-mix(in srgb, var(--color-primary) 9%, transparent) 0 1px,
      transparent 1.3px
    ),
    radial-gradient(
      ellipse 38% 68% at -4% 47%,
      color-mix(in srgb, var(--color-primary) 12%, transparent) 0%,
      color-mix(in srgb, var(--color-primary) 4%, transparent) 42%,
      transparent 74%
    ),
    radial-gradient(
      ellipse 38% 68% at 104% 47%,
      color-mix(in srgb, var(--color-primary) 11%, transparent) 0%,
      color-mix(in srgb, var(--color-primary) 4%, transparent) 42%,
      transparent 74%
    ),
    linear-gradient(180deg, rgba(10,15,16,.995) 0%, rgba(7,12,13,1) 100%);
  background-size:
    14px 14px,
    14px 14px,
    74px 74px,
    auto,
    auto,
    auto;
  background-position:
calc(50% + 5px) center,
calc(50% + 5px) center,
    18px 24px,
    center,
    center,
    center;
  background-repeat:
    repeat,
    repeat,
    repeat,
    no-repeat,
    no-repeat,
    no-repeat;
}

/* The pattern now lives directly on the section background. Disable the old
   pseudo pattern layer so there is no stacking/masking ambiguity. */
.package-page .god-conv-v15-matrix::before {
  display: none !important;
}

/* Keep the homepage-style vignette above the pattern, but slightly lighter so
   the squares and sparse dots remain visible without becoming noisy. */
.package-page .god-conv-v15-matrix::after {
  background:
    radial-gradient(
      ellipse at 50% 42%,
      transparent 0 42%,
      rgba(0,0,0,.075) 74%,
      rgba(0,0,0,.20) 100%
    ),
    linear-gradient(
      90deg,
      color-mix(in srgb, var(--color-primary) 2.6%, transparent),
      transparent 24%,
      transparent 76%,
      color-mix(in srgb, var(--color-primary) 2.6%, transparent)
    );
}

/* ==========================================================================
   GOD STUDIOS DESCRIPTION V1 - Prodigy-style media showcase rows
   ========================================================================== */

.package-page .package-description.god-desc-v1-source {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}

.package-page .god-desc-v1[hidden] {
  display: none !important;
}

.package-page .god-desc-v1 {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
  overflow: visible;
  border-radius: 0;
  background: transparent;
  isolation: isolate;
}

.package-page .god-desc-v1__showcase {
  position: relative;
  width: 100%;
  overflow: clip;
  background: transparent;
  isolation: isolate;
}

.package-page .god-desc-v1__showcase.is-media-left {
  background: transparent;
}

.package-page .god-desc-v1__bg {
  display: none;
}

.package-page .god-desc-v1__wrap {
  position: relative;
  display: flex;
  width: 100%;
  max-width: 110rem;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  margin-inline: auto;
  padding: 48px 16px 64px;
}

.package-page .god-desc-v1__media-col,
.package-page .god-desc-v1__content {
  width: 100%;
  min-width: 0;
}

.package-page .god-desc-v1__media-card {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
}

.package-page .god-desc-v1__media-inner,
.package-page .god-desc-v1__media-border {
  position: absolute;
  inset: 0;
  clip-path: polygon(24px 0, calc(100% - 24px) 0, 100% 24px, 100% calc(100% - 24px), calc(100% - 24px) 100%, 24px 100%, 0 calc(100% - 24px), 0 24px);
}

.package-page .god-desc-v1__media-inner {
  overflow: hidden;
  background: #050707;
  box-shadow: none;
}

.package-page .god-desc-v1__media-inner img,
.package-page .god-desc-v1__media-inner video,
.package-page .god-desc-v1__media-inner iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: cover;
  object-position: center;
  filter: saturate(1.02) contrast(1.04);
}

.package-page .god-desc-v1__media-inner iframe {
  background: #050707;
}

.package-page .god-desc-v1__showcase.is-ui-fit .god-desc-v1__media-inner {
  background:
    radial-gradient(90% 120% at 50% 50%, rgba(255,255,255,.035), transparent 62%),
    #050707;
}

.package-page .god-desc-v1__showcase.is-ui-fit .god-desc-v1__media-inner img,
.package-page .god-desc-v1__showcase.is-ui-fit .god-desc-v1__media-inner video {
  object-fit: contain;
}

.package-page .god-desc-v1__media-border {
  z-index: 2;
  padding: 1px;
  background: rgba(255,255,255,.20);
  clip-path: polygon(evenodd, 24px 0, calc(100% - 24px) 0, 100% 24px, 100% calc(100% - 24px), calc(100% - 24px) 100%, 24px 100%, 0 calc(100% - 24px), 0 24px, 1px 25px, 1px calc(100% - 25px), 25px calc(100% - 1px), calc(100% - 25px) calc(100% - 1px), calc(100% - 1px) calc(100% - 25px), calc(100% - 1px) 25px, calc(100% - 25px) 1px, 25px 1px, 1px 25px, 0 24px);
  pointer-events: none;
}

.package-page .god-desc-v1__placeholder {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px;
  color: color-mix(in srgb, var(--color-primary) 82%, white);
  font-family: "Quantico", "Poppins", sans-serif !important;
  font-size: clamp(18px, 2.4vw, 36px);
  font-weight: 700;
  line-height: 1.05;
  text-align: center;
  text-transform: uppercase;
}

.package-page .god-desc-v1__placeholder img {
  display: block;
  position: relative !important;
  inset: auto !important;
  flex: 0 0 auto;
  width: min(48%, 230px);
  height: auto !important;
  max-width: min(48%, 230px);
  max-height: 52%;
  object-fit: contain;
  object-position: center;
  opacity: .82;
  filter: drop-shadow(0 0 22px color-mix(in srgb, var(--color-primary) 18%, transparent));
}

.package-page .god-desc-v1__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
}

.package-page .god-desc-v1__showcase.is-single-feature .god-desc-v1__content {
  justify-content: center;
}

.package-page .god-desc-v1__feature {
  display: flex;
  width: 100%;
  max-width: 35rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.package-page .god-desc-v1__feature h3 {
  margin: 0;
  color: #fff;
  font-family: "Quantico", "Poppins", sans-serif !important;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: uppercase;
}

.package-page .god-desc-v1__feature p {
  margin: 0;
  color: rgba(255,255,255,.75);
  font-family: "Inter", "Poppins", sans-serif !important;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
}

.package-page .god-desc-v1__divider {
  display: flex;
  width: 100%;
  justify-content: center;
  background: transparent;
}

.package-page .god-desc-v1__divider span {
  display: block;
  width: min(62%, 720px);
  height: 4px;
  opacity: .42;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-primary) 78%, #b6ff52) 50%, transparent);
}

@media (min-width: 1024px) {
  .package-page .god-desc-v1__wrap {
    flex-direction: row;
    gap: 64px;
    padding: 72px 32px 112px;
  }

  .package-page .god-desc-v1__showcase.is-media-right .god-desc-v1__wrap {
    flex-direction: row-reverse;
  }

  .package-page .god-desc-v1__media-col {
    width: 60%;
    flex: 0 0 60%;
  }

  .package-page .god-desc-v1__content {
    width: auto;
    flex: 1 1 0;
  }

  .package-page .god-desc-v1__media-card {
    aspect-ratio: 16 / 9;
  }

  .package-page .god-desc-v1__content {
    gap: 64px;
  }
}

@media (min-width: 1280px) {
  .package-page .god-desc-v1__wrap {
    padding-inline: 48px;
  }
}

@media (max-width: 760px) {
  .package-page .god-desc-v1__wrap {
    gap: 28px;
    padding: 34px 16px 42px;
  }

  .package-page .god-desc-v1__media-card {
    min-height: 0;
  }

  .package-page .god-desc-v1__feature {
    gap: 12px;
  }

  .package-page .god-desc-v1__feature h3 {
    font-size: 1.5rem;
    line-height: 1.2;
  }

  .package-page .god-desc-v1__feature p {
    font-size: 1rem;
    line-height: 1.5;
  }
}

/* ==========================================================================
   GOD STUDIOS V1.19 - FAQ TONE + LOWER PAGE SPACING POLISH
   ========================================================================== */

.package-page .god-conv-v18-faq__item {
  background: radial-gradient(
    120% 160% at 15% 0%,
    color-mix(in srgb, var(--color-primary) 5.5%, transparent),
    rgba(255,255,255,.010) 58%,
    transparent 100%
  ) !important;
}

.package-page .god-conv-v18-faq__item[open] {
  border-color: color-mix(in srgb, var(--color-primary) 6%, rgba(255,255,255,.044)) !important;
  background: radial-gradient(
    120% 160% at 15% 0%,
    color-mix(in srgb, var(--color-primary) 7.5%, transparent),
    rgba(255,255,255,.012) 58%,
    transparent 100%
  ) !important;
}

.package-page .god-conv-v18-faq__icon {
  border-color: color-mix(in srgb, var(--color-primary) 11%, rgba(255,255,255,.07)) !important;
  background: color-mix(in srgb, var(--color-primary) 7%, rgba(255,255,255,.030)) !important;
  color: color-mix(in srgb, var(--color-primary) 58%, rgba(255,255,255,.78)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.016);
  transition: border-color 180ms ease, background 180ms ease, color 180ms ease;
}

.package-page .god-conv-v18-faq__item:hover .god-conv-v18-faq__icon,
.package-page .god-conv-v18-faq__item[open] .god-conv-v18-faq__icon {
  border-color: color-mix(in srgb, var(--color-primary) 14%, rgba(255,255,255,.075)) !important;
  background: color-mix(in srgb, var(--color-primary) 9%, rgba(255,255,255,.032)) !important;
  color: color-mix(in srgb, var(--color-primary) 68%, rgba(255,255,255,.82)) !important;
}

.package-page .god-conv-v18-faq__item summary > i {
  color: rgba(255,255,255,.34) !important;
}

.package-page .god-conv-v18-faq__item:hover summary > i,
.package-page .god-conv-v18-faq__item[open] summary > i {
  color: color-mix(in srgb, var(--color-primary) 45%, rgba(255,255,255,.68)) !important;
}

.package-page .god-conv-v18-faq__checks svg {
  color: color-mix(in srgb, var(--color-primary) 62%, rgba(255,255,255,.76)) !important;
}

@media (min-width: 1024px) {
  body.god-package-related-v26-active .package-page .god-desc-v1__showcase:last-child .god-desc-v1__wrap {
    padding-bottom: 54px !important;
  }

  body.god-package-related-v26-active .package-page:has(.god-desc-v1:not([hidden])) ~ .god-prodigy-suite {
    margin-top: -18px !important;
  }

  body.god-package-related-v26-active .package-page ~ .god-prodigy-suite .god-prodigy-suite__inner {
    padding-top: 54px !important;
    padding-bottom: 62px !important;
  }

  body.god-package-related-v26-active .god-prodigy-suite ~ .god-related-v26 {
    padding-top: 56px !important;
  }
}

@media (max-width: 1023px) {
  body.god-package-related-v26-active .package-page .god-desc-v1__showcase:last-child .god-desc-v1__wrap {
    padding-bottom: 38px !important;
  }

  body.god-package-related-v26-active .package-page ~ .god-prodigy-suite .god-prodigy-suite__inner {
    padding-top: 44px !important;
    padding-bottom: 48px !important;
  }
}

/* ==========================================================================
   GOD STUDIOS V1.20 - FAQ SMOOTH ACCORDION STABILITY
   ========================================================================== */

.package-page .god-conv-v18-faq__item {
  flex: 0 0 auto;
}

.package-page .god-conv-v18-faq__item.is-open {
  border-color: color-mix(in srgb, var(--color-primary) 6%, rgba(255,255,255,.044)) !important;
  background: radial-gradient(
    120% 160% at 15% 0%,
    color-mix(in srgb, var(--color-primary) 7.5%, transparent),
    rgba(255,255,255,.012) 58%,
    transparent 100%
  ) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.018);
}

.package-page .god-conv-v18-faq__summary {
  display: grid;
  width: 100%;
  min-height: 66px;
  grid-template-columns: 34px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 12px;
  padding: 8px 13px 8px 10px;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  appearance: none;
}

.package-page .god-conv-v18-faq__summary:focus {
  outline: none;
}

.package-page .god-conv-v18-faq__summary:focus-visible {
  outline: 1px solid color-mix(in srgb, var(--color-primary) 34%, transparent);
  outline-offset: -4px;
  border-radius: 10px;
}

.package-page .god-conv-v18-faq__summary strong {
  min-width: 0;
  overflow: hidden;
  color: rgba(255,255,255,.68);
  font-size: 14.2px;
  font-weight: 800;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color 180ms ease;
}

.package-page .god-conv-v18-faq__item:hover .god-conv-v18-faq__summary strong,
.package-page .god-conv-v18-faq__item.is-open .god-conv-v18-faq__summary strong {
  color: rgba(255,255,255,.86);
}

.package-page .god-conv-v18-faq__summary > i {
  justify-self: end;
  color: rgba(255,255,255,.34) !important;
  font-size: 13px;
  transition: transform 260ms cubic-bezier(.22, 1, .36, 1), color 180ms ease;
}

.package-page .god-conv-v18-faq__item:hover .god-conv-v18-faq__summary > i,
.package-page .god-conv-v18-faq__item.is-open .god-conv-v18-faq__summary > i {
  color: color-mix(in srgb, var(--color-primary) 45%, rgba(255,255,255,.68)) !important;
}

.package-page .god-conv-v18-faq__item.is-open .god-conv-v18-faq__summary > i {
  transform: rotate(180deg);
}

.package-page .god-conv-v18-faq__panel {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition:
    max-height 320ms cubic-bezier(.22, 1, .36, 1),
    opacity 190ms ease;
  will-change: max-height;
}

.package-page .god-conv-v18-faq__item.is-open .god-conv-v18-faq__panel {
  opacity: 1;
}

.package-page .god-conv-v18-faq__item.is-closing .god-conv-v18-faq__panel {
  opacity: 0;
}

.package-page .god-conv-v18-faq__item:hover .god-conv-v18-faq__icon,
.package-page .god-conv-v18-faq__item.is-open .god-conv-v18-faq__icon {
  border-color: color-mix(in srgb, var(--color-primary) 14%, rgba(255,255,255,.075)) !important;
  background: color-mix(in srgb, var(--color-primary) 9%, rgba(255,255,255,.032)) !important;
  color: color-mix(in srgb, var(--color-primary) 68%, rgba(255,255,255,.82)) !important;
}

@media (prefers-reduced-motion: reduce) {
  .package-page .god-conv-v18-faq__panel,
  .package-page .god-conv-v18-faq__summary > i {
    transition: none !important;
  }
}

@media (max-width: 760px) {
  .package-page .god-conv-v18-faq__summary {
    grid-template-columns: 34px minmax(0, 1fr) 18px;
    min-height: 58px;
  }

  .package-page .god-conv-v18-faq__summary strong {
    white-space: normal;
  }
}

/* ==========================================================================
   GOD STUDIOS V1.21 - RETIRE PRODUCT EXPERIENCE PANEL
   ========================================================================== */

.package-page .god-conv-v15-experience {
  display: none !important;
}

/* ==========================================================================
   GOD STUDIOS V1.22 - FAQ FULL CONTENT, NO INTERNAL SCROLL
   ========================================================================== */

.package-page .god-conv-v18-faq__items,
.package-page .god-conv-v18-faq.has-open .god-conv-v18-faq__items {
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  padding-right: 0 !important;
}

/* ==========================================================================
   GOD STUDIOS V1.23 - CATEGORY / OPEN SOURCE PRODUCT CARD SALES POLISH
   ========================================================================== */

.god-category-grid .god-package-card,
.god-v12-item .god-package-card,
.god-related-v26__item > [data-package-detail] {
  min-height: 0;
}

.god-category-grid .god-package-content,
.god-v12-item .god-package-content,
.god-related-v26__item .god-package-content {
  padding: 16px !important;
}

.god-category-grid .god-package-heading-row,
.god-v12-item .god-package-heading-row,
.god-related-v26__item .god-package-heading-row {
  grid-template-columns: minmax(0, 1fr) minmax(102px, auto);
  gap: 18px !important;
  min-height: 25px;
  align-items: start;
}

.god-category-grid .god-package-name,
.god-v12-item .god-package-name,
.god-related-v26__item .god-package-name {
  min-height: 0;
  font-family: inherit !important;
  font-size: 18px !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
}

.god-category-grid .god-package-preview,
.god-v12-item .god-package-preview,
.god-related-v26__item .god-package-preview {
  display: -webkit-box !important;
  min-height: 34px !important;
  margin: 6px 0 0 !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #8b9290 !important;
  font-family: inherit !important;
  font-size: 11.5px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
  opacity: .72 !important;
  text-overflow: ellipsis;
}

.god-category-grid .god-package-preview[hidden],
.god-v12-item .god-package-preview[hidden],
.god-related-v26__item .god-package-preview[hidden] {
  display: -webkit-box !important;
  visibility: hidden !important;
  min-height: 34px !important;
  margin: 6px 0 0 !important;
}

.god-category-grid .god-package-tags,
.god-v12-item .god-package-tags,
.god-related-v26__item .god-package-tags,
.god-category-grid .god-package-has-preview .god-package-tags,
.god-v12-item .god-package-has-preview .god-package-tags,
.god-related-v26__item .god-package-has-preview .god-package-tags {
  margin-top: 9px !important;
  min-height: 25px !important;
  padding-bottom: 10px !important;
}

.god-category-grid .god-framework-badge,
.god-category-grid .god-generic-tag,
.god-v12-item .god-framework-badge,
.god-v12-item .god-generic-tag,
.god-related-v26__item .god-framework-badge,
.god-related-v26__item .god-generic-tag {
  min-height: 23px !important;
  padding: 3px 7px !important;
  font-family: inherit !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

.god-category-grid .god-package-actions,
.god-v12-item .god-package-actions,
.god-related-v26__item .god-package-actions {
  margin-top: auto !important;
  padding-top: 13px !important;
}

.god-category-grid .god-package-price-wrap,
.god-v12-item .god-package-price-wrap,
.god-related-v26__item .god-package-price-wrap {
  min-width: 102px !important;
  gap: 5px !important;
  padding-top: 1px;
}

.god-category-grid .god-package-old-price,
.god-v12-item .god-package-old-price,
.god-related-v26__item .god-package-old-price {
  color: rgba(255,255,255,.38) !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  text-decoration-color: rgba(255,255,255,.38) !important;
  text-decoration-thickness: 1.5px !important;
}

.god-category-grid .god-package-sale-row,
.god-v12-item .god-package-sale-row,
.god-related-v26__item .god-package-sale-row {
  gap: 8px !important;
}

.god-package-card[data-package-id="7350461"] .god-package-sale-row {
  order: 1;
}

.god-package-card[data-package-id="7350461"] .god-package-old-price {
  order: 2;
  align-self: flex-end;
  margin-top: 1px !important;
}

.god-category-grid .god-package-discount,
.god-v12-item .god-package-discount,
.god-related-v26__item .god-package-discount {
  padding: 3px 7px !important;
  border: 1px solid rgba(255,90,90,.24);
  border-radius: 7px !important;
  background:
    radial-gradient(circle at 18% 12%, rgba(255,255,255,.16), transparent 34%),
    linear-gradient(135deg, rgba(255,74,74,.25), rgba(130,20,30,.30)) !important;
  color: #ff7373 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: 0 0 14px rgba(255,74,74,.10);
}

.god-category-grid .god-package-price,
.god-v12-item .god-package-price,
.god-related-v26__item .god-package-price {
  font-size: 19px !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
}

.god-package-card[data-package-id="7350461"] .god-package-tops,
.god-package-card[data-package-id="6756882"] .god-package-tops,
.god-package-card[data-package-id="6732796"] .god-package-tops,
.god-package-card[data-package-id="6719946"] .god-package-tops {
  left: 12px !important;
  top: 12px !important;
  width: auto !important;
  min-width: 0;
  height: 30px;
  overflow: visible;
}

.god-package-card[data-package-id="7350461"] .god-package-tops::before,
.god-package-card[data-package-id="6756882"] .god-package-tops::before,
.god-package-card[data-package-id="6732796"] .god-package-tops::before,
.god-package-card[data-package-id="6719946"] .god-package-tops::before {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 14px 0 12px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 9px 9px 9px 3px;
  clip-path: polygon(0 0, calc(100% - 11px) 0, 100% 50%, calc(100% - 11px) 100%, 0 100%);
  background:
    radial-gradient(circle at 14% 0%, rgba(255,255,255,.20), transparent 32%),
    linear-gradient(135deg, rgba(12,28,26,.94), rgba(3,12,12,.82));
  color: rgba(255,255,255,.94);
  font-family: "Quantico", "Poppins", sans-serif !important;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .02em;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(0,0,0,.24);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 8px 18px rgba(0,0,0,.24),
    0 0 18px color-mix(in srgb, var(--color-primary) 12%, transparent);
}

.god-package-card[data-package-id="7350461"] .god-package-tops::before {
  content: "Best Selling";
  min-height: 32px;
  padding: 0 17px 0 14px;
  border-color: rgba(255,214,92,.56);
  background:
    radial-gradient(circle at 16% 0%, rgba(255,255,255,.30), transparent 34%),
    linear-gradient(135deg, rgba(255,202,73,.42), rgba(8,24,20,.94) 46%, rgba(0,224,187,.26));
  color: #fff6bf;
  font-size: 12px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    0 8px 20px rgba(0,0,0,.30),
    0 0 18px rgba(255,214,92,.28),
    0 0 28px color-mix(in srgb, var(--color-primary) 18%, transparent);
  animation: god-atm-badge-pulse 1.9s ease-in-out infinite;
}

.god-package-card[data-package-id="6756882"] .god-package-tops::before {
  content: "Beta Access";
}

.god-package-card[data-package-id="6732796"] .god-package-tops::before {
  content: "Beta Access";
}

.god-package-card[data-package-id="6719946"] .god-package-tops::before {
  content: "Beta Access";
}

.god-package-card[data-package-id="7350461"] .god-package-tops::after,
.god-package-card[data-package-id="6756882"] .god-package-tops::after,
.god-package-card[data-package-id="6732796"] .god-package-tops::after,
.god-package-card[data-package-id="6719946"] .god-package-tops::after {
  content: "";
  position: absolute;
  z-index: 3;
  inset: -7px -14px -7px -8px;
  pointer-events: none;
  background:
    radial-gradient(circle, rgba(255,255,255,.98) 0 1px, transparent 1.8px) 12% 24% / 28px 28px no-repeat,
    radial-gradient(circle, color-mix(in srgb, var(--color-primary) 92%, white) 0 1px, transparent 1.7px) 78% 22% / 32px 32px no-repeat,
    radial-gradient(circle, rgba(255,214,92,.94) 0 1.2px, transparent 2px) 92% 76% / 36px 36px no-repeat;
  opacity: .42;
  mix-blend-mode: screen;
  animation: god-card-badge-spark 2.4s ease-in-out infinite;
}

.god-package-card[data-package-id="7350461"] .god-package-tops::after {
  inset: -12px -28px -12px -12px;
  background:
    radial-gradient(circle, #fff 0 1.3px, transparent 2px) 8% 18% / 34px 34px no-repeat,
    radial-gradient(circle, #ffe589 0 1.6px, transparent 2.4px) 62% 2% / 38px 38px no-repeat,
    radial-gradient(circle, color-mix(in srgb, var(--color-primary) 82%, white) 0 1.4px, transparent 2.2px) 84% 38% / 32px 32px no-repeat,
    radial-gradient(circle, #fff8c7 0 1.2px, transparent 2px) 42% 86% / 30px 30px no-repeat,
    radial-gradient(circle, #ffe589 0 1.6px, transparent 2.4px) 98% 90% / 40px 40px no-repeat;
  opacity: .85;
  filter: drop-shadow(0 0 7px rgba(255,230,126,.55));
  animation: god-atm-badge-spark 1.25s ease-in-out infinite;
}

@keyframes god-card-badge-spark {
  0%, 100% { opacity: .25; transform: translateY(0) scale(.98); }
  42% { opacity: .86; transform: translateY(-1px) scale(1.02); }
  70% { opacity: .36; transform: translateY(0) scale(1); }
}

@keyframes god-atm-badge-pulse {
  0%, 100% { filter: brightness(1); transform: translateZ(0); }
  50% { filter: brightness(1.22); transform: translateY(-1px); }
}

@keyframes god-atm-badge-spark {
  0%, 100% { opacity: .22; transform: scale(.96) rotate(0deg); }
  35% { opacity: 1; transform: scale(1.04) rotate(1deg); }
  62% { opacity: .45; transform: scale(.99) rotate(-.5deg); }
}

.god-package-card[data-package-id="6711438"] .god-package-tags,
.god-package-card[data-package-id="6518825"] .god-package-tags,
.god-package-card[data-package-id="6711438"].god-package-has-preview .god-package-tags,
.god-package-card[data-package-id="6518825"].god-package-has-preview .god-package-tags {
  margin-top: 20px !important;
}

@media (max-width: 760px) {
  .god-category-grid .god-package-card,
  .god-v12-item .god-package-card,
  .god-related-v26__item > [data-package-detail] {
    min-height: 0;
  }

  .god-category-grid .god-package-heading-row,
  .god-v12-item .god-package-heading-row,
  .god-related-v26__item .god-package-heading-row {
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 25px;
  }

  .god-category-grid .god-package-name,
  .god-v12-item .god-package-name,
  .god-related-v26__item .god-package-name {
    min-height: 0;
    font-size: 17px !important;
  }

  .god-category-grid .god-package-preview,
  .god-v12-item .god-package-preview,
  .god-related-v26__item .god-package-preview {
    min-height: 32px !important;
    font-size: 10.5px !important;
  }
}

/* V1.24 - Deterministic product card fixes: real card keys + real corner badges */
.god-card-atm .god-package-tops::before,
.god-card-atm .god-package-tops::after,
.god-card-laser .god-package-tops::before,
.god-card-laser .god-package-tops::after,
.god-card-nail .god-package-tops::before,
.god-card-nail .god-package-tops::after,
.god-card-object-theft .god-package-tops::before,
.god-card-object-theft .god-package-tops::after {
  content: none !important;
  display: none !important;
}

.god-card-corner-badge {
  position: absolute;
  z-index: 12;
  top: 12px;
  left: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  max-width: calc(100% - 24px);
  padding: 0 17px 0 13px;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 9px 9px 9px 3px;
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 0 100%);
  background:
    radial-gradient(circle at 16% 0%, rgba(255,255,255,.18), transparent 34%),
    linear-gradient(135deg, rgba(15,31,29,.96), rgba(4,13,13,.90));
  color: rgba(255,255,255,.94);
  font-family: "Quantico", "Poppins", sans-serif !important;
  font-size: 11px;
  font-weight: 850;
  line-height: 1;
  letter-spacing: .02em;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(0,0,0,.34);
  pointer-events: none;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 8px 18px rgba(0,0,0,.28),
    0 0 16px color-mix(in srgb, var(--color-primary) 10%, transparent);
}

.god-card-corner-badge::before,
.god-card-corner-badge::after {
  content: "";
  position: absolute;
  pointer-events: none;
  mix-blend-mode: screen;
}

.god-card-corner-badge::before {
  inset: 1px 13px 1px 1px;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(255,255,255,.18), transparent 54%);
  opacity: .32;
}

.god-card-corner-badge::after {
  inset: -8px -19px -8px -9px;
  background:
    radial-gradient(circle, rgba(255,255,255,.90) 0 1px, transparent 1.9px) 10% 22% / 30px 30px no-repeat,
    radial-gradient(circle, color-mix(in srgb, var(--color-primary) 86%, white) 0 1.1px, transparent 2px) 82% 30% / 34px 34px no-repeat,
    radial-gradient(circle, rgba(255,229,137,.88) 0 1.1px, transparent 2px) 94% 82% / 38px 38px no-repeat;
  opacity: .48;
  animation: god-card-real-badge-spark 2.2s ease-in-out infinite;
}

.god-card-corner-badge--atm {
  min-height: 34px;
  padding: 0 20px 0 15px;
  border-color: rgba(255,217,94,.70);
  background:
    radial-gradient(circle at 14% 0%, rgba(255,255,255,.34), transparent 35%),
    linear-gradient(135deg, rgba(255,203,72,.48), rgba(9,24,20,.96) 43%, rgba(0,224,187,.32));
  color: #fff7bd;
  font-size: 12px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    0 9px 22px rgba(0,0,0,.34),
    0 0 20px rgba(255,214,92,.34),
    0 0 30px color-mix(in srgb, var(--color-primary) 20%, transparent);
  animation: god-card-real-atm-pulse 1.75s ease-in-out infinite;
}

.god-card-corner-badge--atm::after {
  inset: -14px -34px -14px -14px;
  background:
    radial-gradient(circle, #fff 0 1.3px, transparent 2.2px) 8% 17% / 34px 34px no-repeat,
    radial-gradient(circle, #ffe58a 0 1.7px, transparent 2.6px) 61% 0% / 38px 38px no-repeat,
    radial-gradient(circle, color-mix(in srgb, var(--color-primary) 82%, white) 0 1.4px, transparent 2.3px) 88% 40% / 32px 32px no-repeat,
    radial-gradient(circle, #fff8c7 0 1.2px, transparent 2px) 39% 86% / 30px 30px no-repeat,
    radial-gradient(circle, #ffe58a 0 1.7px, transparent 2.6px) 99% 91% / 40px 40px no-repeat;
  opacity: .92;
  filter: drop-shadow(0 0 7px rgba(255,230,126,.58));
  animation: god-card-real-atm-spark 1.18s ease-in-out infinite;
}

.god-card-atm .god-package-sale-row--atm {
  order: 1 !important;
  justify-content: flex-end !important;
}

.god-card-atm .god-package-old-price--atm {
  order: 2 !important;
  align-self: flex-end !important;
  margin-top: 1px !important;
}

.god-card-impound .god-package-tags,
.god-card-crosshair .god-package-tags,
.god-card-impound.god-package-has-preview .god-package-tags,
.god-card-crosshair.god-package-has-preview .god-package-tags {
  margin-top: 20px !important;
}

@keyframes god-card-real-badge-spark {
  0%, 100% { opacity: .28; transform: translateY(0) scale(.98); }
  42% { opacity: .78; transform: translateY(-1px) scale(1.02); }
  70% { opacity: .36; transform: translateY(0) scale(1); }
}

@keyframes god-card-real-atm-pulse {
  0%, 100% { filter: brightness(1); transform: translateZ(0); }
  50% { filter: brightness(1.24); transform: translateY(-1px); }
}

@keyframes god-card-real-atm-spark {
  0%, 100% { opacity: .25; transform: scale(.96) rotate(0deg); }
  34% { opacity: 1; transform: scale(1.04) rotate(1deg); }
  62% { opacity: .48; transform: scale(.99) rotate(-.5deg); }
}

/* V1.25 - ATM card price and preview micro alignment */
.god-card-atm .god-package-old-price--atm,
.god-package-card[data-package-id="7350461"] .god-package-old-price {
  font-size: 12px !important;
  line-height: 1.05 !important;
}

.god-card-atm .god-package-preview,
.god-package-card[data-package-id="7350461"] .god-package-preview {
  margin-top: -8px !important;
  min-height: 42px !important;
  text-align: left !important;
}

.god-card-atm.god-package-has-preview .god-package-tags,
.god-package-card[data-package-id="7350461"].god-package-has-preview .god-package-tags {
  margin-top: 10px !important;
}