:root {
  
  --bg-pure-black: var(--ui-surface-0,#000000);
  --bg-deep: var(--ui-surface-0,#030303);
  --bg-surface: var(--ui-surface-0,#070707);
  --bg-card: color-mix(in srgb,var(--ui-surface-0,#0c0c0c) 85%,transparent);
  --bg-card-hover: color-mix(in srgb,var(--ui-surface-1,#121212) 95%,transparent);
  --bg-glass: rgba(255, 255, 255, 0.025);

  
  --white-primary: #ffffff;
  --white-bright: #fafafa;
  --white-dim: #d4d4d4;
  --white-glow: rgba(255, 255, 255, 0.45);
  --white-glow-strong: 0 0 35px rgba(255, 255, 255, 0.65);
  --white-glow-card: 0 10px 40px rgba(0, 0, 0, 0.9), 0 0 30px rgba(255, 255, 255, 0.12);

  
  --border-subtle: rgba(255, 255, 255, 0.09);
  --border-light: rgba(255, 255, 255, 0.18);
  --border-glow-white: rgba(255, 255, 255, 0.45);

  
  --silver-accent: #a1a1a1;
  --emerald-accent: #bebebe;
  --amber-accent: #bebebe;

  
  --text-pure-white: #ffffff;
  --text-main: #f4f4f4;
  --text-muted: #a1a1a1;
  --text-dim: #727272;

  
  --font-display: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-full: 9999px;

  
  --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.5s cubic-bezier(0.16, 1, 0.3, 1);

  --container-width: 1200px;
}


*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 90px;
  background-color: var(--bg-pure-black);
  color: var(--text-main);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  background-color: var(--bg-pure-black);
  color: var(--text-main);
  overflow-x: hidden;
  line-height: 1.6;
  position: relative;
  
  background-image: 
    radial-gradient(circle at 15% 10%, rgba(255, 255, 255, 0.05) 0%, transparent 45%),
    radial-gradient(circle at 85% 30%, rgba(255, 255, 255, 0.04) 0%, transparent 50%),
    radial-gradient(circle at 50% 75%, rgba(255, 255, 255, 0.03) 0%, transparent 50%);
  background-attachment: fixed;
}


body::before {
  content: '';
  position: fixed;
  inset: 0;
  background-size: 50px 50px;
  background-image: 
    linear-gradient(to right, rgba(255, 255, 255, 0.02) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
  pointer-events: none;
  z-index: 0;
}

a {
  color: inherit;
  text-decoration: none;
  transition: color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);
}

ul, ol {
  list-style: none;
}

button {
  font-family: inherit;
  cursor: pointer;
  border: none;
  background: none;
}

.container {
  width: 100%;
  max-width: var(--container-width);
  margin-inline: auto;
  padding-inline: 1.5rem;
  position: relative;
  z-index: 1;
}

.section {
  padding-block: 6.5rem;
  position: relative;
}


.section-header {
  text-align: center;
  max-width: 720px;
  margin-inline: auto;
  margin-bottom: 3.5rem;
}

.section-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 1rem;
  border-radius: var(--radius-full);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.22);
  color: var(--white-primary);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 1.15rem;
  box-shadow: 0 0 18px rgba(255, 255, 255, 0.08);
}

.section-title {
  font-family: var(--font-display);
  font-size: clamp(2.1rem, 3.8vw, 3rem);
  font-weight: 800;
  line-height: 1.16;
  color: var(--text-pure-white);
  margin-bottom: 1rem;
  letter-spacing: -0.025em;
}

.section-subtitle {
  font-size: 1.05rem;
  color: var(--text-muted);
  line-height: 1.7;
}

.gradient-text {
  background: linear-gradient(135deg, #ffffff 20%, #e7e7e7 65%, #a1a1a1 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gradient-text-purple {
  background: linear-gradient(135deg, #ffffff 40%, #d4d4d4 80%, #727272 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  padding: 0.85rem 1.85rem;
  border-radius: var(--radius-md);
  font-size: 0.95rem;
  font-weight: 600;
  transition: all var(--transition-normal);
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  transform-style: preserve-3d;
}

.btn-primary {
  background: #ffffff;
  color: #000000;
  font-weight: 700;
  box-shadow: 0 0 25px rgba(255, 255, 255, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.btn-primary:hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 0 38px rgba(255, 255, 255, 0.75), inset 0 1px 0 #ffffff;
  background: #ffffff;
  filter: brightness(1.05);
}

.btn-primary:active {
  transform: translateY(0) scale(1);
}

.btn-secondary {
  background: rgba(255, 255, 255, 0.03);
  color: var(--text-pure-white);
  border: 1px solid var(--border-subtle);
  backdrop-filter: blur(12px);
}

.btn-secondary:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.5);
  color: #ffffff;
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.15);
  transform: translateY(-2px);
}

.btn-bestseller {
  background: linear-gradient(135deg, #ffffff 0%, #f4f4f4 60%, #d4d4d4 100%);
  color: #000000;
  font-weight: 800;
  box-shadow: 0 0 35px rgba(255, 255, 255, 0.5);
}

.btn-bestseller:hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 0 45px rgba(255, 255, 255, 0.75);
}

.btn-sm {
  padding: 0.55rem 1.25rem;
  font-size: 0.85rem;
  border-radius: var(--radius-sm);
}

.btn:disabled,
.btn.is-loading {
  opacity: 0.65;
  cursor: not-allowed;
  pointer-events: none;
  transform: none !important;
  box-shadow: none !important;
}

.btn-spinner {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(0, 0, 0, 0.25);
  border-top-color: #000000;
  border-radius: 50%;
  animation: btnSpinnerRotate 0.65s linear infinite;
  display: inline-block;
  flex-shrink: 0;
}

.btn-secondary .btn-spinner {
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-top-color: #ffffff;
}

@keyframes btnSpinnerRotate {
  to { transform: rotate(360deg); }
}


.navbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  padding-block: 1.15rem;
  transition: all var(--transition-normal);
  border-bottom: 1px solid transparent;
}

.navbar.scrolled {
  padding-block: 0.8rem;
  background: rgba(0, 0, 0, 0.9);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
  border-bottom: 1px solid var(--border-subtle);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.85);
}

.nav-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  width: 100%;
}

.brand-logo {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  font-family: var(--font-display);
  font-size: 1.35rem;
  font-weight: 800;
  letter-spacing: -0.015em;
  color: var(--text-pure-white);
  flex-shrink: 0;
  margin-right: 1.75rem;
}

.brand-icon {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: var(--ui-surface-0,#000000);
  border: 1px solid rgba(255, 255, 255, 0.35);
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.25);
  overflow: hidden;
  flex-shrink: 0;
  transition: transform var(--transition-normal), box-shadow var(--transition-normal);
}

.brand-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 11px;
}

.brand-logo:hover .brand-icon {
  transform: scale(1.05);
  box-shadow: 0 0 25px rgba(255, 255, 255, 0.45);
}


.header-social {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.social-icon-btn {
  width: 38px;
  height: 38px;
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--border-subtle);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-muted);
  transition: all var(--transition-fast);
  flex-shrink: 0;
}

.social-icon-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: #ffffff;
  color: #ffffff;
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.3);
  transform: translateY(-2px);
}


.social-icon-btn.twitter-link {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #080808;
}

.social-icon-btn.twitter-link:hover {
  background: #ffffff;
  border-color: #ffffff;
  color: #000000;
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.3);
}

.social-icon-btn.tiktok-link {
  background: var(--ui-surface-0,#101010);
  border-color: #3b3b3b;
  color: #ffffff;
}

.social-icon-btn.tiktok-link svg {
  filter: drop-shadow(-1px 0 #bebebe) drop-shadow(1px 0 #c8c8c8);
}

.social-icon-btn.tiktok-link:hover {
  background: var(--ui-surface-0,#101010);
  border-color: #c8c8c8;
  color: #ffffff;
  box-shadow: -3px 0 13px rgba(92, 92, 92, 0.22), 3px 0 13px rgba(200, 200, 200, 0.22);
}

.social-icon-btn.youtube-link {
  background: color-mix(in srgb,var(--ui-surface-3,#363636) 12%,transparent);
  border-color: rgba(54, 54, 54, 0.38);
  color: #bebebe;
}

.social-icon-btn.youtube-link:hover {
  background: #bebebe;
  border-color: #bebebe;
  color: #ffffff;
  box-shadow: 0 0 16px rgba(54, 54, 54, 0.35);
}

.social-icon-btn.order-btn,
.btn.order-btn {
  background: #525252;
  border-color: #525252;
  color: #ffffff;
  box-shadow: 0 4px 16px rgba(108, 108, 108, 0.25);
}

.social-icon-btn.order-btn:hover,
.btn.order-btn:hover {
  background: var(--ui-surface-3,#404040);
  border-color: #404040;
  color: #ffffff;
  box-shadow: 0 6px 20px rgba(108, 108, 108, 0.4);
  filter: none;
}

.nav-links {
  display: flex;
  align-items: center;
  gap: 1.75rem;
}

.nav-link {
  font-size: 0.92rem;
  font-weight: 500;
  color: var(--text-muted);
  position: relative;
  padding-block: 0.35rem;
  white-space: nowrap;
}

.nav-link:hover, .nav-link.active {
  color: var(--text-pure-white);
}

.nav-link::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0%;
  height: 2px;
  background: #ffffff;
  transition: width var(--transition-fast);
  box-shadow: 0 0 8px #ffffff;
}

.nav-link:hover::after, .nav-link.active::after {
  width: 100%;
}

.nav-actions {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-shrink: 0;
  margin-left: 1.75rem;
}

.nav-cart-btn {
  position: relative;
  display: inline-flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  color: var(--text-pure-white);
  text-decoration: none;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.04);
  transition: color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);
}

.nav-cart-btn:hover {
  color: #000;
  background: #fff;
  border-color: #fff;
}

.nav-cart-count {
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  display: grid;
  place-items: center;
  border: 2px solid #050505;
  border-radius: 999px;
  background: #fff;
  color: #050505;
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
}


.mobile-toggle {
  display: none;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  color: var(--text-pure-white);
  border-radius: var(--radius-sm);
  border: 1px solid var(--border-subtle);
  background: rgba(255, 255, 255, 0.03);
}

.mobile-menu {
  display: none;
  position: fixed;
  top: 72px;
  left: 0;
  right: 0;
  background: color-mix(in srgb,var(--ui-surface-0,#020202) 98%,transparent);
  backdrop-filter: blur(25px);
  border-bottom: 1px solid var(--border-subtle);
  padding: 1.75rem;
  flex-direction: column;
  gap: 1.25rem;
  z-index: 999;
  transform: translateY(-10px);
  opacity: 0;
  transition: all var(--transition-normal);
  pointer-events: none;
}

.mobile-menu.open {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

.mobile-menu .nav-link {
  font-size: 1.1rem;
  padding-block: 0.5rem;
}


.hero {
  padding-top: 11.5rem;
  padding-bottom: 5.5rem;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.hero-content {
  max-width: 880px;
  margin-inline: auto;
  position: relative;
}


.hero-badge-container {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.45rem 1.15rem;
  border-radius: var(--radius-full);
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(10px);
  margin-bottom: 1.85rem;
  box-shadow: 0 0 24px rgba(255, 255, 255, 0.1);
  animation: floatBadge 4s ease-in-out infinite;
}

@keyframes floatBadge {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}

.pulse-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 0 12px #ffffff;
  animation: pulseDotWhite 2s infinite;
}

@keyframes pulseDotWhite {
  0% { transform: scale(0.9); opacity: 0.7; box-shadow: 0 0 8px #ffffff; }
  50% { transform: scale(1.3); opacity: 1; box-shadow: 0 0 16px #ffffff; }
  100% { transform: scale(0.9); opacity: 0.7; box-shadow: 0 0 8px #ffffff; }
}

.hero-badge-text {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: #ffffff;
}

.hero-title {
  font-family: var(--font-display);
  font-size: clamp(2.6rem, 5.8vw, 4.5rem);
  font-weight: 800;
  line-height: 1.06;
  letter-spacing: -0.035em;
  margin-bottom: 1.5rem;
}

.hero-desc {
  font-size: clamp(1.05rem, 2vw, 1.25rem);
  color: var(--text-muted);
  line-height: 1.7;
  max-width: 740px;
  margin-inline: auto;
  margin-bottom: 2.75rem;
}

.hero-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  flex-wrap: wrap;
  margin-bottom: 3.5rem;
}


.tuner-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0.5rem 1.25rem;
  background: color-mix(in srgb,var(--ui-surface-0,#0f0f0f) 70%,transparent);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-full);
  margin-bottom: 3rem;
  backdrop-filter: blur(12px);
  transition: all var(--transition-normal);
}

.tuner-badge:hover {
  border-color: rgba(255, 255, 255, 0.4);
  transform: translateY(-2px);
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.1);
}

.tuner-avatar-wrap {
  position: relative;
  width: 32px;
  height: 32px;
}

.tuner-avatar {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: linear-gradient(135deg, #ffffff, #727272);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 0.85rem;
  color: #000000;
  border: 1px solid rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
  overflow: hidden;
}

.tuner-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tuner-info {
  text-align: left;
  font-size: 0.82rem;
}

.tuner-name {
  font-weight: 700;
  color: #ffffff;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.tuner-verified {
  color: #ffffff;
  display: inline-flex;
}

.tuner-sub {
  color: var(--text-dim);
  font-size: 0.75rem;
}


.metrics-bar {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.25rem;
  max-width: 980px;
  margin-inline: auto;
  padding: 1.85rem 2rem;
  border-radius: var(--radius-lg);
  background: color-mix(in srgb,var(--ui-surface-0,#0a0a0a) 90%,transparent);
  border: 1px solid var(--border-subtle);
  backdrop-filter: blur(20px);
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.85), 0 0 30px rgba(255, 255, 255, 0.05);
  transform-style: preserve-3d;
  transition: transform 0.2s ease-out;
}

.metric-item {
  text-align: center;
  position: relative;
  transform: translateZ(15px);
}

.metric-item:not(:last-child)::after {
  content: '';
  position: absolute;
  top: 15%;
  right: -0.625rem;
  height: 70%;
  width: 1px;
  background: var(--border-subtle);
}

.metric-value {
  font-family: var(--font-display);
  font-size: 2.1rem;
  font-weight: 800;
  color: var(--text-pure-white);
  line-height: 1.1;
  margin-bottom: 0.25rem;
}

.metric-value span {
  color: #ffffff;
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
}

.metric-label {
  font-size: 0.78rem;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-weight: 600;
}


.tilt-3d {
  position: relative;
  transform-style: preserve-3d;
  will-change: transform;
  transition: transform 0.22s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.25s ease, box-shadow 0.25s ease;
}


.glare-3d {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 10;
}


.features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1.5rem;
}

.feature-card {
  background: var(--bg-card);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  padding: 2.25rem 1.85rem;
  position: relative;
  backdrop-filter: blur(16px);
  overflow: hidden;
}

.feature-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, #ffffff, transparent);
  opacity: 0;
  transition: opacity var(--transition-normal);
}

.feature-card:hover {
  border-color: rgba(255, 255, 255, 0.35);
  background: var(--bg-card-hover);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.8), 0 0 25px rgba(255, 255, 255, 0.1);
}

.feature-card:hover::before {
  opacity: 1;
}

.feature-icon-wrapper {
  width: 54px;
  height: 54px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  margin-bottom: 1.5rem;
  transform: translateZ(20px);
  transition: transform var(--transition-normal);
}

.feature-card:hover .feature-icon-wrapper {
  transform: translateZ(25px) scale(1.08) rotate(3deg);
  background: rgba(255, 255, 255, 0.12);
  border-color: #ffffff;
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.35);
}

.feature-title {
  font-family: var(--font-display);
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
  color: var(--text-pure-white);
  transform: translateZ(15px);
}

.feature-desc {
  font-size: 0.95rem;
  color: var(--text-muted);
  line-height: 1.65;
  transform: translateZ(10px);
}


.pricing-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  max-width: 1040px;
  margin-inline: auto;
  align-items: stretch;
}

.pricing-card {
  background: var(--bg-card);
  border: 1px solid var(--border-subtle);
  border-radius: 24px;
  padding: 3.25rem 2.5rem;
  display: flex;
  flex-direction: column;
  position: relative;
  backdrop-filter: blur(20px);
}

.pricing-card:hover {
  border-color: var(--border-light);
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.85);
}


.pricing-card.bestseller {
  background: linear-gradient(180deg, color-mix(in srgb,var(--ui-surface-1,#111111) 95%,transparent) 0%, color-mix(in srgb,var(--ui-surface-0,#080808) 98%,transparent) 100%);
  border: 1px solid rgba(255, 255, 255, 0.45);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.8), 0 0 50px rgba(255, 255, 255, 0.15);
}

.pricing-card.bestseller:hover {
  border-color: #ffffff;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.9), 0 0 60px rgba(255, 255, 255, 0.25);
}

.bestseller-badge {
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%) translateZ(30px);
  background: #ffffff;
  color: #000000;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 0.35rem 1.15rem;
  border-radius: var(--radius-full);
  box-shadow: 0 0 25px rgba(255, 255, 255, 0.6);
}

.pricing-header {
  margin-bottom: 2rem;
  text-align: left;
  transform: translateZ(15px);
}

.package-name {
  font-family: var(--font-display);
  font-size: 1.65rem;
  font-weight: 800;
  color: var(--text-pure-white);
  margin-bottom: 0.6rem;
}

.package-tagline {
  font-size: 0.95rem;
  color: var(--text-muted);
  line-height: 1.6;
  min-height: 48px;
}

.price-wrap {
  display: flex;
  align-items: baseline;
  gap: 0.35rem;
  margin-block: 1.5rem 2rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--border-subtle);
  transform: translateZ(15px);
}

.price-currency {
  font-size: 1.75rem;
  font-weight: 700;
  color: #ffffff;
}

.price-amount {
  font-family: var(--font-display);
  font-size: 3.6rem;
  font-weight: 800;
  color: var(--text-pure-white);
  line-height: 1;
}

.price-sub {
  font-size: 0.85rem;
  color: var(--text-dim);
  font-weight: 500;
  margin-left: 0.4rem;
}

.features-list {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  margin-bottom: 2.5rem;
  flex-grow: 1;
  transform: translateZ(10px);
}

.feature-item {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  font-size: 0.95rem;
  color: var(--text-muted);
  line-height: 1.45;
}

.feature-item strong {
  color: var(--text-pure-white);
}

.feature-check {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
  font-weight: 700;
}

.bestseller .feature-check {
  background: rgba(255, 255, 255, 0.2);
  color: #ffffff;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.4);
}


.addons-section {
  margin-top: 3.5rem;
  max-width: 1040px;
  margin-inline: auto;
}

.addons-title {
  text-align: center;
  font-family: var(--font-display);
  font-size: 1.35rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  color: var(--text-pure-white);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
}

.addons-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}

.addon-card {
  background: color-mix(in srgb,var(--ui-surface-0,#0a0a0a) 75%,transparent);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  padding: 1.6rem 1.85rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  backdrop-filter: blur(14px);
}

.addon-card:hover {
  border-color: rgba(255, 255, 255, 0.35);
  background: color-mix(in srgb,var(--ui-surface-1,#121212) 90%,transparent);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.8), 0 0 25px rgba(255, 255, 255, 0.08);
}

.addon-info {
  flex: 1;
  transform: translateZ(10px);
}

.addon-name-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.4rem;
}

.addon-name {
  font-family: var(--font-display);
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--text-pure-white);
}

.addon-price {
  display: inline-block;
  font-family: var(--font-display);
  font-weight: 700;
  color: #000000;
  background: #ffffff;
  padding: 0.15rem 0.65rem;
  border-radius: var(--radius-full);
  font-size: 0.85rem;
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.4);
}

.addon-desc {
  font-size: 0.88rem;
  color: var(--text-muted);
  line-height: 1.5;
}


.timeline-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
  position: relative;
}

.timeline-card {
  background: var(--bg-card);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  padding: 2.25rem 1.65rem;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  backdrop-filter: blur(14px);
}

.timeline-card:hover {
  border-color: rgba(255, 255, 255, 0.35);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.8), 0 0 25px rgba(255, 255, 255, 0.08);
}

.step-number {
  font-family: var(--font-display);
  font-size: 2.25rem;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.08);
  line-height: 1;
  margin-bottom: 1.25rem;
  transform: translateZ(20px);
  transition: color var(--transition-fast);
}

.timeline-card:hover .step-number {
  color: rgba(255, 255, 255, 0.4);
}

.step-icon-badge {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.22);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.25rem;
  transform: translateZ(25px);
}

.step-title {
  font-family: var(--font-display);
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--text-pure-white);
  margin-bottom: 0.6rem;
  transform: translateZ(15px);
}

.step-desc {
  font-size: 0.9rem;
  color: var(--text-muted);
  line-height: 1.6;
  transform: translateZ(10px);
}


.payments-wrapper {
  max-width: 900px;
  margin-inline: auto;
  background: var(--bg-card);
  border: 1px solid var(--border-subtle);
  border-radius: 24px;
  padding: 3.25rem 2.5rem;
  backdrop-filter: blur(20px);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.75);
}

.payments-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin-bottom: 2.5rem;
}

.payment-badge-card {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  padding: 1.6rem 1.25rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}

.payment-badge-card:hover {
  border-color: rgba(255, 255, 255, 0.35);
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.6);
}

.payment-icon-wrap {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  transform: translateZ(15px);
}

.payment-icon-wrap .paypal-acceptance-logo {
  width: 44px;
  height: auto;
  max-height: 30px;
  border-radius: 3px;
  object-fit: contain;
  background: #fff;
}

.payment-name {
  font-weight: 700;
  font-size: 1rem;
  color: var(--text-pure-white);
}

.payment-note {
  font-size: 0.8rem;
  color: var(--text-muted);
}

.payment-tag-fee {
  background: rgba(166, 166, 166, 0.12);
  color: var(--amber-accent);
  border: 1px solid rgba(166, 166, 166, 0.25);
  font-size: 0.72rem;
  padding: 0.15rem 0.5rem;
  border-radius: var(--radius-full);
  font-weight: 600;
}

.trust-footer-bar {
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-top: 1px solid var(--border-subtle);
  padding-top: 1.85rem;
  flex-wrap: wrap;
  gap: 1.25rem;
}

.trust-item {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-size: 0.85rem;
  color: var(--text-muted);
  font-weight: 500;
}

.trust-item svg {
  color: #ffffff;
}


.faq-container {
  max-width: 820px;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.faq-item {
  background: var(--bg-card);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  overflow: hidden;
  backdrop-filter: blur(16px);
  transition: border-color var(--transition-fast), background-color var(--transition-fast);
}

.faq-item:hover {
  border-color: var(--border-light);
}

.faq-item.active {
  border-color: rgba(255, 255, 255, 0.4);
  background: var(--bg-card-hover);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7);
}

.faq-question {
  width: 100%;
  text-align: left;
  padding: 1.35rem 1.75rem;
  font-family: var(--font-display);
  font-size: 1.08rem;
  font-weight: 600;
  color: var(--text-pure-white);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  background: none;
  cursor: pointer;
}

.faq-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  color: #ffffff;
  transition: transform var(--transition-normal);
}

.faq-item.active .faq-icon {
  transform: rotate(180deg);
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s cubic-bezier(0, 1, 0, 1);
}

.faq-answer-inner {
  padding: 0 1.75rem 1.5rem 1.75rem;
  font-size: 0.95rem;
  color: var(--text-muted);
  line-height: 1.7;
  border-top: 1px solid rgba(255, 255, 255, 0.04);
  padding-top: 1rem;
}


.cta-banner {
  background: linear-gradient(135deg, color-mix(in srgb,var(--ui-surface-0,#101010) 95%,transparent), color-mix(in srgb,var(--ui-surface-0,#060606) 98%,transparent));
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 30px;
  padding: 4.75rem 2.5rem;
  text-align: center;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 60px rgba(255, 255, 255, 0.08);
}

.cta-banner::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle at center, rgba(255, 255, 255, 0.06) 0%, transparent 60%);
  pointer-events: none;
}

.cta-title {
  font-family: var(--font-display);
  font-size: clamp(2rem, 4vw, 3.1rem);
  font-weight: 800;
  line-height: 1.15;
  margin-bottom: 1.25rem;
  letter-spacing: -0.025em;
}

.cta-subtitle {
  font-size: 1.1rem;
  color: var(--text-muted);
  max-width: 620px;
  margin-inline: auto;
  margin-bottom: 2.5rem;
  line-height: 1.6;
}

.cta-perks {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  flex-wrap: wrap;
  margin-top: 2rem;
  font-size: 0.85rem;
  color: var(--text-dim);
}

.cta-perk {
  display: flex;
  align-items: center;
  gap: 0.45rem;
}

.cta-perk svg {
  color: #ffffff;
}


.footer {
  border-top: 1px solid var(--border-subtle);
  padding-block: 4.5rem 2.5rem;
  background: var(--ui-surface-0,#020202);
  position: relative;
  z-index: 10;
}

.footer-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1.5fr;
  gap: 3rem;
  margin-bottom: 3.5rem;
}

.footer-brand-desc {
  font-size: 0.9rem;
  color: var(--text-muted);
  line-height: 1.6;
  margin-block: 1rem 1.5rem;
  max-width: 320px;
}

.footer-heading {
  font-family: var(--font-display);
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--text-pure-white);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 1.25rem;
}

.footer-links {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.footer-link {
  font-size: 0.9rem;
  color: var(--text-muted);
  transition: color var(--transition-fast);
}

.footer-link:hover {
  color: #ffffff;
}

.footer-contact-item {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  font-size: 0.9rem;
  color: var(--text-muted);
  margin-bottom: 0.75rem;
}

.footer-contact-item svg {
  color: #ffffff;
  flex-shrink: 0;
}

.footer-social-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 1.25rem;
}

.footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.04);
  padding-top: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
  font-size: 0.82rem;
  color: var(--text-dim);
}

.footer-bottom-links {
  display: flex;
  gap: 1.5rem;
}


.fade-in-scroll {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.65s cubic-bezier(0.16, 1, 0.3, 1), transform 0.65s cubic-bezier(0.16, 1, 0.3, 1);
}

.fade-in-scroll.in-view {
  opacity: 1;
  transform: translateY(0);
}


@media (max-width: 992px) {
  .pricing-grid {
    grid-template-columns: 1fr;
    max-width: 580px;
  }

  .addons-grid {
    grid-template-columns: 1fr;
  }

  .timeline-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .metrics-bar {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem 1.5rem;
  }

  .metric-item:nth-child(2)::after {
    display: none;
  }

  .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 2.5rem;
  }
}

@media (max-width: 768px) {
  .section {
    padding-block: 4.5rem;
  }

  .nav-links, .nav-actions .btn {
    display: none;
  }

  .mobile-toggle {
    display: flex;
  }

  .mobile-menu {
    display: flex;
  }

  .timeline-grid {
    grid-template-columns: 1fr;
  }

  .payments-grid {
    grid-template-columns: 1fr;
  }

  .footer-grid {
    grid-template-columns: 1fr;
  }

  .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  .pricing-card {
    padding: 2.25rem 1.5rem;
  }
}


:root {
  --bg-pure-black: var(--ui-surface-1,#121212);
  --bg-deep: var(--ui-surface-1,#161616);
  --bg-surface: var(--ui-surface-1,#1b1b1b);
  --bg-card: var(--ui-surface-1,#181818);
  --bg-card-hover: var(--ui-surface-2,#1f1f1f);
  --bg-glass: rgba(255, 255, 255, 0.035);
  --border-subtle: rgba(255, 255, 255, 0.1);
  --border-light: rgba(255, 255, 255, 0.18);
  --white-glow: rgba(255, 255, 255, 0.12);
  --white-glow-strong: 0 8px 28px rgba(255, 255, 255, 0.12);
  --white-glow-card: 0 12px 32px rgba(0, 0, 0, 0.25);
}

html,
body {
  background-color: var(--bg-pure-black);
}

body {
  background-image: none;
  background-attachment: initial;
}

body::before {
  display: none;
}

.btn-primary,
.btn-bestseller {
  box-shadow: none;
}

.btn-primary:hover,
.btn-bestseller:hover {
  box-shadow: 0 8px 24px rgba(255, 255, 255, 0.12);
}

.hero-badge-container {
  animation: none;
  border-color: var(--border-subtle);
  box-shadow: none;
}

.pulse-dot {
  animation: none;
  box-shadow: none;
}

.feature-card,
.timeline-card,
.payment-badge-card,
.pricing-card,
.addon-card {
  backdrop-filter: none;
}

.tilt-3d {
  transform: none !important;
  transform-style: flat;
}

.feature-card:hover,
.timeline-card:hover,
.payment-badge-card:hover,
.addon-card:hover {
  transform: none;
  box-shadow: none;
}

.pricing-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  max-width: 1200px;
}

.pricing-card,
.pricing-card.bestseller {
  min-width: 0;
  padding: 1.75rem;
  border: 1px solid var(--border-subtle);
  border-radius: 18px;
  background: var(--bg-card);
  box-shadow: none;
  transition: border-color var(--transition-fast), background-color var(--transition-fast);
}

.pricing-card:hover,
.pricing-card.bestseller:hover {
  border-color: var(--border-light);
  background: var(--bg-card-hover);
  box-shadow: none;
}

.pricing-card.bestseller {
  border-color: rgba(255, 255, 255, 0.24);
}

.bestseller-badge {
  position: static;
  display: inline-flex;
  transform: none;
  margin: 0 0 1rem;
  padding: 0.3rem 0.7rem;
  background: #f2f2f2;
  box-shadow: none;
  font-size: 0.65rem;
  letter-spacing: 0.06em;
}

.pricing-header,
.price-wrap,
.features-list {
  transform: none;
}

.pricing-header {
  margin-bottom: 1.25rem;
}

.package-name {
  font-size: 1.35rem;
  line-height: 1.25;
}

.package-tagline {
  min-height: 0;
  font-size: 0.9rem;
}

.price-wrap {
  flex-wrap: wrap;
  gap: 0.25rem 0.35rem;
  margin-block: 1.1rem 1.35rem;
  padding-bottom: 1.25rem;
}

.price-original {
  color: var(--text-dim);
  font-size: 1.05rem;
  font-weight: 500;
  text-decoration-thickness: 1px;
  margin-right: 0.2rem;
}

.price-currency {
  font-size: 1.35rem;
  color: var(--text-muted);
}

.price-amount {
  font-size: 3rem;
}

.price-sub {
  margin-left: 0.15rem;
}

.features-list {
  gap: 0.7rem;
  margin-bottom: 1.5rem;
}

.utility-product-card {
  padding-top: 1.25rem !important;
}

.utility-preview {
  aspect-ratio: 1.72;
  width: 100%;
  margin-bottom: 1.1rem;
  overflow: hidden;
  border: 1px solid var(--border-subtle);
  border-radius: 12px;
  background: var(--ui-surface-1,#111111);
}

.utility-preview img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top left;
}

.utility-label {
  display: inline-flex;
  margin-bottom: 0.55rem;
  color: var(--text-muted);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.utility-order-btn {
  width: 100%;
}

.tilt-3d {
  transform-style: flat;
}

@media (max-width: 1100px) {
  .pricing-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 820px;
  }
}

@media (max-width: 700px) {
  .pricing-grid {
    grid-template-columns: 1fr;
    max-width: 580px;
  }

  .pricing-card,
  .pricing-card.bestseller {
    padding: 1.5rem;
  }

  .bestseller-badge {
    font-size: 0.58rem;
  }
}

@media (max-width: 520px) {
  .header-social {
    display: none;
  }
}

@media (max-width: 480px) {
  .metrics-bar {
    grid-template-columns: 1fr;
  }

  .metric-item::after {
    display: none !important;
  }

  .hero-actions {
    flex-direction: column;
    width: 100%;
  }

  .hero-actions .btn {
    width: 100%;
  }

  .addon-card {
    flex-direction: column;
    align-items: flex-start;
  }

  .addon-card .btn {
    width: 100%;
  }
}




.nav-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.15rem 0.5rem;
  font-size: 0.7rem;
  font-weight: 700;
  border-radius: var(--radius-full);
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: #ffffff;
  margin-left: 0.35rem;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
}


.reviews-hero-card {
  background: linear-gradient(135deg, color-mix(in srgb,var(--ui-surface-1,#191919) 90%,transparent) 0%, color-mix(in srgb,var(--ui-surface-0,#0c0c0c) 95%,transparent) 100%);
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 22px;
  padding: 1.5rem 1.85rem;
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  backdrop-filter: blur(20px);
  position: relative;
  overflow: hidden;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.75), inset 0 1px 0 rgba(255, 255, 255, 0.15);
  text-align: left;
}

.reviews-hero-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, #ffffff, transparent);
}

.reviews-score-block {
  display: flex;
  align-items: center;
  gap: 1.35rem;
}

.big-rating-number {
  font-family: var(--font-display);
  font-size: 2.85rem;
  font-weight: 800;
  line-height: 1;
  color: #ffffff;
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.6);
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), filter 0.3s ease;
}

.big-rating-number.score-pop {
  animation: scorePop 0.65s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes scorePop {
  0% { transform: scale(1); filter: brightness(1); }
  50% { transform: scale(1.12); filter: brightness(1.4); text-shadow: 0 0 45px rgba(255, 255, 255, 0.9); }
  100% { transform: scale(1); filter: brightness(1); }
}

.score-details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  gap: 0.35rem;
}

.score-stars {
  display: flex;
  gap: 0.3rem;
  color: #ffffff;
  filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.45));
}

.score-text {
  font-size: 0.95rem;
  color: var(--text-muted);
  text-align: left;
}

.score-text strong {
  color: #ffffff;
}

.score-sub-meta {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  font-size: 0.8rem;
  color: var(--text-dim);
  margin-top: 0.2rem;
}

.live-pulse-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ffffff;
  display: inline-block;
  box-shadow: 0 0 10px #ffffff;
  animation: pulseLive 2s infinite ease-in-out;
  flex-shrink: 0;
}

@keyframes pulseLive {
  0% { transform: scale(0.9); opacity: 0.6; }
  50% { transform: scale(1.35); opacity: 1; box-shadow: 0 0 16px #ffffff; }
  100% { transform: scale(0.9); opacity: 0.6; }
}

.pill-count {
  display: inline-block;
  font-size: 0.75rem;
  padding: 0.1rem 0.45rem;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.1);
  color: var(--text-muted);
  margin-left: 0.35rem;
  transition: all var(--transition-fast);
}

.filter-pill:hover .pill-count, .filter-pill.active .pill-count {
  background: var(--ui-surface-0,#000000);
  color: #ffffff;
}

.review-card.just-added {
  animation: reviewJustAdded 1.8s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes reviewJustAdded {
  0% {
    border-color: #ffffff;
    box-shadow: 0 0 50px rgba(255, 255, 255, 0.7);
    transform: translateY(-10px) scale(1.02);
  }
  100% {
    border-color: var(--border-subtle);
    box-shadow: none;
    transform: translateY(0) scale(1);
  }
}

.reviews-toast {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  background: color-mix(in srgb,var(--ui-surface-0,#0a0a0a) 95%,transparent);
  border: 1px solid rgba(255, 255, 255, 0.35);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.95), 0 0 35px rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-radius: 4px;
  padding: 1rem 1.5rem;
  color: #ffffff;
  font-size: 0.9rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  z-index: 2500;
  transform: translateY(100px);
  opacity: 0;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  pointer-events: none;
}

.reviews-toast.show {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

.toast-icon {
  width: 24px;
  height: 24px;
  border-radius: 2px;
  background: #ffffff;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 0.85rem;
  flex-shrink: 0;
}


.review-modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.88);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  z-index: 99999;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 2.5rem 1rem;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.3s ease;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.review-modal-backdrop.active,
.review-modal-backdrop.open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.review-modal-card,
.review-form-container {
  width: 100%;
  max-width: 740px;
  max-height: calc(100vh - 5rem);
  margin: auto;
  background: var(--ui-surface-0,#0d0d0d);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: var(--radius-xl);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.98), 0 0 50px rgba(108, 108, 108, 0.2);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  z-index: 100000;
  transform: scale(0.95) translateY(12px);
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.review-modal-card::before,
.review-form-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, #ffffff, #525252, transparent);
  z-index: 2;
}

.review-modal-backdrop.active .review-modal-card,
.review-modal-backdrop.open .review-modal-card,
.review-modal-backdrop.active .review-form-container,
.review-modal-backdrop.open .review-form-container {
  transform: scale(1) translateY(0);
}

.review-modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1.5rem 2rem 1.25rem 2rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.02);
  flex-shrink: 0;
}

.review-modal-body {
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 1.75rem 2rem;
}

.review-modal-body::-webkit-scrollbar {
  width: 6px;
}
.review-modal-body::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.02);
  border-radius: 3px;
}
.review-modal-body::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 3px;
}
.review-modal-body::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.4);
}

.form-close-btn,
.dash-close-btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: var(--text-muted);
  font-size: 1.35rem;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all var(--transition-fast);
  flex-shrink: 0;
}

.form-close-btn:hover,
.dash-close-btn:hover {
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.4);
  transform: scale(1.08);
}


.discord-auth-panel {
  margin-bottom: 2rem;
}

.discord-auth-box {
  background: linear-gradient(135deg, color-mix(in srgb,var(--ui-surface-1,#151515) 90%,transparent) 0%, color-mix(in srgb,var(--ui-surface-0,#0a0a0a) 95%,transparent) 100%);
  border: 1px solid rgba(108, 108, 108, 0.35);
  border-radius: var(--radius-lg);
  padding: 1.5rem 1.85rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7), 0 0 25px rgba(108, 108, 108, 0.15);
  backdrop-filter: blur(16px);
  position: relative;
  overflow: hidden;
}

.discord-auth-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, #525252, transparent);
}

.discord-unauthed {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  flex-wrap: wrap;
}

.discord-auth-info {
  display: flex;
  align-items: center;
  gap: 1.15rem;
  flex: 1;
  min-width: 280px;
}

.discord-auth-badge-icon {
  width: 50px;
  height: 50px;
  border-radius: var(--radius-md);
  background: rgba(108, 108, 108, 0.15);
  border: 1px solid rgba(108, 108, 108, 0.35);
  color: #525252;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 0 20px rgba(108, 108, 108, 0.25);
}

.discord-auth-heading {
  font-family: var(--font-display);
  font-size: 1.1rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 0.3rem;
}

.discord-auth-subtext {
  font-size: 0.84rem;
  color: var(--text-muted);
  line-height: 1.45;
}

.btn-discord {
  background: #525252;
  color: #ffffff !important;
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  font-weight: 700;
  font-size: 0.92rem;
  padding: 0.8rem 1.6rem;
  border-radius: var(--radius-full);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 25px rgba(108, 108, 108, 0.45);
  cursor: pointer;
  transition: all var(--transition-fast);
  text-decoration: none;
  white-space: nowrap;
}

.btn-discord:hover {
  background: var(--ui-surface-3,#404040);
  box-shadow: 0 0 35px rgba(108, 108, 108, 0.7);
  transform: translateY(-2px);
  color: #ffffff;
}

.btn-discord.btn-sm {
  padding: 0.5rem 1.1rem;
  font-size: 0.82rem;
}


.discord-authed {
  border-color: rgba(132, 132, 132, 0.4);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7), 0 0 25px rgba(132, 132, 132, 0.15);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  flex-wrap: wrap;
}

.discord-authed::before {
  background: linear-gradient(90deg, transparent, #bebebe, transparent);
}

.discord-user-badge {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.discord-avatar-container {
  position: relative;
  width: 46px;
  height: 46px;
  flex-shrink: 0;
}

.discord-avatar-img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.15);
}

.discord-online-badge {
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 17px;
  height: 17px;
  background: #bebebe;
  color: #ffffff;
  border-radius: 50%;
  font-size: 0.65rem;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #070707;
}

.discord-user-title-row {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin-bottom: 0.25rem;
}

.discord-display-name {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 1.05rem;
  color: #ffffff;
}

.discord-role-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.72rem;
  font-weight: 700;
  color: #bebebe;
  background: rgba(132, 132, 132, 0.15);
  border: 1px solid rgba(132, 132, 132, 0.4);
  padding: 0.22rem 0.65rem;
  border-radius: var(--radius-full);
}

.discord-role-pill.no-role {
  color: #bebebe;
  background: rgba(104, 104, 104, 0.15);
  border-color: rgba(104, 104, 104, 0.4);
}

.discord-meta-sub {
  font-size: 0.8rem;
  color: var(--text-dim);
}

.btn-discord-logout {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: var(--text-muted);
  padding: 0.45rem 1rem;
  border-radius: var(--radius-full);
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-fast);
}

.btn-discord-logout:hover {
  border-color: #ffffff;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.08);
}


.discord-denied {
  border-color: rgba(104, 104, 104, 0.4);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7), 0 0 25px rgba(104, 104, 104, 0.15);
}

.discord-denied::before {
  background: linear-gradient(90deg, transparent, #bebebe, transparent);
}

.discord-denied-header {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  margin-bottom: 0.85rem;
}

.discord-denied-message {
  font-size: 0.88rem;
  color: #d4d4d4;
  line-height: 1.5;
  margin-bottom: 1.15rem;
}

.discord-denied-action-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.btn-discord-textlink {
  background: transparent;
  border: none;
  color: var(--text-dim);
  font-size: 0.82rem;
  cursor: pointer;
  text-decoration: underline;
  padding: 0.3rem 0.5rem;
  transition: color var(--transition-fast);
}

.btn-discord-textlink:hover {
  color: #ffffff;
}


.review-form-wrapper {
  position: relative;
  transition: all 0.3s ease;
}

.review-form-wrapper.locked {
  pointer-events: none;
  user-select: none;
}

.review-form-wrapper.locked form {
  filter: blur(4px) grayscale(50%);
  opacity: 0.35;
}

.review-form-lock-message {
  display: none;
}

.review-form-wrapper.locked .review-form-lock-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset: 0;
  z-index: 10;
  text-align: center;
  gap: 0.65rem;
  color: #ffffff;
  font-size: 0.95rem;
  font-weight: 600;
  padding: 2rem;
  pointer-events: none;
}

.review-form-wrapper.locked .review-form-lock-message svg {
  color: #525252;
  filter: drop-shadow(0 0 12px rgba(108, 108, 108, 0.6));
}


.reviewer-avatar img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
}

.review-form-container.active {
  display: block;
}

@keyframes formSlideDown {
  from { opacity: 0; transform: translateY(-15px); }
  to { opacity: 1; transform: translateY(0); }
}

.form-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid var(--border-subtle);
}

.form-title {
  font-family: var(--font-display);
  font-size: 1.5rem;
  font-weight: 700;
  color: #ffffff;
}

.form-close-btn {
  width: 36px;
  height: 36px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--border-subtle);
  color: var(--text-muted);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all var(--transition-fast);
}

.form-close-btn:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
  border-color: #ffffff;
}

.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}

.form-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.form-group.full-width {
  grid-column: 1 / -1;
}

.form-label {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--text-main);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.form-input, .form-select, .form-textarea {
  background: color-mix(in srgb,var(--ui-surface-0,#080808) 80%,transparent);
  border: 1px solid var(--border-subtle);
  border-radius: 4px;
  padding: 0.85rem 1.15rem;
  font-family: inherit;
  font-size: 0.95rem;
  color: #ffffff;
  outline: none;
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.form-input:focus, .form-select:focus, .form-textarea:focus {
  border-color: #ffffff;
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.2);
}

.form-textarea {
  min-height: 120px;
  resize: vertical;
}


.star-rating-selector {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-top: 0.25rem;
}

.star-input-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.2rem;
  color: rgba(255, 255, 255, 0.25);
  transition: transform var(--transition-fast), color var(--transition-fast);
}

.star-input-btn.filled, .star-input-btn.hover {
  color: #ffffff;
  filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.6));
}

.star-input-btn:hover {
  transform: scale(1.2);
}


.upload-dropzone {
  border: 2px dashed rgba(255, 255, 255, 0.2);
  border-radius: var(--radius-md);
  padding: 2rem 1.5rem;
  text-align: center;
  background: rgba(255, 255, 255, 0.015);
  cursor: pointer;
  transition: all var(--transition-normal);
  position: relative;
}

.upload-dropzone:hover, .upload-dropzone.dragover {
  border-color: #ffffff;
  background: rgba(255, 255, 255, 0.04);
  box-shadow: 0 0 25px rgba(255, 255, 255, 0.08);
}

.upload-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline: auto;
  margin-bottom: 0.85rem;
  pointer-events: none;
}

.upload-text-main {
  font-size: 0.95rem;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 0.25rem;
  pointer-events: none;
}

.upload-text-sub {
  font-size: 0.8rem;
  color: var(--text-dim);
  pointer-events: none;
}

.hidden-file-input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}


.image-preview-container {
  display: none;
  margin-top: 1.25rem;
  padding: 1rem;
  background: color-mix(in srgb,var(--ui-surface-1,#141414) 80%,transparent);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  align-items: center;
  gap: 1rem;
}

.image-preview-container.has-image {
  display: flex;
}

.preview-thumb {
  width: 64px;
  height: 64px;
  border-radius: 4px;
  object-fit: cover;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.preview-info {
  flex: 1;
  text-align: left;
}

.preview-filename {
  font-size: 0.85rem;
  font-weight: 600;
  color: #ffffff;
  max-width: 280px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.preview-size {
  font-size: 0.75rem;
  color: var(--text-dim);
}

.btn-remove-img {
  padding: 0.4rem 0.85rem;
  border-radius: 2px;
  background: rgba(104, 104, 104, 0.15);
  border: 1px solid rgba(104, 104, 104, 0.35);
  color: #bebebe;
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-fast);
}

.btn-remove-img:hover {
  background: rgba(104, 104, 104, 0.25);
  color: #ffffff;
}


.reviews-filter-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.filter-pills {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.filter-pill {
  padding: 0.45rem 1.05rem;
  border-radius: var(--radius-full);
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: var(--text-muted);
  font-size: 0.84rem;
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-fast);
}

.filter-pill:hover, .filter-pill.active {
  background: #ffffff;
  color: #000000;
  border-color: #ffffff;
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.4);
}


.reviews-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 1.5rem;
  margin-bottom: 2.5rem;
  width: 100%;
}

.reviews-grid.is-empty,
.reviews-grid:has(.no-reviews-box) {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.review-card {
  opacity: 1 !important;
  visibility: visible !important;
  background: linear-gradient(145deg, color-mix(in srgb,var(--ui-surface-2,#1f1f1f) 95%,transparent) 0%, color-mix(in srgb,var(--ui-surface-0,#101010) 98%,transparent) 100%);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: var(--radius-lg);
  padding: 1.4rem;
  display: flex;
  flex-direction: column;
  position: relative;
  backdrop-filter: blur(16px);
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  transition: all var(--transition-normal);
  width: 100%;
}

.review-card:hover {
  border-color: rgba(255, 255, 255, 0.4);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.85), 0 0 15px rgba(255, 255, 255, 0.08);
}

.review-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.85rem;
  gap: 0.75rem;
}

.reviewer-meta {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
  flex: 1;
}

.reviewer-avatar {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--ui-surface-2,#1f1f1f), var(--ui-surface-1,#151515));
  border: 1.5px solid rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 0.85rem;
  color: #ffffff;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}

.reviewer-avatar img,
.reviewer-avatar-img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

.reviewer-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}

.reviewer-name {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 0.95rem;
  color: #ffffff;
  display: flex;
  align-items: center;
  gap: 0.45rem;
  line-height: 1.25;
  margin-bottom: 2px;
  flex-wrap: wrap;
}

.reviewer-name-text {
  font-weight: 700;
  color: #ffffff;
}

.review-role-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.68rem;
  font-weight: 700;
  padding: 0.15rem 0.5rem;
  border-radius: 9999px;
  line-height: 1.1;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  white-space: nowrap;
}

.review-role-badge .role-icon {
  font-size: 0.72rem;
  line-height: 1;
}


.review-role-badge.role-owner,
.discord-role-pill.role-owner,
.dash-customer-pill.role-owner {
  background: linear-gradient(135deg, rgba(166, 166, 166, 0.22), rgba(114, 114, 114, 0.25)) !important;
  border: 1px solid rgba(166, 166, 166, 0.6) !important;
  color: #c1c1c1 !important;
  box-shadow: 0 0 10px rgba(166, 166, 166, 0.35) !important;
  text-shadow: 0 0 6px rgba(166, 166, 166, 0.4) !important;
}


.review-role-badge.role-admin,
.discord-role-pill.role-admin,
.dash-customer-pill.role-admin {
  background: rgba(104, 104, 104, 0.18) !important;
  border: 1px solid rgba(104, 104, 104, 0.5) !important;
  color: #bebebe !important;
  box-shadow: 0 0 8px rgba(104, 104, 104, 0.25) !important;
}


.review-role-badge.role-mod,
.discord-role-pill.role-mod,
.dash-customer-pill.role-mod {
  background: rgba(123, 123, 123, 0.18) !important;
  border: 1px solid rgba(123, 123, 123, 0.5) !important;
  color: #bebebe !important;
  box-shadow: 0 0 8px rgba(123, 123, 123, 0.25) !important;
}


.review-role-badge.role-staff,
.discord-role-pill.role-staff,
.dash-customer-pill.role-staff {
  background: rgba(114, 114, 114, 0.18) !important;
  border: 1px solid rgba(114, 114, 114, 0.5) !important;
  color: #bebebe !important;
  box-shadow: 0 0 8px rgba(114, 114, 114, 0.25) !important;
}


.review-role-badge.role-customer,
.review-role-badge.role-verified,
.discord-role-pill.role-customer,
.dash-customer-pill.role-customer {
  background: rgba(190, 190, 190, 0.12) !important;
  border: 1px solid rgba(190, 190, 190, 0.4) !important;
  color: #bebebe !important;
  box-shadow: 0 0 8px rgba(190, 190, 190, 0.2) !important;
}

.verified-icon {
  color: #ffffff;
  display: inline-flex;
  flex-shrink: 0;
}

.reviewer-tagline {
  font-size: 0.76rem;
  color: var(--text-dim);
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

.tagline-dot {
  color: rgba(255, 255, 255, 0.3);
  font-size: 0.75rem;
}

.review-stars-row {
  display: flex;
  gap: 0.2rem;
  color: #ffffff;
  flex-shrink: 0;
  align-items: center;
}

.review-stars-row svg {
  width: 15px;
  height: 15px;
}

.review-badges-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.85rem;
}

.review-package-badge {
  font-size: 0.72rem;
  font-weight: 600;
  padding: 0.3rem 0.75rem;
  border-radius: var(--radius-full);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: var(--text-main);
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  backdrop-filter: blur(8px);
}

.review-package-badge svg {
  color: #ffffff;
}

.review-bench-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.72rem;
  font-weight: 700;
  color: #000000;
  background: #ffffff;
  padding: 0.3rem 0.75rem;
  border-radius: var(--radius-full);
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.25);
  width: fit-content;
}

.review-text {
  font-size: 0.9rem;
  color: #d4d4d4;
  line-height: 1.55;
  margin-bottom: 1rem;
  flex-grow: 1;
}


.review-screenshot-wrap {
  position: relative;
  border-radius: var(--radius-md);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.2);
  cursor: pointer;
  margin-top: auto;
  background: var(--ui-surface-0,#080808);
  aspect-ratio: 16 / 9;
  max-height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.review-screenshot {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-normal), filter var(--transition-normal);
}

.review-screenshot-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(2px);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  opacity: 0;
  color: #ffffff;
  font-size: 0.8rem;
  font-weight: 600;
  transition: opacity var(--transition-fast);
}

.review-screenshot-wrap:hover .review-screenshot {
  transform: scale(1.05);
}

.review-screenshot-wrap:hover .review-screenshot-overlay {
  opacity: 1;
}


.no-reviews-box {
  width: 100%;
  max-width: 580px;
  margin: 1.5rem auto 3rem auto;
  text-align: center;
  padding: 3rem 2.25rem;
  background: linear-gradient(145deg, color-mix(in srgb,var(--ui-surface-1,#1d1d1d) 80%,transparent) 0%, color-mix(in srgb,var(--ui-surface-0,#0e0e0e) 95%,transparent) 100%);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: var(--radius-lg);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  animation: legalFadeIn 0.3s ease;
}

.no-reviews-icon {
  width: 50px;
  height: 50px;
  margin-inline: auto;
  margin-bottom: 1.25rem;
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.22);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.12);
}

.no-reviews-title {
  font-family: var(--font-display);
  font-size: 1.25rem;
  color: #ffffff;
  margin-bottom: 0.35rem;
  font-weight: 700;
}

.no-reviews-desc {
  color: var(--text-muted);
  max-width: 420px;
  margin-inline: auto;
  margin-bottom: 1.35rem;
  font-size: 0.88rem;
  line-height: 1.5;
}


.lightbox-modal {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.95);
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  z-index: 2000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.lightbox-modal.open {
  opacity: 1;
  pointer-events: auto;
}

.lightbox-close-btn {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  width: 44px;
  height: 44px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all var(--transition-fast);
  z-index: 2010;
}

.lightbox-close-btn:hover {
  background: #ffffff;
  color: #000000;
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.6);
  transform: scale(1.08);
}

.lightbox-img-wrapper {
  max-width: 90vw;
  max-height: 80vh;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: scale(0.95);
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.lightbox-modal.open .lightbox-img-wrapper {
  transform: scale(1);
}

.lightbox-img {
  max-width: 100%;
  max-height: 80vh;
  object-fit: contain;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.95), 0 0 40px rgba(255, 255, 255, 0.15);
}

.lightbox-caption {
  margin-top: 1.25rem;
  font-size: 0.95rem;
  color: var(--text-main);
  text-align: center;
}


@media (max-width: 768px) {
  .reviews-hero-card {
    flex-direction: column;
    align-items: flex-start;
    padding: 2rem 1.5rem;
  }

  .reviews-score-block {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }

  .form-grid {
    grid-template-columns: 1fr;
  }

  .review-form-container {
    padding: 1.75rem 1.25rem;
  }

  .reviews-grid {
    grid-template-columns: 1fr;
  }
}


.legal-main-section {
  padding-top: 8.5rem;
  padding-bottom: 6rem;
  position: relative;
  min-height: 100vh;
}

.legal-header {
  max-width: 780px;
  margin-inline: auto;
  margin-bottom: 4rem;
}

.legal-layout-grid {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 2.5rem;
  align-items: start;
}

.legal-sidebar {
  position: sticky;
  top: 100px;
}

.legal-sidebar-card {
  background: color-mix(in srgb,var(--ui-surface-0,#0a0a0a) 85%,transparent);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  padding: 1.75rem 1.25rem;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.7);
}

.legal-nav-title {
  font-family: var(--font-display);
  font-size: 0.85rem;
  font-weight: 800;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #ffffff;
  padding-left: 0.75rem;
  margin-bottom: 1rem;
}

.legal-tab-nav {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.legal-tab-btn {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0.8rem 1rem;
  border-radius: var(--radius-sm);
  color: var(--text-muted);
  font-size: 0.95rem;
  font-weight: 600;
  transition: all var(--transition-fast);
  border: 1px solid transparent;
}

.legal-tab-btn svg {
  color: var(--text-dim);
  transition: color var(--transition-fast);
}

.legal-tab-btn:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.1);
  transform: translateX(4px);
}

.legal-tab-btn:hover svg {
  color: #ffffff;
}

.legal-tab-btn.active {
  color: #000000;
  background: #ffffff;
  border-color: #ffffff;
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.35);
  font-weight: 700;
  transform: translateX(4px);
}

.legal-tab-btn.active svg {
  color: #000000;
}

.legal-sidebar-contact {
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--border-subtle);
  padding-inline: 0.5rem;
}

.sidebar-contact-label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--text-dim);
  margin-bottom: 0.35rem;
}

.sidebar-contact-value {
  font-size: 0.85rem;
  color: var(--white-dim);
  font-weight: 600;
  word-break: break-all;
}


.legal-content-area {
  min-width: 0;
}

.legal-section-card {
  display: none;
  background: color-mix(in srgb,var(--ui-surface-0,#0c0c0c) 85%,transparent);
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-xl);
  padding: 3rem 2.75rem;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8);
  animation: legalFadeIn 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.legal-section-card.active {
  display: block;
}

@keyframes legalFadeIn {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.legal-badge-tag {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--white-primary);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0.25rem 0.75rem;
  border-radius: var(--radius-full);
  margin-bottom: 0.75rem;
}

.legal-section-title {
  font-family: var(--font-display);
  font-size: 2.2rem;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 1.5rem;
}

.legal-divider {
  width: 100%;
  height: 1px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.05));
  margin-bottom: 2.25rem;
}

.legal-body-text {
  font-size: 0.98rem;
  line-height: 1.8;
  color: var(--text-muted);
}

.legal-body-text h3 {
  font-family: var(--font-display);
  font-size: 1.25rem;
  font-weight: 700;
  color: #ffffff;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
}

.legal-body-text p {
  margin-bottom: 1.25rem;
}

.legal-body-text ul {
  list-style: disc;
  padding-left: 1.5rem;
  margin-bottom: 1.5rem;
}

.legal-body-text li {
  margin-bottom: 0.65rem;
}

.legal-inline-link {
  color: #ffffff;
  text-decoration: underline;
  text-underline-offset: 4px;
  font-weight: 600;
  transition: color var(--transition-fast);
}

.legal-inline-link:hover {
  color: var(--white-glow);
}

.contact-card-inline {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  padding: 1.25rem 1.5rem;
  margin-block: 1.25rem;
}

.contact-card-inline p {
  margin-bottom: 0.4rem;
}

.contact-card-inline p:last-child {
  margin-bottom: 0;
}

.compliance-box {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: var(--radius-md);
  padding: 1.5rem;
  margin-block: 1.5rem;
}

.anti-cheat-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-top: 1rem;
}

.ac-tag {
  font-size: 0.8rem;
  font-weight: 700;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: var(--radius-full);
  padding: 0.35rem 0.85rem;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.06);
}


.legal-modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.88);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 2.5rem 1rem;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.legal-modal-overlay.open {
  opacity: 1;
  visibility: visible;
}

.legal-modal-card {
  width: 100%;
  max-width: 820px;
  max-height: calc(100vh - 5rem);
  margin: auto;
  background: var(--ui-surface-0,#090909);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: var(--radius-xl);
  display: flex;
  flex-direction: column;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.95), 0 0 40px rgba(255, 255, 255, 0.1);
  transform: scale(0.95) translateY(15px);
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  overflow: hidden;
  z-index: 100000;
}

.legal-modal-overlay.open .legal-modal-card {
  transform: scale(1) translateY(0);
}

.legal-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 1.75rem 1rem 1.75rem;
  border-bottom: 1px solid var(--border-subtle);
  background: rgba(255, 255, 255, 0.02);
}

.legal-modal-title {
  font-family: var(--font-display);
  font-size: 1.35rem;
  font-weight: 800;
  color: #ffffff;
}

.legal-modal-close {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all var(--transition-fast);
}

.legal-modal-close:hover {
  background: #ffffff;
  color: #000000;
  transform: scale(1.08);
}

.legal-modal-tabs {
  display: flex;
  gap: 0.5rem;
  padding: 0.75rem 1.75rem;
  background: rgba(0, 0, 0, 0.5);
  border-bottom: 1px solid var(--border-subtle);
  overflow-x: auto;
}

.modal-tab-btn {
  padding: 0.5rem 1rem;
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--border-subtle);
  color: var(--text-muted);
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: all var(--transition-fast);
}

.modal-tab-btn:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.3);
}

.modal-tab-btn.active {
  background: #ffffff;
  color: #000000;
  border-color: #ffffff;
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.4);
}

.legal-modal-body {
  padding: 1.75rem;
  overflow-y: auto;
  font-size: 0.95rem;
  line-height: 1.75;
  color: var(--text-muted);
  flex: 1;
}

.modal-tab-panel {
  display: none;
}

.modal-tab-panel.active {
  display: block;
  animation: legalFadeIn 0.25s ease forwards;
}

.modal-tab-panel h3 {
  color: #ffffff;
  font-family: var(--font-display);
  font-size: 1.15rem;
  margin-top: 1.25rem;
  margin-bottom: 0.5rem;
}

.modal-tab-panel p {
  margin-bottom: 1rem;
}

.modal-tab-panel ul {
  padding-left: 1.4rem;
  margin-bottom: 1rem;
}

.legal-modal-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.75rem;
  border-top: 1px solid var(--border-subtle);
  background: rgba(255, 255, 255, 0.02);
}

@media (max-width: 900px) {
  .legal-layout-grid {
    grid-template-columns: 1fr;
  }

  .legal-sidebar {
    position: static;
  }

  .legal-tab-nav {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .legal-section-card {
    padding: 2rem 1.5rem;
  }
}


.nav-auth-container {
  display: flex;
  align-items: center;
}

.btn-discord-nav {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(108, 108, 108, 0.12);
  border: 1px solid rgba(108, 108, 108, 0.35);
  color: #ffffff;
  padding: 0.45rem 0.95rem;
  border-radius: var(--radius-full);
  font-size: 0.84rem;
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-fast);
  backdrop-filter: blur(8px);
}

.btn-discord-nav svg {
  color: #525252;
  transition: transform var(--transition-fast);
}

.btn-discord-nav:hover {
  background: #525252;
  border-color: #525252;
  color: #ffffff;
  box-shadow: 0 0 20px rgba(108, 108, 108, 0.5);
  transform: translateY(-1px);
}

.btn-discord-nav:hover svg {
  color: #ffffff;
}


.nav-user-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0.35rem 0.85rem 0.35rem 0.45rem;
  border-radius: var(--radius-full);
  cursor: pointer;
  transition: all var(--transition-fast);
  color: #ffffff;
}

.nav-user-pill:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.4);
  box-shadow: 0 0 18px rgba(255, 255, 255, 0.15);
  transform: translateY(-1px);
}

.nav-avatar-wrap {
  position: relative;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}

.nav-user-avatar {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  border: 1.5px solid rgba(255, 255, 255, 0.3);
}

.nav-status-dot {
  position: absolute;
  bottom: -1px;
  right: -1px;
  width: 9px;
  height: 9px;
  background: #bebebe;
  border: 1.5px solid #000000;
  border-radius: 50%;
}

.nav-status-dot.unverified {
  background: #bebebe;
}

.nav-user-name {
  font-size: 0.84rem;
  font-weight: 700;
  max-width: 95px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nav-dash-pill {
  font-size: 0.65rem;
  font-weight: 700;
  padding: 0.15rem 0.45rem;
  border-radius: var(--radius-full);
  background: rgba(108, 108, 108, 0.2);
  border: 1px solid rgba(108, 108, 108, 0.4);
  color: #bebebe;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}


.dashboard-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.88);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  z-index: 99999;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 2.5rem 1rem;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.3s ease;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.dashboard-backdrop.active,
.dashboard-backdrop.open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.dashboard-modal {
  background: var(--ui-surface-0,#0e0e0e);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: var(--radius-xl);
  max-width: 540px;
  width: 100%;
  max-height: calc(100vh - 5rem);
  margin: auto;
  padding: 1.75rem;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.98), 0 0 50px rgba(108, 108, 108, 0.25);
  position: relative;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: flex;
  flex-direction: column;
  z-index: 100000;
  transform: scale(0.95) translateY(12px);
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.dashboard-modal::-webkit-scrollbar {
  width: 6px;
}
.dashboard-modal::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.02);
  border-radius: 3px;
}
.dashboard-modal::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 3px;
}
.dashboard-modal::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.4);
}

.dashboard-backdrop.active .dashboard-modal,
.dashboard-backdrop.open .dashboard-modal {
  transform: scale(1) translateY(0);
}

.dashboard-modal::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, #525252, #ffffff, #525252, transparent);
}

.dash-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

.dash-badge-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: var(--text-dim);
  text-transform: uppercase;
}

.dash-badge-brand svg {
  color: #525252;
}

.dash-close-btn {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: var(--text-muted);
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all var(--transition-fast);
  line-height: 1;
}

.dash-close-btn:hover {
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff;
  border-color: #ffffff;
}


.dash-profile-card {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--radius-lg);
  padding: 1.25rem 1.4rem;
  margin-bottom: 1.25rem;
}

.dash-avatar-container {
  position: relative;
  width: 60px;
  height: 60px;
  flex-shrink: 0;
}

.dash-avatar-img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid rgba(255, 255, 255, 0.25);
  box-shadow: 0 0 20px rgba(108, 108, 108, 0.25);
}

.dash-online-badge {
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 19px;
  height: 19px;
  background: #bebebe;
  color: #ffffff;
  border: 2px solid #000000;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dash-online-badge.unverified {
  background: #bebebe;
}

.dash-profile-info {
  min-width: 0;
  flex: 1;
}

.dash-name-row {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin-bottom: 0.25rem;
  flex-wrap: wrap;
}

.dash-name {
  font-family: var(--font-display);
  font-size: 1.25rem;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.2;
}

.dash-customer-pill {
  font-size: 0.72rem;
  font-weight: 700;
  color: #bebebe;
  background: rgba(132, 132, 132, 0.15);
  border: 1px solid rgba(132, 132, 132, 0.4);
  padding: 0.2rem 0.6rem;
  border-radius: var(--radius-full);
}

.dash-customer-pill.no-role {
  color: #bebebe;
  background: rgba(104, 104, 104, 0.15);
  border-color: rgba(104, 104, 104, 0.4);
}

.dash-handle {
  font-size: 0.82rem;
  color: var(--text-muted);
}

.dash-email {
  font-size: 0.78rem;
  color: var(--text-dim);
}


.dash-stats-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.85rem;
  margin-bottom: 1.5rem;
}

.dash-stat-box {
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--radius-md);
  padding: 0.85rem 1rem;
}

.dash-stat-label {
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  color: var(--text-dim);
  text-transform: uppercase;
  margin-bottom: 0.2rem;
}

.dash-stat-value {
  font-family: var(--font-display);
  font-size: 0.95rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 0.15rem;
}

.dash-stat-sub {
  font-size: 0.74rem;
  color: var(--text-muted);
  line-height: 1.3;
}


.dash-actions-title {
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: var(--text-dim);
  text-transform: uppercase;
  margin-bottom: 0.75rem;
}

.dash-actions-grid {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  margin-bottom: 1.5rem;
}

.dash-action-card {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-md);
  padding: 0.85rem 1.15rem;
  text-decoration: none;
  transition: all var(--transition-fast);
}

.dash-action-card:hover {
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(255, 255, 255, 0.25);
  transform: translateX(4px);
}

.dash-action-icon {
  width: 36px;
  height: 36px;
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  flex-shrink: 0;
}

.dash-action-details {
  flex: 1;
  min-width: 0;
}

.dash-action-name {
  font-size: 0.9rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 0.1rem;
}

.dash-action-desc {
  font-size: 0.76rem;
  color: var(--text-muted);
}

.dash-arrow {
  color: var(--text-dim);
  transition: transform var(--transition-fast);
}

.dash-action-card:hover .dash-arrow {
  transform: translateX(3px);
  color: #ffffff;
}


.dash-modal-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.dash-logout-btn {
  background: transparent;
  border: none;
  color: #bebebe;
  font-size: 0.84rem;
  font-weight: 600;
  cursor: pointer;
  padding: 0.4rem 0.8rem;
  border-radius: var(--radius-full);
  transition: all var(--transition-fast);
}

.dash-logout-btn:hover {
  background: rgba(104, 104, 104, 0.12);
  color: #bebebe;
}


@media (max-width: 768px) {
  .dashboard-backdrop,
  .review-modal-backdrop,
  .legal-modal-overlay {
    padding: 0.75rem 0.5rem;
    align-items: flex-start;
  }

  .dashboard-modal,
  .review-modal-card,
  .legal-modal-card {
    max-height: calc(100vh - 1.5rem);
    border-radius: var(--radius-lg);
    width: 100%;
    margin: auto 0;
  }

  .dashboard-modal {
    padding: 1.25rem 1rem;
  }

  .review-modal-header {
    padding: 1.25rem 1.25rem 1rem 1.25rem;
  }

  .review-modal-body {
    padding: 1.25rem 1rem;
  }

  .legal-modal-header {
    padding: 1.25rem 1.25rem 1rem 1.25rem;
  }

  .legal-modal-tabs {
    padding: 0.5rem 1rem;
    overflow-x: auto;
    flex-wrap: nowrap;
  }

  .legal-modal-body {
    padding: 1.25rem 1rem;
  }
}


body {
  position: relative;
  isolation: isolate;
  background-color: var(--ui-surface-0,#000000);
  background-image:
    radial-gradient(ellipse at 50% 0%, rgba(255, 255, 255, 0.055), transparent 54%),
    linear-gradient(180deg, var(--ui-surface-0,#050505) 0%, var(--ui-surface-0,#000000) 45%, var(--ui-surface-0,#050505) 100%);
  background-attachment: fixed;
}

body::before,
body::after {
  content: '';
  display: block;
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}

body::before {
  inset: -20vh -12vw;
  background:
    radial-gradient(ellipse at 18% 25%, rgba(255, 255, 255, 0.075), transparent 32%),
    radial-gradient(ellipse at 82% 42%, rgba(190, 190, 190, 0.055), transparent 30%),
    radial-gradient(ellipse at 52% 88%, rgba(255, 255, 255, 0.045), transparent 34%);
  filter: blur(20px);
  opacity: 0.78;
  animation: pureAmbientDrift 28s ease-in-out infinite alternate;
}

body::after {
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px);
  background-size: 68px 68px;
  opacity: 0.38;
  mask-image: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0.5) 52%, transparent 100%);
}

@keyframes pureAmbientDrift {
  0% {
    transform: translate3d(-1.5%, -1%, 0) scale(1);
  }
  100% {
    transform: translate3d(1.5%, 1%, 0) scale(1.04);
  }
}

.sale-banner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: min(100%, 850px);
  margin: 0 auto 1.65rem;
  padding: 0.9rem 1.1rem;
  border: 1px solid rgba(191, 191, 191, 0.34);
  border-radius: 16px;
  background:
    linear-gradient(110deg, rgba(185, 185, 185, 0.12), rgba(255, 255, 255, 0.045) 46%, rgba(136, 136, 136, 0.09)),
    color-mix(in srgb,var(--ui-surface-1,#111111) 86%,transparent);
  box-shadow: 0 12px 38px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.07);
  text-align: left;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  transition: transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.sale-banner:hover {
  transform: translateY(-2px);
  border-color: rgba(199, 199, 199, 0.58);
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.28), 0 0 28px rgba(187, 187, 187, 0.08);
}

.sale-banner-mark {
  flex: 0 0 auto;
  padding: 0.4rem 0.62rem;
  border-radius: 8px;
  background: linear-gradient(135deg, #d6d6d6, #bebebe);
  color: #191919;
  font-size: 0.66rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  line-height: 1;
}

.sale-banner-copy {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 0.1rem;
  min-width: 0;
}

.sale-banner-copy strong {
  color: #fff;
  font-family: var(--font-display);
  font-size: 0.96rem;
  font-weight: 800;
  letter-spacing: 0.025em;
  line-height: 1.3;
}

.sale-banner-copy > span {
  color: var(--text-muted);
  font-size: 0.76rem;
  line-height: 1.4;
}

.sale-banner-prices {
  flex: 0 0 auto;
  color: var(--text-muted);
  font-size: 0.78rem;
}

.sale-banner-prices strong {
  color: #d6d6d6;
  font-size: 1.12rem;
}

.sale-banner-cta {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 0.45rem;
  padding-left: 0.9rem;
  border-left: 1px solid rgba(255, 255, 255, 0.12);
  color: #fff;
  font-size: 0.78rem;
  font-weight: 700;
  white-space: nowrap;
}

.sale-banner-cta span {
  color: #d6d6d6;
  font-size: 1rem;
  transition: transform var(--transition-fast);
}

.sale-banner:hover .sale-banner-cta span {
  transform: translateX(3px);
}

.sale-chip {
  display: inline-flex;
  flex: 0 0 100%;
  align-items: center;
  justify-content: center;
  order: -1;
  width: fit-content;
  margin-bottom: 0.15rem;
  padding: 0.27rem 0.62rem;
  border: 1px solid rgba(192, 192, 192, 0.26);
  border-radius: 999px;
  background: rgba(186, 186, 186, 0.1);
  color: #d6d6d6;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.2;
}

.pricing-card,
.pricing-card.bestseller {
  position: relative;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.035), transparent 56%),
    color-mix(in srgb,var(--ui-surface-1,#181818) 92%,transparent);
  transition: border-color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast);
}

.pricing-card:hover {
  border-color: rgba(255, 255, 255, 0.24);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.2), 0 0 24px rgba(158, 158, 158, 0.05);
}

.pricing-card.bestseller {
  border-color: rgba(198, 198, 198, 0.32);
  background:
    linear-gradient(145deg, rgba(189, 189, 189, 0.065), transparent 58%),
    color-mix(in srgb,var(--ui-surface-1,#181818) 94%,transparent);
}

.pricing-card.bestseller:hover {
  border-color: rgba(204, 204, 204, 0.54);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.24), 0 0 28px rgba(192, 192, 192, 0.08);
}

.pricing-card.utility-product-card {
  border-color: rgba(154, 154, 154, 0.24);
}

.pricing-card.utility-product-card:hover {
  border-color: rgba(169, 169, 169, 0.42);
}

.custom-cursor-glow,
.custom-cursor-dot {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100001;
  pointer-events: none;
  opacity: 0;
  will-change: transform, opacity;
}

.custom-cursor-glow {
  width: 48px;
  height: 48px;
  margin: -24px 0 0 -24px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0.12) 34%, rgba(255, 255, 255, 0) 74%);
  filter: blur(5px);
  transition: opacity 160ms ease, width 180ms ease, height 180ms ease, margin 180ms ease;
}

.custom-cursor-dot {
  width: 7px;
  height: 7px;
  margin: -3.5px 0 0 -3.5px;
  border: 1px solid rgba(255, 255, 255, 0.96);
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.72), 0 0 20px rgba(255, 255, 255, 0.24);
  transition: opacity 120ms ease, transform 120ms ease;
}

.sale-banner[hidden],
.sale-chip[hidden],
.price-original[hidden],
.site-admin-panel[hidden] {
  display: none !important;
}

.site-admin-panel {
  margin: 1.4rem 0 1.5rem;
  padding: 1.15rem;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: var(--radius-md);
  background: linear-gradient(145deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018));
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.28), inset 0 1px rgba(255,255,255,0.05);
}

.site-admin-heading,
.site-admin-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.site-admin-heading h3 {
  margin: 0 0 0.2rem;
  color: #fff;
  font-family: var(--font-display);
  font-size: 1.1rem;
}

.site-admin-heading p,
.site-admin-footer p {
  margin: 0;
  color: var(--text-muted);
  font-size: 0.76rem;
}

.site-admin-badge {
  padding: 0.35rem 0.65rem;
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 999px;
  color: #fff;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.site-settings-form { margin-top: 1rem; }
.site-price-fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.75rem; }
.site-price-fields label,
.site-discount-field { display: grid; gap: 0.35rem; color: #eee; font-size: 0.76rem; font-weight: 650; }
.site-price-fields .form-input,
.site-discount-field .form-input { width: 100%; }

.site-sale-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin: 0.9rem 0;
  padding: 0.8rem 0.9rem;
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: var(--radius-sm);
  background: rgba(255,255,255,0.035);
  color: #fff;
  cursor: pointer;
}

.site-sale-toggle span { display: grid; gap: 0.2rem; }
.site-sale-toggle strong { font-size: 0.82rem; }
.site-sale-toggle small { color: var(--text-muted); font-size: 0.7rem; }
.site-sale-toggle input { width: 1.1rem; height: 1.1rem; accent-color: #fff; }
.site-discount-field { grid-template-columns: auto 1fr; align-items: center; max-width: 190px; }
.site-discount-field .form-input { grid-column: 1 / -1; }
.site-admin-footer { margin-top: 1rem; padding-top: 0.9rem; border-top: 1px solid rgba(255,255,255,0.1); }
.site-admin-footer { flex-wrap: wrap; justify-content: flex-start; }
.site-admin-footer p { flex-basis: 100%; }
.site-admin-footer .btn { min-height: 42px; }
.site-admin-footer .btn:disabled { opacity: 0.65; cursor: wait; }

.custom-cursor-active,
.custom-cursor-active * {
  cursor: none !important;
}

.custom-cursor-active input,
.custom-cursor-active textarea,
.custom-cursor-active [contenteditable="true"] {
  cursor: text !important;
}

.custom-cursor-active.cursor-visible .custom-cursor-glow,
.custom-cursor-active.cursor-visible .custom-cursor-dot {
  opacity: 1;
}

.custom-cursor-active.cursor-hover .custom-cursor-glow {
  width: 64px;
  height: 64px;
  margin: -32px 0 0 -32px;
}

.custom-cursor-active.cursor-hover .custom-cursor-dot {
  transform: scale(0.72);
}

@media (max-width: 760px) {
  body {
    background-attachment: scroll;
  }

  body::before {
    inset: -8vh -18vw;
    filter: blur(28px);
    animation-duration: 38s;
  }

  body::after {
    background-size: 82px 82px;
    opacity: 0.22;
  }

  .sale-banner {
    justify-content: flex-start;
    gap: 0.7rem;
    flex-wrap: wrap;
    padding: 0.8rem;
  }

  .site-price-fields { grid-template-columns: 1fr; }
  .site-admin-footer { align-items: stretch; flex-direction: column; }

  .sale-banner-copy {
    flex-basis: calc(100% - 6.5rem);
  }

  .sale-banner-prices {
    margin-left: 0.2rem;
  }

  .sale-banner-cta {
    margin-left: auto;
  }
}

@media (max-width: 460px) {
  .sale-banner-copy strong {
    font-size: 0.82rem;
  }

  .sale-banner-copy > span {
    font-size: 0.7rem;
  }

  .sale-banner-cta {
    padding-left: 0.65rem;
    font-size: 0.72rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  body::before {
    animation: none;
  }

  .sale-banner,
  .sale-banner-cta span,
  .pricing-card,
  .custom-cursor-glow,
  .custom-cursor-dot {
    transition: none;
  }
}


:root {
  color-scheme: dark;
  --p-bg: var(--ui-surface-0,#0b0b0b);
  --p-panel: var(--ui-surface-1,#131313);
  --p-raised: var(--ui-surface-1,#1a1a1a);
  --p-line: #ffffff12;
  --p-text: #f2f2f2;
  --p-muted: #a1a1a1;
  --p-accent: #ffffff;
  --p-danger: #bebebe;
  --p-radius: 16px;
  --font-body: "DM Sans", sans-serif;
  --font-display: "Space Grotesk", sans-serif;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  color: var(--p-text);
  font-family: var(--font-body);
  background: var(--p-bg);
  line-height: 1.6;
}
button,
input,
select,
textarea {
  font: inherit;
}
button,
a,
input,
select,
textarea {
  -webkit-tap-highlight-color: transparent;
}
button,
a {
  touch-action: manipulation;
}
a {
  color: inherit;
  text-decoration: none;
}
button {
  cursor: pointer;
}
button:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible {
  outline: 2px solid var(--p-accent);
  outline-offset: 4px;
}
img {
  max-width: 100%;
}
[hidden] {
  display: none !important;
}
h1,
h2,
h3,
p {
  margin: 0;
}
h1,
h2,
h3 {
  font-family: var(--font-display);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.035em;
}
p {
  color: var(--p-muted);
}
svg.p-icon {
  width: 19px;
  height: 19px;
  flex-shrink: 0;
  stroke: currentColor;
  stroke-width: 1.6;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.p-muted {
  color: var(--p-muted);
}
.p-mono {
  font:
    12px "Space Grotesk",
    monospace;
  letter-spacing: 0.025em;
}
.p-eyebrow {
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--p-accent);
  font-weight: 700;
}
.p-skip {
  position: fixed;
  top: 10px;
  left: 10px;
  transform: translateY(-160%);
  z-index: 1000;
  background: var(--p-accent);
  color: #161616;
  padding: 12px;
}
.p-skip:focus {
  transform: none;
}
.p-btn,
.btn,
.primary-button,
.outline-button,
.view-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 42px;
  padding: 10px 18px;
  border: 1px solid var(--p-line);
  border-radius: 9px;
  background: var(--p-raised);
  color: var(--p-text);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
  transition:
    transform 0.2s,
    background 0.2s,
    border-color 0.2s;
  box-shadow: 0 1px 2px #0003;
  text-shadow: none;
  white-space: nowrap;
}
.p-btn:hover,
.btn:hover,
.primary-button:hover,
.outline-button:hover {
  transform: translateY(-2px);
  border-color: #ffffff30;
  background: var(--ui-surface-2,#252525);
  box-shadow: 0 6px 18px #0003;
}
.p-btn:active,
.btn:active {
  transform: translateY(0) scale(0.97);
}
.p-btn.primary,
.btn-primary,
.primary-button {
  background: var(--p-accent);
  color: #111111;
  border-color: transparent;
}
.p-btn.primary:hover,
.btn-primary:hover {
  background: #e5e5e5;
}
.p-btn.ghost {
  background: transparent;
  box-shadow: none;
}
.p-btn.danger {
  color: var(--p-danger);
  background: #bebebe10;
  border-color: #bebebe25;
}
.p-btn.success {
  background: #ffffff19;
  color: var(--p-accent);
}
.p-btn.icon {
  width: 42px;
  padding: 10px;
}
.p-btn.small {
  min-height: 32px;
  padding: 6px 11px;
  font-size: 11px;
}
.p-btn[aria-busy="true"]::before {
  content: "";
  width: 12px;
  height: 12px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: p-spin 0.7s linear infinite;
}
.p-btn:hover svg:last-child {
  transform: translateX(2px);
}
.p-btn svg {
  transition: transform 0.2s;
}
.p-ambient {
  position: fixed;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
  background: radial-gradient(ellipse at 70% 0, #ffffff07, transparent 60%);
}
.p-ambient:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(#ffffff02 1px, transparent 1px),
    linear-gradient(90deg, #ffffff02 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(#000, transparent);
}
.p-glow {
  position: absolute;
  left: 0;
  top: 0;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  background: radial-gradient(circle, #ffffff08, transparent 70%);
  transition: opacity 0.5s;
  will-change: transform;
}
.p-ambient:after {
  content: "";
  position: absolute;
  width: 600px;
  height: 600px;
  right: 0;
  top: 0;
  background: radial-gradient(ellipse, #ffffff05, transparent 70%);
  animation: p-drift 18s ease-in-out infinite alternate;
}
.p-shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 234px minmax(0, 1fr);
}
.p-sidebar {
  position: sticky;
  top: 0;
  height: 100dvh;
  display: flex;
  flex-direction: column;
  padding: 28px 17px 18px;
  background: var(--ui-surface-0,#0f0f0f);
  border-right: 1px solid var(--p-line);
  z-index: 30;
}
.p-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  font: 600 15px var(--font-display);
  letter-spacing: 0.06em;
  padding: 0 12px 28px;
}
.p-brand img {
  width: 32px;
  height: 32px;
  border-radius: 8px;
}
.p-workspace {
  margin: 0 5px 28px;
  padding: 11px;
  border: 1px solid var(--p-line);
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 11px;
}
.p-workspace-mark {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  background: #ffffff12;
  color: var(--p-accent);
  border-radius: 7px;
}
.p-workspace small {
  display: block;
  color: var(--p-muted);
  font-size: 10px;
}
.p-nav-label {
  font-size: 9px;
  letter-spacing: 0.17em;
  color: #7c7c7c;
  padding: 0 14px;
  margin: 14px 0 10px;
}
.p-nav {
  display: grid;
  gap: 5px;
}
.p-nav a {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 12px;
  color: var(--p-muted);
  padding: 11px 13px;
  border-radius: 8px;
  transition:
    background 0.2s,
    color 0.2s,
    transform 0.2s;
}
.p-nav a:hover {
  background: #ffffff05;
  color: var(--p-text);
  transform: translateX(2px);
}
.p-nav a[aria-current="page"] {
  background: #ffffff10;
  color: var(--p-accent);
  box-shadow: inset 2px 0 var(--p-accent);
}
.p-sidebar-foot {
  margin-top: auto;
  padding-top: 30px;
}
.p-help-card {
  padding: 15px;
  background: linear-gradient(145deg, #ffffff05, transparent);
  border: 1px solid var(--p-line);
  border-radius: 12px;
  margin: 0 5px 20px;
}
.p-help-card strong {
  font-size: 12px;
  font-weight: 500;
}
.p-help-card p {
  font-size: 10px;
  margin: 7px 0 12px;
}
.p-account {
  border-top: 1px solid var(--p-line);
  padding: 18px 8px 0;
  display: flex;
  gap: 10px;
  align-items: center;
}
.p-avatar {
  width: 33px;
  height: 33px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--p-raised);
  font-size: 12px;
  object-fit: cover;
}
.p-account strong {
  display: block;
  font-size: 11px;
  font-weight: 500;
  max-width: 125px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.p-account small {
  font-size: 10px;
  color: var(--p-muted);
}
.p-body {
  min-width: 0;
}
.p-topbar {
  position: relative;
  z-index: 20;
  height: 77px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 40px;
  border-bottom: 1px solid var(--p-line);
  background: color-mix(in srgb,var(--ui-surface-0,#0b0b0b) 80%,transparent);
  gap: 15px;
}
.p-breadcrumb {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 11px;
  color: var(--p-muted);
}
.p-breadcrumb span:last-child {
  color: var(--p-text);
}
.p-top-actions {
  display: flex;
  align-items: center;
  gap: 15px;
}
.p-top-actions > a {
  font-size: 11px;
  color: var(--p-muted);
}
.p-top-actions .p-btn {
  min-height: 34px;
  width: 34px;
}
.p-mobile-toggle {
  display: none;
}
.p-main {
  padding: 40px;
  max-width: 1560px;
  margin: 0 auto;
  animation: p-in 0.45s ease both;
}
.p-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 24px;
  margin-bottom: 30px;
}
.p-heading h1 {
  font-size: 32px;
  margin: 8px 0 10px;
}
.p-heading p {
  font-size: 12px;
}
.p-heading-actions {
  display: flex;
  gap: 10px;
}
.p-date {
  font-size: 11px;
  color: var(--p-muted);
}
.p-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 25px;
}
.p-card {
  background: var(--p-panel);
  border: 1px solid var(--p-line);
  border-radius: var(--p-radius);
  overflow: hidden;
  animation: p-in 0.45s ease both;
}
.p-card:nth-child(2) {
  animation-delay: 50ms;
}
.p-card:nth-child(3) {
  animation-delay: 90ms;
}
.p-card:nth-child(4) {
  animation-delay: 130ms;
}
.p-stat {
  padding: 22px;
  position: relative;
}
.p-stat-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--p-muted);
  font-size: 11px;
}
.p-stat-top svg {
  width: 17px;
  color: #7e7e7e;
}
.p-stat-value {
  font: 400 34px var(--font-display);
  letter-spacing: -0.05em;
  margin: 17px 0 9px;
}
.p-stat-foot {
  font-size: 10px;
  color: var(--p-muted);
  display: flex;
  align-items: center;
  gap: 6px;
}
.p-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--p-accent);
  display: inline-block;
}
.p-columns {
  display: grid;
  grid-template-columns: minmax(0, 1.8fr) minmax(280px, 1fr);
  gap: 24px;
  align-items: start;
}
.p-stack {
  display: grid;
  gap: 24px;
}
.p-card-head {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  align-items: center;
  padding: 22px 24px;
  border-bottom: 1px solid var(--p-line);
}
.p-ticket-head-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}
.p-card-head h2 {
  font-size: 15px;
  letter-spacing: -0.02em;
}
.p-card-head p {
  font-size: 10px;
  margin-top: 5px;
}
.p-card-body {
  padding: 24px;
}
.p-card-head > a {
  font-size: 10px;
  color: var(--p-muted);
}
.p-welcome {
  padding: 28px 30px;
  margin-bottom: 26px;
  position: relative;
  background: linear-gradient(115deg, var(--ui-surface-2,#232323), var(--ui-surface-1,#151515) 65%, var(--ui-surface-1,#131313));
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
}
.p-welcome h2 {
  font-size: 24px;
  margin: 8px 0 12px;
}
.p-welcome p {
  font-size: 12px;
  max-width: 450px;
  margin-bottom: 22px;
}
.p-orbit {
  width: 130px;
  height: 130px;
  flex-shrink: 0;
  border: 1px solid #ffffff22;
  border-radius: 50%;
  position: relative;
  display: grid;
  place-items: center;
}
.p-orbit:before,
.p-orbit:after {
  content: "";
  position: absolute;
  inset: 17px;
  border: 1px solid #ffffff18;
  border-radius: 50%;
  transform: rotateX(55deg) rotate(-30deg);
}
.p-orbit:after {
  inset: 35px;
  transform: none;
}
.p-orbit svg {
  width: 34px;
  height: 34px;
  color: var(--p-accent);
}
.p-orbit i {
  width: 6px;
  height: 6px;
  position: absolute;
  top: 12px;
  left: 20px;
  background: var(--p-accent);
  border-radius: 50%;
  box-shadow: 0 0 20px #ffffff55;
  animation: p-breathe 4s infinite;
}
.p-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 5px;
  padding: 4px 8px;
  font-size: 9px;
  line-height: 1.4;
  white-space: nowrap;
  background: #ffffff07;
  color: #b6b6b6;
  border: 1px solid #ffffff08;
}
.p-badge:before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: currentColor;
}
.p-badge.active,
.p-badge.completed,
.p-badge.paid,
.p-badge.open {
  color: #ffffff;
  background: #ffffff0b;
  border-color: #ffffff18;
}
.p-badge.waiting_for_customer,
.p-badge.payment_submitted,
.p-badge.verification,
.p-badge.scheduled {
  color: #cecece;
  background: #cecece0b;
  border-color: #cecece18;
}
.p-badge.waiting_for_staff,
.p-badge.processing {
  color: #c6c6c6;
  background: #c6c6c60b;
}
.p-badge.rejected,
.p-badge.expired {
  color: #bebebe;
  background: #bebebe0b;
}
.p-badge.admin {
  color: #cecece;
  background: #cecece10;
}
.p-table-wrap {
  overflow: auto;
}
.p-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  font-size: 11px;
  white-space: nowrap;
}
.p-table th {
  font-size: 9px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8e8e8e;
  font-weight: 500;
  padding: 15px 24px;
  background: #ffffff02;
}
.p-table td {
  padding: 18px 24px;
  border-top: 1px solid var(--p-line);
  color: var(--p-muted);
}
.p-table td:first-child {
  color: var(--p-text);
}
.p-table td a:hover {
  color: var(--p-accent);
}
.p-table tr:hover td {
  background: #ffffff02;
}
.p-table .p-sub {
  display: block;
  font-size: 10px;
  color: var(--p-muted);
  margin-top: 5px;
}
.p-admin-ticket-row {
  cursor: context-menu;
}
.p-ticket-actions {
  margin-left: 5px;
  min-width: 32px;
  padding-inline: 8px;
  font-size: 18px;
  line-height: 1;
}
.p-order-row-actions {
  display: flex;
  align-items: center;
  gap: 6px;
}
.p-order-row-actions > .p-btn {
  box-sizing: border-box;
  height: 34px;
  min-height: 34px;
  align-self: center;
}
.p-order-row-actions .p-order-open {
  width: 44px;
  flex: 0 0 44px;
  padding: 0;
}
.p-order-row-actions .p-order-more {
  width: 34px;
  min-width: 34px;
  flex: 0 0 34px;
  margin-left: 0;
  padding: 0;
  font-size: 18px;
  line-height: 1;
}
.p-context-menu {
  position: fixed;
  z-index: 10000;
  min-width: 205px;
  padding: 6px;
  border: 1px solid #ffffff20;
  border-radius: 12px;
  background: var(--ui-surface-1,#171717);
  box-shadow: 0 18px 48px #000b, 0 2px 8px #0008;
  animation: p-context-in 120ms ease-out both;
}
.p-context-menu button {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 9px 11px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--p-text);
  font: 500 12px var(--font-body);
  text-align: left;
  cursor: pointer;
}
.p-context-menu button span {
  color: #858585;
  font-size: 11px;
}
.p-context-menu button:hover,
.p-context-menu button:focus-visible {
  outline: 0;
  background: #ffffff12;
}
.p-context-menu button.danger {
  color: #ff8a8a;
}
.p-context-menu button.danger:hover,
.p-context-menu button.danger:focus-visible {
  background: #ff55551a;
}
.p-context-menu-rule {
  height: 1px;
  margin: 5px 3px;
  background: #ffffff18;
}
@keyframes p-context-in {
  from {
    opacity: 0;
    transform: translateY(-3px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.p-toolbar {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 18px 22px;
  border-bottom: 1px solid var(--p-line);
  flex-wrap: wrap;
}
.p-search {
  position: relative;
  flex: 1;
  min-width: 170px;
}
.p-search svg {
  position: absolute;
  left: 12px;
  top: 12px;
  color: var(--p-muted);
  width: 16px;
}
.p-search input {
  padding-left: 37px !important;
}
.p-input,
.p-form input:not([type="checkbox"]),
.p-form select,
.p-form textarea,
.p-toolbar input,
.p-toolbar select {
  width: 100%;
  background: var(--ui-surface-0,#0c0c0c);
  color: var(--p-text);
  border: 1px solid #ffffff14;
  border-radius: 8px;
  min-height: 40px;
  padding: 10px 12px;
  font-size: 11px;
}
.p-toolbar select {
  width: auto;
  max-width: 190px;
}
.p-pagination {
  padding: 16px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--p-line);
  font-size: 10px;
  color: var(--p-muted);
}
.p-pagination > div {
  display: flex;
  gap: 8px;
}
.p-empty {
  text-align: center;
  padding: 52px 25px;
}
.p-empty-icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  margin: 0 auto 18px;
  background: linear-gradient(145deg, #ffffff08, transparent);
  border: 1px solid var(--p-line);
  border-radius: 16px;
  transform: rotate(-5deg);
  color: var(--p-muted);
}
.p-empty h3 {
  font-size: 16px;
  margin-bottom: 8px;
}
.p-empty p {
  font-size: 11px;
  max-width: 320px;
  margin: 0 auto 20px;
}
.p-list-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 17px 24px;
  border-bottom: 1px solid var(--p-line);
  font-size: 11px;
}
.p-list-row:last-child {
  border: 0;
}
.p-list-row > div:nth-child(2) {
  flex: 1;
  min-width: 0;
}
.p-list-row strong {
  font-weight: 500;
}
.p-list-row p {
  font-size: 10px;
  margin-top: 3px;
}
.p-list-icon {
  width: 33px;
  height: 33px;
  border-radius: 9px;
  background: #ffffff04;
  display: grid;
  place-items: center;
  color: var(--p-accent);
}
.p-list-icon svg {
  width: 16px;
}
.p-payment-method-row .p-method-actions {
  display: flex;
  align-items: center;
  gap: 7px;
  flex: 0 0 auto;
}
.p-list-row time {
  font-size: 9px;
  color: var(--p-muted);
}
.p-detail-list {
  display: grid;
  gap: 18px;
  margin: 0;
}
.p-detail-list > div {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  font-size: 11px;
}
.p-detail-list dt {
  color: var(--p-muted);
}
.p-detail-list dd {
  margin: 0;
  text-align: right;
  overflow-wrap: anywhere;
  max-width: 65%;
}
.p-rule {
  height: 1px;
  background: var(--p-line);
  margin: 22px 0;
}
.p-alert {
  padding: 14px 17px;
  border-radius: 10px;
  background: #bebebe0c;
  border: 1px solid #bebebe20;
  color: var(--p-danger);
  font-size: 12px;
  margin-bottom: 20px;
  animation: p-in 0.25s ease;
}
.p-notice {
  padding: 15px 20px;
  background: #ffffff03;
  border-left: 2px solid var(--p-accent);
  font-size: 11px;
  color: var(--p-muted);
  margin-bottom: 24px;
}
.p-modal {
  padding: 0;
  background: var(--p-panel);
  color: var(--p-text);
  border: 1px solid #ffffff20;
  border-radius: 20px;
  width: min(660px, calc(100vw - 32px));
  max-height: 90dvh;
  box-shadow: 0 30px 150px #000a;
}
.p-modal[open] {
  animation: p-modal 0.25s ease both;
}
.p-modal::backdrop {
  background: #000a;
  backdrop-filter: blur(6px);
}
.p-modal .p-card-head {
  position: sticky;
  top: 0;
  background: var(--p-panel);
  z-index: 1;
}
.p-modal h2 {
  font-size: 19px;
}
.p-form {
  padding: 24px;
}
.p-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.p-form label {
  display: grid;
  gap: 7px;
  font-size: 11px;
  color: #c4c4c4;
}
.p-form label.wide {
  grid-column: 1/-1;
}
.p-form .p-check {
  display: flex;
  align-items: center;
  gap: 8px;
}
.p-form input[type="checkbox"] {
  accent-color: var(--p-accent);
  width: 15px;
  height: 15px;
}
.p-form fieldset {
  border: 1px solid var(--p-line);
  border-radius: 10px;
  padding: 15px;
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
  margin: 20px 0;
}
.p-form legend {
  font-size: 11px;
  padding: 0 7px;
  color: var(--p-muted);
}
.p-form-foot {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 26px;
  padding-top: 22px;
  border-top: 1px solid var(--p-line);
}
.p-form-hint {
  font-size: 10px;
  margin: 18px 0;
}
.p-price-multiplier {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 20px;
  padding: 15px;
  border: 1px solid var(--p-line);
  border-radius: 11px;
  background: var(--p-raised);
}
.p-price-multiplier strong {
  display: block;
  font-size: 12px;
}
.p-price-multiplier p {
  margin-top: 4px;
  font-size: 10px;
}
.p-price-multiplier-controls {
  display: flex;
  align-items: flex-end;
  gap: 10px;
}
.p-price-multiplier-controls label {
  min-width: 135px;
}
.p-price-multiplier-controls button {
  flex-shrink: 0;
}
.p-toast-region {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 200;
  display: grid;
  gap: 10px;
  width: min(370px, calc(100vw - 32px));
}
.p-toast {
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid #ffffff20;
  border-radius: 12px;
  background: var(--ui-surface-2,#1f1f1f);
  padding: 16px;
  font-size: 12px;
  box-shadow: 0 12px 45px #0006;
  animation: p-toast 0.3s ease;
}
.p-toast > svg {
  color: var(--p-accent);
}
.p-toast.error > svg {
  color: var(--p-danger);
}
.p-toast.warning > svg {
  color: #cecece;
}
.p-toast > span {
  flex: 1;
}
.p-toast button {
  border: 0;
  color: var(--p-muted);
  background: transparent;
  padding: 4px;
}
.p-skeleton {
  height: 14px;
  background: #ffffff07;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}
.p-skeleton:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, #ffffff07, transparent);
  animation: p-shimmer 1.7s infinite;
  transform: translateX(-100%);
}
.p-skeleton.large {
  height: 96px;
}
.p-loading {
  display: grid;
  gap: 16px;
  padding: 24px;
}
.p-notifications {
  position: relative;
}
.p-notification-panel {
  position: absolute;
  right: 0;
  top: 45px;
  width: min(440px, calc(100vw - 32px));
  z-index: 40;
  background: var(--ui-surface-1,#1a1a1a);
  border: 1px solid #ffffff20;
  border-radius: 13px;
  padding: 20px;
  box-shadow: 0 20px 60px #0008;
  animation: p-in 0.2s ease;
}
.p-notification-panel h3 {
  font-size: 14px;
  margin-bottom: 12px;
}
.p-notification-panel p {
  font-size: 11px;
}
.p-notification-panel a {
  display: block;
  margin-top: 12px;
  font-size: 11px;
  color: var(--p-accent);
}
.p-notification-count {
  position: absolute;
  right: -5px;
  top: -5px;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  display: grid;
  place-items: center;
  border-radius: 20px;
  background: #e8e8e8;
  color: #101010;
  border: 2px solid #151515;
  font: 700 9px/1 var(--p-font, sans-serif);
}
.p-notification-count[hidden] { display: none; }
.p-notification-alert {
  position: fixed;
  top: max(16px, env(safe-area-inset-top));
  left: 16px;
  right: 16px;
  z-index: 10000;
  display: grid;
  place-items: center;
  min-height: min(420px, 65dvh);
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  padding: 64px 32px 40px;
  border: 1px solid #ffffff80;
  border-radius: 24px;
  box-shadow: 0 24px 100px #000a;
  background: rgba(255, 255, 255, .96);
  color: #141414;
  text-align: center;
  backdrop-filter: blur(16px);
}
.p-notification-alert[hidden] { display: none; }
.p-notification-alert[data-event-theme] {
  background: linear-gradient(145deg, rgba(var(--ev-rgb), .82), rgba(var(--ev-rgb), .58) 55%, rgba(255, 255, 255, .68));
}
.p-notification-alert-close {
  position: absolute;
  top: max(22px, env(safe-area-inset-top));
  right: max(22px, env(safe-area-inset-right));
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border: 1px solid #14141455;
  border-radius: 50%;
  background: #ffffffa8;
  color: #141414;
  font: 400 32px/1 var(--p-font, sans-serif);
  cursor: pointer;
}
.p-notification-alert-close:hover { background: #fff; }
.p-notification-alert-close:focus-visible { outline: 3px solid #141414; outline-offset: 4px; }
.p-notification-alert-content { width: 100%; max-width: 1200px; overflow-wrap: anywhere; }
.p-notification-alert-label { display: block; font: 700 12px/1.4 var(--p-font, sans-serif); letter-spacing: .16em; text-transform: uppercase; }
.p-notification-alert-title { display: block; margin-top: 20px; font: 700 clamp(40px, 7vw, 100px)/1.08 var(--p-font, sans-serif); letter-spacing: -.05em; }
.p-notification-alert-content p { margin: 22px 0 0; font-size: 15px; line-height: 1.5; }
.p-notification-alert-open { margin-top: 24px; padding: 16px 28px; border: 1px solid #141414; border-radius: 12px; background: var(--ui-surface-1,#141414); color: #fff; font: 600 16px/1.4 var(--p-font, sans-serif); cursor: pointer; }
.p-notification-alert-open:hover { background: var(--ui-surface-3,#333333); }
.p-notification-alert-open:focus-visible { outline: 3px solid #141414; outline-offset: 4px; }
.p-notification-panel.has-unread { position: fixed; top: 80px; right: 24px; width: min(1100px, calc(100vw - 48px)); padding: 32px; }
.p-notification-panel.has-unread h3 { font-size: 28px; }
.p-notification-panel.has-unread .p-notification-list { max-height: min(620px, calc(100dvh - 240px)); }
.p-notification-panel.has-unread .p-notification-link { padding: 24px 16px; gap: 18px; }
.p-notification-panel.has-unread .p-notification-copy strong { font-size: 20px; }
.p-notification-panel.has-unread .p-notification-copy span { font-size: 15px; }
.p-notification-panel.has-unread .p-notification-copy small { font-size: 12px; }
.p-notification-panel.has-unread .p-notification-symbol { width: 44px; height: 44px; }
#notificationToggle { position: relative; }
#notificationToggle.has-unread{color:#ffbe70!important;background:#ffae551a!important;border-color:#ffae5570!important;box-shadow:0 0 19px #ff9d3c55,inset 0 0 12px #ff9d3c12!important}
#notificationToggle.has-unread::before{content:'';position:absolute;inset:-3px;border:1px solid #ffae5580;border-radius:inherit;pointer-events:none;animation:p-notification-pulse 2.6s ease-out infinite}
#notificationToggle.has-unread svg{filter:drop-shadow(0 0 5px #ffad5580)}
#notificationToggle.has-unread .p-notification-count{background:#ffb45e;color:#281407;border-color:#23170c;box-shadow:0 0 12px #ffa34f66}
@keyframes p-notification-pulse{0%,100%{opacity:.25;transform:scale(1)}45%{opacity:.85;transform:scale(1.14)}}
@media(prefers-reduced-motion:reduce){#notificationToggle.has-unread::before{animation:none;opacity:.65}}
.p-notification-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.p-notification-head h3 { margin: 0 0 5px; }
.p-notification-head p { margin: 0; }
.p-notification-head .p-btn { flex-shrink: 0; }
.p-top-actions .p-notification-head .p-btn { width: auto; min-height: 30px; }
.p-notification-list { max-height: min(480px, calc(100dvh - 210px)); overflow-y: auto; overscroll-behavior: contain; }
.p-notification-item { display: flex; align-items: center; gap: 8px; border-top: 1px solid #ffffff0c; border-radius: 8px; }
.p-notification-item.is-unread { background: #ffae550b; border-left: 2px solid #ffae5580; }
.p-notification-panel .p-notification-link { display: flex; gap: 12px; padding: 14px 9px; margin: 0; min-width: 0; flex: 1; color: var(--p-text); border-radius: 8px; }
.p-notification-link:hover { background: #ffffff08; }
.p-notification-symbol { flex-shrink: 0; display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid #ffffff12; border-radius: 9px; }
.p-notification-symbol svg { width: 15px; height: 15px; }
.p-notification-copy { min-width: 0; display: grid; gap: 5px; overflow-wrap: anywhere; }
.p-notification-copy strong { font-size: 12px; line-height: 1.4; font-weight: 600; }
.is-unread .p-notification-copy strong::before { content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #ffb45e; box-shadow: 0 0 8px #ffa34f80; margin-right: 6px; vertical-align: 2px; }
.p-notification-copy span { font-size: 11px; color: var(--p-muted); line-height: 1.5; }
.p-notification-copy small { font-size: 10px; color: var(--p-muted); }
.p-notification-read { display: grid; place-items: center; flex-shrink: 0; width: 30px; height: 30px; border: 1px solid #ffffff16; border-radius: 8px; color: var(--p-text); background: transparent; margin-right: 6px; cursor: pointer; }
.p-notification-read svg { width: 14px; height: 14px; }
.p-notification-read:hover { background: #ffffff0c; }
.p-notification-empty { color: var(--p-muted); font-size: 12px; line-height: 1.7; padding: 18px 0; }
.p-notification-foot { padding-top: 12px; margin: 0; }
.p-notification-error { margin-bottom: 12px; color: var(--p-muted); }
.p-notification-error button { color: inherit; background: none; border: 0; text-decoration: underline; cursor: pointer; }
@media (max-width: 520px) {
  .p-notification-panel { position: fixed; top: 72px; right: 16px; padding: 16px; }
  .p-notification-panel.has-unread { top: 72px; right: 12px; width: calc(100vw - 24px); padding: 16px; }
  .p-notification-panel.has-unread h3 { font-size: 22px; }
  .p-notification-panel.has-unread .p-notification-copy strong { font-size: 17px; }
  .p-notification-panel.has-unread .p-notification-link { padding: 18px 8px; gap: 10px; }
  .p-notification-alert { left: 12px; right: 12px; padding: 76px 20px 28px; border-radius: 18px; }
  .p-notification-head .p-btn { padding-inline: 8px; font-size: 10px; }
}
.p-ticket-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 22px;
}
.p-conversation {
  display: flex;
  flex-direction: column;
  min-height: 560px;
}
.p-messages {
  height: 440px;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 26px;
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.p-message {
  max-width: 85%;
  align-self: flex-start;
  animation: p-in 0.25s ease;
}
.p-message.customer {
  align-self: flex-end;
}
.p-message-header {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 9px;
  margin-bottom: 7px;
  color: var(--p-muted);
}
.p-message-header strong {
  color: #cccccc;
  font-weight: 500;
}
.p-message.customer .p-message-header {
  justify-content: flex-end;
}
.p-message time {
  font-size: 9px;
}
.p-message-bubble {
  padding: 13px 16px;
  border-radius: 3px 14px 14px 14px;
  background: #ffffff05;
  border: 1px solid var(--p-line);
  font-size: 12px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.p-message.customer .p-message-bubble {
  background: #ffffff09;
  border-color: #ffffff1a;
  border-radius: 14px 3px 14px 14px;
}
.p-message.system {
  align-self: center;
  max-width: 100%;
  text-align: center;
}
.p-message.system .p-message-bubble {
  background: none;
  border: 0;
  color: var(--p-muted);
  font-size: 10px;
}
.p-message.system .p-message-header {
  justify-content: center;
}
.p-attachment {
  display: inline-flex;
  gap: 6px;
  padding: 8px 10px;
  border: 1px solid var(--p-line);
  border-radius: 6px;
  margin-top: 8px;
  font-size: 10px;
}
.p-composer {
  padding: 18px;
  border-top: 1px solid var(--p-line);
}
.p-composer textarea {
  resize: vertical;
  min-height: 80px;
  max-height: 180px;
}
.p-composer-foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
}
.p-composer-foot p {
  font-size: 9px;
}
.p-tab-bar {
  display: flex;
  gap: 22px;
  border-bottom: 1px solid var(--p-line);
  margin: 0 0 26px;
}
.p-tab-bar a {
  font-size: 12px;
  padding: 12px 0;
  border-bottom: 2px solid transparent;
  transition: color 0.2s;
}
.p-tab-bar a[aria-current="page"] {
  color: var(--p-accent);
  border-color: var(--p-accent);
}
.p-admin {
  --p-accent: #ffffff;
}
.p-admin .p-sidebar {
  background: var(--ui-surface-0,#0e0e0e);
}
.p-admin .p-welcome {
  background: linear-gradient(110deg, var(--ui-surface-2,#242424), var(--ui-surface-1,#141414) 70%);
}
.p-admin .p-nav a[aria-current="page"] {
  background: #ffffff0b;
}
.p-admin .p-workspace-mark {
  background: #ffffff10;
}
.p-promo-value { color: #f2c94c; }
.p-error-page {
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  background: var(--p-bg);
}
.p-error-header {
  padding: 30px 6vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.p-error-header .p-brand {
  padding: 0;
}
.p-error-main {
  flex: 1;
  display: grid;
  place-content: center;
  text-align: center;
  padding: 50px 24px;
  position: relative;
  overflow: hidden;
}
.p-error-code {
  font: 500 clamp(110px, 24vw, 230px)/1 var(--font-display);
  letter-spacing: -0.08em;
  color: transparent;
  -webkit-text-stroke: 1px #ffffff28;
  position: relative;
  animation: p-float 8s ease-in-out infinite;
}
.p-error-code:after {
  content: "";
  height: 1px;
  width: 300px;
  max-width: 80%;
  background: linear-gradient(90deg, transparent, var(--p-accent), transparent);
  position: absolute;
  left: 50%;
  top: 55%;
  transform: translateX(-50%);
  box-shadow: 0 0 50px #ffffff3a;
}
.p-error-main h1 {
  font-size: clamp(26px, 4vw, 40px);
  margin: 26px 0 15px;
}
.p-error-main p {
  font-size: 13px;
  max-width: 440px;
  margin: 0 auto 28px;
}
.p-error-actions {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}
.p-error-ref {
  font-size: 10px !important;
  letter-spacing: 0.12em;
  margin-top: 32px !important;
}
.p-error-footer {
  border-top: 1px solid var(--p-line);
  padding: 22px;
  text-align: center;
  font-size: 10px;
  color: var(--p-muted);
}

body:has(.navbar) {
  background: var(--ui-surface-0,#0b0b0b);
  background-image: none;
}
.navbar {
  background: color-mix(in srgb,var(--ui-surface-0,#0b0b0b) 92.2%,transparent) !important;
  box-shadow: none !important;
  border-bottom: 1px solid var(--p-line) !important;
}
.brand-logo {
  font-size: 16px !important;
  letter-spacing: 0.055em;
}
.brand-logo span {
  text-shadow: none !important;
}
.brand-icon {
  box-shadow: none !important;
}
.nav-link {
  font-size: 11px !important;
}
.nav-links {
  gap: 22px !important;
}
.hero {
  padding: 165px 0 65px !important;
  min-height: auto !important;
  overflow: hidden;
}
.hero:before,
.hero:after {
  opacity: 0.18 !important;
}
.hero-content {
  display: grid !important;
  grid-template-columns: 1.1fr 0.9fr !important;
  text-align: left !important;
  column-gap: 40px;
  align-items: start;
}
.hero-content > :not(.performance-art):not(.metrics-bar) {
  grid-column: 1;
}
.hero-badge-container {
  justify-self: start;
  justify-content: start !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 0 25px !important;
  box-shadow: none !important;
}
.hero-badge-text {
  font-size: 10px !important;
  letter-spacing: 0.17em;
  color: var(--p-accent) !important;
  text-transform: uppercase;
}
.pulse-dot {
  background: var(--p-accent) !important;
  box-shadow: none !important;
  animation: p-breathe 4s infinite !important;
}
.hero-title {
  font-size: clamp(45px, 4.6vw, 70px) !important;
  line-height: 1.06 !important;
  letter-spacing: -0.06em !important;
  font-weight: 500 !important;
  margin: 0 0 25px !important;
  max-width: 640px;
  text-shadow: none !important;
}
.hero-title .gradient-text {
  background: none !important;
  -webkit-text-fill-color: #a3a3a3 !important;
  color: #a3a3a3 !important;
}
.hero-desc {
  font-size: 14px !important;
  line-height: 1.85 !important;
  margin: 0 0 30px !important;
  max-width: 470px !important;
  color: #a1a1a1 !important;
}
.hero-actions {
  justify-content: flex-start !important;
  margin: 0 0 32px !important;
  gap: 12px !important;
}
.hero-actions .btn {
  padding: 14px 21px !important;
  font-size: 12px !important;
}
.tuner-badge {
  justify-self: start;
  margin: 0 !important;
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}
.tuner-avatar-wrap {
  box-shadow: none !important;
}
.tuner-sub {
  font-size: 10px !important;
}
.tuner-name {
  font-size: 11px !important;
}
.performance-art {
  grid-column: 2;
  grid-row: 1/7;
  align-self: center;
  position: relative;
  aspect-ratio: 1;
  max-width: 470px;
  width: 100%;
  margin-top: -20px;
}
.performance-art svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}
.performance-art .orbit-outer {
  transform-origin: 250px 250px;
  animation: p-spin 80s linear infinite;
}
.art-label {
  position: absolute;
  font: 9px var(--font-display);
  letter-spacing: 0.13em;
  color: #979797;
}
.art-label.top {
  top: 6%;
  left: 22%;
}
.art-label.bottom {
  bottom: 6%;
  right: 8%;
}
.art-chip {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 12px;
  background: color-mix(in srgb,var(--ui-surface-1,#171717) 91%,transparent);
  border: 1px solid #ffffff14;
  border-radius: 10px;
  padding: 13px 17px;
  box-shadow: 0 12px 40px #0004;
  animation: p-float 7s ease-in-out infinite;
}
.art-chip span {
  display: block;
  font-size: 8px;
  letter-spacing: 0.11em;
  color: #a0a0a0;
  text-transform: uppercase;
}
.art-chip strong {
  font: 500 12px var(--font-display);
}
.art-chip.one {
  top: 25%;
  right: -4%;
}
.art-chip.two {
  bottom: 21%;
  left: 0;
  animation-delay: -3s;
}
.art-chip i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--p-accent);
  box-shadow: 0 0 12px #ffffff30;
}
.metrics-bar {
  grid-column: 1/-1;
  margin: 65px 0 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  width: 100% !important;
  border: 0 !important;
  border-top: 1px solid var(--p-line) !important;
  border-bottom: 1px solid var(--p-line) !important;
  border-radius: 0 !important;
  background: none !important;
  padding: 26px 0 !important;
  box-shadow: none !important;
  transform: none !important;
}
.metric-review {
  display: block;
  color: inherit;
  text-decoration: none;
}
.metric-review:hover .metric-label {
  text-decoration: underline;
}
.metric-review:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 4px;
}
.metric-review-stars {
  position: relative;
  display: block;
  width: max-content;
  margin: 4px auto 0;
  color: #64686e;
  font-size: 17px;
  letter-spacing: 2px;
  line-height: 1;
  white-space: nowrap;
}
.metric-review-stars[hidden] {
  display: none;
}
.metric-review-stars-fill {
  position: absolute;
  inset: 0 auto 0 0;
  overflow: hidden;
  color: #fff;
  white-space: nowrap;
}
.metric-value {
  font-size: 26px !important;
  font-weight: 400 !important;
  text-shadow: none !important;
}
.metric-label {
  font-size: 9px !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase;
}
.section {
  padding: 85px 0 !important;
}
.section-header {
  text-align: left !important;
  margin-bottom: 38px !important;
  max-width: 660px !important;
  margin-left: 0 !important;
}
.section-badge {
  border: 0 !important;
  background: none !important;
  padding: 0 !important;
  color: var(--p-accent) !important;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 9px !important;
  box-shadow: none !important;
}
.section-title {
  font-size: clamp(28px, 3.2vw, 42px) !important;
  letter-spacing: -0.045em !important;
  font-weight: 500 !important;
  text-shadow: none !important;
  margin: 13px 0 !important;
}
.section-subtitle {
  font-size: 13px !important;
  margin: 0 !important;
  color: var(--p-muted) !important;
}
.feature-card,
.pricing-card,
.addon-card,
.process-card,
.payment-card,
.faq-item,
.review-card {
  background: var(--ui-surface-1,#131313) !important;
  box-shadow: none !important;
  border: 1px solid var(--p-line) !important;
  border-radius: 14px !important;
  transform: none !important;
}
.feature-card:hover,
.pricing-card:hover,
.addon-card:hover {
  border-color: #ffffff25 !important;
  transform: translateY(-4px) !important;
}
.feature-card:before,
.pricing-card:before,
.glare-3d {
  display: none !important;
}
.pricing-card.bestseller {
  border-color: #ffffff40 !important;
  background: linear-gradient(160deg, var(--ui-surface-2,#202020), var(--ui-surface-1,#131313) 35%) !important;
}
.bestseller-badge {
  background: var(--p-accent) !important;
  color: #222222 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
.price-value {
  text-shadow: none !important;
  font-weight: 500 !important;
}
.feature-icon,
.process-icon,
.payment-icon {
  box-shadow: none !important;
  background: #ffffff08 !important;
  color: var(--p-accent) !important;
  border-color: #ffffff14 !important;
}
.faq-question {
  font-size: 13px !important;
}
.faq-answer {
  font-size: 12px !important;
}
.cta-box {
  background: linear-gradient(115deg, var(--ui-surface-2,#262626), var(--ui-surface-1,#131313)) !important;
  box-shadow: none !important;
  border: 1px solid var(--p-line) !important;
}
.sale-banner {
  box-shadow: none !important;
  background: var(--ui-surface-2,#212121) !important;
}
.dashboard-backdrop {
  display: none !important;
}
.p-reveal {
  animation: p-in 0.65s ease both;
}
.p-tooltip {
  position: relative;
}
.p-tooltip:after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translate(-50%, 4px);
  background: var(--ui-surface-2,#2a2a2a);
  color: #e7e7e7;
  border: 1px solid #ffffff15;
  border-radius: 5px;
  padding: 5px 8px;
  font-size: 10px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition:
    transform 0.2s,
    opacity 0.2s;
}
.p-tooltip:hover:after,
.p-tooltip:focus-visible:after {
  opacity: 1;
  transform: translate(-50%, 0);
}
@keyframes p-in {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes p-modal {
  from {
    opacity: 0;
    transform: translateY(12px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes p-toast {
  from {
    opacity: 0;
    transform: translateX(25px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes p-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes p-shimmer {
  to {
    transform: translateX(100%);
  }
}
@keyframes p-float {
  50% {
    transform: translateY(-9px);
  }
}
@keyframes p-breathe {
  50% {
    opacity: 0.45;
  }
}
@keyframes p-drift {
  to {
    transform: translate(-120px, 100px);
  }
}
@media (min-width: 1600px) {
  .p-main {
    padding: 50px 60px;
  }
  .p-topbar {
    padding: 0 60px;
  }
}
@media (max-width: 1150px) {
  .p-shell {
    grid-template-columns: 206px minmax(0, 1fr);
  }
  .p-main {
    padding: 30px 24px;
  }
  .p-topbar {
    padding: 0 24px;
  }
  .p-stats {
    gap: 12px;
  }
  .p-stat {
    padding: 18px;
  }
  .p-columns {
    grid-template-columns: 1fr;
  }
  .p-ticket-layout {
    grid-template-columns: minmax(0, 1fr) 240px;
  }
  .nav-links {
    gap: 13px !important;
  }
  .hero-title {
    font-size: 52px !important;
  }
  .art-chip.one {
    right: 0;
  }
  .p-heading h1 {
    font-size: 28px;
  }
}
@media (max-width: 800px) {
  .p-shell {
    display: block;
  }
  .p-sidebar {
    position: fixed;
    left: 0;
    top: 0;
    width: 250px;
    transform: translateX(-100%);
    transition: transform 0.25s ease;
  }
  .p-sidebar.open {
    transform: none;
    box-shadow: 30px 0 100px #0008;
  }
  .p-sidebar-scrim {
    position: fixed;
    inset: 0;
    background: #0008;
    z-index: 29;
  }
  .p-mobile-toggle {
    display: inline-flex;
  }
  .p-topbar {
    height: 65px;
    padding: 0 20px;
  }
  .p-main {
    padding: 28px 20px;
  }
  .p-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .p-heading {
    align-items: flex-start;
  }
  .p-heading-actions .p-date {
    display: none;
  }
  .p-heading h1 {
    font-size: 28px;
  }
  .p-ticket-layout {
    grid-template-columns: 1fr;
  }
  .p-ticket-meta {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
  }
  .p-top-actions > a {
    display: none;
  }
  .p-welcome {
    padding: 25px;
  }
  .p-welcome h2 {
    font-size: 22px;
  }
  .hero {
    padding-top: 130px !important;
  }
  .hero-content {
    column-gap: 15px;
  }
  .hero-title {
    font-size: 42px !important;
  }
  .art-chip {
    padding: 9px 11px;
  }
  .art-chip strong {
    font-size: 10px;
  }
  .hero-desc {
    font-size: 12px !important;
  }
  .hero-actions .btn {
    padding: 12px 15px !important;
    font-size: 10px !important;
  }
  .art-label {
    font-size: 7px;
  }
}
@media (max-width: 580px) {
  .p-payment-method-row {
    display: grid;
    grid-template-columns: 33px minmax(0, 1fr) auto;
    gap: 10px;
    padding: 15px 16px;
  }
  .p-payment-method-row .p-method-actions {
    grid-column: 2 / -1;
    justify-content: flex-end;
  }
  .p-main {
    padding: 25px 16px;
  }
  .p-topbar {
    padding: 0 16px;
  }
  .p-heading {
    display: block;
    margin-bottom: 24px;
  }
  .p-heading-actions {
    margin-top: 18px;
  }
  .p-stats {
    gap: 10px;
  }
  .p-stat {
    padding: 17px;
  }
  .p-stat-value {
    font-size: 30px;
  }
  .p-stat-top {
    font-size: 10px;
  }
  .p-stat-foot {
    font-size: 9px;
  }
  .p-welcome {
    padding: 23px;
  }
  .p-welcome h2 {
    font-size: 22px;
  }
  .p-welcome p {
    font-size: 11px;
  }
  .p-orbit {
    display: none;
  }
  .p-card-head {
    padding: 20px;
  }
  .p-card-body {
    padding: 20px;
  }
  .p-columns {
    gap: 18px;
  }
  .p-stack {
    gap: 18px;
  }
  .p-table th,
  .p-table td {
    padding: 15px;
  }
  .p-toolbar {
    padding: 16px;
    gap: 8px;
  }
  .p-search {
    flex-basis: 100%;
  }
  .p-toolbar select {
    flex: 1;
    max-width: none;
    min-width: 0;
  }
  .p-fields {
    grid-template-columns: 1fr;
  }
  .p-form {
    padding: 20px;
  }
  .p-price-multiplier {
    align-items: stretch;
    flex-direction: column;
    gap: 12px;
  }
  .p-price-multiplier-controls {
    align-items: flex-end;
  }
  .p-price-multiplier-controls label {
    flex: 1;
  }
  .p-ticket-meta {
    grid-template-columns: 1fr;
  }
  .p-messages {
    padding: 18px;
    height: 400px;
  }
  .p-message {
    max-width: 95%;
  }
  .p-composer-foot p {
    max-width: 160px;
  }
  .p-toast-region {
    right: 16px;
    bottom: 16px;
  }
  .hero {
    padding: 125px 0 35px !important;
  }
  .hero-content {
    display: flex !important;
    flex-direction: column;
    text-align: left !important;
  }
  .hero-title {
    font-size: 49px !important;
  }
  .hero-desc {
    font-size: 13px !important;
  }
  .hero-actions {
    flex-wrap: wrap;
    gap: 10px !important;
  }
  .hero-actions .btn {
    font-size: 12px !important;
  }
  .performance-art {
    max-width: 340px;
    margin: 10px auto 0;
  }
  .art-chip {
    padding: 12px 16px;
  }
  .art-chip strong {
    font-size: 12px;
  }
  .metrics-bar {
    margin-top: 25px !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 28px !important;
  }
  .metric-item {
    border: 0 !important;
  }
  .section {
    padding: 55px 0 !important;
  }
  .section-title {
    font-size: 31px !important;
  }
  .section-header {
    margin-bottom: 26px !important;
  }
  .hero-badge-text {
    font-size: 8px !important;
  }
  .p-error-header {
    padding: 24px;
  }
  .p-error-header .p-brand {
    font-size: 12px;
  }
}

.hero-content {
  max-width: 1200px !important;
  width: calc(100% - 80px) !important;
  grid-template-columns: 1.2fr 0.9fr !important;
  column-gap: 40px;
}
.hero {
  padding-top: 128px !important;
}
.hero-badge-container {
  grid-row: 2;
}
.hero-title {
  grid-row: 3;
  font-size: clamp(44px, 4.8vw, 66px) !important;
}
.hero-desc {
  grid-row: 4;
}
.hero-actions {
  grid-row: 5;
}
.tuner-badge {
  grid-row: 6;
}
.performance-art {
  grid-row: 2/7 !important;
  grid-column: 2 !important;
}
.metrics-bar {
  grid-row: 7;
}
.hero-content > .sale-banner {
  grid-row: 1;
  grid-column: 1/-1 !important;
  margin: 0 0 40px !important;
  display: flex;
  align-items: center;
  gap: 18px;
  min-height: 52px;
  padding: 12px 20px !important;
  border-radius: 9px !important;
  width: 100%;
  border: 1px solid #ffffff1c !important;
  background: #ffffff07 !important;
}
.sale-banner-copy {
  flex: 1;
  flex-basis: auto !important;
  display: block !important;
}
.sale-banner-copy strong {
  font: 600 11px var(--font-body) !important;
  letter-spacing: 0.06em;
}
.sale-banner-copy > span {
  display: none !important;
}
.sale-banner-mark {
  font-size: 9px !important;
  background: #ffffff17 !important;
  color: var(--p-accent) !important;
  padding: 4px 8px !important;
}
.sale-banner-prices {
  font-size: 11px !important;
  white-space: nowrap;
}
.sale-banner-prices strong {
  font-size: 14px !important;
  color: var(--p-accent) !important;
}
.sale-banner-cta {
  font-size: 10px !important;
  white-space: nowrap;
}
.nav-links > a[href="#addons"],
.nav-links > a[href="#payments"] {
  display: none;
}
.nav-actions > .twitter-link,
.nav-actions > .tiktok-link,
.nav-actions > .youtube-link {
  display: none !important;
}
.navbar .nav-actions {
  gap: 10px !important;
}
.navbar .btn-primary {
  background: var(--p-accent) !important;
  color: #111111 !important;
  box-shadow: none !important;
  border-color: transparent !important;
}
.navbar .btn {
  min-height: 38px;
  padding: 9px 14px !important;
}
.nav-cart-button {
  box-shadow: none !important;
}
.hero-actions .btn-primary {
  background: var(--p-accent) !important;
  color: #111111 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
body:has(.navbar)::before,
body:has(.navbar)::after {
  display: none !important;
}
.custom-cursor-glow,
.custom-cursor-dot {
  display: none !important;
}
.custom-cursor-active,
.custom-cursor-active * {
  cursor: auto !important;
}
.custom-cursor-active a,
.custom-cursor-active button {
  cursor: pointer !important;
}
.metric-value {
  font-size: 23px !important;
}
.p-sidebar {
  overflow-y: auto;
}
.p-top-actions > a {
  display: flex;
  align-items: center;
  gap: 6px;
}
.p-ops-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 22px 26px;
  margin-bottom: 24px;
  border: 1px solid #ffffff22;
  border-left: 3px solid var(--p-accent);
  border-radius: 10px;
  background: #ffffff05;
}
.p-ops-strip h2 {
  font-size: 17px;
  margin-bottom: 7px;
}
.p-ops-strip p {
  font-size: 11px;
}
.p-admin .p-welcome {
  display: none;
}
.p-admin .p-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.p-admin .p-card {
  border-radius: 11px;
}
.p-admin .p-stat {
  border-top: 2px solid #ffffff22;
}
.p-error-page[data-http-status="403"],
.p-error-page[data-http-status="429"] {
  --p-accent: #ffffff;
}
.p-error-page[data-http-status="500"],
.p-error-page[data-http-status="502"] {
  --p-accent: #bebebe;
}
.p-error-page[data-http-status="503"] {
  --p-accent: #c6c6c6;
}
.step-panel,
.order-summary {
  background: var(--p-panel) !important;
  border-color: var(--p-line) !important;
  border-radius: 16px !important;
  animation: p-in 0.35s ease;
}
.button {
  transition:
    transform 0.2s,
    background 0.2s !important;
  min-height: 42px;
  border-radius: 9px !important;
}
.button:active {
  transform: scale(0.97);
}
.button.primary {
  background: var(--p-accent) !important;
  color: #111111 !important;
}
.checkout-intro h1 {
  font-size: 40px !important;
  letter-spacing: -0.045em !important;
  font-weight: 500 !important;
}
.checkout-intro .eyebrow {
  color: var(--p-accent) !important;
}
@media (max-width: 800px) {
  .hero-content {
    width: calc(100% - 44px) !important;
    column-gap: 15px;
  }
  .hero-title {
    font-size: 43px !important;
  }
  .metric-value {
    font-size: 20px !important;
  }
  .p-admin .p-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .p-top-actions > a {
    display: none;
  }
  .p-ops-strip {
    align-items: flex-start;
    flex-direction: column;
    gap: 15px;
  }
}
@media (max-width: 580px) {
  .hero-content {
    width: calc(100% - 40px) !important;
  }
  .hero-title {
    font-size: 47px !important;
  }
  .hero-content > .sale-banner {
    order: -1;
    margin-bottom: 25px !important;
    gap: 9px;
    flex-wrap: wrap;
    padding: 12px !important;
  }
  .sale-banner-copy strong {
    font-size: 9px !important;
  }
  .sale-banner-cta {
    display: none;
  }
  .sale-banner-prices {
    font-size: 10px !important;
  }
  .sale-banner-prices strong {
    font-size: 12px !important;
  }
  .hero-badge-container {
    margin-bottom: 20px !important;
  }
  .metric-value {
    font-size: 19px !important;
  }
  .hero .metrics-bar {
    padding: 25px 0 !important;
  }
  .checkout-intro h1 {
    font-size: 30px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  *,
  *:before,
  *:after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
  .fade-in-scroll {
    opacity: 1 !important;
    transform: none !important;
  }
  .p-glow {
    display: none;
  }
  .p-error-code,
  .performance-art * {
    transform: none;
  }
  .p-skeleton:after {
    display: none;
  }
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation: none !important;
  }
}

@media (max-width: 1000px) {
  .navbar .nav-container { gap: 12px; }
  .navbar .nav-actions { margin-left: auto; gap: 10px !important; }
  .navbar .nav-auth-container, .navbar .header-social, .navbar .nav-actions > .btn { display: none !important; }
}
@media (max-width: 580px) {
  .hero-content { padding-inline: 0 !important; }
  .hero-title { font-size: 43px !important; }
}


.payment-badge-card--paypal {
  border-color: rgba(0, 156, 222, 0.38);
  background: linear-gradient(145deg, rgba(0, 48, 135, 0.18), var(--ui-surface-1,#131313) 58%);
}
.payment-badge-card--paypal:hover {
  border-color: #009cde;
  background: linear-gradient(145deg, rgba(0, 48, 135, 0.28), var(--ui-surface-1,#171717) 58%);
}
.payment-badge-card--paypal .payment-icon-wrap {
  color: #55bfe9;
  background: rgba(0, 156, 222, 0.1);
}
.payment-badge-card--paypal .payment-name {
  color: #a9dbf1;
}
.method-card[data-brand="paypal"] {
  border-color: rgba(0, 156, 222, 0.4);
  background: linear-gradient(105deg, rgba(0, 48, 135, 0.2), var(--ui-surface-1,#171717) 52%);
}
.method-card[data-brand="paypal"].selected {
  border-color: #009cde;
  box-shadow: 0 0 0 1px rgba(0, 156, 222, 0.35);
}
.method-card[data-brand="paypal"] .method-fallback {
  color: #fff;
  background: #003087;
}
.method-card[data-brand="paypal"] .method-copy strong {
  color: #a9dbf1;
}
.payment-badge-card--paysafe {
  border-color: #254a78;
  background: linear-gradient(145deg, #0b2d59, var(--ui-surface-3,#101d31) 68%, var(--ui-surface-1,#131313));
}
.payment-badge-card--paysafe:hover {
  border-color: #4e79ae;
  background: linear-gradient(145deg, #103a70, var(--ui-surface-3,#13233b) 68%, var(--ui-surface-1,#171717));
}
.payment-badge-card--paysafe .payment-icon-wrap {
  color: #d5e5f7;
  background: #173e70;
}
.payment-badge-card--paysafe .payment-name {
  color: #f0f5fc;
}
.method-card[data-brand="paysafe"] {
  border-color: #315b8b;
  background: linear-gradient(105deg, #0b2d59, var(--ui-surface-3,#101d31) 62%, var(--ui-surface-1,#171717));
}
.method-card[data-brand="paysafe"].selected {
  border-color: #75a4df;
  box-shadow: 0 0 0 1px #315b8b;
}
.method-card[data-brand="paysafe"] .method-fallback {
  color: #e9f2ff;
  background: #123a70;
}
.method-card[data-brand="paysafe"] .method-copy strong {
  color: #d5e5f7;
}
.social-icon-btn.tiktok-link,
.social-icon-btn.tiktok-link:hover {
  background: var(--ui-surface-1,#111111);
  border-color: #25f4ee;
  color: #fff;
}
.social-icon-btn.tiktok-link svg {
  filter: drop-shadow(-1px 0 #25f4ee) drop-shadow(1px 0 #fe2c55);
}
.social-icon-btn.tiktok-link:hover {
  box-shadow: -3px 0 13px rgba(37, 244, 238, 0.18), 3px 0 13px rgba(254, 44, 85, 0.18);
}
.social-icon-btn.youtube-link,
.social-icon-btn.youtube-link:hover {
  background: #c9001b;
  border-color: #e31b23;
  color: #fff;
}
.social-icon-btn.youtube-link:hover {
  background: #e31b23;
  box-shadow: 0 0 16px rgba(227, 27, 35, 0.3);
}
.social-icon-btn.order-btn,
.social-icon-btn.order-btn:hover {
  background: #5865f2;
  border-color: #5865f2;
  color: #fff;
}
.social-icon-btn.order-btn:hover {
  background: #4654dc;
  border-color: #4654dc;
  box-shadow: 0 0 16px rgba(88, 101, 242, 0.3);
}
.footer-link.tiktok-link:hover,
.nav-link.tiktok-link:hover { color: #25f4ee; }
.footer-link.youtube-link:hover,
.nav-link.youtube-link:hover { color: #ff4d55; }
.footer-link.order-link:hover { color: #9fa7ff; }
.social-icon-btn:focus-visible,
.payment-badge-card--paypal:focus-visible,
.payment-badge-card--paysafe:focus-visible,
.method-card[data-brand="paypal"]:focus-visible,
.method-card[data-brand="paysafe"]:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}
.sale-banner-mark,
.sale-chip {
  background: #f2c94c !important;
  border-color: #f2c94c !important;
  color: #17140a !important;
  box-shadow: 0 3px 14px #f2c94c24 !important;
}
.sale-banner-prices strong,
.pricing-card:has(.price-original:not([hidden])) .price-amount,
.pricing-card:has(.price-original:not([hidden])) .price-original,
.quote-row .discount,
.summary-total-lines #summaryDiscount,
.summary-mobile #summaryDiscount,
.p-promo-value {
  color: #f2c94c !important;
}
.sale-banner {
  border-color: #f2c94c32 !important;
}
.sale-banner:hover {
  border-color: #f2c94c88 !important;
}
.sale-banner-copy strong,
.p-promo-value {
  text-shadow: 0 0 18px #f2c94c1a;
}
.site-sale-toggle input {
  accent-color: #f2c94c !important;
}
.p-sale-discount {
  color: #f2c94c !important;
}
.p-sale-discount input,
.p-form input[name="saleEnabled"] {
  accent-color: #f2c94c !important;
}
.field-note.success {
  color: #f2c94c !important;
}
.payment-method-inline-icon { display: inline-block; vertical-align: middle; width: 27px; height: 27px; border-radius: 6px; margin-right: 7px; }
.payment-method-inline-icon[hidden] { display: none; }
.p-payment-label { display: inline-flex; align-items: center; gap: 6px; }
.p-payment-label img { width: 18px; height: 18px; object-fit: contain; flex: none; }


.reviews-page .hero { padding-top: clamp(120px, 14vw, 170px) !important; }
.reviews-page .hero-content { display: flex !important; flex-direction: column; align-items: flex-start; max-width: 980px !important; }
.reviews-page .hero-badge-container { order: 0; }
.reviews-page .hero-title { order: 1; max-width: 850px; font-size: clamp(2.4rem, 5vw, 4.2rem); }
.reviews-page .hero-desc { order: 2; max-width: 700px; }
.reviews-page .reviews-hero-card { order: 3; width: 100%; border-radius: 22px; }
.reviews-page .review-card { border-radius: 20px; }


.header-social .social-icon-btn { width: 42px; height: 42px; border-radius: 10px; overflow: hidden; }
.header-social .social-icon-btn svg { display: block; width: 19px; height: 19px; flex: none; overflow: visible; }
.header-social .tiktok-link svg { width: 20px; height: 20px; }
.header-social .youtube-link svg { width: 21px; height: 21px; }

@media (max-width: 760px) {
  .reviews-page .hero { padding-top: 115px !important; }
  .reviews-page .reviews-hero-card { padding: 1.25rem; gap: 1rem; }
  .reviews-page .hero-title { font-size: clamp(2.2rem, 8vw, 3.6rem) !important; }
}

.p-nav-children {
  display: grid;
  gap: 2px;
  margin: -2px 0 4px 34px;
  padding-left: 9px;
  border-left: 1px solid var(--p-line);
}
.p-nav .p-nav-children a {
  min-height: 33px;
  padding: 7px 9px;
  font-size: 10px;
  color: var(--p-muted);
}
.p-nav .p-nav-children a[aria-current="page"] {
  color: var(--p-text);
  background: #ffffff0b;
}
.p-log-tabs {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  padding: 14px 18px 0;
}
.p-log-tab {
  display: inline-flex;
  align-items: center;
  min-height: 31px;
  padding: 0 10px;
  color: var(--p-muted);
  border: 1px solid var(--p-line);
  border-radius: 7px;
  font-size: 10px;
}
.p-log-tab:hover,
.p-log-tab[aria-current="page"] {
  color: var(--p-text);
  background: #ffffff0a;
}
.p-log-table td {
  vertical-align: top;
}
.p-log-table td strong {
  display: block;
  color: var(--p-text);
  font-size: 11px;
}
.p-log-table .p-sub {
  white-space: normal;
  overflow-wrap: anywhere;
}
.p-log-time {
  min-width: 155px;
}
.p-log-details {
  min-width: 220px;
  max-width: 380px;
  white-space: normal;
  overflow-wrap: anywhere;
  color: var(--p-muted);
  line-height: 1.5;
}
.p-log-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 18px;
  border-top: 1px solid var(--p-line);
  color: var(--p-muted);
  font-size: 11px;
}
.p-log-pagination > div {
  display: flex;
  gap: 7px;
}
.p-log-pagination button:disabled {
  opacity: 0.45;
  cursor: default;
}
.p-log-details .p-btn { display: flex; width: max-content; margin-top: 10px; }
.p-archived-conversation .p-messages { height: auto; min-height: 0; max-height: 65vh; }
.p-standalone-ticket .p-form-foot, .p-ticket-meta .p-form-foot { flex-wrap: wrap; }
.p-archive-transcript { padding: 20px; margin: 0; max-height: 65vh; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; font: 13px/1.7 ui-monospace, monospace; color: var(--text, #eee); }
.p-user-row { cursor: pointer; }
.p-user-record { margin-top: 24px; }
.p-user-record dd { overflow-wrap: anywhere; white-space: pre-wrap; }
.p-user-record .p-sub { display: block; margin-top: 4px; color: var(--p-muted); font-weight: 400; }
.p-user-record details { padding: 18px 22px; border-top: 1px solid var(--p-line); }
.p-user-record summary { cursor: pointer; font-weight: 600; }
.p-user-record details .p-detail-list { margin-top: 20px; }

body.cart-open{overflow:hidden}
.cart-shade{position:fixed;inset:0;background:rgba(0,0,0,.68);backdrop-filter:blur(5px);z-index:10020}
.cart-drawer{position:fixed;inset:0 0 0 auto;width:min(460px,100vw);height:100dvh;z-index:10021;background:var(--ui-surface-1,#101216);border-left:1px solid #ffffff26;box-shadow:-18px 0 60px #0009;display:flex;flex-direction:column;color:#f5f7fa;font-family:var(--font-body,"Inter",sans-serif)}
.cart-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:23px 25px;border-bottom:1px solid #ffffff1a}
.cart-eyebrow{font-size:10px;font-weight:800;letter-spacing:.17em;color:#69caff}
.cart-drawer h2{font-size:26px;margin:2px 0 0;line-height:1.1}
.cart-close{border:1px solid #ffffff38;background:var(--ui-surface-2,#20252c);color:#fff;width:38px;height:38px;border-radius:10px;font-size:26px;line-height:1;display:grid;place-items:center}
.cart-drawer-scroll{overflow:auto;flex:1;padding:4px 25px 24px}
.cart-drawer-scroll section{padding-top:22px}
.cart-drawer h3{font-size:12px;letter-spacing:.04em;margin:0 0 12px;color:#e3e7ed}
.cart-drawer-items,.cart-drawer-catalog{display:grid;gap:10px}
.cart-empty{padding:22px;border:1px dashed #ffffff35;border-radius:13px;color:#adb5bf;font-size:13px;margin:0}
.cart-drawer-line{padding:14px;border:1px solid #ffffff20;border-radius:13px;background:var(--ui-surface-2,#181c21)}
.cart-drawer-line-top{display:flex;justify-content:space-between;gap:10px;font-size:13px}
.cart-drawer-line-top strong{max-width:65%;line-height:1.35}
.cart-drawer-line-top span{white-space:nowrap;font-weight:700;color:#8bd6ff}
.cart-drawer-controls{display:flex;align-items:center;gap:9px;margin-top:12px}
.cart-drawer-controls button{min-width:28px;height:28px;border-radius:7px;border:1px solid #ffffff28;background:var(--ui-surface-3,#252a31);color:#fff}
.cart-drawer-controls span{min-width:14px;text-align:center;font-size:12px}
.cart-drawer-controls .cart-remove{margin-left:auto;padding:0 9px;color:#b7bec8;font-size:11px}
.cart-catalog-item{width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid #ffffff18;border-radius:11px;background:var(--ui-surface-1,#171a1e);color:#f7f7f7}
.cart-catalog-item:hover{border-color:#74cfff;background:var(--ui-surface-3,#1b2630)}
.cart-catalog-item strong,.cart-catalog-item small{display:block}
.cart-catalog-item strong{font-size:12px}
.cart-catalog-item small{font-size:10px;color:#9da6af;line-height:1.4;margin-top:3px}
.cart-catalog-item>span:last-child{font-size:12px;white-space:nowrap;color:#8bd6ff;font-weight:700}
.cart-promo-form{display:flex;gap:8px}
.cart-promo-form input{min-width:0;flex:1;padding:10px 11px;background:var(--ui-surface-1,#0d0f12);border:1px solid #ffffff35;border-radius:8px;color:#fff;text-transform:uppercase}
.cart-promo-form button{padding:0 14px;border:0;border-radius:8px;background:#edf8ff;color:#102534;font-size:12px;font-weight:800}
.cart-note{font-size:11px;color:#9da6af;line-height:1.5;margin:8px 0 0}
.cart-promo-remove{margin-top:7px;padding:0;border:0;background:none;color:#c7c7c7;font-size:11px;text-decoration:underline;cursor:pointer}.cart-promo-remove:disabled{opacity:.5;cursor:wait}
.cart-drawer-foot{padding:18px 25px 25px;background:var(--ui-surface-2,#171b20);border-top:1px solid #ffffff20}
.cart-total{display:flex;justify-content:space-between;align-items:center;font-size:14px}
.cart-total strong{font-size:21px;color:#f7fcff}
.cart-discount{margin:4px 0;color:#f2c94c;font-size:12px}
.cart-checkout{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:13px 16px;border-radius:10px;background:#eaf7ff;color:#0b2031;text-decoration:none;font-size:13px;font-weight:800}
.cart-checkout:hover{background:#fff}
.cart-checkout.disabled{opacity:.45;pointer-events:none}
.payment-badge-card--paypal{border-color:#068cc4;background:linear-gradient(145deg,#073266,var(--ui-surface-2,#101c2c) 65%,var(--ui-surface-1,#111111))}
.payment-badge-card--paypal .payment-icon-wrap{background:#082d57;box-shadow:0 8px 24px #008fcb35}
.payment-badge-card--paypal .payment-name{color:#b6e8ff}
.payment-badge-card--paypal:hover{border-color:#39bafa;box-shadow:0 12px 28px #008fcb25}
.payment-badge-card--paypal .payment-icon-wrap svg,.payment-badge-card--paysafe .payment-icon-wrap svg{display:none}
.payment-icon-wrap img{display:block;width:42px;height:42px;object-fit:contain;border-radius:10px}
.payment-badge-card--unavailable,.payment-badge-card--unavailable:hover{border-color:#565b64;background:var(--ui-surface-1,#161719);box-shadow:none;opacity:.58}
.payment-badge-card--unavailable .payment-note,.payment-badge-card--unavailable .payment-tag-fee{color:#d4d6da;font-weight:750}
.product-unavailable{opacity:.55}
.product-unavailable [data-add-to-cart]{pointer-events:none;cursor:not-allowed}
.header-social .social-icon-btn{width:42px;height:42px;border-radius:10px;overflow:hidden}
.header-social .social-icon-btn svg{display:block;width:19px;height:19px;flex:none;overflow:visible}
.header-social .tiktok-link svg{width:20px;height:20px}
.header-social .youtube-link svg{width:21px;height:21px}
@media(max-width:600px){.cart-drawer-head{padding:17px 18px}.cart-drawer-scroll{padding:4px 18px 20px}.cart-drawer-foot{padding:16px 18px 20px}.payment-badge-card{padding:1.2rem .85rem}.payments-wrapper{padding:1.4rem}}
.utility-cart-terms{display:block;margin-top:8px;font-size:12px;font-weight:400;line-height:1.5;color:#aaa}


:root {
  color-scheme: dark;
  --p-accent: #fff;
  --accent: #fff;
  --green: #c7c7c7;
  --amber-accent: #c7c7c7;
  --emerald-accent: #c7c7c7;
}

.cart-eyebrow,
.cart-drawer-line-top span,
.cart-catalog-item > span:last-child,
.contact-eyebrow,
.contact-address,
.contact-card #contactStatus,
.payment-method-inline-icon,
.footer-link.tiktok-link:hover,
.nav-link.tiktok-link:hover,
.footer-link.youtube-link:hover,
.nav-link.youtube-link:hover,
.footer-link.order-link:hover {
  color: #d4d4d4 !important;
}

.cart-drawer,
.cart-drawer-line,
.cart-catalog-item,
.cart-drawer-foot,
.cart-close {
  background-color: var(--ui-surface-1,#151515);
}

.cart-catalog-item:hover,
.cart-close:hover {
  border-color: #d0d0d0;
  background: var(--ui-surface-2,#202020);
}

.cart-promo-form button,
.cart-checkout,
.contact-card button {
  background: #f2f2f2;
  color: #111;
}

.cart-promo-form button:hover,
.cart-checkout:hover,
.contact-card button:hover {
  background: #fff;
  color: #000;
}

.cart-discount,
.sale-banner-prices strong,
.pricing-card:has(.price-original:not([hidden])) .price-amount,
.pricing-card:has(.price-original:not([hidden])) .price-original,
.quote-row .discount,
.summary-total-lines #summaryDiscount,
.summary-mobile #summaryDiscount,
.p-promo-value,
.p-sale-discount {
  color: #e0e0e0 !important;
  text-shadow: none !important;
}

.sale-banner-mark,
.sale-chip {
  background: #dedede !important;
  border-color: #dedede !important;
  color: #111 !important;
  box-shadow: none !important;
}

.sale-banner,
.site-sale-toggle input,
.p-sale-discount input,
.p-form input[name="saleEnabled"] {
  accent-color: #fff !important;
  border-color: #ffffff35 !important;
}

.payment-badge-card--paypal,
.payment-method-card--paypal,
.method-card[data-brand="paypal"],
.payment-badge-card--paysafe,
.payment-method-card--paysafe,
.method-card[data-brand="paysafe"] {
  border-color: #555 !important;
  background: linear-gradient(145deg, var(--ui-surface-2,#202020), var(--ui-surface-1,#111111) 70%) !important;
  box-shadow: none;
}

.payment-badge-card--paypal:hover,
.payment-badge-card--paysafe:hover,
.method-card[data-brand="paypal"].selected,
.method-card[data-brand="paysafe"].selected {
  border-color: #ddd !important;
  box-shadow: 0 0 0 1px #ffffff30 !important;
}

.payment-badge-card--paypal .payment-icon-wrap,
.payment-badge-card--paysafe .payment-icon-wrap {
  color: #fff;
  background: var(--ui-surface-1,#191919);
  box-shadow: none;
}

.payment-badge-card--paypal .payment-name,
.payment-badge-card--paysafe .payment-name,
.method-card[data-brand="paypal"] .method-copy strong,
.method-card[data-brand="paysafe"] .method-copy strong {
  color: #f2f2f2 !important;
}

.method-card[data-brand="paypal"] .method-fallback,
.method-card[data-brand="paysafe"] .method-fallback {
  color: #fff !important;
  background: var(--ui-surface-2,#222222) !important;
}

.social-icon-btn.tiktok-link,
.social-icon-btn.tiktok-link:hover,
.social-icon-btn.youtube-link,
.social-icon-btn.youtube-link:hover,
.social-icon-btn.order-btn,
.social-icon-btn.order-btn:hover {
  background: var(--ui-surface-1,#171717) !important;
  border-color: #777 !important;
  color: #fff !important;
  box-shadow: none !important;
}

.social-icon-btn.tiktok-link svg {
  filter: none !important;
}

.contact-intro h1,
.contact-card h2,
.contact-card label,
.contact-card input,
.contact-card textarea,
.contact-card button {
  color: #f2f2f2;
}

.contact-card input:focus,
.contact-card textarea:focus {
  border-color: #ddd;
}

.contact-card button {
  color: #111;
}

.p-motion-ready {
  opacity: 1;
  transform: none;
}

.p-motion-ready.p-reveal {
  animation: p-scroll-in 520ms cubic-bezier(.22, 1, .36, 1) both;
  animation-delay: var(--p-motion-delay, 0ms);
}

@keyframes p-scroll-in {
  from { opacity: .18; transform: translateY(10px) scale(.995); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  .p-motion-ready,
  .p-motion-ready.p-reveal {
    opacity: 1;
    transform: none;
    animation: none !important;
  }
}

.p-context-menu {
  position: fixed;
  z-index: 2147483647;
  box-sizing: border-box;
  width: 354px;
  max-width: calc(100vw - 12px);
  padding: 5px 0;
  overflow: auto;
  max-height: calc(100vh - 12px);
  color: #f3f3f3;
  background: var(--ui-surface-1,#1e1e1e);
  border: 1px solid #343434;
  border-radius: 8px;
  box-shadow: 0 12px 36px #0009, 0 2px 8px #0008;
  font: 13px/1.35 Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

.p-context-menu[hidden],
.p-context-dynamic[hidden],
.p-context-item[hidden],
.p-context-status[hidden] {
  display: none;
}

.p-context-item {
  appearance: none;
  display: flex;
  align-items: center;
  gap: 12px;
  width: calc(100% - 8px);
  min-height: 34px;
  margin: 0 4px;
  padding: 0 10px;
  border: 0;
  border-radius: 4px;
  color: inherit;
  background: transparent;
  text-align: left;
  font: inherit;
  cursor: default;
}

.p-context-item:hover,
.p-context-item:focus-visible {
  outline: 0;
  background: var(--ui-surface-3,#353535);
}

.p-context-item > svg {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  fill: none;
  stroke: #c9c9c9;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.p-context-item > span:first-of-type {
  flex: 1;
}

.p-context-item kbd {
  padding-left: 14px;
  color: #bcbcbc;
  font: inherit;
  white-space: nowrap;
}

.p-context-external {
  color: #bcbcbc;
}

.p-context-divider {
  height: 1px;
  margin: 5px 0;
  background: var(--ui-surface-3,#454545);
}

.p-context-status {
  position: fixed;
  z-index: 2147483647;
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%);
  padding: 9px 14px;
  border: 1px solid #414141;
  border-radius: 6px;
  color: #f3f3f3;
  background: var(--ui-surface-2,#202020);
  box-shadow: 0 5px 20px #0008;
  font: 13px/1.4 Arial, sans-serif;
}

@media (forced-colors: active) {
  .p-context-menu,
  .p-context-status {
    border: 1px solid CanvasText;
    color: CanvasText;
    background: Canvas;
  }

  .p-context-item:hover,
  .p-context-item:focus-visible {
    color: HighlightText;
    background: Highlight;
  }
}


:root {
  --pt-bg: var(--ui-surface-0,#050505);
  --pt-surface: var(--ui-surface-0,#0b0c0d);
  --pt-raised: var(--ui-surface-1,#121416);
  --pt-ink: #050505;
  --pt-text: #f7f8f8;
  --pt-muted: #a2a5aa;
  --pt-subtle: #74777b;
  --pt-line: rgba(255, 255, 255, .085);
  --pt-line-strong: rgba(255, 255, 255, .18);
  --pt-action: #f7f8f8;
  --pt-space-4: 4px;
  --pt-space-8: 8px;
  --pt-space-12: 12px;
  --pt-space-16: 16px;
  --pt-space-24: 24px;
  --pt-space-32: 32px;
  --pt-space-48: 48px;
  --pt-space-72: 72px;
  --pt-radius-sm: 6px;
  --pt-radius-md: 10px;
  --pt-radius-lg: 14px;
  --pt-ease: cubic-bezier(.22, 1, .36, 1);
  --p-bg: var(--pt-bg);
  --p-panel: var(--pt-surface);
  --p-raised: var(--pt-raised);
  --p-line: var(--pt-line);
  --p-text: var(--pt-text);
  --p-muted: var(--pt-muted);
  --p-accent: var(--pt-action);
  --font-body: "DM Sans", sans-serif;
  --font-display: "Space Grotesk", sans-serif;
}

html { scroll-padding-top: 86px; }
body { color: var(--pt-text); background: var(--pt-bg); }
body:has(.navbar) { background: var(--pt-bg) !important; }
::selection { color: #050505; background: #f7f8f8; }
[hidden] { display: none !important; }


.btn, .p-btn, .primary-button, .outline-button, .view-button {
  min-height: 44px;
  border-radius: var(--pt-radius-md) !important;
  transition: transform .24s var(--pt-ease), border-color .24s ease,
    background-color .24s ease, box-shadow .24s ease, color .24s ease !important;
}
.btn::after, .p-btn::after { pointer-events: none; }
.btn:hover, .p-btn:hover, .primary-button:hover, .outline-button:hover,
.view-button:hover { transform: translateY(-2px) !important; }
.btn:active, .p-btn:active, .primary-button:active, .outline-button:active,
.view-button:active { transform: translateY(0) scale(.985) !important; }
.btn-primary, .p-btn.primary, .primary-button {
  background: var(--pt-action) !important;
  border: 1px solid var(--pt-action) !important;
  color: #090a0b !important;
  box-shadow: 0 8px 28px rgba(255,255,255,.065) !important;
}
.btn-primary:hover, .p-btn.primary:hover, .primary-button:hover {
  background: #fff !important;
  box-shadow: 0 12px 34px rgba(255,255,255,.13) !important;
}
.btn-secondary, .btn-bestseller, .p-btn:not(.primary):not(.danger),
.outline-button, .view-button {
  background: var(--ui-surface-1,#151718) !important;
  color: var(--pt-text) !important;
  border: 1px solid var(--pt-line-strong) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.04) !important;
}
.btn-secondary:hover, .btn-bestseller:hover, .p-btn:not(.primary):not(.danger):hover,
.outline-button:hover, .view-button:hover {
  background: var(--ui-surface-2,#202224) !important;
  border-color: rgba(255,255,255,.36) !important;
}
.btn svg, .p-btn svg { transition: transform .24s var(--pt-ease); }
.btn:hover svg:last-child, .p-btn:hover svg:last-child { transform: translateX(3px); }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible,
textarea:focus-visible, summary:focus-visible {
  outline: 2px solid #fff !important;
  outline-offset: 3px !important;
}


.navbar { background: color-mix(in srgb,var(--ui-surface-0,#050505) 56%,transparent) !important; border-color: var(--pt-line) !important; backdrop-filter: blur(10px); }
.navbar.scrolled { background: color-mix(in srgb,var(--ui-surface-0,#08090a) 94%,transparent) !important; backdrop-filter: blur(20px); box-shadow: 0 14px 36px rgba(0,0,0,.22) !important; }
.navbar .nav-container { max-width: 1380px; padding-inline: clamp(24px, 3vw, 46px); }
.navbar .header-social { display: none !important; }
.navbar .nav-links { gap: clamp(18px, 2vw, 30px) !important; }
.navbar .nav-link { position: relative; color: var(--pt-muted); font-size: 12px !important; font-weight: 600; }
.navbar .nav-link::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -13px; height: 1px; background: #fff; transition: right .28s var(--pt-ease); }
.navbar .nav-link:hover::after, .navbar .nav-link.active::after,
.navbar .nav-link[aria-current="page"]::after { right: 0; }
.navbar .nav-link.active, .navbar .nav-link[aria-current="page"] { color: var(--pt-text) !important; }
.navbar .brand-logo { font-family: var(--font-display); letter-spacing: .09em !important; }
.navbar .nav-actions > .btn { min-height: 42px; }
.navbar .nav-cart-btn, .navbar .nav-user-pill { border-color: var(--pt-line-strong) !important; border-radius: var(--pt-radius-md) !important; }
.mobile-menu { background: color-mix(in srgb,var(--ui-surface-0,#090a0b) 98%,transparent) !important; backdrop-filter: blur(22px); border-bottom: 1px solid var(--pt-line-strong); }
.mobile-menu.open { animation: pt-menu-in .28s var(--pt-ease) both; }
@keyframes pt-menu-in { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }

.p-ambient .p-glow { opacity: .35; }
.hero, .section, .footer { isolation: isolate; }
.hero { padding: clamp(132px, 11vw, 168px) 0 78px !important; background: radial-gradient(circle at 77% 29%, rgba(210,216,220,.075), transparent 31%), var(--pt-bg); }
.hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px); background-size: 56px 56px; mask-image: linear-gradient(to bottom,transparent 2%,#000 36%,transparent 96%); opacity: .45 !important; }
.hero::after { opacity: .08 !important; }
.hero .hero-content { max-width: 1340px !important; width: calc(100% - clamp(48px, 8vw, 116px)) !important; grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr) !important; column-gap: clamp(36px, 5vw, 82px) !important; }
.hero-badge-container { margin-bottom: 32px !important; }
.hero-badge-text { color: var(--pt-muted) !important; letter-spacing: .21em !important; }
.hero-title { max-width: 780px !important; margin-bottom: 30px !important; font-size: clamp(57px, 5.4vw, 86px) !important; font-weight: 600 !important; line-height: .99 !important; letter-spacing: -.07em !important; }
.hero-line { display: block; width: max-content; max-width: 100%; }
.hero-line-secondary { color: #aaaeb2; }
.hero-desc { max-width: 565px !important; margin-bottom: 36px !important; font-size: clamp(14px, 1.16vw, 17px) !important; line-height: 1.75 !important; color: var(--pt-muted) !important; }
.hero-actions { gap: 10px !important; flex-wrap: wrap; margin-bottom: 38px !important; }
.hero-actions .btn { min-height: 50px; padding: 14px 20px !important; font-size: 12px !important; }
.hero-actions .btn:nth-child(3) { background: transparent !important; border-color: transparent !important; box-shadow: none !important; color: var(--pt-muted) !important; padding-inline: 10px !important; }
.hero-actions .btn:nth-child(3):hover { color: #fff !important; }
.tuner-badge { gap: 12px; }
.tuner-avatar { border: 1px solid var(--pt-line-strong); }
.tuner-name { letter-spacing: .01em; }
.performance-art { max-width: 520px !important; margin: 0 !important; filter: drop-shadow(0 18px 42px rgba(0,0,0,.35)); }
.performance-art::before { content: ""; position: absolute; inset: 11%; border: 1px solid rgba(255,255,255,.075); border-radius: 50%; box-shadow: 0 0 0 52px rgba(255,255,255,.012), 0 0 0 104px rgba(255,255,255,.008); pointer-events: none; }
.art-chip { border-color: var(--pt-line-strong); background: color-mix(in srgb,var(--ui-surface-1,#121416) 91%,transparent); backdrop-filter: blur(8px); }
.art-label { color: var(--pt-subtle); }
.metrics-bar { margin-top: clamp(70px, 8vw, 112px) !important; padding: 28px 0 30px !important; }
.metric-item { position: relative; min-width: 0; padding-left: clamp(14px, 2.5vw, 35px) !important; }
.metric-item:first-child { padding-left: 0 !important; }
.metric-item + .metric-item { border-left: 1px solid var(--pt-line) !important; }
.metric-value { font-family: var(--font-display); font-size: clamp(29px, 3vw, 42px) !important; font-weight: 500 !important; letter-spacing: -.06em; line-height: 1.05; font-variant-numeric: tabular-nums; }
.metric-value-system span { color: var(--pt-subtle); font-size: .64em; }
.metric-suffix { color: #a8adb1; font-size: .7em; vertical-align: top; }
.metric-label { margin-top: 9px; color: var(--pt-text); font-size: 11px !important; font-weight: 600; letter-spacing: .02em !important; text-transform: none !important; }
.metric-detail { display: block; margin-top: 14px; color: var(--pt-subtle); font: 600 9px var(--font-body); letter-spacing: .16em; }
@media (prefers-reduced-motion: no-preference) {
  .hero-line { animation: pt-title-in .9s var(--pt-ease) both; }
  .hero-line-secondary { animation-delay: .11s; }
  @keyframes pt-title-in { from { opacity: 0; transform: translateY(20px); filter: blur(7px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } }
}


.section { padding: clamp(80px, 8vw, 124px) 0 !important; }
.container { max-width: 1380px !important; padding-inline: clamp(24px, 4vw, 58px) !important; }
.section-header { max-width: 750px !important; margin-bottom: clamp(35px, 4.2vw, 62px) !important; }
.section-badge { color: var(--pt-muted) !important; letter-spacing: .2em !important; font-size: 10px !important; }
.section-title { font-size: clamp(34px, 3.7vw, 56px) !important; line-height: 1.08 !important; font-weight: 500 !important; letter-spacing: -.055em !important; }
.section-subtitle { max-width: 620px; font-size: clamp(14px, 1.13vw, 16px) !important; line-height: 1.72 !important; color: var(--pt-muted) !important; }
#features { background: linear-gradient(180deg,var(--ui-surface-0,#070809),var(--ui-surface-0,#0a0b0c) 46%,var(--ui-surface-0,#070808)); border-block: 1px solid rgba(255,255,255,.04); }
.features-grid { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 14px !important; counter-reset: pt-feature; }
.feature-card { counter-increment: pt-feature; position: relative; min-height: 270px; padding: 32px !important; background: radial-gradient(260px circle at var(--pt-pointer-x,50%) var(--pt-pointer-y,50%),rgba(255,255,255,var(--pt-glow-alpha,0)),transparent 74%),linear-gradient(150deg,var(--ui-surface-1,#141618),var(--ui-surface-0,#0c0d0e) 75%) !important; border: 1px solid var(--pt-line) !important; border-radius: var(--pt-radius-lg) !important; overflow: hidden; transition: transform .32s var(--pt-ease), border-color .32s ease, background .32s ease !important; }
.feature-card::before { content: "0" counter(pt-feature); display: block !important; position: absolute; top: 34px; left: auto !important; right: 32px !important; width: auto; height: auto; opacity: 1 !important; background: none !important; color: var(--pt-subtle); font: 600 11px var(--font-body); letter-spacing: .1em; transform: none !important; }
.feature-card::after { content: ""; position: absolute; right: 32px; bottom: 30px; width: 74px; height: 18px; background: linear-gradient(135deg,transparent 36%,rgba(255,255,255,.18) 37% 39%,transparent 40%), linear-gradient(35deg,transparent 56%,rgba(255,255,255,.13) 57% 59%,transparent 60%); opacity: .8; pointer-events: none; }
.feature-card:hover { transform: translateY(-4px) !important; border-color: rgba(255,255,255,.3) !important; background: radial-gradient(260px circle at var(--pt-pointer-x,50%) var(--pt-pointer-y,50%),rgba(255,255,255,var(--pt-glow-alpha,0)),transparent 74%),linear-gradient(145deg,var(--ui-surface-2,#1a1d1f),var(--ui-surface-1,#0f1112) 75%) !important; }
@media (hover: hover) and (pointer: fine) { .feature-card:hover { --pt-glow-alpha: .075; } }
.feature-icon-wrapper { display: grid; place-items: center; width: 44px !important; height: 44px !important; margin-bottom: 38px !important; border: 1px solid var(--pt-line-strong); border-radius: 9px !important; background: rgba(255,255,255,.025) !important; color: #dadddf !important; box-shadow: none !important; }
.feature-icon-wrapper svg { width: 20px; height: 20px; }
.feature-title { margin-bottom: 11px !important; color: var(--pt-text); font: 500 clamp(18px, 1.55vw, 22px)/1.2 var(--font-display) !important; letter-spacing: -.035em; }
.feature-desc { max-width: 360px; color: var(--pt-muted) !important; font-size: 13px !important; line-height: 1.7 !important; }
#packages { background: var(--pt-bg); }
.pricing-grid { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; align-items: stretch !important; gap: 15px !important; }
.pricing-card, .pricing-card.bestseller { display: flex !important; flex-direction: column; position: relative; min-width: 0; padding: 32px !important; border: 1px solid var(--pt-line) !important; border-radius: var(--pt-radius-lg) !important; background: linear-gradient(165deg,var(--ui-surface-1,#141618),var(--ui-surface-0,#0b0c0d) 70%) !important; box-shadow: 0 20px 45px rgba(0,0,0,.13) !important; transform: none !important; }
.pricing-card:hover, .pricing-card.bestseller:hover { transform: translateY(-5px) !important; border-color: rgba(255,255,255,.35) !important; }
.pricing-card.bestseller { z-index: 1; border-color: rgba(255,255,255,.52) !important; background: linear-gradient(156deg,var(--ui-surface-2,#202326),var(--ui-surface-1,#101213) 58%,var(--ui-surface-0,#0b0c0d)) !important; box-shadow: 0 25px 60px rgba(0,0,0,.45), inset 0 1px rgba(255,255,255,.07) !important; }
.pricing-card.bestseller::after { content: ""; position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; background: linear-gradient(115deg,transparent 22%,rgba(255,255,255,.22),transparent 73%); mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); mask-composite: exclude; padding: 1px; opacity: .65; }
.bestseller-badge { width: max-content; max-width: 100%; margin-bottom: 16px; border-radius: 5px !important; padding: 6px 9px !important; background: #e7e9ea !important; color: #111315 !important; font-size: 9px !important; letter-spacing: .11em; }
.package-name { font-size: clamp(21px, 1.7vw, 26px) !important; line-height: 1.18 !important; letter-spacing: -.04em; }
.package-tagline { min-height: 74px; color: var(--pt-muted) !important; font-size: 13px !important; line-height: 1.65 !important; }
.price-wrap { border-top: 1px solid var(--pt-line); border-bottom: 1px solid var(--pt-line); margin-block: 23px !important; padding-block: 20px !important; }
.price-currency { font-size: 21px !important; vertical-align: top; }
.price-amount { font-family: var(--font-display); font-size: clamp(38px, 3vw, 48px) !important; font-weight: 500 !important; letter-spacing: -.07em; font-variant-numeric: tabular-nums; }
.price-sub { color: var(--pt-subtle) !important; font-size: 11px !important; }
.features-list { flex: 1; margin-bottom: 29px !important; }
.feature-item { align-items: baseline; gap: 10px; padding-block: 5px; color: #b9bdc0; font-size: 12px !important; line-height: 1.5; }
.feature-check { color: var(--pt-text) !important; font-size: 11px; }
.pricing-card .btn { min-height: 50px; margin-top: auto; font-size: 12px !important; }
.pricing-card.bestseller .btn-bestseller { background: #f7f8f8 !important; color: #090a0b !important; border-color: #f7f8f8 !important; }
.utility-preview { border-radius: 8px; overflow: hidden; border: 1px solid var(--pt-line); background: var(--ui-surface-0,#090a0b); }
.utility-preview img { display: block; }
.addons-section { margin-top: clamp(42px, 5vw, 72px); }
.addon-card { border-color: var(--pt-line) !important; background: var(--ui-surface-1,#0e1011) !important; border-radius: var(--pt-radius-md) !important; }


.utility-showcase { position: relative; background: linear-gradient(180deg,var(--ui-surface-0,#0a0b0c),var(--ui-surface-1,#0e1011) 55%,var(--ui-surface-0,#080909)); border-block: 1px solid var(--pt-line); overflow: hidden; }
.utility-showcase::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(90deg,transparent 0 89px,rgba(255,255,255,.022) 90px 91px); mask-image: linear-gradient(90deg,transparent 25%,#000); }
.utility-showcase-grid { display: grid; grid-template-columns: minmax(0,.83fr) minmax(0,1.17fr); align-items: center; gap: clamp(38px, 6vw, 100px); }
.utility-showcase-copy { position: relative; z-index: 1; }
.utility-showcase-copy .section-title { margin: 13px 0 20px !important; }
.utility-showcase-copy .section-subtitle { margin-bottom: 35px !important; }
.utility-spec-list { display: grid; gap: 0; border-top: 1px solid var(--pt-line-strong); margin-bottom: 32px; }
.utility-spec-list > div { display: grid; grid-template-columns: 32px minmax(0,1fr); gap: 5px 16px; border-bottom: 1px solid var(--pt-line); padding-block: 16px; }
.utility-spec-list span { grid-row: span 2; color: var(--pt-subtle); font: 700 10px var(--font-body); letter-spacing: .08em; padding-top: 3px; }
.utility-spec-list strong { color: var(--pt-text); font: 500 15px var(--font-display); }
.utility-spec-list small { color: var(--pt-muted); font: 12px/1.55 var(--font-body); }
.utility-showcase-copy .btn { min-height: 49px; padding-inline: 20px !important; }
.utility-showcase-visual { position: relative; min-width: 0; padding: 42px 24px 38px; border: 1px solid var(--pt-line-strong); border-radius: 16px; background: radial-gradient(circle at 50% -25%,rgba(255,255,255,.09),transparent 55%),var(--ui-surface-1,#101213); box-shadow: 0 34px 75px rgba(0,0,0,.45); transform: perspective(1000px) rotateY(-4deg) rotateX(2deg); }
.utility-showcase-visual::before { content: ""; position: absolute; inset: -22px; z-index: -1; border: 1px solid rgba(255,255,255,.05); border-radius: 22px; }
.utility-showcase-visual img { display: block; width: 100%; height: auto; border-radius: 9px; border: 1px solid rgba(255,255,255,.15); box-shadow: 0 18px 38px rgba(0,0,0,.36); }
.utility-visual-label, .utility-visual-foot { display: block; color: var(--pt-subtle); font: 700 9px var(--font-body); letter-spacing: .17em; }
.utility-visual-label { margin-bottom: 16px; }
.utility-visual-foot { margin-top: 18px; text-align: right; }


#process { background: var(--pt-bg); }
.timeline-grid { --pt-line-progress: 0; position: relative; display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 0 !important; counter-reset: step; }
.timeline-grid::before, .timeline-grid::after { content: ""; position: absolute; left: 0; right: 0; top: 19px; height: 1px; pointer-events: none; }
.timeline-grid::before { background: var(--pt-line-strong); }
.timeline-grid::after { width: 100%; background: #f7f8f8; transform: scaleX(var(--pt-line-progress)); transform-origin: left; transition: transform .16s linear; }
.timeline-card { position: relative; min-height: 310px; padding: 60px 25px 24px !important; background: transparent !important; border: 0 !important; border-left: 1px solid var(--pt-line) !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; }
.timeline-card::before { content: ""; position: absolute; top: 14px; left: 23px; width: 11px; height: 11px; border-radius: 50%; background: var(--ui-surface-1,#111314); border: 2px solid #9ea3a6; box-shadow: 0 0 0 6px #050505; transition: background .25s,border-color .25s; }
.timeline-card.is-current::before { background: #f7f8f8; border-color: #f7f8f8; }
.step-number { display: block; margin-bottom: 20px; color: #6e7478 !important; font: 500 45px/.9 var(--font-display) !important; letter-spacing: -.07em; }
.step-icon-badge { display: none !important; }
.step-title { color: var(--pt-text); font: 500 20px/1.22 var(--font-display) !important; letter-spacing: -.035em; }
.step-desc { max-width: 270px; color: var(--pt-muted) !important; font-size: 13px !important; line-height: 1.65 !important; }
.payments-wrapper { border: 1px solid var(--pt-line); border-radius: 15px; background: var(--ui-surface-0,#0a0b0c); padding: clamp(18px, 3vw, 38px); }
.payments-grid { gap: 13px !important; }
.payment-badge-card, .payment-badge-card--paypal, .payment-badge-card--paysafe { min-height: 145px; padding: 23px !important; border: 1px solid var(--pt-line) !important; border-radius: 10px !important; background: linear-gradient(150deg,var(--ui-surface-1,#161819),var(--ui-surface-1,#0f1112)) !important; box-shadow: none !important; }
.payment-badge-card:hover { border-color: var(--pt-line-strong) !important; transform: translateY(-3px) !important; }
.payment-badge-card--unavailable { opacity: .55; filter: grayscale(1); }
.payment-icon-wrap { box-shadow: none !important; }
.payment-name { font-family: var(--font-display); font-weight: 500; }
.payment-note, .payment-tag-fee { color: var(--pt-muted) !important; font-size: 11px !important; }
.trust-footer-bar { border-top: 1px solid var(--pt-line) !important; margin-top: 27px; padding-top: 24px; }
.faq-container { max-width: 960px !important; margin-left: 0 !important; }
.faq-item { border: 1px solid var(--pt-line) !important; border-radius: 0 !important; background: transparent !important; margin-top: -1px; transition: border-color .3s ease,background-color .3s ease !important; }
.faq-item:first-child { border-radius: 10px 10px 0 0 !important; }
.faq-item:last-child { border-radius: 0 0 10px 10px !important; }
.faq-item:hover, .faq-item.active { background: var(--ui-surface-1,#111314) !important; border-color: var(--pt-line-strong) !important; }
.faq-question { min-height: 64px; color: var(--pt-text); font-size: 15px !important; font-weight: 600; }
.faq-answer { color: var(--pt-muted); font-size: 14px !important; line-height: 1.75 !important; }
.faq-icon { transition: transform .25s var(--pt-ease); }
.faq-item.active .faq-icon { transform: rotate(45deg); }
.cta-banner { border: 1px solid var(--pt-line-strong) !important; border-radius: 17px !important; background: radial-gradient(circle at 80% 10%,rgba(255,255,255,.075),transparent 37%),linear-gradient(140deg,var(--ui-surface-1,#161819),var(--ui-surface-0,#0b0c0d)) !important; box-shadow: 0 35px 65px rgba(0,0,0,.3) !important; }
.reviews-page .hero { min-height: auto !important; padding-block: 148px 58px !important; }
.reviews-page .hero-content { width: calc(100% - clamp(48px,8vw,116px)) !important; max-width: 1340px !important; }
.reviews-page .hero-title { max-width: 930px !important; font-size: clamp(50px,5vw,76px) !important; }
.reviews-page .hero-title .gradient-text { -webkit-text-fill-color: #aeb2b5 !important; color: #aeb2b5 !important; }
.reviews-page .reviews-hero-card { border: 1px solid var(--pt-line-strong) !important; border-radius: 13px !important; background: linear-gradient(130deg,var(--ui-surface-1,#17191a),var(--ui-surface-0,#0b0c0d)) !important; box-shadow: 0 24px 55px rgba(0,0,0,.24) !important; }
.reviews-filter-bar { border: 1px solid var(--pt-line); border-radius: 10px; background: var(--ui-surface-1,#0e1011); padding: 12px; }
.filter-pills { display: flex; gap: 7px; overflow-x: auto; scrollbar-width: thin; }
.filter-pill { flex: none; min-height: 38px; border-radius: 7px !important; }
.reviews-grid { gap: 15px !important; }
.reviews-page .review-card, .no-reviews-box { border: 1px solid var(--pt-line) !important; border-radius: 13px !important; background: var(--ui-surface-1,#111314) !important; box-shadow: none !important; }
.reviews-page .review-card:hover { border-color: var(--pt-line-strong) !important; transform: translateY(-3px) !important; }
.reviews-page .review-header { align-items: flex-start; flex-wrap: wrap; }
.reviews-page .reviewer-tagline { display: flex; flex-wrap: wrap; white-space: normal; overflow: visible; gap: 4px 6px; }
.reviews-page .reviewer-tagline span:first-child { min-width: 0; overflow-wrap: anywhere; }
.reviews-page .review-stars-row { margin-left: auto; }
.reviews-page .review-bench-pill { border-radius: 6px; box-shadow: none; }
.no-reviews-box { padding: clamp(40px,6vw,80px) !important; }


.p-shell { background: var(--pt-bg); }
.p-sidebar { background: var(--ui-surface-0,#090a0b) !important; border-right: 1px solid var(--pt-line) !important; }
.p-workspace, .p-help-card { background: var(--ui-surface-1,#111314) !important; border-color: var(--pt-line) !important; border-radius: 10px !important; }
.p-nav a { border-radius: 7px !important; font-size: 12px; transition: background .2s,color .2s,border-color .2s; }
.p-nav a:hover { background: var(--ui-surface-1,#191b1d) !important; }
.p-nav a[aria-current="page"] { background: var(--ui-surface-2,#1b1d1f) !important; box-shadow: inset 2px 0 #f7f8f8; }
.p-topbar { background: color-mix(in srgb,var(--ui-surface-0,#070809) 88%,transparent) !important; border-bottom: 1px solid var(--pt-line) !important; backdrop-filter: blur(16px); }
.p-main { max-width: 1420px; padding-block: clamp(30px,4vw,60px) !important; }
.p-main h1 { font-family: var(--font-display); letter-spacing: -.052em; }
.p-card { border: 1px solid var(--pt-line) !important; border-radius: 13px !important; background: linear-gradient(150deg,var(--ui-surface-1,#141617),var(--ui-surface-0,#0c0d0e)) !important; box-shadow: none !important; }
.p-stats { gap: 14px !important; }
.p-stat { min-height: 152px; }
.p-stat-value { font-family: var(--font-display); letter-spacing: -.06em; font-variant-numeric: tabular-nums; }
.p-card-head { border-bottom: 1px solid var(--pt-line) !important; }
.p-table th { color: var(--pt-muted); letter-spacing: .08em; }
.p-table tr:hover { background: rgba(255,255,255,.025); }
.p-badge { border: 1px solid var(--pt-line-strong); }
.p-input, .p-form input, .p-form select, .p-form textarea { border-color: var(--pt-line-strong) !important; background: var(--ui-surface-0,#090a0b) !important; }
.p-modal { border: 1px solid var(--pt-line-strong) !important; border-radius: 14px !important; background: var(--ui-surface-1,#101213) !important; box-shadow: 0 32px 90px rgba(0,0,0,.65) !important; }
.p-skeleton { background: linear-gradient(90deg,var(--ui-surface-1,#1a1c1d),var(--ui-surface-3,#292b2d),var(--ui-surface-1,#1a1c1d)) !important; background-size: 200% 100% !important; }
.p-error-main { position: relative; border: 1px solid var(--pt-line-strong); border-radius: 16px; background: radial-gradient(circle at 75% 20%,rgba(255,255,255,.06),transparent 40%),var(--ui-surface-1,#101213); }
.p-error-code { color: #fff; font-family: var(--font-display); }


.checkout-header, .contact-header, .admin-header { border-bottom: 1px solid var(--pt-line) !important; background: color-mix(in srgb,var(--ui-surface-0,#08090a) 92%,transparent) !important; }
.contact-header nav a { display: inline-flex; align-items: center; min-height: 40px; }
.checkout-shell, .contact-main, .admin-shell { max-width: 1380px; }
.step-panel, .summary-card, .contact-card, .table-card, .form-card, .detail-card {
  background: linear-gradient(150deg,var(--ui-surface-1,#151718),var(--ui-surface-0,#0d0f10)) !important;
  border: 1px solid var(--pt-line) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
.method-card, .cart-drawer-line, .cart-catalog-item { border-color: var(--pt-line-strong) !important; border-radius: 9px !important; }
.progress-item.active, .progress-item.completed { color: #f7f8f8 !important; }
.admin-shell { grid-template-columns: 210px minmax(0,1fr); gap: 34px; padding-top: 38px; }
.admin-nav { border: 1px solid var(--pt-line); border-radius: 11px; background: var(--ui-surface-1,#0e1011); padding: 12px; }
.admin-nav a.active { box-shadow: inset 2px 0 #fff; }
.admin-content .page-heading h1 { font-size: clamp(28px,2.3vw,36px); }
.admin-content th, .admin-content td { font-size: 11px; padding-block: 15px; }

@media (max-width: 1180px) {
  .navbar .nav-links { gap: 15px !important; }
  .navbar .nav-links > a[href="#hero"], .navbar .nav-links > a[href="#features"] { display: none; }
  .navbar .nav-actions > .btn { display: none !important; }
  .hero .hero-content { column-gap: 30px !important; }
  .hero-title { font-size: clamp(48px, 5vw, 66px) !important; }
  .pricing-card, .pricing-card.bestseller { padding: 25px !important; }
  .feature-card { padding: 25px !important; }
}
@media (max-width: 900px) {
  .hero .hero-content { display: grid !important; grid-template-columns: minmax(0,1fr) minmax(0,.82fr) !important; }
  .hero-actions .btn:nth-child(3) { width: 100%; justify-content: flex-start; }
  .features-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .pricing-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .pricing-card.utility-product-card { grid-column: 1/-1; }
  .utility-showcase-grid { grid-template-columns: 1fr; }
  .utility-showcase-visual { max-width: 760px; transform: none; }
  .timeline-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .timeline-grid::before, .timeline-grid::after { display: none; }
  .timeline-card { min-height: 250px; border-top: 1px solid var(--pt-line) !important; }
  .admin-shell { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .hero { padding-top: 116px !important; }
  .hero .hero-content, .reviews-page .hero-content { display: flex !important; flex-direction: column !important; width: calc(100% - 40px) !important; }
  .hero-badge-container { order: 0; }
  .hero-title { order: 1; font-size: clamp(43px, 11vw, 67px) !important; line-height: 1.02 !important; }
  .hero-desc { order: 2; font-size: 14px !important; }
  .hero-actions { order: 3; width: 100%; }
  .tuner-badge { order: 4; }
  .performance-art { order: 5; width: min(100%,470px) !important; align-self: center; margin-block: 36px 8px !important; }
  .metrics-bar { order: 6; grid-template-columns: repeat(2,minmax(0,1fr)) !important; margin-top: 20px !important; }
  .metric-item { padding: 16px !important; border-left: 0 !important; border-bottom: 1px solid var(--pt-line); }
  .metric-item:nth-child(odd) { padding-left: 0 !important; }
  .metric-item:nth-child(even) { border-left: 1px solid var(--pt-line) !important; }
  .metric-detail { margin-top: 8px; }
  .pricing-grid { grid-template-columns: 1fr !important; }
  .pricing-card.utility-product-card { grid-column: auto; }
  .package-tagline { min-height: 0; }
  .timeline-grid { grid-template-columns: 1fr !important; border-left: 1px solid var(--pt-line-strong); margin-left: 9px; }
  .timeline-card { min-height: 0; padding: 28px 20px 35px 30px !important; border: 0 !important; border-bottom: 1px solid var(--pt-line) !important; }
  .timeline-card::before { top: 30px; left: -6px; }
  .step-number { font-size: 32px !important; margin-bottom: 13px; }
  .payments-grid { grid-template-columns: 1fr !important; }
  .payment-badge-card { min-height: 110px; }
  .reviews-page .hero { padding-top: 115px !important; }
  .reviews-page .hero-title { font-size: clamp(41px, 10vw, 60px) !important; }
  .reviews-page .reviews-hero-card { width: 100%; }
}
@media (max-width: 520px) {
  .container { padding-inline: 20px !important; }
  .section { padding-block: 74px !important; }
  .hero-title { font-size: clamp(38px, 10.9vw, 51px) !important; }
  .hero-actions .btn { width: 100%; justify-content: space-between; }
  .hero-actions .btn:nth-child(3) { justify-content: flex-start; }
  .performance-art .art-chip { padding: 8px 10px; }
  .performance-art .art-chip strong { font-size: 10px; }
  .metric-value { font-size: 28px !important; }
  .metric-label { font-size: 10px !important; }
  .features-grid { grid-template-columns: 1fr !important; }
  .feature-card { min-height: 235px; }
  .utility-showcase-visual { padding: 28px 12px 20px; }
  .utility-visual-label, .utility-visual-foot { font-size: 8px; }
  .p-main { padding-inline: 18px !important; }
  .p-stats { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .admin-content th, .admin-content td { white-space: nowrap; }
}
@media (prefers-reduced-motion: reduce) {
  .feature-card, .feature-card:hover { --pt-glow-alpha: 0 !important; }
  .hero-line, .mobile-menu.open { animation: none !important; }
  .timeline-grid::after { transition: none !important; }
  .utility-showcase-visual { transform: none !important; }
  .feature-card:hover, .pricing-card:hover, .pricing-card.bestseller:hover,
  .payment-badge-card:hover, .reviews-page .review-card:hover { transform: none !important; }
}


:root {
  --pt-action: #72e2ff;
  --pt-brand: #6bdcff;
  --pt-brand-deep: #5268ff;
  --pt-violet: #b49aff;
  --pt-lime: #c7f36b;
  --pt-sale: #ffd166;
  --pt-sale-hot: #ff8c55;
}

::selection { color: #071015; background: var(--pt-brand); }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible,
textarea:focus-visible, summary:focus-visible {
  outline-color: var(--pt-brand) !important;
  box-shadow: 0 0 0 5px rgba(107,220,255,.13) !important;
}

.navbar { border-bottom-color: rgba(107,220,255,.2) !important; }
.navbar .nav-link::after { height: 2px; background: linear-gradient(90deg,var(--pt-brand),var(--pt-violet)); }
.navbar .nav-link:hover, .navbar .nav-link.active, .navbar .nav-link[aria-current="page"] { color: #fff !important; }
.navbar .brand-icon {
  border-color: rgba(107,220,255,.72) !important;
  box-shadow: 0 0 18px rgba(107,220,255,.22), 0 0 34px rgba(82,104,255,.14) !important;
}
.navbar .brand-logo > span { color: #fff; }
.navbar .brand-logo > span > span {
  color: var(--pt-brand) !important;
  text-shadow: 0 0 15px rgba(107,220,255,.35) !important;
}
.hero {
  background: radial-gradient(ellipse at 80% 20%,rgba(82,104,255,.17),transparent 31%),
    radial-gradient(ellipse at 48% 55%,rgba(28,192,209,.08),transparent 40%),var(--pt-bg) !important;
}
.hero::before { opacity: .32 !important; }
.hero-line-secondary, .reviews-page .hero-title .gradient-text {
  background: linear-gradient(95deg,#f2f7ff 2%,var(--pt-brand) 48%,var(--pt-violet) 96%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
.hero-badge-text, .section-badge { color: var(--pt-brand) !important; }
.hero .pulse-dot { background: var(--pt-lime) !important; box-shadow: 0 0 13px rgba(199,243,107,.75) !important; }
.performance-art::before { border-color: rgba(107,220,255,.2); box-shadow: 0 0 0 52px rgba(180,154,255,.035),0 0 0 104px rgba(107,220,255,.025); }
.art-chip { border-color: rgba(107,220,255,.36); }
.art-chip strong { color: var(--pt-brand); }
.metric-item:nth-child(4n + 1) .metric-value { color: var(--pt-brand); }
.metric-item:nth-child(4n + 2) .metric-value { color: var(--pt-violet); }
.metric-item:nth-child(4n + 3) .metric-value { color: var(--pt-lime); }
.metric-item:nth-child(4n) .metric-value { color: #ffad76; }
#features { background: radial-gradient(ellipse at 4% 20%,rgba(22,177,194,.12),transparent 35%),linear-gradient(180deg,var(--ui-surface-1,#080b12),var(--ui-surface-1,#0b1118) 46%,var(--ui-surface-1,#080b12)) !important; }
#packages { background: radial-gradient(ellipse at 8% 15%,rgba(82,104,255,.12),transparent 34%),radial-gradient(ellipse at 94% 70%,rgba(180,154,255,.1),transparent 36%),var(--ui-surface-0,#07080d) !important; }
#process { background: radial-gradient(ellipse at 88% 25%,rgba(180,154,255,.1),transparent 32%),var(--ui-surface-1,#080a11) !important; }
#payments { background: radial-gradient(ellipse at 5% 45%,rgba(107,220,255,.1),transparent 34%),var(--ui-surface-1,#080b11) !important; }
#faq { background: radial-gradient(ellipse at 90% 12%,rgba(82,104,255,.09),transparent 36%),var(--ui-surface-0,#07090f) !important; }
.footer { background: radial-gradient(ellipse at 85% 0%,rgba(82,104,255,.12),transparent 42%),var(--ui-surface-0,#07080d) !important; border-top-color: rgba(180,154,255,.16) !important; }


.hero-content > .sale-banner {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  gap: clamp(12px,2vw,24px);
  min-height: 76px;
  margin-bottom: 34px !important;
  padding: 15px clamp(16px,2.5vw,28px) !important;
  border: 1px solid rgba(255,209,102,.62) !important;
  border-radius: 14px !important;
  background: radial-gradient(ellipse at 0% 50%,rgba(255,140,85,.18),transparent 42%),
    linear-gradient(100deg,color-mix(in srgb,var(--ui-surface-3,#452815) 96%,transparent),color-mix(in srgb,var(--ui-surface-2,#2a1f16) 96%,transparent) 48%,color-mix(in srgb,var(--ui-surface-3,#211c33) 97%,transparent)) !important;
  box-shadow: 0 12px 42px rgba(255,140,85,.13),inset 0 1px rgba(255,255,255,.1) !important;
  transition: transform .28s var(--pt-ease), box-shadow .28s ease,border-color .28s ease !important;
}
.hero-content > .sale-banner::before {
  content: "";
  position: absolute;
  inset: -80% auto -80% -45%;
  z-index: -1;
  width: 35%;
  background: linear-gradient(90deg,transparent,rgba(255,255,255,.11),transparent);
  transform: skewX(-22deg);
  animation: pt-sale-sweep 4.8s ease-in-out infinite;
  pointer-events: none;
}
.hero-content > .sale-banner:hover {
  transform: translateY(-3px) !important;
  border-color: var(--pt-sale) !important;
  box-shadow: 0 17px 50px rgba(255,140,85,.22),0 0 0 1px rgba(255,209,102,.12) !important;
}
.sale-banner-mark, .sale-chip {
  border: 1px solid rgba(255,232,172,.7) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg,var(--pt-sale),#ffad62) !important;
  color: #2a1606 !important;
  box-shadow: 0 5px 18px rgba(255,177,76,.3) !important;
  font-weight: 900 !important;
  letter-spacing: .04em;
}
.sale-banner-mark { padding: 7px 12px !important; font-size: 10px !important; }
.sale-banner-copy strong { color: #fff1cd !important; font-size: clamp(14px,1.45vw,19px) !important; letter-spacing: -.02em; }
.sale-banner-prices { color: #f9ddb3 !important; }
.sale-banner-prices strong { color: var(--pt-sale) !important; font-size: 19px !important; }
.sale-banner-cta { color: #fff !important; font-weight: 800; }
.sale-banner-cta span { color: var(--pt-sale); display: inline-block; transition: transform .22s var(--pt-ease); }
.sale-banner:hover .sale-banner-cta span { transform: translateX(5px); }
.price-wrap { position: relative; }
.price-original { color: #b1a99e !important; text-decoration-color: var(--pt-sale-hot) !important; text-decoration-thickness: 2px !important; }
.pricing-card:has(.sale-chip:not([hidden])) .price-wrap { border-block-color: rgba(255,209,102,.3); }
.pricing-card:has(.sale-chip:not([hidden])) .price-amount { color: var(--pt-sale) !important; text-shadow: 0 0 28px rgba(255,209,102,.16); }
.pricing-card:has(.sale-chip:not([hidden])) .sale-chip { animation: pt-sale-pulse 2.8s ease-in-out infinite; }
.quote-row .discount, .summary-total-lines #summaryDiscount, .summary-mobile #summaryDiscount,
.p-promo-value, .p-sale-discount { color: var(--pt-sale) !important; }
.site-sale-toggle input, .p-sale-discount input, .p-form input[name="saleEnabled"] { accent-color: var(--pt-sale) !important; }

.btn-primary, .p-btn.primary, .primary-button {
  background: linear-gradient(110deg,#8beaff,var(--pt-brand) 52%,#a7b3ff) !important;
  border-color: transparent !important;
  color: #06131b !important;
  box-shadow: 0 8px 28px rgba(75,198,255,.21) !important;
}
.btn-primary:hover, .p-btn.primary:hover, .primary-button:hover {
  background: linear-gradient(110deg,#c2f4ff,#8bceff 52%,#d0c2ff) !important;
  box-shadow: 0 13px 36px rgba(75,198,255,.3) !important;
}
.btn-secondary:hover, .btn-bestseller:hover, .p-btn:not(.primary):not(.danger):hover,
.outline-button:hover, .view-button:hover { border-color: rgba(107,220,255,.65) !important; }

.feature-card {
  background: radial-gradient(260px circle at var(--pt-pointer-x,50%) var(--pt-pointer-y,50%),rgba(107,220,255,var(--pt-glow-alpha,0)),transparent 74%),
    linear-gradient(150deg,var(--ui-surface-2,#171923),var(--ui-surface-1,#0c0d12) 75%) !important;
}
.feature-card:nth-child(3n + 1) .feature-icon-wrapper { color: var(--pt-brand) !important; border-color: rgba(107,220,255,.32); background: rgba(107,220,255,.07) !important; }
.feature-card:nth-child(3n + 2) .feature-icon-wrapper { color: var(--pt-violet) !important; border-color: rgba(180,154,255,.32); background: rgba(180,154,255,.07) !important; }
.feature-card:nth-child(3n) .feature-icon-wrapper { color: var(--pt-lime) !important; border-color: rgba(199,243,107,.3); background: rgba(199,243,107,.06) !important; }
.feature-card::before { color: rgba(107,220,255,.72); }
.feature-card:hover { border-color: rgba(107,220,255,.55) !important; box-shadow: 0 18px 45px rgba(37,128,190,.12); }
.pricing-card, .pricing-card.bestseller {
  background: radial-gradient(ellipse at 100% 0%,rgba(82,104,255,.09),transparent 48%),linear-gradient(165deg,var(--ui-surface-2,#151720),var(--ui-surface-1,#0b0c11) 70%) !important;
  transition: transform .32s var(--pt-ease),border-color .32s ease,box-shadow .32s ease !important;
}
.pricing-card:hover, .pricing-card.bestseller:hover { border-color: rgba(107,220,255,.6) !important; box-shadow: 0 22px 54px rgba(42,111,176,.16) !important; }
.pricing-card.bestseller {
  border-color: rgba(180,154,255,.74) !important;
  background: radial-gradient(ellipse at 100% 0%,rgba(180,154,255,.18),transparent 48%),linear-gradient(155deg,var(--ui-surface-3,#25213a),var(--ui-surface-1,#10111a) 63%,var(--ui-surface-1,#0b0c11)) !important;
  box-shadow: 0 20px 55px rgba(94,67,166,.2),inset 0 1px rgba(255,255,255,.09) !important;
}
.pricing-card.bestseller::after { background: linear-gradient(115deg,transparent 22%,rgba(180,154,255,.42),transparent 73%); }
.bestseller-badge { background: linear-gradient(110deg,#d6c9ff,#a98cff) !important; color: #1c1433 !important; box-shadow: 0 5px 17px rgba(180,154,255,.24) !important; }
.feature-check { color: var(--pt-lime) !important; }
.utility-showcase { background: radial-gradient(ellipse at 88% 50%,rgba(82,104,255,.12),transparent 36%),linear-gradient(180deg,var(--ui-surface-1,#0a0c12),var(--ui-surface-1,#10101a) 55%,var(--ui-surface-0,#090a10)); }
.utility-showcase-visual { border-color: rgba(180,154,255,.34); background: radial-gradient(circle at 50% -25%,rgba(180,154,255,.17),transparent 55%),var(--ui-surface-1,#10121a); }
.utility-spec-list > div:hover strong { color: var(--pt-brand); }
.timeline-grid::after { background: linear-gradient(90deg,var(--pt-brand),var(--pt-violet),var(--pt-lime)); }
.timeline-card::before { border-color: var(--pt-violet); }
.timeline-card.is-current::before { background: var(--pt-lime); border-color: var(--pt-lime); box-shadow: 0 0 0 6px #050505,0 0 18px rgba(199,243,107,.65); }
.step-number { color: var(--pt-violet) !important; }
.step-title { color: #e9e4ff; }
.faq-item:hover, .faq-item.active { border-color: rgba(180,154,255,.48) !important; background: rgba(180,154,255,.055) !important; }
.faq-item.active .faq-icon { color: var(--pt-violet); }
.cta-banner { border-color: rgba(107,220,255,.34) !important; background: radial-gradient(circle at 80% 10%,rgba(82,104,255,.2),transparent 38%),linear-gradient(140deg,var(--ui-surface-2,#191b2a),var(--ui-surface-1,#0b0d15)) !important; }
.reviews-page .reviews-hero-card { border-color: rgba(180,154,255,.42) !important; background: radial-gradient(circle at 100% 0%,rgba(180,154,255,.16),transparent 46%),linear-gradient(130deg,var(--ui-surface-2,#191722),var(--ui-surface-1,#0b0c12)) !important; }
.reviews-page .review-card:hover { border-color: rgba(180,154,255,.62) !important; box-shadow: 0 16px 40px rgba(120,79,190,.15) !important; }
.review-stars-row, .review-stars { color: var(--pt-sale) !important; }


.payment-badge-card--paypal {
  border-color: rgba(0,156,222,.55) !important;
  background: linear-gradient(135deg,rgba(0,74,160,.3),var(--ui-surface-2,#111521) 70%) !important;
}
.payment-badge-card--paypal .payment-icon-wrap { background: rgba(0,156,222,.15) !important; box-shadow: 0 0 24px rgba(0,156,222,.13) !important; }
.payment-badge-card--paypal .payment-name { color: #8ddcff !important; }
.payment-badge-card--paysafe {
  border-color: rgba(255,93,117,.42) !important;
  background: linear-gradient(135deg,rgba(115,36,77,.28),var(--ui-surface-1,#15121a) 70%) !important;
}
.payment-badge-card--paysafe .payment-icon-wrap { background: rgba(255,93,117,.13) !important; box-shadow: 0 0 24px rgba(255,93,117,.12) !important; }
.payment-badge-card--paysafe .payment-name { color: #ffabb7 !important; }
.social-icon-btn.twitter-link { background: #1d9bf0 !important; border-color: #1d9bf0 !important; color: #fff !important; }
.social-icon-btn.youtube-link { background: #e62117 !important; border-color: #ff3930 !important; color: #fff !important; }
.social-icon-btn.order-btn { background: #5865f2 !important; border-color: #7380ff !important; color: #fff !important; }
.social-icon-btn.tiktok-link { border-color: #25f4ee !important; color: #fff !important; }
.social-icon-btn.tiktok-link svg { filter: drop-shadow(-1px 0 #25f4ee) drop-shadow(1px 0 #fe2c55) !important; }
.footer-link.tiktok-link:hover, .nav-link.tiktok-link:hover { color: #25f4ee !important; }
.footer-link.youtube-link:hover, .nav-link.youtube-link:hover { color: #ff5750 !important; }
.footer-link.order-link:hover { color: #aeb6ff !important; }

.p-nav a[aria-current="page"] { background: rgba(107,220,255,.1) !important; box-shadow: inset 2px 0 var(--pt-brand) !important; color: var(--pt-brand) !important; }
.p-card { background: radial-gradient(ellipse at 100% 0%,rgba(82,104,255,.08),transparent 44%),linear-gradient(150deg,var(--ui-surface-2,#151720),var(--ui-surface-1,#0c0d12)) !important; }
.p-input:focus, .p-form input:focus, .p-form select:focus, .p-form textarea:focus { border-color: var(--pt-brand) !important; box-shadow: 0 0 0 3px rgba(107,220,255,.1) !important; }
.checkout-header .brand, .brand { color: #fff; }
.checkout-header .brand img, .brand img { box-shadow: 0 0 0 2px rgba(107,220,255,.35),0 0 22px rgba(82,104,255,.18); }
.progress-item.active .progress-dot { background: var(--pt-brand) !important; border-color: var(--pt-brand) !important; color: #06131b !important; }
.method-card[data-brand="paypal"].selected { border-color: #4bc8ff !important; box-shadow: 0 0 0 1px rgba(75,200,255,.5),0 0 22px rgba(75,200,255,.1) !important; }
.method-card[data-brand="paysafe"].selected { border-color: #ff718a !important; box-shadow: 0 0 0 1px rgba(255,113,138,.42),0 0 22px rgba(255,113,138,.1) !important; }

@media (prefers-reduced-motion: no-preference) {
  @keyframes pt-sale-sweep { 0%,48% { transform: translateX(-40%) skewX(-22deg); opacity: 0; } 58% { opacity: 1; } 80%,100% { transform: translateX(490%) skewX(-22deg); opacity: 0; } }
  @keyframes pt-sale-pulse { 0%,100% { box-shadow: 0 5px 18px rgba(255,177,76,.25); } 50% { box-shadow: 0 6px 24px rgba(255,177,76,.48); } }
  @keyframes pt-logo-aura { 0%,100% { box-shadow: 0 0 16px rgba(107,220,255,.18),0 0 28px rgba(82,104,255,.12); } 50% { box-shadow: 0 0 23px rgba(107,220,255,.38),0 0 39px rgba(180,154,255,.2); } }
  @keyframes pt-section-glow { 0%,100% { opacity: .45; } 50% { opacity: .85; } }
  @keyframes pt-bestseller-glow { 0%,100% { box-shadow: 0 20px 55px rgba(94,67,166,.16),inset 0 1px rgba(255,255,255,.09); } 50% { box-shadow: 0 24px 62px rgba(120,85,208,.28),inset 0 1px rgba(255,255,255,.14); } }
  .navbar .brand-icon { animation: pt-logo-aura 4.5s ease-in-out infinite; }
  .section-header .section-badge { animation: pt-section-glow 3.5s ease-in-out infinite; }
  .pricing-grid > .pricing-card:nth-child(1) { transition-delay: 0ms; }
  .pricing-grid > .pricing-card:nth-child(2) { transition-delay: 70ms; }
  .pricing-grid > .pricing-card:nth-child(3) { transition-delay: 140ms; }
  .features-grid > .feature-card:nth-child(3n + 2), .timeline-grid > .timeline-card:nth-child(even) { transition-delay: 65ms; }
  .features-grid > .feature-card:nth-child(3n), .timeline-grid > .timeline-card:nth-child(4n) { transition-delay: 130ms; }
  .feature-card .feature-icon-wrapper, .payment-icon-wrap, .social-icon-btn svg { transition: transform .3s var(--pt-ease),filter .3s ease; }
  .feature-card:hover .feature-icon-wrapper, .payment-badge-card:hover .payment-icon-wrap { transform: translateY(-3px) scale(1.07); }
  .social-icon-btn:hover svg { transform: scale(1.12) rotate(-5deg); }
  .payment-badge-card--paypal:hover { box-shadow: 0 13px 35px rgba(0,156,222,.14) !important; }
  .payment-badge-card--paysafe:hover { box-shadow: 0 13px 35px rgba(255,93,117,.13) !important; }
  .pricing-card.bestseller { animation: pt-bestseller-glow 5s ease-in-out infinite; }
  .review-stars-row, .review-stars { animation: pt-section-glow 3.8s ease-in-out infinite; }
}

@media (max-width: 700px) {
  .hero-content > .sale-banner { display: grid; grid-template-columns: auto 1fr; gap: 8px 12px; margin-bottom: 25px !important; }
  .sale-banner-copy { min-width: 0; }
  .sale-banner-prices { grid-column: 2; }
  .sale-banner-cta { grid-column: 1/-1; justify-self: end; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-content > .sale-banner::before, .pricing-card:has(.sale-chip:not([hidden])) .sale-chip,
  .navbar .brand-icon, .section-header .section-badge, .pricing-card.bestseller,
  .review-stars-row, .review-stars { animation: none !important; }
  .features-grid > *, .pricing-grid > *, .timeline-grid > * { transition-delay: 0ms !important; }
}


:root {
  --pt-action: #f8f9ff;
  --pt-brand: #f8f9ff;
  --pt-brand-deep: #fff;
  --pt-violet: #f0f1f5;
}

::selection { color: #111; background: #fff; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible,
textarea:focus-visible, summary:focus-visible {
  outline-color: #fff !important;
  box-shadow: 0 0 0 5px rgba(255,255,255,.14) !important;
}
.navbar { border-bottom-color: rgba(255,255,255,.16) !important; }
.navbar .nav-link::after { background: linear-gradient(90deg,#fff,#dfe3eb); }
.navbar .brand-icon {
  border-color: rgba(255,255,255,.8) !important;
  box-shadow: 0 0 15px rgba(255,255,255,.36),0 0 36px rgba(255,255,255,.17) !important;
}
.navbar .brand-logo > span > span { color: #fff !important; text-shadow: 0 0 16px rgba(255,255,255,.72) !important; }
.hero {
  background: radial-gradient(ellipse at 80% 20%,rgba(255,255,255,.13),transparent 31%),
    radial-gradient(ellipse at 48% 55%,rgba(255,255,255,.07),transparent 40%),var(--pt-bg) !important;
}
.hero::before { background-image: linear-gradient(rgba(255,255,255,.038) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.038) 1px,transparent 1px); }
.hero-line-secondary, .reviews-page .hero-title .gradient-text {
  background: linear-gradient(95deg,#fff 4%,#e9ebf0 52%,#fff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  filter: drop-shadow(0 0 18px rgba(255,255,255,.16));
}
.hero-badge-text, .section-badge { color: #f1f2f5 !important; text-shadow: 0 0 12px rgba(255,255,255,.3); }
.performance-art::before { border-color: rgba(255,255,255,.2); box-shadow: 0 0 0 52px rgba(255,255,255,.035),0 0 0 104px rgba(255,255,255,.02); }
.art-chip { border-color: rgba(255,255,255,.48); box-shadow: 0 0 26px rgba(255,255,255,.08); }
.art-chip strong { color: #fff; text-shadow: 0 0 13px rgba(255,255,255,.5); }
.metric-item:nth-child(4n + 1) .metric-value, .metric-item:nth-child(4n + 2) .metric-value {
  color: #fff;
  text-shadow: 0 0 22px rgba(255,255,255,.34);
}
#features { background: radial-gradient(ellipse at 4% 20%,rgba(255,255,255,.075),transparent 35%),linear-gradient(180deg,var(--ui-surface-0,#090a0c),var(--ui-surface-1,#101113) 46%,var(--ui-surface-0,#090a0c)) !important; }
#packages { background: radial-gradient(ellipse at 8% 15%,rgba(255,255,255,.075),transparent 34%),radial-gradient(ellipse at 94% 70%,rgba(255,255,255,.06),transparent 36%),var(--ui-surface-0,#08090b) !important; }
#process { background: radial-gradient(ellipse at 88% 25%,rgba(255,255,255,.07),transparent 32%),var(--ui-surface-0,#090a0c) !important; }
#payments { background: radial-gradient(ellipse at 5% 45%,rgba(255,255,255,.065),transparent 34%),var(--ui-surface-0,#090a0c) !important; }
#faq { background: radial-gradient(ellipse at 90% 12%,rgba(255,255,255,.055),transparent 36%),var(--ui-surface-0,#08090b) !important; }
.footer { background: radial-gradient(ellipse at 85% 0%,rgba(255,255,255,.08),transparent 42%),var(--ui-surface-0,#08090b) !important; border-top-color: rgba(255,255,255,.18) !important; }

.btn-primary, .p-btn.primary, .primary-button {
  background: linear-gradient(110deg,#fff,#eceef3 58%,#fff) !important;
  border-color: rgba(255,255,255,.9) !important;
  color: #090a0b !important;
  box-shadow: 0 8px 30px rgba(255,255,255,.22),0 0 38px rgba(255,255,255,.1) !important;
}
.btn-primary:hover, .p-btn.primary:hover, .primary-button:hover {
  background: #fff !important;
  box-shadow: 0 12px 36px rgba(255,255,255,.34),0 0 48px rgba(255,255,255,.18) !important;
}
.btn-secondary:hover, .btn-bestseller:hover, .p-btn:not(.primary):not(.danger):hover,
.outline-button:hover, .view-button:hover { border-color: rgba(255,255,255,.72) !important; box-shadow: 0 0 24px rgba(255,255,255,.08) !important; }

.feature-card {
  background: radial-gradient(260px circle at var(--pt-pointer-x,50%) var(--pt-pointer-y,50%),rgba(255,255,255,var(--pt-glow-alpha,0)),transparent 74%),
    linear-gradient(150deg,var(--ui-surface-1,#17181b),var(--ui-surface-0,#0d0e10) 75%) !important;
}
.feature-card:nth-child(3n + 1) .feature-icon-wrapper,
.feature-card:nth-child(3n + 2) .feature-icon-wrapper {
  color: #fff !important;
  border-color: rgba(255,255,255,.34);
  background: rgba(255,255,255,.075) !important;
  box-shadow: 0 0 22px rgba(255,255,255,.08) !important;
}
.feature-card:hover { border-color: rgba(255,255,255,.55) !important; box-shadow: 0 18px 45px rgba(255,255,255,.1) !important; }
.feature-card::before { color: rgba(255,255,255,.72); }
.pricing-card, .pricing-card.bestseller {
  background: radial-gradient(ellipse at 100% 0%,rgba(255,255,255,.075),transparent 48%),linear-gradient(165deg,var(--ui-surface-1,#161719),var(--ui-surface-0,#0c0d0f) 70%) !important;
}
.pricing-card:hover, .pricing-card.bestseller:hover { border-color: rgba(255,255,255,.72) !important; box-shadow: 0 22px 54px rgba(255,255,255,.12) !important; }
.pricing-card.bestseller {
  border-color: rgba(255,255,255,.7) !important;
  background: radial-gradient(ellipse at 100% 0%,rgba(255,255,255,.14),transparent 48%),linear-gradient(155deg,var(--ui-surface-2,#252629),var(--ui-surface-1,#111214) 63%,var(--ui-surface-0,#0b0c0e)) !important;
  box-shadow: 0 20px 55px rgba(255,255,255,.11),inset 0 1px rgba(255,255,255,.12) !important;
}
.pricing-card.bestseller::after { background: linear-gradient(115deg,transparent 22%,rgba(255,255,255,.48),transparent 73%); }
.bestseller-badge { background: linear-gradient(110deg,#fff,#e3e5ea) !important; color: #151619 !important; box-shadow: 0 5px 20px rgba(255,255,255,.2) !important; }
.utility-showcase { background: radial-gradient(ellipse at 88% 50%,rgba(255,255,255,.09),transparent 36%),linear-gradient(180deg,var(--ui-surface-0,#0b0c0e),var(--ui-surface-1,#111214) 55%,var(--ui-surface-0,#090a0c)); }
.utility-showcase-visual { border-color: rgba(255,255,255,.36); background: radial-gradient(circle at 50% -25%,rgba(255,255,255,.14),transparent 55%),var(--ui-surface-1,#111214); box-shadow: 0 34px 75px rgba(0,0,0,.45),0 0 42px rgba(255,255,255,.08); }
.utility-spec-list > div:hover strong { color: #fff; text-shadow: 0 0 12px rgba(255,255,255,.34); }
.timeline-grid::after { background: linear-gradient(90deg,#fff,#e1e3e8,#fff); box-shadow: 0 0 12px rgba(255,255,255,.35); }
.timeline-card::before { border-color: rgba(255,255,255,.72); }
.timeline-card.is-current::before { background: #fff; border-color: #fff; box-shadow: 0 0 0 6px #050505,0 0 19px rgba(255,255,255,.72); }
.step-number, .step-title { color: #f0f1f4 !important; text-shadow: 0 0 14px rgba(255,255,255,.12); }
.faq-item:hover, .faq-item.active { border-color: rgba(255,255,255,.44) !important; background: rgba(255,255,255,.055) !important; box-shadow: 0 0 28px rgba(255,255,255,.05); }
.faq-item.active .faq-icon { color: #fff; filter: drop-shadow(0 0 7px rgba(255,255,255,.75)); }
.cta-banner { border-color: rgba(255,255,255,.42) !important; background: radial-gradient(circle at 80% 10%,rgba(255,255,255,.14),transparent 38%),linear-gradient(140deg,var(--ui-surface-1,#1a1b1e),var(--ui-surface-0,#0b0c0e)) !important; box-shadow: 0 35px 65px rgba(0,0,0,.3),0 0 36px rgba(255,255,255,.09) !important; }
.reviews-page .reviews-hero-card { border-color: rgba(255,255,255,.4) !important; background: radial-gradient(circle at 100% 0%,rgba(255,255,255,.12),transparent 46%),linear-gradient(130deg,var(--ui-surface-1,#1b1b1e),var(--ui-surface-0,#0c0d0f)) !important; }
.reviews-page .review-card:hover { border-color: rgba(255,255,255,.6) !important; box-shadow: 0 16px 40px rgba(255,255,255,.1) !important; }


.payment-badge-card--paypal {
  border-color: rgba(125,211,252,.68) !important;
  background: linear-gradient(135deg,rgba(20,91,137,.42),var(--ui-surface-1,#10151a) 72%) !important;
}
.payment-badge-card--paypal .payment-icon-wrap { background: rgba(125,211,252,.18) !important; box-shadow: 0 0 25px rgba(125,211,252,.2) !important; }
.payment-badge-card--paypal .payment-name { color: #a7e3ff !important; }
.payment-badge-card--unavailable {
  opacity: 1 !important;
  filter: none !important;
  border-color: rgba(255,91,107,.35) !important;
  background: linear-gradient(135deg,rgba(105,31,42,.15),var(--ui-surface-1,#111214) 72%) !important;
}
.payment-badge-card--unavailable .payment-icon-wrap { color: #92969b !important; }
.payment-badge-card--unavailable .payment-name { color: #a5a7ab !important; }
.payment-badge-card--unavailable .payment-note { color: #ff7180 !important; font-weight: 600; }
.payment-badge-card--paysafe {
  border-color: rgba(67,111,201,.68) !important;
  background: linear-gradient(135deg,rgba(18,51,116,.72),var(--ui-surface-2,#0d1422) 72%) !important;
}
.payment-badge-card--paysafe .payment-icon-wrap { background: rgba(38,82,166,.34) !important; box-shadow: 0 0 25px rgba(52,105,208,.18) !important; }
.payment-badge-card--paysafe .payment-name { color: #b1caff !important; }
.method-card[data-brand="paypal"] { border-color: rgba(125,211,252,.52) !important; background: linear-gradient(105deg,rgba(20,91,137,.25),var(--ui-surface-1,#171819) 58%) !important; }
.method-card[data-brand="paypal"].selected { border-color: #7dd3fc !important; box-shadow: 0 0 0 1px rgba(125,211,252,.48),0 0 24px rgba(125,211,252,.14) !important; }
.method-card[data-brand="paypal"] .method-fallback { color: #e8f8ff !important; background: #176b9b !important; }
.method-card[data-brand="paypal"] .method-copy strong { color: #a7e3ff !important; }
.method-card[data-brand="paysafe"] { border-color: rgba(67,111,201,.64) !important; background: linear-gradient(105deg,rgba(18,51,116,.7),var(--ui-surface-2,#10192b) 62%,var(--ui-surface-1,#171819)) !important; }
.method-card[data-brand="paysafe"].selected { border-color: #6f9be8 !important; box-shadow: 0 0 0 1px rgba(67,111,201,.55),0 0 24px rgba(42,86,177,.2) !important; }
.method-card[data-brand="paysafe"] .method-fallback { color: #e9f2ff !important; background: #123a70 !important; }
.method-card[data-brand="paysafe"] .method-copy strong { color: #b1caff !important; }
.social-icon-btn.twitter-link, .social-icon-btn.order-btn, .btn.order-btn { background: #f8f9fb !important; border-color: #fff !important; color: #0b0c0e !important; box-shadow: 0 0 24px rgba(255,255,255,.18) !important; }
.social-icon-btn.twitter-link:hover, .social-icon-btn.order-btn:hover, .btn.order-btn:hover { background: #fff !important; box-shadow: 0 0 32px rgba(255,255,255,.36) !important; }
.social-icon-btn.tiktok-link svg { filter: drop-shadow(-1px 0 #fff) drop-shadow(1px 0 #fe2c55) !important; }
.footer-link.tiktok-link:hover, .nav-link.tiktok-link:hover, .footer-link.order-link:hover { color: #fff !important; text-shadow: 0 0 12px rgba(255,255,255,.6); }

.p-nav a[aria-current="page"] { background: rgba(255,255,255,.1) !important; box-shadow: inset 2px 0 #fff,0 0 20px rgba(255,255,255,.07) !important; color: #fff !important; }
.p-card { background: radial-gradient(ellipse at 100% 0%,rgba(255,255,255,.075),transparent 44%),linear-gradient(150deg,var(--ui-surface-1,#161719),var(--ui-surface-0,#0d0e10)) !important; }
.p-input:focus, .p-form input:focus, .p-form select:focus, .p-form textarea:focus { border-color: #fff !important; box-shadow: 0 0 0 3px rgba(255,255,255,.14),0 0 22px rgba(255,255,255,.1) !important; }
.checkout-header .brand img, .brand img { box-shadow: 0 0 0 2px rgba(255,255,255,.52),0 0 24px rgba(255,255,255,.24); }
.progress-item.active .progress-dot { background: #fff !important; border-color: #fff !important; color: #090a0b !important; box-shadow: 0 0 22px rgba(255,255,255,.38); }
.hero-content > .sale-banner {
  background: radial-gradient(ellipse at 0% 50%,rgba(255,140,85,.18),transparent 42%),
    linear-gradient(100deg,color-mix(in srgb,var(--ui-surface-3,#452815) 96%,transparent),color-mix(in srgb,var(--ui-surface-2,#2a251e) 96%,transparent) 48%,color-mix(in srgb,var(--ui-surface-2,#1f1f22) 98%,transparent)) !important;
}

@media (prefers-reduced-motion: no-preference) {
  @keyframes pt-logo-aura { 0%,100% { box-shadow: 0 0 15px rgba(255,255,255,.26),0 0 30px rgba(255,255,255,.12); } 50% { box-shadow: 0 0 24px rgba(255,255,255,.58),0 0 44px rgba(255,255,255,.22); } }
  @keyframes pt-bestseller-glow { 0%,100% { box-shadow: 0 20px 55px rgba(255,255,255,.08),inset 0 1px rgba(255,255,255,.1); } 50% { box-shadow: 0 24px 62px rgba(255,255,255,.2),inset 0 1px rgba(255,255,255,.16); } }
  .payment-badge-card--paypal:hover { box-shadow: 0 13px 35px rgba(125,211,252,.2) !important; }
  .payment-badge-card--paysafe:hover { box-shadow: 0 13px 35px rgba(52,105,208,.2) !important; }
}


:root {
  --pt-warm: #ead7ae;
  --pt-precision: #c7f36b;
  --pt-hairline: rgba(255,255,255,.13);
  --pt-surface-light: rgba(255,255,255,.055);
}
body { -webkit-font-smoothing: antialiased; }
body:has(.navbar), body:has(.contact-main), body:has(.p-shell), body:has(.checkout-shell) {
  background-color: var(--ui-surface-0,#050506) !important;
}
body:has(.contact-main) { overflow-x: clip; }
body:has(.navbar)::selection { background: var(--pt-warm); }
.navbar, .contact-header, .checkout-header, .p-topbar {
  box-shadow: inset 0 1px rgba(255,255,255,.045),0 15px 45px rgba(0,0,0,.17);
}
.navbar::after, .contact-header::after, .checkout-header::after { content: ''; position: absolute; left: 0; bottom: -1px; width: var(--pt-reading-progress,0%); height: 1px; background: linear-gradient(90deg,rgba(255,255,255,.25),#fff); box-shadow: 0 0 12px rgba(255,255,255,.65); pointer-events: none; }
.contact-header, .checkout-header { position: relative; }
.navbar .brand-logo, .contact-brand, .p-brand { letter-spacing: .105em !important; }
.navbar .nav-link, .contact-header nav a { transition: color .24s ease,opacity .24s ease; }
.navbar .nav-link:hover, .contact-header nav a:hover { color: #fff !important; text-shadow: 0 0 16px rgba(255,255,255,.3); }

.hero { isolation: isolate; }
.hero .hero-content { position: relative; }
.hero-badge-text, .section-badge, .p-eyebrow, .pc-eyebrow, .contact-eyebrow {
  font-weight: 700 !important;
  letter-spacing: .22em !important;
}
.hero-title { text-wrap: balance; text-shadow: 0 0 42px rgba(255,255,255,.08); }
.hero-desc, .section-subtitle { text-wrap: pretty; }
.hero-actions .btn, .cta-banner .btn { font-weight: 700 !important; }
.performance-art { transition: transform .7s cubic-bezier(.22,1,.36,1),filter .7s ease; }
.performance-art:hover { transform: translateY(-7px) scale(1.012); filter: drop-shadow(0 30px 62px rgba(255,255,255,.08)); }
.art-chip { box-shadow: 0 24px 50px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.14) !important; }
.metrics-bar { position: relative; border-top: 1px solid var(--pt-hairline); }
.metrics-bar::before { content: ''; position: absolute; left: 0; top: -1px; width: min(22%,180px); height: 1px; background: #fff; box-shadow: 0 0 18px rgba(255,255,255,.8); }

.section { position: relative; }
.section-header { position: relative; }
.section-header::before { content: ''; display: block; width: 28px; height: 1px; margin-bottom: 18px; background: var(--pt-warm); box-shadow: 0 0 12px rgba(234,215,174,.45); }
.section-title { text-wrap: balance; }
.feature-card, .pricing-card, .payment-badge-card, .reviews-page .review-card,
.pc-wizard, .pc-choice-card, .contact-card, .step-panel, .summary-card, .p-card {
  box-shadow: inset 0 1px rgba(255,255,255,.085),0 22px 70px rgba(0,0,0,.19) !important;
}
.feature-card, .pricing-card, .payment-badge-card, .reviews-page .review-card,
.pc-choice-card, .p-card {
  transition: transform .36s cubic-bezier(.22,1,.36,1),border-color .3s ease,box-shadow .3s ease !important;
}
.feature-card:hover, .pricing-card:hover, .payment-badge-card:hover,
.reviews-page .review-card:hover, .pc-choice-card:hover, .p-card:hover {
  box-shadow: inset 0 1px rgba(255,255,255,.14),0 28px 80px rgba(0,0,0,.3),0 0 35px rgba(255,255,255,.045) !important;
}
.feature-title, .package-name, .step-title, .contact-card h2, .p-card-head h2 {
  text-wrap: balance;
  letter-spacing: -.045em !important;
}
.feature-desc, .package-tagline, .step-desc { color: #b4b6bb !important; }
.feature-icon-wrapper, .p-list-icon { box-shadow: inset 0 1px rgba(255,255,255,.09) !important; }
.pricing-card { overflow: hidden; }
.pricing-card .package-name { font-weight: 600 !important; }
.pricing-card .price-amount { font-weight: 600 !important; }
.pricing-card.bestseller { box-shadow: inset 0 1px rgba(255,255,255,.2),0 30px 75px rgba(0,0,0,.4),0 0 42px rgba(255,255,255,.055) !important; }
.pricing-card .btn, .pc-button-primary { min-height: 51px; }
.pricing-card { background: radial-gradient(circle at var(--pt-pointer-x,85%) var(--pt-pointer-y,0%),rgba(255,255,255,.095),transparent 45%),linear-gradient(165deg,var(--ui-surface-1,#17181a),var(--ui-surface-0,#0b0c0e) 70%) !important; }
.pricing-card.bestseller { background: radial-gradient(circle at var(--pt-pointer-x,85%) var(--pt-pointer-y,0%),rgba(255,255,255,.16),transparent 45%),linear-gradient(155deg,var(--ui-surface-2,#242528),var(--ui-surface-1,#101113) 63%,var(--ui-surface-0,#0a0b0d)) !important; }
.utility-showcase-visual { box-shadow: inset 0 1px rgba(255,255,255,.12),0 42px 90px rgba(0,0,0,.45),0 0 65px rgba(255,255,255,.06) !important; }
.faq-question { letter-spacing: -.025em; }
.faq-item.active { box-shadow: inset 2px 0 #fff,0 0 28px rgba(255,255,255,.04) !important; }
.cta-banner { position: relative; overflow: hidden; padding: clamp(42px,6vw,82px) !important; }
.cta-banner::before { content: ''; position: absolute; right: -15%; bottom: -80%; width: 70%; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.085); border-radius: 50%; box-shadow: 0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.015); pointer-events: none; }
.cta-banner > * { position: relative; z-index: 1; }
.cta-title { font-weight: 600 !important; letter-spacing: -.06em !important; text-wrap: balance; }
.footer { border-top: 1px solid rgba(255,255,255,.16); }
.footer-heading { letter-spacing: .13em; }
.footer-link { transition: color .25s ease,transform .25s ease; }
.footer-link:hover { transform: translateX(3px); }

.reviews-page .reviews-hero-card, .reviews-page .review-card { backdrop-filter: blur(16px); }
.reviews-page .review-card { background: radial-gradient(circle at var(--pt-pointer-x,50%) var(--pt-pointer-y,50%),rgba(255,255,255,.075),transparent 55%),linear-gradient(150deg,var(--ui-surface-1,#151617),var(--ui-surface-0,#0d0e10)) !important; }
.reviews-page .review-card .reviewer-name { letter-spacing: -.025em; }
.reviews-page .reviews-filter-bar { backdrop-filter: blur(16px); }

.pc-check-hero { position: relative; isolation: isolate; }
.pc-check-hero::after { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(ellipse at 80% 10%,rgba(255,255,255,.11),transparent 38%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px); background-size: auto,56px 56px,56px 56px; mask-image: linear-gradient(#000,transparent 95%); }
.pc-wizard { border-color: var(--pt-hairline) !important; }
.pc-choice-card:has(input:checked), .pc-priority-card:has(input:checked) { box-shadow: inset 0 1px rgba(255,255,255,.15),0 0 28px rgba(255,255,255,.09) !important; }
.checkout-shell { position: relative; }
.checkout-shell::before { content: ''; position: fixed; inset: 70px 0 auto; height: min(65vh,640px); z-index: -1; pointer-events: none; background: radial-gradient(ellipse at 74% 10%,rgba(255,255,255,.08),transparent 48%); }
.step-panel, .summary-card { border-color: var(--pt-hairline) !important; }
.method-card:hover { border-color: rgba(255,255,255,.42) !important; }

.p-main { background-image: radial-gradient(ellipse at 86% 0%,rgba(255,255,255,.06),transparent 36%),linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px); background-size: auto,64px 64px,64px 64px; }
.p-heading { border-bottom: 1px solid rgba(255,255,255,.09); padding-bottom: clamp(22px,3vw,34px); }
.p-main h1 { font-weight: 600; text-wrap: balance; }
.p-card { background: radial-gradient(circle at var(--pt-pointer-x,85%) var(--pt-pointer-y,0%),rgba(255,255,255,.065),transparent 42%),linear-gradient(155deg,var(--ui-surface-1,#171819),var(--ui-surface-0,#0b0c0e)) !important; }
.p-card:hover { border-color: rgba(255,255,255,.21) !important; }
.p-stat-value { color: #fff; }
.p-stat:nth-child(3n + 2) .p-stat-value { text-shadow: 0 0 21px rgba(255,255,255,.18); }
.p-ticket-layout .p-conversation { box-shadow: inset 0 1px rgba(255,255,255,.09),0 28px 75px rgba(0,0,0,.25) !important; }
.p-support-create { display: grid; gap: 12px; padding-block: 18px; }
.p-support-create label { gap: 9px; font-size: 12px; }
.p-support-create :is(input,select,textarea) { font-size: 13px; }
.p-support-create textarea { min-height: 112px; height: 122px; }
.p-support-create .p-form-hint { margin: 0; font-size: 11px; line-height: 1.6; }
.p-support-create .p-form-foot { margin-top: 0; padding-top: 15px; }
.p-standalone-ticket .p-conversation { min-width: 0; }
.p-standalone-ticket .p-messages { min-height: 300px; max-height: 55vh; }
.p-standalone-ticket .p-composer textarea { min-height: 94px; resize: vertical; }
.p-standalone-ticket #standaloneTicketState { width: 100%; margin-top: 11px; }

.contact-main { position: relative; }
.contact-main::before { content: ''; position: absolute; inset: 0 calc(50% - 50vw); z-index: -1; pointer-events: none; background: radial-gradient(ellipse at 80% 8%,rgba(255,255,255,.095),transparent 40%),linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px); background-size: auto,60px 60px,60px 60px; mask-image: linear-gradient(#000,transparent 100%); }
.contact-intro h1 { font: 600 clamp(56px,6.7vw,96px)/.98 var(--font-display) !important; letter-spacing: -.07em; text-wrap: balance; }
.contact-intro > p { color: #b6b8bd; max-width: 460px; }
.contact-ticket-link { display: flex; align-items: center; justify-content: space-between; gap: 18px; width: min(100%,470px); margin-top: 32px; padding: 19px 20px; border: 1px solid rgba(255,255,255,.3); border-radius: 12px; background: linear-gradient(125deg,rgba(255,255,255,.12),rgba(255,255,255,.025)); box-shadow: inset 0 1px rgba(255,255,255,.13),0 20px 42px rgba(0,0,0,.22); transition: transform .3s ease,border-color .3s ease,box-shadow .3s ease; }
.contact-ticket-link:hover { transform: translateY(-4px); border-color: rgba(255,255,255,.7); box-shadow: inset 0 1px rgba(255,255,255,.2),0 24px 50px rgba(0,0,0,.3),0 0 28px rgba(255,255,255,.08); }
.contact-ticket-link strong, .contact-ticket-link small { display: block; }
.contact-ticket-link strong { font: 600 17px var(--font-display); letter-spacing: -.035em; }
.contact-ticket-link small { margin-top: 5px; color: #a4a6ac; font-size: 11px; }
.contact-ticket-link > span:last-child { font-size: 22px; transition: transform .28s ease; }
.contact-ticket-link:hover > span:last-child { transform: translate(3px,-3px); }
.contact-intro .contact-business-note { margin-top: 34px; font-size: 12px; }
.contact-intro .contact-address { margin-top: 8px; color: #fff; font-size: 13px; text-decoration: underline; text-underline-offset: 4px; }
.contact-card { backdrop-filter: blur(18px); }
.contact-card { background: radial-gradient(circle at var(--pt-pointer-x,85%) var(--pt-pointer-y,0%),rgba(255,255,255,.095),transparent 44%),linear-gradient(150deg,var(--ui-surface-1,#18191b),var(--ui-surface-0,#0d0e10)) !important; }
.contact-card h2 { font: 600 28px var(--font-display); }
.contact-card input, .contact-card textarea { min-height: 48px; background: color-mix(in srgb,var(--ui-surface-0,#030405) 80%,transparent) !important; }
.contact-card button { min-height: 51px; background: #f5f5f5 !important; color: #0b0b0b !important; }
.contact-card button:hover { background: #fff !important; box-shadow: 0 0 30px rgba(255,255,255,.14); }
.legal-section-card, .legal-sidebar-card { box-shadow: inset 0 1px rgba(255,255,255,.09),0 25px 65px rgba(0,0,0,.18); }

@media (max-width: 700px) {
  .cta-banner { padding: 34px 24px !important; }
  .contact-main::before { inset-inline: -24px; }
  .p-heading { align-items: flex-start; }
}
@media (min-width: 1181px) and (max-width: 1400px) {
  .navbar .nav-links > a[href="#hero"], .navbar .nav-links > a[href="#features"] { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .performance-art:hover, .contact-ticket-link:hover { transform: none; }
}

.event-countdown { --counter-number-size:clamp(60px,10.3vw,144px); max-width:1280px; margin:0 auto; padding:36px 0 40px; display:grid; grid-template-columns:minmax(0,1fr); align-items:center; gap:24px; border-bottom:1px solid rgba(var(--ev-rgb),.17); position:relative; scroll-margin-top:105px; }
.event-countdown-copy { display:flex; justify-content:space-between; align-items:center; gap:20px; min-width:0; text-align:left; }
.event-countdown-copy>p { display:flex; gap:9px; align-items:center; margin:0!important; color:var(--ev-accent); font:600 11px/1.5 'DM Sans',sans-serif; letter-spacing:.14em; }
.event-countdown-copy>span { display:block; color:#829087; font:400 11px/1.7 'DM Sans',sans-serif; text-align:right; }
.event-countdown-display { min-width:0; }
.event-countdown-digits { display:flex; justify-content:flex-end; align-items:center; gap:clamp(12px,2vw,28px); }
.event-countdown-unit { text-align:center; min-width:0; }
.event-countdown-unit>strong { display:block; font:500 clamp(40px,5.5vw,80px)/1 'Space Grotesk',sans-serif; letter-spacing:-.06em; color:var(--ev-accent); font-variant-numeric:tabular-nums; text-shadow:0 0 50px rgba(var(--ev-rgb),.12); }
.event-countdown-unit>span { display:block; color:#6e8074; font:500 8px/1.5 'DM Sans',sans-serif; letter-spacing:.17em; margin-top:11px; }
.event-countdown-colon { color:rgba(var(--ev-rgb),.3); font:300 clamp(22px,3vw,45px)/1 'Space Grotesk',sans-serif; margin-bottom:18px; }
.event-countdown .event-countdown-digits { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr); gap:clamp(8px,1.2vw,18px); align-items:center; width:100%; }
.event-countdown .event-countdown-unit { padding:38px 10px 29px; border:1px solid rgba(var(--ev-rgb),.2); border-radius:12px; background:radial-gradient(ellipse at 50% 0,rgba(var(--ev-rgb),.09),transparent 80%),linear-gradient(150deg,rgba(var(--ev-rgb),.035),#0002); box-shadow:inset 0 1px 0 rgba(var(--ev-rgb),.06); }
.event-countdown .event-countdown-unit>strong { display:grid; place-content:center; height:var(--counter-number-size); font-size:calc(var(--counter-number-size) * var(--digit-scale,1)); line-height:1; letter-spacing:-.07em; text-shadow:0 0 55px rgba(var(--ev-rgb),.2); }
.event-countdown .event-countdown-unit>span { margin-top:18px; color:color-mix(in srgb,var(--ev-accent) 45%,#8e9c92); font-size:10px; letter-spacing:.22em; }
.event-countdown .event-countdown-colon { font-size:clamp(30px,4.3vw,58px); margin-bottom:30px; }
.event-countdown[data-countdown-state="live"] { grid-template-columns:minmax(0,1fr) auto; padding:24px 0; }
.event-countdown[data-countdown-state="live"] .event-countdown-copy { display:block; }
.event-countdown[data-countdown-state="live"] .event-countdown-copy>p { margin-bottom:9px!important; }
.event-countdown[data-countdown-state="live"] .event-countdown-copy>span { text-align:left; }
.event-countdown[data-countdown-state="live"] .event-countdown-display { display:flex; justify-content:flex-end; }
.event-countdown .event-countdown-live { display:inline-flex; align-items:center; gap:10px; padding:13px 18px; border:1px solid rgba(var(--ev-rgb),.3); border-radius:8px; background:linear-gradient(135deg,rgba(var(--ev-rgb),.1),rgba(var(--ev-rgb),.025)); color:var(--ev-accent); font:600 13px/1 'DM Sans',sans-serif; letter-spacing:.12em; white-space:nowrap; }
.event-countdown .event-countdown-live::before,.event-countdown-pin[data-countdown-state="live"] .event-countdown-pin-time::before { content:""; flex:none; width:6px; height:6px; border-radius:50%; background:currentColor; box-shadow:0 0 12px rgba(var(--ev-rgb),.5); animation:event-status-pulse 2.4s ease-in-out infinite; }
.event-countdown-accessible { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.event-countdown [hidden],.event-countdown-pin[hidden] { display:none!important; }
.event-countdown-pin { position:fixed; top:var(--counter-top,92px); left:max(16px,env(safe-area-inset-left)); z-index:90; display:grid; grid-template-columns:1fr auto; gap:7px 16px; padding:13px 17px; max-width:calc(100vw - 32px); box-sizing:border-box; border-radius:9px; border:1px solid rgba(var(--ev-rgb),.3); background:linear-gradient(125deg,rgba(var(--ev-rgb),.07),transparent),color-mix(in srgb,var(--ev-bg) 96%,transparent); color:var(--ev-accent)!important; box-shadow:0 12px 35px #0005; backdrop-filter:blur(14px); text-decoration:none; animation:counter-dock .25s ease both; }
.event-countdown-pin-title { grid-column:1/-1; font:600 8px/1.3 'DM Sans',sans-serif; letter-spacing:.1em; }
.event-countdown-pin-time { font:500 23px/1 'Space Grotesk',sans-serif; font-variant-numeric:tabular-nums; letter-spacing:.025em; }
.event-countdown-pin[data-countdown-state="live"] .event-countdown-pin-time { display:flex; align-items:center; gap:9px; font:600 13px/1 'DM Sans',sans-serif; letter-spacing:.12em; }
.event-countdown-pin-link { font-size:15px; align-self:center; }
.event-countdown-pin:hover { border-color:var(--ev-accent); }
.event-countdown-pin:focus-visible { outline:2px solid var(--ev-accent); outline-offset:3px; }
.event-countdown-pin[data-countdown-state="ended"] { opacity:.65; }
.event-ribbon-countdown { font-variant-numeric:tabular-nums; font-family:'Space Grotesk',sans-serif; color:#b7c4ba; letter-spacing:.035em; }
@keyframes counter-dock { from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)} }
@keyframes event-status-pulse { 0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)} }
@media(max-width:800px) { .event-countdown{--counter-number-size:clamp(48px,9.8vw,80px);gap:20px;padding:30px 0}.event-countdown-copy{align-items:flex-start;flex-direction:column;gap:7px}.event-countdown-copy>span{text-align:left}.event-countdown .event-countdown-unit{padding:26px 6px 22px}.event-countdown .event-countdown-unit>span{font-size:8px;letter-spacing:.12em;margin-top:14px}.event-countdown .event-countdown-colon{font-size:30px;margin-bottom:22px} }
@media(max-width:540px) { .event-countdown{padding:26px 0}.event-countdown-unit>strong{font-size:clamp(34px,10.5vw,47px)}.event-countdown-unit>span{font-size:7px;letter-spacing:.1em}.event-countdown-digits{gap:7px}.event-countdown-colon{font-size:22px}.event-countdown-pin{left:12px;padding:10px 13px;gap:6px 15px;max-width:calc(100vw - 24px)}.event-countdown-pin-title{font-size:7px}.event-countdown-pin-time{font-size:20px} }
@media(max-width:540px) { .event-countdown{--counter-number-size:clamp(62px,19vw,92px);gap:18px}.event-countdown-copy>p{font-size:9px;letter-spacing:.1em}.event-countdown-copy>span{font-size:10px}.event-countdown .event-countdown-digits{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.event-countdown .event-countdown-unit{padding:25px 6px 22px;border-radius:9px}.event-countdown .event-countdown-unit>span{font-size:8px;letter-spacing:.12em;margin-top:13px}.event-countdown .event-countdown-colon{display:none}.event-countdown[data-countdown-state="live"]{gap:14px;padding:20px 0}.event-countdown .event-countdown-live{padding:11px 12px;font-size:11px;gap:8px}.event-countdown[data-countdown-state="live"] .event-countdown-copy>p{font-size:8px}.event-countdown[data-countdown-state="live"] .event-countdown-copy>span{font-size:10px} }
@media(prefers-reduced-motion:reduce) { .event-countdown-pin,.event-countdown .event-countdown-live::before,.event-countdown-pin[data-countdown-state="live"] .event-countdown-pin-time::before{animation:none} }


[data-event-theme] { --ev-accent:#ff9b56; --ev-secondary:#b25a35; --ev-deep:#341a10; --ev-bg:#090705; --ev-rgb:255,155,86; }
[data-event-theme="new-year"] { --ev-accent:#e8c987; --ev-secondary:#8f7bd1; --ev-deep:#2f253d; --ev-bg:#07070f; --ev-rgb:232,201,135; }
[data-event-theme="valentines"] { --ev-accent:#ff91af; --ev-secondary:#bd426e; --ev-deep:#411326; --ev-bg:#12090e; --ev-rgb:255,145,175; }
[data-event-theme="easter"] { --ev-accent:#c0bbff; --ev-secondary:#94c5ab; --ev-deep:#303248; --ev-bg:#0c1110; --ev-rgb:192,187,255; }
[data-event-theme="summer"] { --ev-accent:#ffd078; --ev-secondary:#62c9bb; --ev-deep:#854f22; --ev-bg:#0f0d09; --ev-rgb:255,208,120; }
[data-event-theme="black-friday"] { --ev-accent:#d9ff3f; --ev-secondary:#a4b0a5; --ev-deep:#292e2a; --ev-bg:#060706; --ev-rgb:217,255,63; }
[data-event-theme="cyber-monday"] { --ev-accent:#5fe3ff; --ev-secondary:#a48bff; --ev-deep:#242150; --ev-bg:#060a12; --ev-rgb:95,227,255; }
[data-event-theme="winter"] { --ev-accent:#bdeeff; --ev-secondary:#8299e6; --ev-deep:#1c3651; --ev-bg:#07101a; --ev-rgb:189,238,255; }
[data-event-theme="christmas"] { --ev-accent:#e5d49a; --ev-secondary:#409776; --ev-deep:#103d2b; --ev-bg:#07100c; --ev-rgb:229,212,154; }
.seasonal-mode { --pt-bg:var(--ev-bg); --pt-surface:var(--ev-bg); --pt-raised:var(--ui-surface-1,#141515); --pt-line:rgba(var(--ev-rgb),.15); --pt-line-strong:rgba(var(--ev-rgb),.35); --pt-action:var(--ev-accent); --p-bg:var(--ev-bg); --p-line:rgba(var(--ev-rgb),.2); --p-accent:var(--ev-accent); --ft-bg:var(--ev-bg); --ft-surface:var(--ev-bg); --ft-raised:color-mix(in srgb,var(--ev-accent) 4%,var(--ev-bg)); --ft-line:rgba(var(--ev-rgb),.18); background:var(--ev-bg)!important; color:#f3f4f1; }
.seasonal-mode main { position:relative; z-index:1; }
.seasonal-mode :is(.navbar,.checkout-header,.p-topbar,.ft-header) { background:color-mix(in srgb,var(--ev-bg) 94%,transparent)!important; border-color:rgba(var(--ev-rgb),.18)!important; }
.seasonal-mode :is(.btn-primary,.button.primary,.p-btn.primary,.primary-button,.cart-checkout,.ft-button:not(.secondary)) { background:var(--ev-accent)!important; color:#0f1211!important; border-color:var(--ev-accent)!important; box-shadow:0 5px 24px rgba(var(--ev-rgb),.1)!important; }
.seasonal-mode :is(.pricing-card,.addon-card,.feature-card,.summary-card,.step-panel,.method-card,.cart-drawer,.p-card) { background:linear-gradient(140deg,rgba(var(--ev-rgb),.055),transparent 65%),var(--ev-bg)!important; border-color:rgba(var(--ev-rgb),.2)!important; }
.seasonal-mode #packages { background:transparent!important; }
.seasonal-mode .pricing-card { overflow:visible!important; transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))!important; transition:transform .3s,border-color .3s,box-shadow .3s!important; animation:none!important; }
.seasonal-mode .pricing-card.bestseller { border-color:rgba(var(--ev-rgb),.5)!important; box-shadow:0 0 60px rgba(var(--ev-rgb),.055)!important; }
.seasonal-mode .pricing-card:hover { border-color:var(--ev-accent)!important; box-shadow:0 20px 60px rgba(var(--ev-rgb),.08)!important; }
.seasonal-mode .pricing-card::after { content:'✦'; position:absolute!important; inset:auto!important; right:20px!important; top:-18px!important; width:36px!important; height:36px!important; display:grid; place-items:center; border:1px solid rgba(var(--ev-rgb),.3); border-radius:50%!important; background:var(--ev-bg)!important; color:var(--ev-accent); font-size:20px; mask:none!important; padding:0!important; pointer-events:none; opacity:1!important; animation:scene-spark 5s ease-in-out infinite!important; }
.halloween-mode .pricing-card::after { content:''; width:66px!important; height:66px!important; top:-26px!important; background:url('/assets/halloween-pumpkin.svg') center/contain no-repeat!important; border:0; filter:drop-shadow(0 0 12px #ff761d30); }
.seasonal-mode .pricing-card :is(.order-btn,.btn-bestseller),.seasonal-mode .bestseller-badge { background:var(--ev-accent)!important; border-color:var(--ev-accent)!important; color:#121511!important; box-shadow:none!important; }
.seasonal-mode :is(.price-amount,.price-currency,.section-label,.eyebrow,.feature-check,.footer-status,.ft-kicker) { color:var(--ev-accent)!important; text-shadow:none!important; }
.seasonal-mode .sale-chip,.event-sale-badge { display:inline-flex; align-items:center; justify-content:center; width:fit-content!important; padding:4px 8px!important; border:1px solid rgba(var(--ev-rgb,255,155,86),.3)!important; border-radius:5px!important; background:rgba(var(--ev-rgb,255,155,86),.1)!important; color:var(--ev-accent,#ffb677)!important; font:700 11px/1.2 'DM Sans',sans-serif!important; white-space:nowrap; text-shadow:none!important; box-shadow:none!important; animation:none!important; }
.sale-chip[hidden],.price-original[hidden] { display:none!important; }
.seasonal-mode .price-original { font-size:14px!important; color:#a8aaa5!important; }
.event-price { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.event-price del { font-size:12px; color:#9b9e99; }.event-price strong { font-variant-numeric:tabular-nums; }
.seasonal-mode .footer { background:var(--ev-bg)!important; border-color:rgba(var(--ev-rgb),.15)!important; }
.seasonal-mode #hero { padding:120px 32px 0!important; min-height:0!important; display:block!important; background:transparent!important; }
.seasonal-mode #hero > :not([data-event-generated]) { display:none!important; }
.seasonal-mode #hero::before,.seasonal-mode #hero::after { display:none!important; }
.event-hero { display:grid; grid-template-columns:1.1fr 1fr; position:relative; isolation:isolate; max-width:1280px; margin:auto; border-bottom:1px solid rgba(var(--ev-rgb),.18); min-height:580px; }
.event-hero-copy { padding:42px 0 55px; position:relative; z-index:3; text-align:left; }
.event-eyebrow { margin:0 0 30px!important; display:flex; align-items:center; gap:10px; font:600 10px/1.4 'DM Sans',sans-serif; letter-spacing:.15em; color:var(--ev-accent); }
.event-live-dot { width:5px; height:5px; display:inline-block; border-radius:50%; background:var(--ev-accent,#ff9b56); box-shadow:0 0 12px rgba(var(--ev-rgb,255,155,86),.6); }
.event-hero :is(h1,h2) { margin:0!important; font:500 clamp(42px,5.2vw,76px)/1.06 'Space Grotesk',sans-serif!important; letter-spacing:-.065em!important; color:#f5f5f1!important; text-align:left!important; }
.event-hero :is(h1,h2)>span { color:var(--ev-accent); }
.event-description { max-width:390px; margin:25px 0!important; font:400 14px/1.9 'DM Sans',sans-serif; color:#a3aaa7; text-align:left!important; }
.event-offer { display:flex; flex-direction:column; align-items:flex-start; gap:9px; margin:28px 0; }
.event-offer strong { font:700 12px/1.2 'DM Sans',sans-serif; padding:9px 12px; border:1px solid rgba(var(--ev-rgb),.3); background:rgba(var(--ev-rgb),.08); color:var(--ev-accent); border-radius:5px; letter-spacing:.04em; }
.event-offer>span { font-size:10px; color:#848c87; }
.event-actions { display:flex; align-items:center; gap:28px; flex-wrap:wrap; }
.event-cta { display:inline-flex; align-items:center; gap:30px; border-radius:6px; padding:16px 21px; background:var(--ev-accent); color:#111410!important; font:700 12px/1.2 'DM Sans',sans-serif; text-decoration:none; transition:transform .25s,box-shadow .25s; }
.event-cta:hover { transform:translateY(-3px); box-shadow:0 10px 30px rgba(var(--ev-rgb),.15); }
.event-secondary { font:500 12px/1.4 'DM Sans',sans-serif; color:#bcc3bf!important; text-decoration:none; display:flex; align-items:center; gap:12px; }
.event-hero-meta { display:flex; gap:22px; flex-wrap:wrap; margin-top:38px; color:#68736e; font:500 8px/1.3 'DM Sans',sans-serif; letter-spacing:.09em; }
.event-hero-visual { min-width:0; position:relative; align-self:center; height:510px; }
.event-art-caption { position:absolute; left:25px; bottom:20px; color:#8a9890; font:500 9px/1.4 'DM Sans',sans-serif; letter-spacing:.07em; }
.event-floating-tag { position:absolute; z-index:3; right:0; bottom:58px; padding:16px 20px; min-width:140px; background:linear-gradient(140deg,rgba(var(--ev-rgb),.1),color-mix(in srgb,var(--ui-surface-1,#121515) 80%,transparent)); border:1px solid rgba(var(--ev-rgb),.24); border-radius:9px; backdrop-filter:blur(12px); transform:rotate(-5deg); animation:scene-tag 8s ease-in-out infinite; }
.event-floating-tag>span { display:block; color:#909e96; font:500 7px/1.4 'DM Sans',sans-serif; letter-spacing:.14em; }
.event-floating-tag strong { display:block; margin:7px 0; color:var(--ev-accent); font:500 39px/1 'Space Grotesk',sans-serif; letter-spacing:-.06em; }.event-floating-tag small{font-size:23px;}
.event-hero-bottom { grid-column:1/-1; display:flex; gap:12px; justify-content:space-between; padding:18px 0; color:#76827b; font:500 8px/1.4 'DM Sans',sans-serif; letter-spacing:.1em; }
.event-price-strip { max-width:1280px; margin:0 auto; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-bottom:1px solid rgba(var(--ev-rgb),.14); }
.event-price-strip>a { display:flex; flex-wrap:wrap; gap:14px; align-items:center; padding:22px 25px; text-decoration:none; border-right:1px solid rgba(var(--ev-rgb),.14); transition:background .3s; }
.event-price-strip>a:first-child { padding-left:0; }.event-price-strip>a:last-child { border:0; }.event-price-strip>a:hover { background:rgba(var(--ev-rgb),.025); }
.event-price-strip>a>span:first-child { font-size:11px; color:#a8b1ab; flex:1; }.event-price-strip>a>span:last-child { color:var(--ev-accent); font-size:14px; }.event-price-strip strong { color:#f1f3ef; font-size:16px; }
.event-ribbon { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:16px; padding:14px 20px; background:rgba(var(--ev-rgb),.045); border-bottom:1px solid rgba(var(--ev-rgb),.2); font:500 10px/1.4 'DM Sans',sans-serif; text-decoration:none; color:var(--ev-accent)!important; }
.event-ribbon-link { margin-left:20px; color:#9ea9a2; }
.event-atmosphere { position:fixed; inset:0; overflow:hidden; pointer-events:none; z-index:0; contain:strict; }
.event-aurora { position:absolute; width:60vw; height:65vh; opacity:.18; background:radial-gradient(ellipse,rgba(var(--ev-rgb),.4),transparent 65%); animation:scene-aurora 22s ease-in-out infinite alternate; }.event-aurora.a1{top:-15%;right:-20%;}.event-aurora.a2{bottom:-25%;left:-25%;animation-delay:-10s;opacity:.12;}
.event-particle { position:absolute; left:var(--x); bottom:-12px; width:var(--size); height:var(--size); border-radius:50%; background:var(--ev-accent); opacity:0; animation:scene-particle var(--duration) linear var(--delay) infinite; }
[data-event-theme="winter"] .event-particle,[data-event-theme="christmas"] .event-particle { bottom:auto; top:-12px; animation-name:scene-snow; background:#d3efed; }
.event-web { position:absolute; top:65px; width:130px; opacity:.22; }.event-web.left{left:0}.event-web.right{right:0;transform:scaleX(-1)}
.event-scene { position:relative; width:100%; height:100%; min-height:220px; perspective:900px; contain:layout; --rx:0deg; --ry:0deg; }
.scene-stage { position:absolute; inset:0; display:grid; place-items:center; transform:rotateX(var(--rx)) rotateY(var(--ry)); transition:transform .4s ease-out; transform-style:preserve-3d; }
.scene-stage>svg { width:92%; height:92%; max-height:480px; overflow:visible; filter:drop-shadow(0 30px 22px #0008); animation:scene-float 9s ease-in-out infinite; }
.scene-glow { position:absolute; inset:8% 4%; border-radius:50%; background:radial-gradient(ellipse,rgba(var(--ev-rgb),.16),transparent 64%); animation:scene-breathe 8s ease-in-out infinite alternate; }
.scene-grid { position:absolute; inset:15%; opacity:.15; background-image:linear-gradient(rgba(var(--ev-rgb),.18) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--ev-rgb),.18) 1px,transparent 1px); background-size:50px 50px; mask-image:radial-gradient(ellipse,#000,transparent 70%); transform:rotate(-12deg); }
.scene-orbit { position:absolute; inset:14% 4%; border:1px solid rgba(var(--ev-rgb),.12); border-radius:50%; transform:rotate(-25deg); }.scene-orbit.o2{inset:8% 12%;transform:rotate(22deg);border-style:dashed;opacity:.45;animation:scene-orbit 65s linear infinite;}
.scene-coordinate { position:absolute; top:5%; right:10%; font:500 7px/1 'DM Sans',sans-serif; color:rgba(var(--ev-rgb),.55); letter-spacing:.2em; }.scene-cross{position:absolute;color:rgba(var(--ev-rgb),.45);font:200 18px/1 sans-serif;}.scene-cross.c1{left:9%;top:20%}.scene-cross.c2{right:12%;bottom:24%;}
.scene-floor { position:absolute; bottom:8%; left:22%; right:22%; height:5%; border-radius:50%; background:rgba(var(--ev-rgb),.04); filter:blur(8px); }
.scene-pumpkin { position:absolute; width:88%; max-width:510px; left:6%; top:8%; filter:drop-shadow(0 20px 35px #0008); animation:scene-float 8s ease-in-out infinite; }
.scene-moon { position:absolute; top:9%; left:27%; width:48%; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle at 33% 25%,#df9a4230,#9b4c1820 55%,var(--ui-surface-1,#1c120b) 90%); border:1px solid #edab4520; box-shadow:inset -25px -20px 60px #0008; }
.scene-bat { position:absolute; width:12%; animation:scene-bat 6s ease-in-out infinite; }.scene-bat.b1{left:3%;top:18%}.scene-bat.b2{right:3%;top:38%;width:9%;animation-delay:-2s}.scene-bat.b3{right:21%;top:7%;width:8%;animation-delay:-3s}
.scene-mist { position:absolute; bottom:12%; left:-10%; width:110%; height:22%; border-radius:50%; background:radial-gradient(ellipse,#99857414,transparent 65%); animation:scene-mist 14s ease-in-out infinite alternate; }.scene-mist.m2{bottom:26%;left:-20%;animation-delay:-7s;opacity:.5;}
[data-event-theme="winter"] .scene-glow { background:radial-gradient(ellipse at 35% 50%,#8299e633,transparent 65%),radial-gradient(ellipse at 65% 20%,#52d3b733,transparent 60%); }
[data-event-theme="summer"] .scene-orbit { border-color:#62c9bb25; }
[data-event-theme="cyber-monday"] .scene-grid { opacity:.45; background-size:30px 30px; }
.scene-paused *,.events-hidden :is(.event-atmosphere,.event-scene,.event-floating-tag) *,.events-hidden .event-floating-tag { animation-play-state:paused!important; }

.events-workspace { min-width:0; }
.events-workspace:not([data-event-theme]) { --ev-accent:#cfd5cf; --ev-rgb:207,213,207; }
.events-overview-intro { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px 25px; border:1px solid #ffffff15; border-radius:10px; background:linear-gradient(110deg,#ffffff04,transparent); margin-bottom:24px; }.events-overview-intro strong{display:block;font-size:14px;margin-bottom:5px;}.events-overview-intro p{color:#919a94;font-size:12px;line-height:1.7;margin:0;}.events-active-indicator{font:500 10px/1.4 'DM Sans',sans-serif;display:flex;align-items:center;gap:8px;color:#b8c4bc;white-space:nowrap;}
.events-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.event-admin-card { border:1px solid rgba(var(--ev-rgb),.15); border-radius:12px; background:linear-gradient(135deg,rgba(var(--ev-rgb),.025),var(--ui-surface-1,#111312)); overflow:hidden; text-decoration:none; color:#eff2ed!important; transition:border-color .3s,transform .3s; position:relative; min-width:0; }
.event-admin-card:hover { border-color:rgba(var(--ev-rgb),.45); transform:translateY(-4px); }.event-admin-card .event-scene { height:205px;min-height:0; }.event-admin-card .scene-coordinate{font-size:6px}.event-admin-card .scene-pumpkin{width:100%;height:100%;object-fit:contain;left:0;top:0;}.event-admin-card .scene-stage>svg{max-width:240px;}.event-admin-card .scene-moon{width:34%;left:34%;}.event-admin-card .scene-orbit{inset:13% 18%;}
.event-card-heading { padding:0 20px 12px; display:flex; align-items:center; justify-content:space-between; gap:12px; }.event-card-heading h2{font:500 21px/1.2 'Space Grotesk',sans-serif;margin:0;letter-spacing:-.035em;}.event-card-heading>span{color:var(--ev-accent);font:600 17px/1 'Space Grotesk',sans-serif;}
.event-card-footer { display:flex; justify-content:space-between; align-items:center; gap:8px; border-top:1px solid rgba(var(--ev-rgb),.1); padding:13px 20px; color:#85918a; font-size:10px; }.event-card-footer>span:last-child{color:var(--ev-accent);}
.event-status { display:inline-flex; align-items:center; gap:6px; font:600 9px/1.3 'DM Sans',sans-serif; letter-spacing:.04em; }.event-status::before{content:'';width:4px;height:4px;border-radius:50%;background:#66726b;}.event-status.live{color:#c6e8b3}.event-status.live::before{background:#c6e8b3;box-shadow:0 0 9px #c6e8b355}.event-status.scheduled{color:#cfbd8a}.event-status.scheduled::before{background:#cfbd8a}
.events-nav { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:24px; border-bottom:1px solid #ffffff12; padding-bottom:20px; }.events-nav a{padding:9px 12px;border:1px solid transparent;border-radius:6px;color:#8e9892;text-decoration:none;font-size:11px;transition:background .2s,color .2s;}.events-nav a:hover{color:#e4e9e2;background:#ffffff04;}.events-nav a[aria-current="page"]{color:var(--ev-accent);border-color:rgba(var(--ev-rgb),.25);background:rgba(var(--ev-rgb),.05);}
.event-admin-detail { display:grid; grid-template-columns:1fr 1fr; gap:22px; align-items:start; }.event-control-panel{padding:28px;border:1px solid #ffffff15;border-radius:12px;background:var(--ui-surface-1,#101211);min-width:0;}.event-control-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;}.event-control-title h2{font-size:18px;margin:0;}.event-control-panel>p{font-size:12px;color:#89968e;line-height:1.8;}
.event-mode-switch { display:flex; align-items:center; justify-content:space-between; text-align:left; gap:15px; padding:20px; border:1px solid rgba(var(--ev-rgb),.25); border-radius:8px; background:rgba(var(--ev-rgb),.035); color:#f1f4ef; width:100%; cursor:pointer; }.event-mode-switch strong{display:block;font-size:14px}.event-mode-switch small{display:block;color:#8c9890;font-size:10px;margin-top:7px}.event-switch-track{position:relative;flex:0 0 42px;height:24px;border-radius:25px;background:var(--ui-surface-3,#39403b);transition:background .25s}.event-switch-track::after{content:'';position:absolute;width:16px;height:16px;border-radius:50%;background:#d6ddd6;left:4px;top:4px;transition:transform .25s}.event-mode-switch[aria-checked="true"] .event-switch-track{background:var(--ev-accent)}.event-mode-switch[aria-checked="true"] .event-switch-track::after{transform:translateX(18px);background:var(--ui-surface-2,#182018)}
.event-schedule-form { margin-top:28px; padding-top:25px; border-top:1px solid #ffffff12; }.event-schedule-form h3{font-size:13px;margin:0 0 7px}.event-schedule-form>p{font-size:11px;color:#849087;line-height:1.7;margin-bottom:20px}.event-schedule-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.event-schedule-form label{display:flex;flex-direction:column;gap:8px;font-size:10px;color:#aeb8b0}.event-schedule-form input,.event-schedule-form select{padding:12px 10px;border:1px solid #ffffff20;border-radius:5px;background:var(--ui-surface-0,#080c09);color:#d7ded6;min-width:0;width:100%;font:400 12px/1.3 'DM Sans',sans-serif;box-sizing:border-box;color-scheme:dark}.event-schedule-form input:focus,.event-schedule-form select:focus{outline:1px solid var(--ev-accent)}.event-timezone-field{margin:14px 0 18px}.event-form-actions{display:flex;gap:10px;flex-wrap:wrap}.event-save-btn,.event-pause-btn{padding:12px 16px;border:1px solid rgba(var(--ev-rgb),.3);border-radius:5px;font:600 11px/1.4 'DM Sans',sans-serif;cursor:pointer}.event-save-btn{background:var(--ev-accent);color:#131a12}.event-pause-btn{background:transparent;color:#a7b2a9;border-color:#ffffff20}.event-save-btn:disabled,.event-pause-btn:disabled,.event-mode-switch:disabled{opacity:.5;cursor:wait}
.event-save-status{min-height:18px;margin:18px 0 0!important;font-size:11px!important;color:#a3b9a7!important}.event-save-status.error{color:#ffab9f!important}.event-schedule-summary{padding:12px 15px;margin:16px 0;border-radius:5px;border:1px solid #ffffff12;font-size:11px;line-height:1.7;color:#a2b1a7}.event-schedule-summary:empty{display:none}
.event-admin-preview { min-width:0; border:1px solid rgba(var(--ev-rgb),.2);border-radius:12px;overflow:hidden;background:var(--ev-bg); }.event-preview-top{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;border-bottom:1px solid rgba(var(--ev-rgb),.12);font-size:9px;letter-spacing:.1em;color:#839288}.event-preview-top a{color:var(--ev-accent);text-decoration:none}.event-preview-copy{position:relative;z-index:1;padding:27px 30px 0}.event-preview-copy>p{font-size:8px;color:var(--ev-accent);letter-spacing:.13em;margin:0 0 10px}.event-preview-copy h2{font:500 36px/1.08 'Space Grotesk',sans-serif;letter-spacing:-.045em;margin:0;color:#eff1eb}.event-preview-copy h2 span{color:var(--ev-accent)}.event-preview-copy>strong{display:inline-block;margin-top:16px;font-size:10px;color:var(--ev-accent);border:1px solid rgba(var(--ev-rgb),.3);padding:6px 9px;border-radius:4px}.event-admin-preview>.event-scene{height:280px;min-height:0;}.event-admin-preview .scene-pumpkin{width:80%;left:10%;top:0}.event-admin-preview .scene-stage>svg{max-width:310px}.event-admin-preview .scene-coordinate{display:none}
.event-admin-preview>.event-scene{overflow:hidden}.event-admin-preview .scene-pumpkin{height:90%;object-fit:contain;top:5%}
.event-preview-prices{padding:0 24px 24px;display:grid;gap:0}.event-preview-prices>div{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid rgba(var(--ev-rgb),.12);padding:13px 0}.event-preview-prices>div>span{font-size:11px;color:#9faba1}.event-preview-prices strong{color:var(--ev-accent);font-size:15px}.event-preview-prices .event-price{justify-content:flex-end;gap:6px}.event-preview-note{padding:0 24px 21px;color:#6e7b72;font-size:9px;line-height:1.7;margin:0}.events-workspace :is(a,button):focus-visible,.event-hero a:focus-visible{outline:2px solid var(--ev-accent);outline-offset:4px}
@keyframes scene-float { 0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(1deg)} }
@keyframes scene-breathe { from{transform:scale(.9);opacity:.65}to{transform:scale(1.08);opacity:1} }
@keyframes scene-aurora { from{transform:translate3d(-4%,0,0) rotate(-15deg)}to{transform:translate3d(6%,8%,0) rotate(15deg)} }
@keyframes scene-orbit { from{transform:rotate(22deg)}to{transform:rotate(382deg)} }
@keyframes scene-tag { 0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-8px) rotate(-2deg)} }
@keyframes scene-particle { 0%{transform:translate3d(0,0,0);opacity:0}15%,80%{opacity:.4}100%{transform:translate3d(30px,-90vh,0);opacity:0} }
@keyframes scene-snow { 0%{transform:translate3d(0,0,0);opacity:0}15%,80%{opacity:.5}100%{transform:translate3d(50px,100vh,0);opacity:0} }
@keyframes scene-bat { 0%,100%{translate:0 0;rotate:-8deg}50%{translate:0 -12px;rotate:4deg} }
@keyframes scene-mist { from{transform:translateX(-20px);opacity:.4}to{transform:translateX(35px);opacity:.8} }
@keyframes scene-spark { 0%,100%{scale:1;rotate:0deg}50%{scale:1.08;rotate:25deg} }
@media(max-width:1560px) { .seasonal-mode .navbar .nav-actions>.btn{display:none!important}.seasonal-mode .navbar .nav-links{gap:18px!important} }
@media(max-width:1100px) { .event-hero :is(h1,h2){font-size:60px!important}.event-hero-visual{height:430px}.event-price-strip>a{padding:20px 15px}.event-price-strip .event-price{gap:5px}.event-price-strip>a>span:last-child{display:none}.event-admin-detail{grid-template-columns:1fr 1fr;gap:16px}.event-control-panel{padding:22px}.event-schedule-fields{grid-template-columns:1fr}.events-grid{gap:13px}.event-card-heading{padding:0 14px 12px}.event-card-heading h2{font-size:18px}.event-card-footer{padding:12px 14px}.event-card-heading>span{font-size:15px} }
@media(max-width:800px) { .seasonal-mode #hero{padding:105px 24px 0!important}.event-hero{grid-template-columns:1.2fr 1fr;min-height:0}.event-hero-copy{padding:35px 0 40px}.event-hero :is(h1,h2){font-size:46px!important}.event-description{font-size:12px}.event-eyebrow{font-size:8px}.event-hero-visual{height:370px}.event-floating-tag{right:0;bottom:35px;padding:12px;min-width:110px}.event-floating-tag strong{font-size:32px}.event-art-caption{display:none}.event-price-strip{gap:0}.event-price-strip>a{flex-direction:column;align-items:flex-start;gap:9px;padding:18px 12px}.event-price-strip .event-price{gap:5px}.event-price-strip strong{font-size:14px}.event-price-strip .event-sale-badge{font-size:9px!important}.event-price-strip del{font-size:10px}.events-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.event-admin-detail{grid-template-columns:1fr}.event-schedule-fields{grid-template-columns:1fr 1fr}.event-admin-preview>.event-scene{height:300px}.event-admin-preview .scene-pumpkin{width:65%;left:17%}.events-nav a{padding:8px 10px} }
@media(max-width:540px) { .seasonal-mode #hero{padding:90px 20px 0!important}.event-hero{display:flex;flex-direction:column}.event-hero-copy{padding:22px 0 0}.event-hero :is(h1,h2){font-size:47px!important}.event-eyebrow{margin-bottom:24px!important}.event-description{font-size:12px;max-width:320px;margin:22px 0!important}.event-offer{margin:23px 0}.event-hero-meta{margin-top:24px;gap:17px;font-size:7px}.event-actions{gap:20px}.event-cta{padding:15px 18px;font-size:11px;gap:22px}.event-secondary{font-size:10px}.event-hero-visual{height:315px;width:100%}.event-scene .scene-stage>svg{max-width:340px}.scene-pumpkin{width:88%;left:6%;top:2%}.event-floating-tag{bottom:38px;right:9px}.event-hero-bottom{font-size:7px;padding:14px 0;flex-direction:column;gap:5px}.event-price-strip>a{padding:16px 10px}.event-price-strip>a:first-child{padding-left:0}.event-price-strip>a>span:first-child{font-size:10px}.event-price-strip del{display:none}.event-price-strip .event-price{gap:5px}.event-price-strip .event-sale-badge{font-size:8px!important;padding:3px 5px!important}.event-price-strip strong{font-size:13px}.event-web{width:75px;opacity:.2}.event-ribbon{gap:9px;font-size:9px;padding:12px}.event-ribbon-link{display:none}.events-grid{grid-template-columns:1fr}.event-admin-card .event-scene{height:235px}.event-card-heading h2{font-size:23px}.event-card-heading,.event-card-footer{padding-left:20px;padding-right:20px}.events-overview-intro{flex-direction:column;align-items:flex-start;padding:20px}.event-control-panel{padding:20px}.event-schedule-fields{grid-template-columns:1fr}.event-preview-copy{padding:25px 23px 0}.event-preview-copy h2{font-size:32px}.event-preview-prices{padding:0 19px 19px}.event-preview-prices>div>span{font-size:10px}.event-preview-prices .event-price{gap:5px}.event-preview-prices del{font-size:10px}.event-mode-switch{padding:16px}.event-mode-switch strong{font-size:12px} }
@media(prefers-reduced-motion:reduce) { .seasonal-mode *, .seasonal-mode *::before, .seasonal-mode *::after,.events-workspace *, .events-workspace *::before { animation:none!important; transition:none!important; scroll-behavior:auto!important; }.scene-stage,.seasonal-mode .pricing-card{transform:none!important}.event-particle{display:none}.event-scene *{animation:none!important;transition:none!important}.event-floating-tag{animation:none!important} }


.performance-art > .pure-brand-art {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 50%;
}
.performance-art::before { display: none; }


body.pure-motion-enabled { isolation: isolate; --pure-fx-rgb: var(--ev-rgb, 226, 226, 226); }
.pure-atmosphere-host { position: relative; isolation: isolate; }
.pure-motion-layer, .pure-section-atmosphere {
  pointer-events: none;
  user-select: none;
  overflow: hidden;
  z-index: -1;
}
.pure-motion-layer { position: fixed; inset: 0; contain: strict; }
.pure-section-atmosphere {
  position: absolute; inset: 0; border-radius: inherit;
  background-image: linear-gradient(rgba(var(--pure-fx-rgb), .024) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--pure-fx-rgb), .024) 1px, transparent 1px);
  background-size: 96px 96px;
  
  mask-image: radial-gradient(ellipse closest-side at center, #000 45%, transparent 100%);
}
.pure-fx-aura { position: absolute; width: min(1000px, 95vw); height: min(1000px, 100vh); border-radius: 50%; }
.pure-fx-aura.one {
  top: -35%; right: -20%;
  background: radial-gradient(ellipse, rgba(var(--pure-fx-rgb), .09), transparent 66%);
  animation: pure-aura-drift 24s ease-in-out infinite alternate;
}
.pure-fx-aura.two {
  bottom: -45%; left: -30%;
  background: radial-gradient(ellipse, rgba(var(--pure-fx-rgb), .055), transparent 65%);
  animation: pure-aura-drift 31s ease-in-out -12s infinite alternate-reverse;
}
.pure-fx-grid {
  position: absolute; inset: -80px;
  background-image: linear-gradient(rgba(var(--pure-fx-rgb), .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--pure-fx-rgb), .045) 1px, transparent 1px);
  background-size: 80px 80px;
  mask-image: radial-gradient(ellipse at 65% 35%, #000, transparent 72%);
  animation: pure-grid-drift 35s linear infinite;
}
.pure-fx-beam {
  position: absolute; left: 58%; top: -30%; width: 1px; height: 160%;
  background: linear-gradient(transparent, rgba(var(--pure-fx-rgb), .14), transparent);
  box-shadow: 0 0 24px 3px rgba(var(--pure-fx-rgb), .025);
  transform: rotate(28deg);
  animation: pure-beam-drift 22s ease-in-out infinite alternate;
}
.pure-fx-mote {
  position: absolute; left: var(--mote-x); top: var(--mote-y);
  width: var(--mote-size); height: var(--mote-size); border-radius: 50%;
  background: rgb(var(--pure-fx-rgb));
  box-shadow: 0 0 10px rgba(var(--pure-fx-rgb), .22);
  opacity: 0;
  animation: pure-mote-rise var(--mote-duration) linear var(--mote-delay) infinite;
}
.pure-section-atmosphere::before {
  content: ''; position: absolute; inset: -25% -10%;
  background: radial-gradient(ellipse at 85% 25%, rgba(var(--pure-fx-rgb), .085), transparent 48%),
    radial-gradient(ellipse at 10% 85%, rgba(var(--pure-fx-rgb), .04), transparent 42%);
  animation: pure-section-drift 18s ease-in-out infinite alternate;
}
.pure-section-atmosphere::after {
  content: ''; position: absolute; left: 12%; right: 12%; top: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(var(--pure-fx-rgb), .25), transparent);
  animation: pure-line-breathe 8s ease-in-out infinite;
}
.pure-atmosphere-host:not(.pure-in-view) .pure-section-atmosphere::before,
.pure-atmosphere-host:not(.pure-in-view) .pure-section-atmosphere::after,
.pure-atmosphere-host:not(.pure-in-view) .pure-section-atmosphere *,
.pure-atmosphere-host:not(.pure-in-view) .pure-brand-art { animation-play-state: paused; }
.pure-interactive-surface { position: relative; }
.pure-card-light {
  position: absolute; inset: 0; border-radius: inherit; overflow: hidden;
  pointer-events: none; opacity: 0; transition: opacity .35s ease;
  background: radial-gradient(300px circle at var(--pure-pointer-x, 50%) var(--pure-pointer-y, 0%),
    rgba(var(--pure-fx-rgb), .09), transparent 72%);
}
.pure-card-light::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(105deg, transparent 35%, rgba(var(--pure-fx-rgb), .045) 49%, transparent 63%);
  transform: translateX(-130%);
}
@media (hover: hover) and (pointer: fine) {
  .pure-interactive-surface:hover > .pure-card-light { opacity: 1; }
  .pure-interactive-surface:hover > .pure-card-light::after { animation: pure-card-sweep .9s ease-out; }
  .pure-motion-enabled :is(.btn, .p-btn, .aff-button, .ft-button, .primary-button, .outline-button, .auth-button) {
    transition: translate .25s ease, box-shadow .25s ease, border-color .25s ease !important;
  }
  .pure-motion-enabled :is(.btn, .p-btn, .aff-button, .ft-button, .primary-button, .outline-button, .auth-button):hover:not(:disabled) {
    translate: 0 -1px;
  }
  .pure-interactive-surface:hover :is(.feature-icon-wrapper, .aff-benefit-icon, .contact-ticket-icon, .p-empty-icon) {
    translate: 0 -3px; transition: translate .3s ease;
  }
}
.pure-ripple-host { position: relative; }
.pure-click-ripple {
  position: absolute; inset: 0; border-radius: inherit; overflow: hidden; pointer-events: none;
}
.pure-click-ripple::after {
  content: ''; position: absolute; left: var(--ripple-x); top: var(--ripple-y);
  width: var(--ripple-size); height: var(--ripple-size); border-radius: 50%;
  background: currentColor; opacity: 0;
  animation: pure-click-wave .65s ease-out;
}
@media (prefers-reduced-motion: no-preference) {
  .pure-motion-enabled .p-reveal,
  .pure-motion-enabled .p-motion-ready.p-reveal { animation-duration: 560ms; animation-timing-function: cubic-bezier(.22,1,.36,1); }
  .pure-motion-enabled .fade-in-scroll { transition: opacity .75s cubic-bezier(.22,1,.36,1), transform .75s cubic-bezier(.22,1,.36,1); }
  .pure-motion-enabled :is(.p-modal[open], .pure-auth-modal[open], .warning-dialog[open]) { animation: pure-dialog-enter .3s ease-out; }
  .pure-motion-enabled :is(.feature-icon-wrapper, .aff-benefit-icon, .contact-ticket-icon) { transition: translate .3s ease; }
  .pure-motion-enabled .performance-art > .pure-brand-art { animation: pure-brand-float 9s ease-in-out infinite; }
}
.pure-effects-paused :is(.pure-motion-layer *, .pure-section-atmosphere, .pure-section-atmosphere *, .pure-brand-art),
.pure-effects-paused .pure-section-atmosphere::before,
.pure-effects-paused .pure-section-atmosphere::after { animation-play-state: paused !important; }
@keyframes pure-aura-drift { to { transform: translate3d(-8%, 12%, 0) scale(1.12); } }
@keyframes pure-grid-drift { to { transform: translate3d(80px, 80px, 0); } }
@keyframes pure-beam-drift { to { transform: translate3d(-150px, 0, 0) rotate(28deg); opacity: .3; } }
@keyframes pure-mote-rise { 0%,100% { opacity: 0; } 20%,75% { opacity: .32; } 100% { transform: translate3d(32px, -180px, 0); } }
@keyframes pure-section-drift { to { transform: translate3d(-4%, 4%, 0) scale(1.06); } }
@keyframes pure-line-breathe { 50% { opacity: .25; transform: scaleX(.65); } }
@keyframes pure-card-sweep { to { transform: translateX(130%); } }
@keyframes pure-click-wave { from { transform: translate(-50%, -50%) scale(0); opacity: .2; } to { transform: translate(-50%, -50%) scale(1); opacity: 0; } }
@keyframes pure-dialog-enter { from { opacity: 0; translate: 0 12px; } to { opacity: 1; translate: 0 0; } }
@keyframes pure-brand-float { 50% { translate: 0 -8px; } }
@media (max-width: 700px) {
  .pure-fx-grid { background-size: 100px 100px; animation-duration: 50s; opacity: .6; }
  .pure-fx-beam, .pure-fx-mote:nth-of-type(n+10) { display: none; }
  .pure-section-atmosphere::before { opacity: .65; }
}
@media (prefers-reduced-motion: reduce) {
  .pure-motion-enabled *, .pure-motion-enabled *::before, .pure-motion-enabled *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
  .pure-motion-layer *, .pure-section-atmosphere::before, .pure-section-atmosphere::after,
  .pure-card-light::after, .pure-click-ripple::after, .pure-motion-enabled .pure-brand-art { animation: none !important; }
  .pure-fx-mote, .pure-fx-beam, .pure-click-ripple { display: none; }
  .pure-motion-enabled :is(.pure-card-light, .btn, .p-btn, .aff-button, .ft-button, .primary-button, .outline-button, .auth-button) { transition: none !important; translate: none !important; }
  .pure-interactive-surface :is(.feature-icon-wrapper, .aff-benefit-icon, .contact-ticket-icon, .p-empty-icon) { translate: none !important; transition: none !important; }
}

.pure-motion-control{position:fixed;z-index:9999;left:16px;bottom:16px;display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:7px 13px;border:1px solid rgba(255,255,255,.18);border-radius:100px;background:linear-gradient(180deg,color-mix(in srgb,var(--ui-surface-1,#141619) 92%,transparent),color-mix(in srgb,var(--ui-surface-0,#0b0c0e) 94%,transparent));color:#f1f3f5;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 12px 32px rgba(0,0,0,.45);font:600 11px/1.1 'Space Grotesk',system-ui,sans-serif;letter-spacing:.03em;cursor:pointer;backdrop-filter:blur(14px)}
@media(min-width:801px){body.pure-workspace .pure-motion-control{left:252px}}
.pure-motion-control:hover,.pure-motion-control:focus-visible{border-color:rgba(255,255,255,.55);background:linear-gradient(180deg,color-mix(in srgb,var(--ui-surface-2,#1c1f23) 95%,transparent),color-mix(in srgb,var(--ui-surface-1,#0e1013) 96%,transparent));outline-offset:3px}.pure-motion-control>span:first-child{color:var(--ev-accent,#e4e6ea);font-size:13px}.pure-page-transition{position:fixed;inset:0;z-index:9998;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(210,158,70,.13) 50%,color-mix(in srgb,var(--ui-surface-0,#0a0a0a) 45%,transparent));opacity:0;transform:translateX(-100%);transition:transform .18s ease-out,opacity .18s ease-out}.pure-page-ready .pure-page-transition{opacity:0}.pure-page-leaving .pure-page-transition{opacity:1;transform:translateX(0)}
.pure-motion-off .pure-page-transition{display:none}.pure-motion-off .pure-motion-layer,.pure-motion-off .pure-section-atmosphere{display:none!important}.pure-motion-off *:not(.pure-motion-control),.pure-motion-off *:not(.pure-motion-control)::before,.pure-motion-off *:not(.pure-motion-control)::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.pure-motion-off .pure-card-light,.pure-motion-off .pure-click-ripple{display:none!important}.pure-motion-off .pure-interactive-surface:hover{transform:none!important;translate:none!important}
html:has(body.pure-motion-off){scroll-behavior:auto!important}
.pure-motion-off .p-motion-ready{opacity:1!important;transform:none!important}

html:has(body.pure-entry-enabled) { overflow-x: clip; }
body.pure-entry-enabled { overflow-x: clip; }
body.pure-entry-enabled .pure-entry-reveal {
  opacity: var(--pure-reveal-opacity, 1) !important;
  translate: var(--pure-reveal-x, 0px) 0 !important;
  animation: none !important;
  transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease !important;
}
body.pure-entry-enabled .pure-entry-reveal:not(.pure-depth-surface),
body.pure-entry-enabled .pure-entry-reveal :is(.fade-in-scroll,.p-motion-ready,.p-reveal,.aff-reveal):not(.pure-depth-surface) { transform: none !important; }
body.pure-entry-enabled .pure-entry-reveal :is(.fade-in-scroll,.p-motion-ready,.p-reveal,.aff-reveal) {
  opacity: 1 !important; animation: none !important;
}
body.pure-entry-enabled[data-depth-motion="on"] .pure-entry-reveal.pure-depth-surface {
  transition: transform .14s ease-out, border-color .2s ease !important;
}
body.pure-entry-enabled .pure-entry-reveal:focus-within,
body.pure-entry-enabled.pure-motion-off .pure-entry-reveal {
  opacity: 1 !important; translate: none !important;
}
@media (prefers-reduced-motion: reduce) {
  body.pure-entry-enabled .pure-entry-reveal { opacity: 1 !important; translate: none !important; }
}
@media print {
  body.pure-entry-enabled .pure-entry-reveal { opacity: 1 !important; translate: none !important; }
}
@media(max-width:600px){.pure-motion-control{left:10px;bottom:10px;padding:7px 10px;min-height:36px}}
@media(prefers-reduced-motion:reduce){.pure-page-transition{display:none}.pure-motion-control{backdrop-filter:none}}

.pg-modal-open{overflow:hidden}
.pg-dialog{width:min(860px,calc(100vw - 28px));max-height:calc(100dvh - 36px);margin:auto;padding:0;border:1px solid rgba(var(--ev-rgb,215,197,154),.4);border-radius:20px;background:var(--ui-surface-1,#101012);color:#eceef1;box-shadow:0 28px 100px #000b;font-family:Inter,sans-serif;overscroll-behavior:contain;color-scheme:dark}
.pg-dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}
.pg-dialog[open]{animation:pg-enter .2s ease-out}
.pg-shell{padding:28px}
.pg-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}
.pg-kicker{display:block;font-size:9px;letter-spacing:.14em;font-weight:600;color:var(--ev-accent,#d7c59a);margin-bottom:8px}
.pg-heading h2{font:600 clamp(23px,4vw,32px)/1.15 'Space Grotesk',sans-serif;letter-spacing:-.035em;margin:0 0 10px}
.pg-heading p,.pg-advisor p{color:#b4b8c0;font-size:13px;line-height:1.7;margin:0}
.pg-close{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid #ffffff30;border-radius:50%;background:#ffffff07;color:#fff;font:300 28px/1 Inter,sans-serif;cursor:pointer}
.pg-dialog :is(button,a,select,input):focus-visible,.pg-tools button:focus-visible{outline:2px solid var(--ev-accent,#d7c59a);outline-offset:3px}
.pg-selectors{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px}
.pg-selectors label,.pg-select-label{display:block;font-size:11px;font-weight:500;color:#c7cbd2}
.pg-dialog :is(select,input[type=text]){display:block;box-sizing:border-box;width:100%;min-height:46px;margin-top:8px;padding:10px 12px;border:1px solid #ffffff35;border-radius:8px;background:var(--ui-surface-2,#1b1b20);color:#f1f3f6;font:400 13px/1.4 Inter,sans-serif}
.pg-comparison{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px;line-height:1.5}
.pg-comparison th,.pg-comparison td{text-align:left;padding:12px;border-bottom:1px solid #ffffff19;overflow-wrap:anywhere;vertical-align:middle}
.pg-comparison th{font-weight:500;color:#d5d8dd}
.pg-comparison thead th{background:#ffffff04;font-size:13px;color:#fff}
.pg-comparison th:first-child{width:34%}
.pg-comparison td{text-align:center;color:#c0c5ce}
.pg-comparison .pg-included{font-size:19px;color:var(--ev-accent,#d7c59a)}
.pg-comparison .pg-excluded{color:#8e939e;font-size:18px}
.pg-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pg-dialog .pg-price{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;font-size:12px;color:#b4b8c0}
.pg-dialog .pg-price strong{display:block;width:100%;order:-1;color:#fff;font:600 23px/1.2 'Space Grotesk',sans-serif}
.pg-dialog .pg-price del{font-size:10px}
.pg-dialog .event-sale-badge{font-size:9px!important;padding:2px 4px!important}
.pg-offer-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px;padding-left:34%}
.pg-offer-actions>div{display:flex;flex-direction:column;gap:10px}
.pg-detail{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;font-size:12px;line-height:1.5;color:var(--ev-accent,#d7c59a);text-decoration:none}
.pg-dialog .tw-buy,.pg-primary{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:46px;padding:10px 16px;background:var(--ev-accent,#d7c59a);color:#14110c;border:1px solid transparent;border-radius:9px;font:600 12px/1.4 Inter,sans-serif;text-decoration:none;cursor:pointer}
.pg-dialog .tw-buy:disabled{background:#ffffff0c;border-color:#ffffff26;color:#aeb3bc;cursor:not-allowed}
.pg-dialog .pg-footnote{font-size:11px;line-height:1.7;color:#a6acb6;margin:20px 0 0}
.pg-advisor{width:min(660px,calc(100vw - 28px))}
.pg-advisor fieldset{padding:0;margin:0 0 24px;border:0;min-width:0}
.pg-advisor legend{font-size:13px;line-height:1.5;font-weight:600;margin:0 0 12px;padding:0}
.pg-choices{display:grid;gap:7px}
.pg-choices label{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px;border:1px solid #ffffff26;border-radius:8px;background:#ffffff03;cursor:pointer;font-size:12px;line-height:1.5;color:#c8cdd5}
.pg-choices label:has(:checked){border-color:var(--ev-accent,#d7c59a);background:rgba(var(--ev-rgb,215,197,154),.08);color:#fff}
.pg-choices input{accent-color:var(--ev-accent,#d7c59a);flex:none;width:17px;height:17px}
.pg-devices{grid-template-columns:repeat(3,1fr);margin-bottom:15px}
.pg-optional{color:#9299a4;font-weight:400;margin-left:5px}
.pg-advisor .pg-primary{margin-top:18px}
#packageAdvisorResult h3{font:600 30px/1.2 'Space Grotesk',sans-serif;letter-spacing:-.035em;margin:0 0 16px}
#packageAdvisorResult .pg-game{font-size:12px;margin-top:14px}
.pg-result-purchase{display:flex;align-items:center;gap:20px;justify-content:space-between;margin:20px 0;padding:18px 0;border-block:1px solid #ffffff20}
.pg-result-purchase .pg-price{justify-content:flex-start}
.pg-result-purchase .tw-buy{width:auto}
.pg-advisor .pg-delivery{font-size:12px}
.pg-reset{display:block;min-height:44px;padding:9px 0;margin-top:12px;background:none;color:#c7ccd4;border:0;text-decoration:underline;text-underline-offset:4px;cursor:pointer;font:400 12px/1.5 Inter,sans-serif}
.pg-tools{display:flex;align-items:center;gap:8px;flex:none}
.pg-tools button,.pg-home-tools button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:8px 13px;border:1px solid #ffffff30;border-radius:10px;background:#ffffff06;color:#eceef1;font:500 11px/1.4 Inter,sans-serif;cursor:pointer;transition:border-color .2s,background .2s}
.pg-tools svg{width:18px;height:18px;fill:none;stroke:var(--ev-accent,#d7c59a);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.pg-tools button:hover,.pg-home-tools button:hover{border-color:var(--ev-accent,#d7c59a);background:rgba(var(--ev-rgb,215,197,154),.08)}
.pg-home-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0 0}
.pg-home-tools>span{font-size:12px;color:#b4bac4}
.tw-delivery-note{font-size:12px;line-height:1.7;color:#b3b9c2;margin:14px 0}
.tw-delivery-note strong{color:#eef0f4;display:block;font-weight:500;margin-bottom:3px}
@keyframes pg-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:660px){
  .pg-shell{padding:20px 14px}
  .pg-heading{gap:10px;margin-bottom:18px}
  .pg-heading h2{font-size:24px}
  .pg-heading p{font-size:12px}
  .pg-selectors{gap:8px}
  .pg-selectors select{font-size:11px;padding-inline:5px}
  .pg-comparison{font-size:10px}
  .pg-comparison th,.pg-comparison td{padding:10px 5px}
  .pg-comparison thead th{font-size:11px}
  .pg-comparison th:first-child{width:32%}
  .pg-dialog .pg-price strong{font-size:19px}
  .pg-offer-actions{padding-left:32%;gap:8px}
  .pg-detail{font-size:11px}
  .pg-dialog .tw-buy{font-size:11px;padding:8px}
  .pg-tools{gap:5px}
  .pg-tools button{width:44px;padding:0}
  .pg-tools button span{display:none}
  .pg-tools .tw-overview-count{display:none}
  .pg-devices label{padding-inline:7px;gap:6px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){.pg-dialog[open]{animation:none}.pg-tools button,.pg-home-tools button{transition:none}}
body.pure-motion-off .pg-dialog[open]{animation:none}


.utility-preview-trigger{position:relative;display:block;flex:none;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:zoom-in;min-width:44px;min-height:44px;text-align:left;border-radius:7px;isolation:isolate}
.utility-preview-trigger img{transition:filter .2s ease}
.utility-preview-trigger:hover img{filter:brightness(1.12)}
.utility-preview-trigger:focus-visible{outline:2px solid var(--ev-accent,#d7c59a);outline-offset:4px}
.utility-preview-caption{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;gap:15px;min-height:32px;padding:5px 10px;border:1px solid #ffffff30;border-radius:6px;background:color-mix(in srgb,var(--ui-surface-0,#090909) 92.2%,transparent);color:#f4f1ea;font:500 11px/1.4 'Space Grotesk',sans-serif;box-shadow:0 3px 12px #0007;z-index:2}
.tw-product-art-utility .utility-preview-trigger{position:relative;width:100%;max-width:720px;z-index:2}
.tw-product-art-utility .utility-preview-trigger img{display:block;width:100%;height:auto}
.utility-gallery{box-sizing:border-box;width:min(1400px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:auto;border:1px solid rgba(var(--ev-rgb,215,197,154),.3);border-radius:16px;background:var(--ui-surface-0,#0c0c0d);color:#f6f4ef;box-shadow:0 24px 100px #000b;overscroll-behavior:contain}
.utility-gallery::backdrop{background:#000d;backdrop-filter:blur(7px)}
.utility-gallery[open]{animation:utility-gallery-enter .2s ease-out}
.utility-gallery-surface{padding:18px}
.utility-gallery-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:16px}
.utility-gallery-kicker{font:600 9px/1.4 'Space Grotesk',sans-serif;letter-spacing:.16em;color:var(--ev-accent,#d7c59a)}
.utility-gallery-heading h2{font:500 clamp(20px,2vw,28px)/1.2 'Space Grotesk',sans-serif;letter-spacing:-.035em;margin:4px 0 0}
.utility-gallery-close{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:1px solid #ffffff30;border-radius:8px;background:#ffffff08;color:#eee;font:300 28px/1 sans-serif;cursor:pointer}
.utility-gallery-close:hover{background:#ffffff13}
.utility-gallery-close:focus-visible{outline:2px solid var(--ev-accent,#d7c59a);outline-offset:3px}
.utility-gallery figure{margin:0}
.utility-gallery figure img{display:block;width:100%;height:auto;max-height:calc(100dvh - 175px);object-fit:contain;border-radius:7px;background:var(--ui-surface-0,#090909)}
.utility-gallery figcaption{margin:12px 0 0;color:#bab6ae;font:400 12px/1.5 'Inter',sans-serif}
@keyframes utility-gallery-enter{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}
@media(max-width:600px){.utility-gallery{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:12px}.utility-gallery-surface{padding:12px}.utility-gallery-heading{margin-bottom:12px;gap:8px}.utility-gallery-kicker{font-size:8px}.utility-gallery figure img{max-height:calc(100dvh - 155px)}.utility-preview-caption{font-size:10px;right:7px;bottom:7px;min-height:28px;padding:4px 7px}}
@media(prefers-reduced-motion:reduce){.utility-preview-trigger img{transition:none}.utility-gallery[open]{animation:none}}
body.pure-motion-off .utility-preview-trigger img{transition:none}
body.pure-motion-off .utility-gallery[open]{animation:none}


.payment-unavailable,.payhip-wait{padding:clamp(16px,3vw,24px);border:1px solid #343434;border-radius:16px;background:var(--ui-surface-0,#101010)}
.payment-unavailable h2,.payhip-wait h2{margin:0 0 10px;overflow-wrap:anywhere}
.payment-unavailable p,.payhip-wait p{color:#aaa;line-height:1.8;margin:0;overflow-wrap:anywhere}
.payment-unavailable .button,.payhip-wait .button{margin:18px 12px 0 0;max-width:100%;white-space:normal;height:auto;padding:12px 16px;line-height:1.5}
.cart-drawer section[hidden],a[hidden],.storefront-navbar .nav-links>.nav-link[hidden]{display:none!important}
@media(max-width:600px){.payment-unavailable .button,.payhip-wait .button{width:100%;margin-right:0}}


[data-shared-storefront] { --font-body:'Inter',sans-serif; --font-display:'Space Grotesk',sans-serif; }
[data-shared-storefront] [hidden] { display:none!important; }
.storefront-navbar { padding:10px clamp(14px,2vw,32px)!important;background:transparent!important;border-bottom:0!important;box-shadow:none!important;backdrop-filter:none!important; }
.storefront-navbar .brand-logo { margin-right:0; }
.storefront-navbar~main .package-name a { color:inherit;text-decoration:none; }
.storefront-navbar~main .package-name a:hover { color:var(--ev-accent,#fff); }
.storefront-navbar .nav-container { width:100%;max-width:1580px;min-height:64px;margin:auto;padding:6px 10px 6px 16px;gap:16px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:linear-gradient(180deg,color-mix(in srgb,var(--ui-surface-1,#12141a) 88%,transparent),color-mix(in srgb,var(--ui-surface-0,#090a0e) 94%,transparent));box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 20px 50px rgba(0,0,0,.62),0 0 0 1px rgba(0,0,0,.78);backdrop-filter:blur(24px) saturate(165%); }
.storefront-navbar .brand-logo { flex:none;font-size:16px!important;letter-spacing:.08em;gap:12px; }
.storefront-navbar .brand-icon { width:40px;height:40px;flex:none;border-radius:50%!important; }
.storefront-navbar .brand-icon img { width:100%;height:100%;object-fit:cover;border-radius:inherit; }
.storefront-navbar .nav-links { flex:0 1 auto;margin-inline:auto;justify-content:center;align-items:center;gap:2px!important;padding:4px 6px;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);box-shadow:inset 0 1px 2px rgba(0,0,0,.45); }
.storefront-navbar .nav-link { white-space:nowrap;font:600 12px/1.3 var(--font-body)!important;color:#a8aeb9!important;text-decoration:none!important;border-radius:999px;padding:0 clamp(8px,.85vw,13px);transition:color .2s ease,background-color .2s ease; }
.storefront-navbar .nav-links>.nav-link { display:inline-flex!important;align-items:center;min-height:36px; }
.storefront-navbar .nav-link:hover { color:#fff!important;background:rgba(255,255,255,.05); }
.storefront-navbar .nav-link[aria-current="page"] { color:#fff!important;background:linear-gradient(180deg,rgba(var(--ev-rgb,255,255,255),.22),rgba(var(--ev-rgb,255,255,255),.08))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 4px 12px rgba(0,0,0,.35);text-decoration:none!important; }
.storefront-skip { position:fixed;z-index:10000;top:12px;left:16px;transform:translateY(-180%);opacity:0;pointer-events:none;padding:12px 20px;border-radius:999px;background:#f5f6f8;color:#0d0e10!important;box-shadow:0 14px 36px rgba(0,0,0,.45);font:600 13px/1.4 var(--font-body);transition:transform .2s ease,opacity .2s ease; }
.storefront-skip:focus,.storefront-skip:focus-visible { transform:translateY(0);opacity:1;pointer-events:auto; }
.storefront-navbar .nav-actions { flex:none;gap:8px; }
.storefront-navbar .nav-auth-container { display:flex; }
.storefront-navbar .nav-user-pill { max-width:195px;border-radius:999px!important; }
.storefront-navbar .nav-user-name { max-width:78px;overflow:hidden;text-overflow:ellipsis; }
.storefront-navbar .mobile-toggle { flex:none;border-radius:999px!important; }
.storefront-navbar :is(.mobile-toggle,.nav-cart-btn,.btn-discord-nav,.nav-user-pill,.order-btn) { min-width:44px;min-height:44px;border-radius:999px!important; }
.storefront-navbar .mobile-menu { max-height:calc(100dvh - 88px);margin-top:8px;border-radius:22px;border:1px solid rgba(255,255,255,.14)!important;overflow:auto;background:color-mix(in srgb,var(--ui-surface-0,#0a0b0e) 96%,transparent)!important;box-shadow:0 28px 70px rgba(0,0,0,.7);backdrop-filter:blur(24px); }
.storefront-navbar .mobile-menu a { min-height:44px; }
.storefront-navbar .mobile-menu button { min-height:44px; }
body[data-shared-storefront]:has(.mobile-menu.open) :is(.pure-analytics-preferences,.pure-motion-control,.event-countdown-pin) { visibility:hidden; }
.storefront-navbar .nav-cart-btn { width:44px;height:44px;flex:none;border-radius:999px!important; }
.storefront-checkout-account { display:flex;justify-content:flex-end;gap:20px;padding:96px max(24px,calc((100vw - 1280px)/2)) 0; }
.storefront-checkout-account .header-right { display:flex;align-items:center;gap:18px; }
.storefront-event-host { display:none; }
.seasonal-mode .storefront-event-host { display:block; }
.storefront-shared { position:relative;z-index:1;clear:both;--white-primary:#f5f7fa;--white-secondary:#b8bdc6;--gray-text:#a4a9b3; }
.storefront-shared .section { padding:clamp(64px,7.5vw,112px) 0; }
.storefront-shared .container,.storefront-footer .container { width:100%;max-width:1400px;margin:auto;padding-inline:clamp(22px,5vw,72px); }
.storefront-shared .section-header { text-align:left;max-width:960px;margin:0 0 52px; }
.storefront-shared .section-title { font:600 clamp(36px,4.3vw,58px)/1.05 var(--font-display);letter-spacing:-.055em;color:#f5f7fa; }
.storefront-shared .section-subtitle { color:#a4a9b3;font:400 16px/1.8 var(--font-body);max-width:650px;margin:16px 0 0; }
.storefront-shared .section-badge { display:inline-flex;align-items:center;gap:8px;width:fit-content;color:var(--ev-accent,#e2e6ec);background:rgba(var(--ev-rgb,255,255,255),.06);border:1px solid rgba(var(--ev-rgb,255,255,255),.18);border-radius:999px;padding:6px 14px;margin-bottom:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);font:700 10px/1.4 var(--font-body);letter-spacing:.16em; }
.storefront-shared .section-badge::before { content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor; }
.storefront-shared .utility-showcase { background:linear-gradient(150deg,var(--ui-surface-1,#151515),var(--ui-surface-0,#090909)); }
.storefront-shared .utility-showcase-grid { display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:clamp(35px,6vw,90px); }
.storefront-shared .utility-showcase .section-title { max-width:400px; }
.storefront-shared .utility-spec-list { margin-top:32px; }
.storefront-shared .utility-spec-list strong { font-family:var(--font-body); }
.storefront-shared .utility-showcase-visual { background:linear-gradient(160deg,var(--ui-surface-2,#242424),var(--ui-surface-0,#0d0d0d)); }
.storefront-shared .utility-visual-label,.storefront-shared .utility-visual-foot { display:block;color:#8d8d8d;font:700 9px var(--font-body);letter-spacing:.15em; }
.storefront-shared .utility-visual-label { margin-bottom:20px; }
.storefront-shared .utility-visual-foot { margin-top:20px;text-align:right; }
.storefront-shared .faq-container { display:grid;gap:14px;max-width:1020px; }
.storefront-shared .faq-question { width:100%;display:flex;align-items:center;justify-content:space-between;padding:24px 28px;gap:20px;background:none;border:none;text-align:left;cursor:pointer;font:500 17px/1.4 var(--font-display);letter-spacing:-.02em;color:#f3f5f8; }
.storefront-shared .faq-icon { width:32px;height:32px;padding:7px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);flex:none; }
.storefront-shared .faq-answer { overflow:hidden;max-height:0;transition:max-height .35s ease; }
.storefront-shared .faq-answer-inner { padding:0 28px 26px;color:#a7adb8;line-height:1.75; }
.storefront-shared .cta-banner { text-align:center;padding:clamp(44px,6vw,76px) clamp(24px,5vw,64px)!important; }
.storefront-shared .cta-title { font:600 clamp(34px,3.8vw,54px)/1.08 var(--font-display);letter-spacing:-.05em;margin:14px 0 20px; }
.storefront-shared .cta-subtitle { font:400 17px/1.7 var(--font-body);color:#a8aeb8;max-width:720px;margin:0 auto 34px; }
.storefront-shared .cta-perks,.storefront-shared .cta-Reassurance { display:flex;justify-content:center;flex-wrap:wrap;gap:12px 16px;margin-top:32px; }
.storefront-shared .cta-perk,.storefront-shared .cta-Reassurance>span { display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:#b4bac4;font-size:12px; }
.storefront-shared .btn { display:inline-flex;align-items:center;justify-content:center;gap:10px;font:600 14px/1.4 var(--font-body);text-decoration:none;min-height:48px;padding:14px 26px;border-radius:999px!important; }
.storefront-footer { position:relative;z-index:1;padding:64px 0 36px!important; }
.storefront-footer .footer-grid { display:grid;grid-template-columns:1.45fr .8fr .8fr 1.1fr;gap:clamp(30px,5vw,70px);padding:clamp(32px,4vw,52px);margin-bottom:28px;border-radius:28px;border:1px solid rgba(255,255,255,.11);background:radial-gradient(ellipse at 90% 0%,rgba(var(--ev-rgb,255,255,255),.05),transparent 55%),linear-gradient(160deg,color-mix(in srgb,var(--ui-surface-1,#121419) 92%,transparent),color-mix(in srgb,var(--ui-surface-0,#090a0d) 96%,transparent));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 64px rgba(0,0,0,.4); }
.storefront-footer .footer-brand-desc { color:#a1a5ad;font:400 14px/1.75 var(--font-body);max-width:330px;margin:18px 0 24px; }
.storefront-footer .footer-heading { color:#f0f2f5;font:700 11px var(--font-display);letter-spacing:.16em;text-transform:uppercase;margin:4px 0 22px; }
.storefront-footer .footer-links { display:grid;gap:14px; }
.storefront-footer .footer-link { color:#a6abb3;font:400 14px/1.6 var(--font-body);text-decoration:none;overflow-wrap:anywhere;transition:color .2s ease; }
.storefront-footer .footer-link:hover { color:#fff; }
.storefront-footer .footer-contact-item { display:flex;align-items:center;gap:10px;margin-bottom:14px; }
.storefront-footer .footer-contact-item svg { width:18px;height:18px;flex:none; }
.storefront-footer .footer-social-row { display:flex;gap:10px; }
.storefront-footer .footer-bottom { display:flex;align-items:center;justify-content:space-between;gap:24px;padding:8px 12px 0;color:#7e838b;font:400 12px/1.6 var(--font-body); }
.seasonal-mode .storefront-shared .utility-showcase { background:radial-gradient(ellipse at 90% 20%,rgba(var(--ev-rgb),.06),transparent 60%);border-color:rgba(var(--ev-rgb),.15); }
@media(max-width:1199px) { .storefront-navbar .nav-links{display:none!important}.storefront-navbar .mobile-toggle{display:flex!important}.storefront-navbar .nav-actions{margin-left:auto}.storefront-navbar .mobile-menu.open{display:block!important} }
@media(min-width:1200px) { .storefront-navbar .nav-links{display:flex!important}.storefront-navbar .mobile-toggle{display:none!important}.storefront-navbar .mobile-menu{display:none!important} }
@media(max-width:850px) { .storefront-shared .utility-showcase-grid{grid-template-columns:1fr}.storefront-shared .utility-showcase-visual{transform:none;margin:20px 8px}.storefront-footer .footer-grid{grid-template-columns:1fr 1fr;gap:36px;padding:28px}.storefront-navbar .nav-user-pill{max-width:145px}.storefront-navbar .nav-dash-pill{display:none} }
@media(max-width:600px) { .storefront-navbar{padding:8px 10px!important}.storefront-navbar .nav-container{min-height:56px;padding:6px 10px 6px 12px;gap:8px}.storefront-navbar .brand-logo{font-size:13px!important;gap:8px}.storefront-navbar .brand-icon{width:34px;height:34px}.storefront-navbar .nav-actions>.order-btn{display:none}.storefront-navbar .nav-user-name{display:none}.storefront-navbar .nav-user-pill{padding:4px;min-height:44px}.storefront-navbar .btn-discord-nav{font-size:0!important;padding:10px!important;gap:0!important}.storefront-navbar .btn-discord-nav span{display:none}.storefront-navbar .nav-actions{gap:6px}.storefront-navbar :is(.nav-cart-btn,.mobile-toggle,.btn-discord-nav,.nav-user-pill){min-width:44px;min-height:44px}.storefront-navbar .mobile-toggle{align-items:center;justify-content:center;padding:4px}.storefront-shared .faq-question{padding:20px;font-size:15px!important}.storefront-shared .faq-answer-inner{padding:0 20px 20px}.storefront-shared .cta-subtitle{font-size:15px}.storefront-shared .cta-perks,.storefront-shared .cta-Reassurance{align-items:stretch;flex-direction:column}.storefront-footer .footer-grid{grid-template-columns:1fr;padding:24px}.storefront-footer .footer-bottom{align-items:flex-start;flex-direction:column}.storefront-checkout-account{padding:86px 22px 0}.storefront-checkout-account .secure-label{font-size:10px} }
@media(max-width:360px) { .storefront-navbar .brand-logo { font-size:11px!important;gap:6px; }.storefront-navbar .brand-icon { width:32px;height:32px; } }


.pure-core{--core-ink:#d9dfe2;display:block;position:relative;width:100%;color:var(--core-ink);isolation:isolate;overflow:hidden}
.pure-core-svg{display:block;width:100%;height:auto;overflow:visible}
.pure-core-topline,.pure-core-caption{position:absolute;left:7%;right:7%;display:flex;justify-content:space-between;gap:12px;color:#899297;font:600 8px/1.5 'Space Grotesk',sans-serif;letter-spacing:.16em}
.pure-core-topline{top:6%}.pure-core-caption{bottom:6%}.pure-core-caption-mark{font-size:14px;line-height:1;color:var(--core-ink)}
.pure-core-assembly{filter:drop-shadow(0 22px 13px #0008)}
.pure-core--hero{max-width:700px;margin:auto}.pure-core--hero .pure-core-topline,.pure-core--hero .pure-core-caption{font-size:9px;left:4%;right:4%}
.pure-core--card{background:radial-gradient(ellipse at 50% 45%,#ffffff06,transparent 66%);border-block:1px solid #ffffff0a}
.tw-core-link{position:relative;display:block;margin:-8px -12px 24px;border-radius:8px;overflow:hidden;text-decoration:none;min-width:0}
.tw-core-link>.pure-core{transition:scale .55s cubic-bezier(.2,.75,.2,1)}
.tw-core-link:focus-visible{outline:2px solid var(--tw-accent,#fff);outline-offset:4px}
.tw-card .tw-card-top{margin-bottom:22px}.tw-card .tw-card-symbol{font:600 9px/1 'Space Grotesk',sans-serif;letter-spacing:.12em;color:#757d81;border:1px solid #ffffff14;padding:7px 8px;border-radius:3px}
.tw-card-featured .tw-core-link{margin:-10px -15px 27px}.tw-card-featured .pure-core-svg{max-height:285px}
.tw-addons .tw-core-link{max-width:220px;width:100%;align-self:center;margin:-5px 0 18px}.tw-addons .pure-core-topline{display:none}.tw-addons .pure-core-caption{font-size:6px}
.tw-core-link-utility{aspect-ratio:1.6;background:radial-gradient(ellipse at 50% 0,#ffffff0c,transparent 80%),var(--ui-surface-1,#0b0f11);border:1px solid #ffffff0d}
.tw-core-link-utility>.pure-core{width:45%;position:absolute;top:-7%;right:-7%;opacity:.5;pointer-events:none}
.tw-core-link-utility>.pure-core :is(.pure-core-topline,.pure-core-caption){display:none}
.tw-core-link-utility>img{position:relative;display:block;width:86%;height:auto;margin:11% auto 8%;border:1px solid #ffffff29;border-radius:6px;box-shadow:0 15px 24px #0007}
.tw-product-art.tw-product-art-core{padding:28px 0;min-height:360px;background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--ui-surface-3,#242b2e) 53.3%,transparent),transparent 70%),var(--ui-surface-0,#090c0e);border-color:#ffffff17}
.tw-product-art-core:before,.tw-product-art-core:after{display:none}.tw-product-art-core>.pure-core{width:100%}.tw-product-art-core .pure-core-svg{min-height:290px}
.tw-product-art-core.tw-product-art-utility{padding:70px 24px 44px;min-height:360px;aspect-ratio:1.2}
.tw-product-art-core.tw-product-art-utility>.pure-core{width:58%;position:absolute;top:-7%;right:-12%;opacity:.55;pointer-events:none}
.tw-product-art-core.tw-product-art-utility .pure-core-topline,.tw-product-art-core.tw-product-art-utility .pure-core-caption{display:none}
.tw-product-art-core.tw-product-art-utility>img{width:100%;height:auto;position:relative;z-index:1;box-shadow:0 23px 35px #0008}
.tw-core-utility-label{position:absolute;left:25px;bottom:20px;color:#899297;font:600 9px/1.4 'Space Grotesk',sans-serif;letter-spacing:.14em}
.tw-related-card>.pure-core{flex:none;margin:-10px -12px 12px;width:calc(100% + 24px);border:0;color:var(--core-ink)}.tw-related-card>.pure-core .pure-core-topline{display:none}.tw-related-card>.pure-core .pure-core-caption{font-size:6px}
.seasonal-mode .pure-core{--core-ink:var(--ev-accent,#d9dfe2)}
.seasonal-mode .tw-product-art.tw-product-art-core{background:radial-gradient(ellipse at 50% 30%,rgba(var(--ev-rgb),.065),transparent 70%),var(--ev-bg)}
@media(hover:hover) and (pointer:fine){body:not(.pure-motion-off) .tw-core-link:hover>.pure-core{scale:1.035}.tw-card:hover .pure-core-traces{opacity:.85}}
@media(prefers-reduced-motion:no-preference){body.pure-motion-enabled:not(.pure-motion-off) .pure-core--hero .pure-core-assembly{animation:pure-core-suspend 8s ease-in-out infinite}@keyframes pure-core-suspend{0%,100%{translate:0 0}50%{translate:0 -8px}}}
@media(max-width:850px){.tw-product-art.tw-product-art-core{min-height:260px;aspect-ratio:1.7}.tw-product-art-core>.pure-core{max-width:520px}.tw-product-art-core .pure-core-svg{min-height:0}.tw-product-art-core.tw-product-art-utility{aspect-ratio:1.6;min-height:260px;padding:55px 35px 42px}.tw-product-art-core.tw-product-art-utility>img{max-width:530px}.tw-product-art-core.tw-product-art-utility>.pure-core{max-width:300px}}
@media(max-width:600px){.tw-core-link{margin-inline:-9px}.tw-card-featured .pure-core-svg{max-height:240px}.tw-product-art.tw-product-art-core{min-height:235px;aspect-ratio:1.35;padding:20px 0}.tw-product-art-core.tw-product-art-utility{padding:52px 18px 42px;min-height:235px}.pure-core-topline,.pure-core-caption{font-size:7px}.tw-addons .tw-core-link{max-width:180px;float:none;margin:0 auto 18px}.tw-core-utility-label{font-size:7px;left:18px;bottom:17px}}
@media(prefers-reduced-motion:reduce){.tw-core-link>.pure-core{transition:none}.pure-core-assembly{animation:none!important}.tw-core-link:hover>.pure-core{scale:1}}
body.pure-motion-off .pure-core-assembly{animation:none!important}

#utility.utility-lab { background:radial-gradient(ellipse at 80% 60%,#ffffff0b,transparent 55%),var(--ui-surface-0,#0a0b0d);padding-block:clamp(72px,8vw,124px); }
#utility.utility-lab>.container { width:min(1360px,calc(100% - 40px));max-width:1360px;padding-inline:0; }
.utility-lab .ud-heading { display:grid;grid-template-columns:1fr .8fr;gap:48px;align-items:end;margin-bottom:44px; }
.utility-lab .ud-heading .section-title { font-size:clamp(44px,5.2vw,76px);line-height:1.02;letter-spacing:-.055em;margin-bottom:0!important; }
.utility-lab .ud-intro { max-width:440px;padding-bottom:5px; }
.utility-lab .ud-intro .section-subtitle { font-size:15px;line-height:1.8;margin:0 0 22px!important; }
.utility-lab .ud-intro .btn { font-size:12px; }
.utility-lab .ud-stage { min-width:0; }
.utility-lab .ud-preview-heading,.utility-lab .ud-preview-caption { display:flex;justify-content:space-between;align-items:center;gap:12px;color:#989ca6;font:400 11px/1.7 var(--font-body,sans-serif); }
.utility-lab .ud-preview-heading { margin-bottom:14px; }
.utility-lab .ud-preview-heading>span { font-size:10px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#a4a8b3; }
.utility-lab .ud-preview-dot { padding:0 9px;color:#676974; }
.utility-lab .ud-preview-heading>a { display:inline-flex;align-items:center;gap:12px;color:#eef0f4;font-size:11px;font-weight:500;text-decoration:none; }
.utility-lab .ud-preview-heading>a:hover { color:#fff;text-decoration:underline;text-underline-offset:4px; }
.utility-lab .ud-window { position:relative;width:100%;aspect-ratio:1358/825;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:var(--ui-surface-0,#0b0907);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 38px 96px rgba(0,0,0,.62),0 0 0 1px rgba(0,0,0,.65); }
.utility-lab .ud-app-frame { display:block;position:absolute;inset:0;width:1358px;height:825px;max-width:none;border:0;transform-origin:top left; }
.utility-lab .ud-poster { display:block;position:absolute;inset:0;z-index:1;background:var(--ui-surface-0,#0b0907); }
.utility-lab .ud-poster[hidden] { display:none; }
.utility-lab .ud-poster img { display:block;width:100%;height:100%;object-fit:contain; }
.utility-lab .ud-preview-caption { margin-top:14px;font-size:10px;color:#8c909a; }
.utility-lab a:focus-visible,.utility-lab iframe:focus-visible { outline:2px solid #e2c097;outline-offset:4px; }
@media(max-width:600px) { .utility-lab .ud-heading { grid-template-columns:1fr;gap:24px;margin-bottom:30px; }.utility-lab .ud-intro { max-width:none; }.utility-lab .ud-intro .section-subtitle { font-size:14px; }.utility-lab .ud-preview-heading { align-items:flex-start; }.utility-lab .ud-preview-heading>span { font-size:8px;max-width:160px; }.utility-lab .ud-preview-heading>a { font-size:10px;gap:6px;white-space:nowrap; }.utility-lab .ud-preview-dot { padding:0 3px; }.utility-lab .ud-window { border-radius:9px; }.utility-lab .ud-preview-caption { align-items:flex-start;font-size:9px;gap:18px; }.utility-lab .ud-preview-caption>span:last-child { max-width:130px;text-align:right; } }


body[data-shared-storefront] { --studio-accent: var(--ev-accent, #e6e8eb); --studio-line: rgba(255,255,255,.12); --studio-surface: linear-gradient(155deg,var(--ui-surface-1,#16181c),var(--ui-surface-0,#0b0c0e) 78%); --studio-bevel: inset 0 1px 0 rgba(255,255,255,.11); }
html:has(body[data-shared-storefront]:not(.seasonal-mode))::before { background: radial-gradient(ellipse at 96% 8%,#dfe5ed0b,transparent 55%); }
body[data-shared-storefront]:not(.seasonal-mode) :is(.feature-card,.tw-card,.tw-related-card):hover { outline-color: #ffffff24; }
body[data-shared-storefront] :is(button,a,input):focus-visible { outline: 2px solid var(--studio-accent); outline-offset: 5px; }
body[data-shared-storefront] .storefront-navbar { background:transparent!important;border-bottom:0!important;box-shadow:none!important;backdrop-filter:none!important; }
body[data-shared-storefront].seasonal-mode .storefront-navbar .nav-container { background:linear-gradient(180deg,color-mix(in srgb,var(--ev-bg) 88%,color-mix(in srgb,var(--ui-surface-1,#161210) 92%,transparent)),color-mix(in srgb,var(--ev-bg) 94%,color-mix(in srgb,var(--ui-surface-0,#080706) 96%,transparent)))!important;border-color:rgba(var(--ev-rgb),.26)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 22px 54px rgba(0,0,0,.68),0 0 32px rgba(var(--ev-rgb),.07)!important; }
body[data-shared-storefront] .storefront-navbar .brand-icon { border:1px solid rgba(255,255,255,.28)!important;border-radius:50%!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 8px 20px rgba(0,0,0,.45)!important;animation:none!important; }
body[data-shared-storefront] .storefront-navbar .brand-logo>span>span { color:var(--studio-accent)!important;text-shadow:none!important; }
body[data-shared-storefront] .storefront-navbar :is(.nav-cart-btn,.nav-user-pill,.btn-discord-nav) { background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:999px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 8px 20px rgba(0,0,0,.25)!important; }
body[data-shared-storefront] .storefront-navbar :is(.nav-cart-btn,.nav-user-pill,.btn-discord-nav):hover { border-color:rgba(255,255,255,.38)!important;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.05))!important; }
body[data-shared-storefront] .hero-badge-container { border-radius:999px!important;padding:7px 15px!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 26px rgba(0,0,0,.28)!important; }
body[data-shared-storefront] .hero-actions .btn-primary { min-width: 184px; border-radius:999px!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 14px 36px rgba(255,255,255,.14)!important; }
body[data-shared-storefront] .hero-actions .btn-secondary { border-radius:999px!important; background: rgba(255,255,255,.04)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.09)!important; border-color:rgba(255,255,255,.2)!important; }
body[data-shared-storefront] .hero-actions .btn-secondary:hover { background: rgba(255,255,255,.08)!important; border-color:rgba(255,255,255,.45)!important; }
body[data-shared-storefront] .metrics-bar { display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;border:0!important;background:transparent!important;padding:28px 0 0!important; }
body[data-shared-storefront] .metrics-bar .metric-item { padding:22px 20px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:20px!important;background:radial-gradient(240px circle at 90% 0%,rgba(var(--ev-rgb,255,255,255),.06),transparent 65%),linear-gradient(160deg,color-mix(in srgb,var(--ui-surface-1,#14161b) 92%,transparent),color-mix(in srgb,var(--ui-surface-0,#0a0b0e) 96%,transparent))!important;box-shadow:var(--studio-bevel),0 18px 42px rgba(0,0,0,.35)!important;text-align:left!important;align-items:flex-start!important; }
body[data-shared-storefront] .metrics-bar #homeReviewAverage,body[data-shared-storefront] .metrics-bar .metric-value-system { color:var(--studio-accent)!important;text-shadow:none!important; }
body[data-shared-storefront] .performance-art { aspect-ratio: 1; width:100%; border-radius:28px; border:1px solid rgba(255,255,255,.13); background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.07),transparent 64%),linear-gradient(160deg,color-mix(in srgb,var(--ui-surface-1,#13151a) 82%,transparent),color-mix(in srgb,var(--ui-surface-0,#08090c) 92%,transparent)); box-shadow:var(--studio-bevel),0 32px 80px rgba(0,0,0,.5); padding:20px; }
body[data-shared-storefront] .performance-art::before { display:none; }
.studio-hero-core { width:100%; height:100%; display:grid; place-items:center; }
.studio-hero-core .pure-core { width:100%; }
.studio-core-fallback { display:grid; place-items:center; min-height:300px; color:#e5e8ec; font:500 clamp(40px,6vw,84px)/.95 'Space Grotesk',sans-serif; letter-spacing:-.07em; text-align:center; }
body[data-shared-storefront] .art-chip { background:linear-gradient(145deg,color-mix(in srgb,var(--ui-surface-2,#181b21) 94%,transparent),color-mix(in srgb,var(--ui-surface-0,#0b0d10) 97%,transparent))!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 22px 48px rgba(0,0,0,.55)!important; border-radius:16px; font-size:11px; }
body[data-shared-storefront] .art-chip strong { text-shadow:none!important; }
body[data-shared-storefront] .art-chip.one { top:14%; left:3%; right:auto; }
body[data-shared-storefront] .art-chip.two { bottom:12%; right:3%; left:auto; }
.studio-hero-core .pure-core-svg { height:auto; }
.studio-kicker { display:inline-flex; align-items:center; gap:8px; width:fit-content; padding:5px 12px; border-radius:999px; border:1px solid rgba(var(--ev-rgb,255,255,255),.18); background:rgba(var(--ev-rgb,255,255,255),.055); font:600 9px/1.5 'DM Sans',sans-serif; letter-spacing:.16em; color:var(--studio-accent); }
.studio-engineering { position:relative; isolation:isolate; padding:clamp(72px,8vw,124px) 0; background:linear-gradient(145deg,var(--ui-surface-0,#0d0e10),var(--ui-surface-0,#060707) 75%); border-bottom:1px solid var(--studio-line); overflow:hidden; }
.studio-engineering-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.92fr); align-items:center; gap:clamp(40px,8vw,128px); }
.studio-engineering-visual { position:relative; min-width:0; border:1px solid rgba(255,255,255,.16); border-radius:20px; padding:24px 24px 22px; background:radial-gradient(ellipse at 50% 40%,#dbe1ed12,transparent 70%),repeating-linear-gradient(90deg,transparent 0 57px,#ffffff03 58px 59px),linear-gradient(160deg,var(--ui-surface-1,#13161b),var(--ui-surface-0,#08090c)); box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 32px 76px rgba(0,0,0,.5); }
.studio-engineering-visual::before,.studio-engineering-visual::after { content:'+'; position:absolute; color:#ffffff70; font:300 17px monospace; }
.studio-engineering-visual::before { top:-11px; left:-6px; }.studio-engineering-visual::after { bottom:-11px; right:-6px; }
.studio-engineering-visual [data-pure-core] { width:100%; margin:4px auto; }
.studio-engineering-visual .pure-core { max-height:400px; }
.studio-layer-key { display:flex; flex-wrap:wrap; gap:12px 22px; padding-top:17px; border-top:1px solid #ffffff17; font:500 8px/1.5 'DM Sans',sans-serif; letter-spacing:.1em; color:#9da2a9; }
.studio-engineering-copy>h2 { margin:18px 0 25px; font:500 clamp(38px,4.5vw,64px)/1.06 'Space Grotesk',sans-serif; letter-spacing:-.055em; color:#f2f3f5; }
.studio-engineering-copy>h2>span { color:#a0a4ac; }
.studio-engineering-copy>p:not(.studio-kicker) { max-width:450px; color:#a4a8b0; font-size:14px; line-height:1.85; }
.studio-engineering-steps { margin:26px 0 30px; padding:0; list-style:none; display:grid; gap:10px; }
.studio-engineering-steps li { display:flex; gap:18px; padding:16px 20px; border:1px solid rgba(255,255,255,.09); border-radius:16px; background:linear-gradient(155deg,color-mix(in srgb,var(--ui-surface-1,#16191e) 75%,transparent),color-mix(in srgb,var(--ui-surface-0,#0b0d10) 85%,transparent)); box-shadow:inset 0 1px 0 rgba(255,255,255,.06); }
.studio-engineering-steps li>span { display:grid; place-items:center; width:32px; height:32px; flex:none; border-radius:10px; border:1px solid rgba(var(--ev-rgb,255,255,255),.22); background:rgba(var(--ev-rgb,255,255,255),.07); color:var(--studio-accent); font:600 11px 'Space Grotesk',sans-serif; letter-spacing:.06em; }
.studio-engineering-steps h3 { margin:0 0 6px; color:#eceef1; font-size:13px; font-weight:500; }
.studio-engineering-steps p { margin:0; color:#989da6; font-size:12px; line-height:1.65; }
.studio-text-link { display:inline-flex; align-items:center; gap:16px; color:#f0f2f4; text-decoration:none; font-size:12px; font-weight:600; padding:11px 20px; border-radius:999px; border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.04); box-shadow:inset 0 1px 0 rgba(255,255,255,.08); }
.studio-text-link:hover { border-color:var(--studio-accent); background:rgba(255,255,255,.08); }
.studio-text-link>span { color:var(--studio-accent); }
body[data-shared-storefront] #features { background:var(--ui-surface-0,#090a0b); }
body[data-shared-storefront] #features .section-header { display:grid; grid-template-columns:1.25fr 1fr; max-width:none!important; gap:18px 70px; align-items:end; }
body[data-shared-storefront] #features .section-badge { grid-column:1/-1; }
body[data-shared-storefront] #features .section-title { margin:0!important; }
body[data-shared-storefront] #features .section-subtitle { margin:0!important; max-width:440px; }
body[data-shared-storefront] .features-grid { grid-template-columns:repeat(12,minmax(0,1fr))!important; gap:18px!important; }
body[data-shared-storefront] #features .feature-card { grid-column:span 3; min-height:255px; border-radius:22px!important; padding:30px!important; border:1px solid rgba(255,255,255,.13)!important; background:radial-gradient(320px circle at var(--pt-pointer-x,85%) var(--pt-pointer-y,0%),rgba(255,255,255,.075),transparent 70%),linear-gradient(160deg,var(--ui-surface-2,#171a20),var(--ui-surface-0,#0a0b0e) 80%)!important; box-shadow:var(--studio-bevel),0 24px 60px rgba(0,0,0,.38)!important; }
body[data-shared-storefront] #features .feature-card:nth-child(-n+2) { grid-column:span 6; min-height:285px; padding:36px!important; border-color:rgba(255,255,255,.18)!important; background:radial-gradient(380px circle at var(--pt-pointer-x,85%) var(--pt-pointer-y,0%),rgba(255,255,255,.095),transparent 68%),linear-gradient(155deg,var(--ui-surface-2,#1c2027),var(--ui-surface-1,#0b0d11) 78%)!important; }
body[data-shared-storefront].seasonal-mode #features .feature-card { border-color:rgba(var(--ev-rgb),.24)!important; background:radial-gradient(340px circle at var(--pt-pointer-x,85%) var(--pt-pointer-y,0%),rgba(var(--ev-rgb),.095),transparent 70%),linear-gradient(155deg,rgba(var(--ev-rgb),.055),transparent 65%),var(--ev-bg)!important; }
body[data-shared-storefront] #features .feature-card:hover { border-color:rgba(255,255,255,.36)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 30px 72px rgba(0,0,0,.48)!important; }
body[data-shared-storefront].seasonal-mode #features .feature-card:hover { border-color:rgba(var(--ev-rgb),.52)!important; }
body[data-shared-storefront] #features .feature-card:nth-child(-n+2) .feature-title { font-size:28px!important; letter-spacing:-.04em!important; }
body[data-shared-storefront] #features .feature-card:nth-child(-n+2) .feature-desc { max-width:440px; }
body[data-shared-storefront] #features .feature-card:nth-child(-n+2)::after { width:130px; height:34px; opacity:.4; }
body[data-shared-storefront] #features .feature-card::before { right:25px!important; top:27px; }
body[data-shared-storefront] #features .feature-icon-wrapper { margin-bottom:30px!important; border-radius:14px!important; border:1px solid rgba(var(--ev-rgb,255,255,255),.24)!important; background:linear-gradient(145deg,rgba(var(--ev-rgb,255,255,255),.1),rgba(255,255,255,.02))!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 10px 24px rgba(0,0,0,.32)!important; color:var(--studio-accent)!important; }

body[data-shared-storefront].seasonal-mode #hero { padding-top:116px!important; }
body[data-shared-storefront] .event-hero { min-height:510px; grid-template-columns:1.02fr 1fr; }
body[data-shared-storefront] .event-hero-copy { padding:36px 0 40px; }
body[data-shared-storefront] .event-hero-visual { min-height:400px; border-radius:26px; border:1px solid rgba(var(--ev-rgb,255,255,255),.2); background:radial-gradient(circle at 55% 45%,rgba(var(--ev-rgb,255,255,255),.12),transparent 66%),linear-gradient(160deg,color-mix(in srgb,var(--ui-surface-1,#18120e) 72%,transparent),color-mix(in srgb,var(--ui-surface-0,#090808) 88%,transparent)); box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 30px 75px rgba(0,0,0,.5); }
body[data-shared-storefront] .event-hero .scene-pumpkin { width:76%; left:18%; top:12%; }
body[data-shared-storefront] .event-hero .event-floating-tag { right:3%; bottom:13%; border-radius:16px; transform:rotate(-5deg); box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 24px 52px rgba(0,0,0,.55); }
body[data-shared-storefront] .event-core-seal { position:absolute; z-index:3; width:158px; left:2%; bottom:8%; padding:9px 8px 12px; background:linear-gradient(145deg,color-mix(in srgb,var(--ui-surface-1,#191614) 94.9%,transparent),color-mix(in srgb,var(--ui-surface-0,#090909) 93.3%,transparent)); border:1px solid #ffffff29; border-radius:14px; box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 22px 48px #0008; transform:rotate(5deg); }
.event-core-seal .pure-core { width:100%; aspect-ratio:1.15; }
.event-core-seal :is(.pure-core-topline,.pure-core-caption) { display:none; }
.event-core-seal>span { display:block; text-align:center; color:#c1b6a9; font:500 6px/1.4 'DM Sans',sans-serif; letter-spacing:.1em; }
body[data-shared-storefront] .event-countdown { --counter-number-size:36px; grid-template-columns:1fr minmax(360px,.95fr); gap:24px; padding:22px 28px; margin-top:16px; border:1px solid rgba(var(--ev-rgb,255,255,255),.22)!important; border-radius:22px; background:linear-gradient(160deg,color-mix(in srgb,var(--ui-surface-1,#161210) 88%,transparent),color-mix(in srgb,var(--ui-surface-0,#0a0908) 94%,transparent)); box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 22px 54px rgba(0,0,0,.42); }
body[data-shared-storefront] .event-countdown-copy { display:block; }
body[data-shared-storefront] .event-countdown-copy>p { font-size:9px; margin-bottom:5px!important; }
body[data-shared-storefront] .event-countdown-copy>span { text-align:left; color:#a1a49f; font-size:10px; }
body[data-shared-storefront] .event-countdown .event-countdown-unit { padding:12px 10px; border:1px solid rgba(var(--ev-rgb,255,255,255),.16); border-radius:14px; background:rgba(0,0,0,.42); box-shadow:inset 0 1px 0 rgba(255,255,255,.07); text-align:center; }
body[data-shared-storefront] .event-countdown .event-countdown-unit>strong { font-size:calc(36px * var(--digit-scale,1)); height:36px; letter-spacing:-.05em; text-shadow:none; font-variant-numeric:tabular-nums; }
body[data-shared-storefront] .event-countdown .event-countdown-unit>span { margin-top:6px; font-size:7px; letter-spacing:.14em; }
body[data-shared-storefront] .event-countdown .event-countdown-digits { grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
body[data-shared-storefront] .event-countdown .event-countdown-colon { display:none; }
body[data-shared-storefront] .event-price-strip { gap:12px!important; margin-top:12px!important; border:0!important; background:transparent!important; }
body[data-shared-storefront] .event-price-strip>a { padding:18px 22px!important; border:1px solid rgba(var(--ev-rgb,255,255,255),.2)!important; border-radius:18px!important; background:linear-gradient(155deg,color-mix(in srgb,var(--ui-surface-1,#181412) 88%,transparent),color-mix(in srgb,var(--ui-surface-0,#0b0a0a) 94%,transparent))!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 16px 38px rgba(0,0,0,.35)!important; }
body[data-shared-storefront] .event-price-strip>a:hover { border-color:var(--studio-accent)!important; background:linear-gradient(155deg,color-mix(in srgb,var(--ui-surface-2,#201915) 94%,transparent),color-mix(in srgb,var(--ui-surface-0,#0e0c0b) 98%,transparent))!important; }
body[data-shared-storefront] .event-price-strip>a>span:first-child { font-size:11px; }
body[data-shared-storefront] .mobile-menu { max-height:calc(100dvh - 106px); overflow-y:auto; overscroll-behavior:contain; border-bottom-color:#ffffff24; }
body[data-shared-storefront] .mobile-menu .mobile-link { min-height:44px; display:flex; align-items:center; border-bottom:1px solid #ffffff0c; }
body[data-shared-storefront] .cart-confirmation { display:flex; align-items:center; gap:10px; margin:0; padding:14px 20px; color:#e7ede8; background:#ffffff07; border-block:1px solid #ffffff15; font-size:12px; line-height:1.5; }
body[data-shared-storefront] .cart-confirmation::before { content:'✓'; display:grid; place-items:center; width:22px; height:22px; flex-shrink:0; border:1px solid #ffffff40; border-radius:50%; color:var(--studio-accent); }
body[data-shared-storefront] .cart-confirmation[hidden] { display:none; }
body[data-shared-storefront] .cart-drawer-line[data-just-added] { border-color:#ffffff50; }
body[data-shared-storefront].cart-open :is(.pure-analytics-preferences,.pure-motion-control,.event-countdown-pin) { visibility:hidden; }
@media (prefers-reduced-motion:no-preference) {
  body[data-shared-storefront]:not(.pure-motion-off) .studio-text-link>span { transition:translate .22s ease; }
  body[data-shared-storefront]:not(.pure-motion-off) .studio-text-link:hover>span { translate:3px -3px; }
  body[data-shared-storefront]:not(.pure-motion-off) .mobile-menu.open { animation:studio-menu .25s cubic-bezier(.22,1,.36,1) both; }
  body[data-shared-storefront]:not(.pure-motion-off) .cart-drawer-line[data-just-added] { animation:studio-cart-line .6s ease-out; }
  @keyframes studio-menu { from { opacity:0; clip-path:inset(0 0 100%); } to { opacity:1; clip-path:inset(0); } }
  @keyframes studio-cart-line { from { background:#ffffff12; } to { background:transparent; } }
}
@media(min-width:1200px) { body[data-shared-storefront] .mobile-menu.open { display:none!important; } }
@media(max-width:1000px) {
  .studio-engineering-grid { gap:38px; }
  body[data-shared-storefront] #features .feature-card { grid-column:span 6; }
  body[data-shared-storefront] #features .section-header { gap:18px 35px; }
  body[data-shared-storefront] .metrics-bar { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
}
@media(max-width:760px) {
  .studio-engineering-grid { grid-template-columns:1fr; gap:42px; }
  .studio-engineering-visual { max-width:480px; width:100%; margin:auto; box-sizing:border-box; }
  .studio-engineering-visual .pure-core { max-height:340px; }
  .studio-engineering-copy>h2 { font-size:46px; }
  body[data-shared-storefront] #features .section-header { grid-template-columns:1fr; gap:19px; }
  body[data-shared-storefront] .event-countdown { grid-template-columns:1fr minmax(220px,1.1fr); gap:15px; padding:18px 20px; }
  body[data-shared-storefront] .event-countdown .event-countdown-unit>strong { font-size:28px; height:29px; }
  body[data-shared-storefront] .event-countdown-copy>p { font-size:8px; letter-spacing:.05em; }
  body[data-shared-storefront] .event-core-seal { width:120px; left:1%; bottom:8%; }
}
@media(max-width:540px) {
  body[data-shared-storefront].seasonal-mode #hero { padding-top:108px!important; }
  body[data-shared-storefront] .event-hero { min-height:0; }
  body[data-shared-storefront] .event-hero-copy { padding:16px 0 0; }
  body[data-shared-storefront] .event-hero-visual { min-height:0; height:305px; border-radius:20px; }
  body[data-shared-storefront] .event-hero-meta { margin-top:22px; }
  body[data-shared-storefront] .event-core-seal { width:104px; bottom:8%; }
  body[data-shared-storefront] .event-hero .scene-pumpkin { width:74%; left:20%; top:5%; }
  body[data-shared-storefront] .event-hero .event-floating-tag { bottom:13%; right:1%; }
  body[data-shared-storefront] .event-countdown { grid-template-columns:1fr; gap:13px; padding:16px; border-radius:18px; }
  body[data-shared-storefront] .event-countdown-copy { display:flex; flex-wrap:wrap; gap:4px 18px; align-items:center; }
  body[data-shared-storefront] .event-countdown-copy>p { margin:0!important; }
  body[data-shared-storefront] .event-countdown-copy>span { font-size:9px; }
  body[data-shared-storefront] .event-countdown .event-countdown-digits { gap:6px; }
  body[data-shared-storefront] .event-countdown .event-countdown-unit { padding:8px 4px; border-radius:10px; }
  body[data-shared-storefront] .event-countdown .event-countdown-unit>strong { font-size:28px; height:30px; }
  body[data-shared-storefront] .event-countdown .event-countdown-unit>span { margin-top:4px; font-size:7px; }
  body[data-shared-storefront] .event-price-strip>a { padding:12px 10px!important; gap:6px; border-radius:14px!important; }
  body[data-shared-storefront] .event-price-strip>a>span:first-child { font-size:9px; }
  body[data-shared-storefront] .event-price-strip strong { font-size:12px; }
  body[data-shared-storefront] .event-price-strip .event-sale-badge { display:none; }
  body[data-shared-storefront] .metrics-bar { grid-template-columns:1fr!important; }
  body[data-shared-storefront] #features .feature-card,body[data-shared-storefront] #features .feature-card:nth-child(-n+2) { grid-column:1/-1; min-height:0; padding:26px!important; }
  body[data-shared-storefront] #features .feature-card:nth-child(-n+2) .feature-title { font-size:23px!important; }
  body[data-shared-storefront] #features .feature-card:not(:nth-child(-n+2)) .feature-icon-wrapper { margin-bottom:23px!important; }
  .studio-engineering-copy>h2 { font-size:42px; }
  .studio-layer-key { gap:9px; font-size:7px; }
  .studio-engineering-visual { padding:19px; }
  body[data-shared-storefront] .performance-art { max-width:390px!important; margin:20px auto!important; }
  body[data-shared-storefront] .art-chip.one { left:0; }
}
@media(prefers-reduced-motion:reduce) { body[data-shared-storefront] .mobile-menu.open { animation:none!important; } }
body[data-shared-storefront].pure-motion-off .mobile-menu.open { animation:none!important; }


body[data-shared-storefront] .studio-kicker { font-size:10px;letter-spacing:.14em; }
body[data-shared-storefront] .mobile-menu { max-height:calc(100dvh - 88px); }
body[data-storefront-home] .hero-desc { font-size:16px!important; }
body[data-shared-storefront] .event-hero-home { grid-template-columns:1.12fr .88fr;min-height:0;gap:clamp(28px,4vw,56px); }
body[data-shared-storefront] .event-hero-home .event-hero-copy { padding:30px 0 36px; }
body[data-shared-storefront] .event-hero-home h1 { font-size:clamp(48px,5.1vw,74px)!important;line-height:1.03!important;letter-spacing:-.055em!important; }
body[data-shared-storefront] .event-hero-home .event-description { max-width:525px;font-size:16px;line-height:1.75;color:#b8bcbc;margin:24px 0 28px!important; }
body[data-shared-storefront] .event-hero-home .event-actions { flex-wrap:wrap;gap:12px 16px; }
body[data-shared-storefront] .event-hero-home .event-cta { min-height:52px;font-size:14px;padding:15px 28px;border-radius:999px;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 14px 34px rgba(var(--ev-rgb,0,0,0),.28); }
body[data-shared-storefront] .event-hero-home .event-secondary { display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 22px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);font-size:14px;color:#e6e8ec;text-decoration:none; }
body[data-shared-storefront] .event-hero-home .event-secondary:hover { border-color:rgba(255,255,255,.36);background:rgba(255,255,255,.08); }
body[data-shared-storefront] .event-hero-home .event-offer { flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:24px 0 0; }
body[data-shared-storefront] .event-hero-home .event-offer strong { font-size:10px;padding:7px 12px;border-radius:999px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12); }
body[data-shared-storefront] .event-hero-home .event-offer>span { font-size:12px;color:#aeb2b0; }
body[data-shared-storefront] .event-hero-home .event-hero-meta { margin-top:24px;font-size:10px;color:#a3a7a5;letter-spacing:.06em; }
body[data-shared-storefront] .event-hero-home .event-hero-visual { height:430px;min-height:0; }
body[data-shared-storefront] .event-hero-home .event-hero-bottom { font-size:10px;color:#a3a7a5; }
body[data-shared-storefront] .event-countdown-copy>span { font-size:12px;color:#b2b6b3; }
body[data-shared-storefront] .event-countdown-copy>p { font-size:10px; }
body[data-shared-storefront] .event-countdown .event-countdown-unit>span { font-size:10px;color:#b2b6b3; }
body[data-shared-storefront] .event-price-strip>a { min-height:78px; }
body[data-shared-storefront] .event-price-strip>a>span:first-child { font-size:13px;color:#d0d3d0;font-weight:500; }
body[data-shared-storefront] .event-price-strip strong { font-size:18px; }
.studio-pathways { position:relative;padding:clamp(60px,6.5vw,96px) 0;background:var(--ui-surface-0,#0a0b0c);border-bottom:1px solid var(--studio-line); }
.studio-pathways-heading { display:grid;grid-template-columns:1fr .8fr;align-items:end;gap:28px;margin-bottom:36px; }
.studio-pathways-heading h2 { margin:14px 0 0;font:600 clamp(34px,3.6vw,52px)/1.08 var(--font-display);letter-spacing:-.05em;color:#f4f6f9; }
.studio-pathways-heading>p { margin:0;max-width:430px;color:#acb1ba;font-size:15px;line-height:1.75; }
.studio-pathways-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible; }
.studio-pathway { display:flex;flex-direction:column;min-width:0;padding:32px;text-decoration:none;border:1px solid rgba(var(--ev-rgb,255,255,255),.16);border-radius:24px;background:radial-gradient(ellipse at 92% 0%,rgba(var(--ev-rgb,255,255,255),.08),transparent 62%),linear-gradient(160deg,color-mix(in srgb,var(--ui-surface-1,#15171c) 94%,transparent),color-mix(in srgb,var(--ui-surface-0,#0a0b0e) 98%,transparent));box-shadow:var(--studio-bevel),0 26px 64px rgba(0,0,0,.42); }
.studio-pathway:last-child { border-right:1px solid rgba(var(--ev-rgb,255,255,255),.16); }
.studio-pathway-index { display:inline-flex;align-items:center;width:fit-content;padding:5px 12px;border:1px solid rgba(var(--ev-rgb,255,255,255),.2);border-radius:999px;background:rgba(var(--ev-rgb,255,255,255),.055);color:var(--studio-accent);font:600 10px/1.4 var(--font-body);letter-spacing:.12em; }
.studio-pathway h3 { margin:26px 0 12px;color:#f4f6f9;font:600 clamp(22px,2vw,28px)/1.18 var(--font-display);letter-spacing:-.035em; }
.studio-pathway p { margin:0 0 28px;color:#acb1ba;font-size:14px;line-height:1.75; }
.studio-pathway-action { display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding:12px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.035);font:600 12px/1.4 var(--font-body);color:#f2f4f8; }
.studio-pathway-action>span { color:var(--studio-accent);font-size:16px; }
.studio-pathway:hover,.studio-pathway:focus-visible { border-color:var(--studio-accent);background:radial-gradient(ellipse at 92% 0%,rgba(var(--ev-rgb,255,255,255),.13),transparent 64%),linear-gradient(160deg,color-mix(in srgb,var(--ui-surface-2,#1a1c22) 96%,transparent),color-mix(in srgb,var(--ui-surface-1,#0c0d11) 99%,transparent));box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 32px 74px rgba(0,0,0,.52); }
.studio-catalog-guide { display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 28px;padding:22px 28px;border:1px solid rgba(var(--ev-rgb,255,255,255),.18);border-radius:20px;background:radial-gradient(ellipse at 95% 0%,rgba(var(--ev-rgb,255,255,255),.07),transparent 60%),linear-gradient(145deg,color-mix(in srgb,var(--ui-surface-1,#16181d) 92%,transparent),color-mix(in srgb,var(--ui-surface-0,#0b0c0f) 96%,transparent));box-shadow:var(--studio-bevel),0 22px 52px rgba(0,0,0,.35); }
.studio-catalog-guide p { margin:0;font-size:14px;line-height:1.7;color:#acb0b6; }
.studio-catalog-guide strong,.studio-catalog-guide p>span { display:block; }
.studio-catalog-guide strong { font-weight:600;color:#f3f5f8; }
.studio-catalog-guide a { display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:10px 18px;border-radius:999px;border:1px solid rgba(var(--ev-rgb,255,255,255),.24);background:rgba(var(--ev-rgb,255,255,255),.06);flex-shrink:0;color:var(--studio-accent)!important;font-size:12px;font-weight:600;text-decoration:none!important; }
.studio-catalog-guide a:hover { background:rgba(var(--ev-rgb,255,255,255),.12);border-color:var(--studio-accent); }
body[data-shared-storefront] .studio-engineering-copy>p:not(.studio-kicker) { font-size:15px;color:#acb0b6; }
.studio-engineering-steps h3 { font-size:16px; }.studio-engineering-steps p { font-size:14px;color:#a4a9b2; }
body[data-storefront-home] #features .feature-desc,body[data-storefront-home] .step-desc { font-size:14px!important; }
body[data-shared-storefront] .tw-product-art { min-width:0;max-width:100%; }
body[data-shared-storefront] .tw-product-art-core .pure-core-svg { min-width:0;min-height:0; }


body[data-shared-storefront] #process .timeline-grid { gap:18px!important;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible; }
body[data-shared-storefront] #process .timeline-card { border:1px solid rgba(var(--ev-rgb,255,255,255),.15)!important;border-radius:22px!important;background:radial-gradient(ellipse at 90% 0%,rgba(var(--ev-rgb,255,255,255),.07),transparent 62%),linear-gradient(160deg,color-mix(in srgb,var(--ui-surface-1,#14161b) 92%,transparent),color-mix(in srgb,var(--ui-surface-0,#0a0b0e) 96%,transparent))!important;box-shadow:var(--studio-bevel),0 24px 58px rgba(0,0,0,.38)!important; }
body[data-shared-storefront] #process .step-number { color:var(--studio-accent)!important;text-shadow:none!important;font:600 40px/1 var(--font-display)!important;letter-spacing:-.06em;font-variant-numeric:tabular-nums; }
body[data-shared-storefront] #process .step-title { color:#f4f6f9!important;text-shadow:none!important; }
body[data-shared-storefront] #payments .payments-wrapper { border:1px solid rgba(255,255,255,.15)!important;border-radius:26px!important;background:radial-gradient(ellipse at 50% 0%,rgba(var(--ev-rgb,255,255,255),.06),transparent 60%),linear-gradient(160deg,color-mix(in srgb,var(--ui-surface-1,#13151a) 94%,transparent),color-mix(in srgb,var(--ui-surface-0,#090a0d) 98%,transparent))!important;box-shadow:var(--studio-bevel),0 32px 80px rgba(0,0,0,.45)!important;padding:clamp(26px,3.4vw,44px)!important; }
body[data-shared-storefront].seasonal-mode #payments .payments-wrapper { border-color:rgba(var(--ev-rgb),.26)!important;background:radial-gradient(ellipse at 50% 0%,rgba(var(--ev-rgb),.08),transparent 60%),linear-gradient(155deg,rgba(var(--ev-rgb),.04),transparent 65%),var(--ev-bg)!important; }
body[data-shared-storefront] #payments :is(.payment-badge-card,.payment-badge-card--paypal,.payment-badge-card--paysafe) { border:1px solid rgba(255,255,255,.16)!important;border-radius:20px!important;background:radial-gradient(ellipse at 90% 0%,rgba(255,255,255,.07),transparent 62%),linear-gradient(155deg,var(--ui-surface-2,#181b20),var(--ui-surface-1,#0c0d11))!important;box-shadow:var(--studio-bevel),0 18px 44px rgba(0,0,0,.32)!important; }
body[data-shared-storefront].seasonal-mode #payments :is(.payment-badge-card,.payment-badge-card--paypal,.payment-badge-card--paysafe) { border-color:rgba(var(--ev-rgb),.28)!important;background:radial-gradient(ellipse at 90% 0%,rgba(var(--ev-rgb),.09),transparent 62%),linear-gradient(155deg,var(--ui-surface-1,#171515),var(--ui-surface-0,#0b0b0b))!important; }
body[data-shared-storefront] #payments .payment-badge-card:not(.payment-badge-card--unavailable):hover { border-color:var(--studio-accent)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 24px 54px rgba(0,0,0,.42)!important; }
body[data-shared-storefront] #payments .payment-badge-card .payment-icon-wrap { background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:14px!important;color:#f2f4f7!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.11)!important; }
body[data-shared-storefront] #payments .payment-badge-card .payment-name { color:#f4f5f7!important;font:600 18px/1.2 var(--font-display)!important;letter-spacing:-.03em; }
body[data-shared-storefront] #payments .payment-badge-card :is(.payment-note,.payment-tag-fee) { display:inline-flex;align-items:center;justify-content:center;padding:5px 12px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.045);color:#b5bac3!important;font-size:11px!important;font-weight:500!important; }
body[data-shared-storefront] #payments :is(.payment-badge-card--unavailable,.payment-badge-card--unavailable:hover) { border-color:rgba(255,255,255,.09)!important;background:linear-gradient(155deg,color-mix(in srgb,var(--ui-surface-1,#141519) 58%,transparent),color-mix(in srgb,var(--ui-surface-0,#0b0c0f) 72%,transparent))!important;opacity:.76!important;filter:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;transform:none!important; }
body[data-shared-storefront] #payments .payment-badge-card--unavailable .payment-name { color:#b6bac2!important; }
body[data-shared-storefront] #payments .payment-badge-card--unavailable :is(.payment-note,.payment-tag-fee) { color:#9196a0!important;border-color:rgba(255,255,255,.09)!important;background:rgba(255,255,255,.025)!important; }
body[data-shared-storefront] #payments .trust-footer-bar { border-top:1px solid rgba(255,255,255,.1)!important;margin-top:28px;padding-top:24px; }
body[data-shared-storefront] #payments .trust-item { color:#b5bac2;font-size:13px; }
body[data-shared-storefront] #payments .trust-item svg { color:var(--studio-accent); }
body[data-shared-storefront] #faq .faq-item { border:1px solid rgba(255,255,255,.12)!important;border-radius:18px!important;margin-top:0!important;background:linear-gradient(160deg,color-mix(in srgb,var(--ui-surface-1,#14161b) 92%,transparent),color-mix(in srgb,var(--ui-surface-0,#0a0b0e) 96%,transparent))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 16px 38px rgba(0,0,0,.26)!important; }
body[data-shared-storefront].seasonal-mode #faq .faq-item { border-color:rgba(var(--ev-rgb),.2)!important; }
body[data-shared-storefront] #faq .faq-item:hover,body[data-shared-storefront] #faq .faq-item.active { border-color:rgba(255,255,255,.3)!important;background:linear-gradient(160deg,color-mix(in srgb,var(--ui-surface-2,#1a1d23) 96%,transparent),color-mix(in srgb,var(--ui-surface-1,#0c0e12) 99%,transparent))!important;box-shadow:inset 2px 0 0 var(--studio-accent),inset 0 1px 0 rgba(255,255,255,.12),0 22px 48px rgba(0,0,0,.34)!important; }
body[data-shared-storefront].seasonal-mode #faq .faq-item:hover,body[data-shared-storefront].seasonal-mode #faq .faq-item.active { border-color:rgba(var(--ev-rgb),.46)!important; }
body[data-shared-storefront] #faq .faq-item.active .faq-icon { color:var(--studio-accent)!important;border-color:var(--studio-accent)!important;filter:none!important; }
body[data-shared-storefront] .cta-banner { border:1px solid rgba(255,255,255,.18)!important;border-radius:28px!important;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.11),transparent 55%),linear-gradient(155deg,var(--ui-surface-2,#181b21),var(--ui-surface-0,#090a0d) 80%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 40px 96px rgba(0,0,0,.52)!important; }
body[data-shared-storefront].seasonal-mode .cta-banner { border-color:rgba(var(--ev-rgb),.36)!important;background:radial-gradient(ellipse at 50% 0%,rgba(var(--ev-rgb),.15),transparent 55%),linear-gradient(155deg,var(--ui-surface-1,#191615),var(--ui-surface-0,#090909) 80%)!important; }
body[data-shared-storefront] .storefront-footer { border-top:0!important; }
body[data-shared-storefront] .storefront-footer .social-icon-btn { border-radius:999px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.16)!important;color:#eef0f3!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.09)!important; }
body[data-shared-storefront] .storefront-footer .social-icon-btn:hover { background:rgba(255,255,255,.11)!important;border-color:var(--studio-accent)!important; }
body[data-shared-storefront] .storefront-footer .social-icon-btn.tiktok-link svg { filter:none!important; }
body[data-shared-storefront] :is(.method-card[data-brand="paypal"],.method-card[data-brand="paysafe"]) { border-color:rgba(255,255,255,.16)!important;border-radius:16px!important;background:linear-gradient(145deg,var(--ui-surface-1,#17191c),var(--ui-surface-1,#0e1012))!important;box-shadow:var(--studio-bevel)!important; }
body[data-shared-storefront] :is(.method-card[data-brand="paypal"],.method-card[data-brand="paysafe"]).selected { border-color:var(--studio-accent)!important;box-shadow:0 0 0 1px var(--studio-accent),0 14px 32px rgba(0,0,0,.3)!important; }
body[data-shared-storefront] :is(.method-card[data-brand="paypal"],.method-card[data-brand="paysafe"]) .method-copy strong { color:#f4f5f7!important; }

@media(max-width:600px) { body[data-shared-storefront].reviews-page .hero-actions .btn { max-width:100%;white-space:normal; } }
@media(prefers-reduced-motion:no-preference) {
  body:not(.pure-motion-off) .studio-pathway { transition:border-color .24s ease,box-shadow .24s ease,background-color .24s ease; }
  body:not(.pure-motion-off) .studio-pathway-action>span { transition:translate .2s ease; }
  body:not(.pure-motion-off) .studio-pathway:hover .studio-pathway-action>span { translate:2px -2px; }
}
@media(max-width:900px) {
  .studio-pathway { padding:24px; }.studio-pathway h3 { font-size:23px; }
  body[data-shared-storefront] .event-hero-home .event-hero-visual { height:340px; }
  .studio-catalog-guide { align-items:flex-start;flex-direction:column;gap:12px; }
}
@media(max-width:650px) {
  .studio-pathways-heading { grid-template-columns:1fr;gap:20px; }
  .studio-pathways-grid { grid-template-columns:1fr;gap:16px; }
  .studio-pathway { padding:26px; }
  .studio-pathway h3 { margin-top:20px; }
  .studio-pathway p { margin-bottom:20px; }.studio-pathways-heading>p { font-size:15px; }
}
@media(max-width:540px) {
  body[data-shared-storefront] .event-hero-home h1 { font-size:clamp(40px,10.8vw,55px)!important; }
  body[data-shared-storefront] .event-hero-home .event-hero-copy { padding:12px 0 0; }
  body[data-shared-storefront] .event-hero-home .event-eyebrow { margin-bottom:20px!important;font-size:10px; }
  body[data-shared-storefront] .event-hero-home .event-description { font-size:15px;line-height:1.7;margin:20px 0!important; }
  body[data-shared-storefront] .event-hero-home .event-actions { display:grid;grid-template-columns:1fr;gap:8px; }
  body[data-shared-storefront] .event-hero-home .event-cta { justify-content:space-between; }
  body[data-shared-storefront] .event-hero-home .event-secondary { justify-content:center; }
  body[data-shared-storefront] .event-hero-home .event-offer { margin-top:12px; }
  body[data-shared-storefront] .event-hero-home .event-hero-meta { margin-top:18px;gap:14px;font-size:9px; }
  body[data-shared-storefront] .event-hero-home .event-hero-visual { height:230px; }
  body[data-shared-storefront] .event-hero-home .event-core-seal { width:85px;bottom:6%; }
  body[data-shared-storefront] .event-hero-home .scene-pumpkin { width:64%;left:25%;top:0; }
  body[data-shared-storefront] .event-hero-home .event-floating-tag { bottom:14%;padding:9px;min-width:90px; }
  body[data-shared-storefront] .event-hero-home .event-floating-tag strong { font-size:27px; }
  body[data-shared-storefront] .event-hero-home .event-hero-bottom { font-size:9px; }
  body[data-shared-storefront] .event-countdown-copy>p { font-size:10px; }
  body[data-shared-storefront] .event-countdown-copy>span { font-size:11px; }
  body[data-shared-storefront] .event-price-strip>a>span:first-child { font-size:11px; }
  body[data-shared-storefront] .event-price-strip strong { font-size:15px; }
  .studio-catalog-guide { padding:18px; }.studio-catalog-guide a { font-size:12px; }
}
@media(max-width:360px) { body[data-shared-storefront] .tw-tabs button>span { display:none; } }


.home-evidence{position:relative;padding:clamp(76px,9vw,140px) 0;isolation:isolate;border-top:1px solid rgba(255,255,255,.08);overflow:hidden;color:#f4f4f3}
.home-evidence::before{content:"";position:absolute;z-index:-1;width:900px;height:900px;right:-480px;top:-420px;border-radius:50%;background:radial-gradient(circle,rgba(var(--ev-rgb,220,220,220),.055),transparent 65%);pointer-events:none}
.evidence-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:48px;align-items:end;margin-bottom:44px}
.evidence-eyebrow{display:inline-flex;align-items:center;gap:8px;width:fit-content;margin:0 0 18px;padding:5px 13px;border-radius:999px;border:1px solid rgba(var(--ev-rgb,255,255,255),.18);background:rgba(var(--ev-rgb,255,255,255),.055);font:700 10px/1.4 'Inter',sans-serif;text-transform:uppercase;letter-spacing:.16em;color:var(--ev-accent,#d8dce3)}
.evidence-eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}
.home-evidence .evidence-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(38px,4.3vw,64px);font-weight:600;letter-spacing:-.055em;line-height:1.05;margin:0;color:#fafaf9}
.evidence-title>span{color:#7e838d}
.evidence-intro{max-width:440px;margin:0 0 22px;color:#a8adb7;font-size:14px;line-height:1.8}
.evidence-summary{display:inline-flex;align-items:center;gap:18px;padding:14px 20px;border-radius:18px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(155deg,color-mix(in srgb,var(--ui-surface-1,#14161b) 90%,transparent),color-mix(in srgb,var(--ui-surface-0,#0a0b0e) 95%,transparent));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 36px rgba(0,0,0,.3)}
.evidence-score{font:600 44px/1 'Space Grotesk',sans-serif;letter-spacing:-.065em;font-variant-numeric:tabular-nums;color:var(--ev-accent,#f4f6f9)}
.evidence-score-denominator{font:500 16px/1 'Inter',sans-serif;letter-spacing:-.03em;color:#828791}
.evidence-summary-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.evidence-summary-copy>strong{font-size:12px;font-weight:600;color:#eef0f4}
.evidence-summary-copy>span{font-size:11px;color:#8c919b;line-height:1.5}
.evidence-stories{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.evidence-stories[hidden],.evidence-status[hidden]{display:none}
.evidence-story{position:relative;display:flex;flex-direction:column;min-width:0;margin:0;padding:clamp(28px,3.2vw,44px);border:1px solid rgba(var(--ev-rgb,255,255,255),.16);border-radius:26px;background:radial-gradient(480px circle at 12% 0%,rgba(var(--ev-rgb,255,255,255),.075),transparent 62%),linear-gradient(160deg,color-mix(in srgb,var(--ui-surface-1,#13151a) 95%,transparent),color-mix(in srgb,var(--ui-surface-0,#090a0d) 98%,transparent));box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 28px 68px rgba(0,0,0,.42);overflow:hidden}
.evidence-story::before{content:"“";position:absolute;right:20px;top:46px;color:rgba(255,255,255,.035);font:260px/1 Georgia,serif;pointer-events:none}
.evidence-story-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:32px}
.evidence-story-number{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:28px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.035);font:600 11px/1 'Space Grotesk',sans-serif;letter-spacing:.1em;color:var(--ev-accent,#b8bec8)}
.evidence-service{font:600 10px/1.6 'Inter',sans-serif;letter-spacing:.04em;padding:6px 14px;border:1px solid rgba(var(--ev-rgb,255,255,255),.2);border-radius:999px;background:rgba(var(--ev-rgb,255,255,255),.055);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);color:#e2e5ec;text-align:right}
.evidence-quote{position:relative;margin:0 0 28px;flex:1}
.evidence-quote p{margin:0;font-family:'Space Grotesk',sans-serif;font-size:clamp(20px,2vw,26px);font-weight:500;line-height:1.5;letter-spacing:-.025em;color:#f4f5f8;overflow-wrap:anywhere;white-space:pre-line}
.evidence-identity{display:flex;align-items:center;gap:13px;min-width:0;margin-bottom:22px;padding:12px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025)}
.evidence-initials{position:relative;display:grid;flex:none;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:linear-gradient(150deg,var(--ui-surface-2,#1d1f24),var(--ui-surface-1,#111316));box-shadow:inset 0 1px 0 rgba(255,255,255,.08);font:600 12px/1 'Space Grotesk',sans-serif;letter-spacing:.03em;color:#dcdde2;overflow:hidden}
.evidence-avatar-image{position:absolute;inset:0;display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover;background:var(--ui-surface-1,#161616)}
.evidence-author{display:flex;flex-direction:column;gap:3px;min-width:0}
.evidence-author>strong{font-size:12px;font-weight:600;color:#f3f5f8;overflow-wrap:anywhere}
.evidence-customer{font-size:10px;line-height:1.5;color:#8c919b}
.evidence-rating{margin-left:auto;white-space:nowrap;padding:5px 10px;border-radius:999px;border:1px solid rgba(var(--ev-rgb,255,255,255),.18);background:rgba(0,0,0,.35);font:600 11px/1 'Space Grotesk',sans-serif;color:var(--ev-accent,#e2e5ec)}
.evidence-context{display:grid;grid-template-columns:minmax(90px,.45fr) 1fr;gap:8px 14px;margin:0 0 24px;padding:16px 18px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(0,0,0,.32);font-size:11px;line-height:1.65;letter-spacing:.015em}
.evidence-context dt{color:#7f848e}.evidence-context dd{margin:0;color:#c2c7d0;font-weight:500;overflow-wrap:anywhere}
.evidence-story-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto}
.evidence-report-label{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#828791}
.evidence-source{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.04);font-size:11px;font-weight:600;color:#eef0f4;text-decoration:none;min-height:34px}
.evidence-source>span{font-size:14px;color:var(--ev-accent,#bbb)}.evidence-source:hover{color:#fff;border-color:var(--ev-accent,#fff);background:rgba(255,255,255,.08)}.evidence-source:focus-visible,.evidence-all:focus-visible{outline:2px solid #ddd;outline-offset:6px}
.evidence-attachment{margin:0 0 22px}.evidence-attachment img{display:block;width:100%;max-height:220px;object-fit:contain;background:var(--ui-surface-0,#080808);border:1px solid rgba(255,255,255,.1);border-radius:12px}.evidence-attachment figcaption{margin-top:8px;font-size:10px;color:#848484;line-height:1.6}
.evidence-bottom{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;margin-top:26px}
.evidence-method{max-width:720px;margin:0;color:#828690;font-size:11px;line-height:1.85}
.evidence-method strong{color:#b8bcc5;font-weight:500}
.evidence-all{display:inline-flex;gap:12px;align-items:center;min-height:40px;padding:9px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.04);font-size:12px;font-weight:600;white-space:nowrap;text-decoration:none;color:#eef0f4}
.evidence-all:hover{border-color:var(--ev-accent,#fff);background:rgba(255,255,255,.08)}
.evidence-status{min-height:160px;display:flex;align-items:center;justify-content:center;margin:0;padding:36px;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);color:#999;text-align:center;font-size:14px;line-height:1.8}
@media(prefers-reduced-motion:no-preference){body.pure-motion-enabled:not(.pure-motion-off) .evidence-story{transition:border-color .3s ease,background .3s ease,box-shadow .3s ease}body.pure-motion-enabled:not(.pure-motion-off) .evidence-story:hover{border-color:rgba(var(--ev-rgb,255,255,255),.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 34px 78px rgba(0,0,0,.5)}}
@media(max-width:800px){.evidence-heading{grid-template-columns:1fr;gap:26px;margin-bottom:30px}.evidence-heading>div:last-child{display:flex;flex-wrap:wrap;align-items:center;gap:20px 36px}.evidence-intro{max-width:420px;margin:0}.evidence-score{font-size:38px}.evidence-bottom{grid-template-columns:1fr;gap:12px}.evidence-method{max-width:620px}.evidence-story-top{margin-bottom:28px}}
@media(max-width:600px){.evidence-stories{grid-template-columns:1fr;gap:16px}.evidence-heading>div:last-child{display:block}.evidence-intro{margin-bottom:20px}.evidence-story{padding:24px 20px;border-radius:22px}.evidence-quote p{font-size:21px}.evidence-service{max-width:68%;font-size:9px;padding:5px 10px}.evidence-story-foot{gap:8px}.evidence-report-label{font-size:8px}.evidence-source{font-size:10px;padding:7px 12px}.evidence-source>span{font-size:13px}.evidence-context{grid-template-columns:92px 1fr;padding:13px 14px}.evidence-bottom{gap:16px}.evidence-all{width:max-content}}


html::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    radial-gradient(ellipse 52vw 46vh at 96% 8%, rgba(218, 174, 83, .075), transparent 74%),
    radial-gradient(ellipse 48vw 44vh at 4% 94%, rgba(218, 174, 83, .045), transparent 76%);
}

:where(.pricing-card, .addon-card, .feature-card, .review-card, .tw-card,
  .tw-related-card, .p-card, .ft-card, .ft-download-card, .table-card,
  .form-card, .pure-auth-card, .aff-benefit-card, .aff-level-card,
  .summary-card):hover {
  outline: 1px solid rgba(218, 174, 83, .18);
  outline-offset: -1px;
}

@media (max-width: 600px) {
  html::before {
    background:
      radial-gradient(ellipse 85vw 35vh at 100% 4%, rgba(218, 174, 83, .055), transparent 76%),
      radial-gradient(ellipse 80vw 34vh at 0 98%, rgba(218, 174, 83, .035), transparent 78%);
  }
}



body :is(main, .p-shell, .p-body, .admin-shell, .admin-content, .aff-app-shell,
  .aff-main, .aff-admin-page, .storefront-shared, .tw-main) {
  background:transparent!important;
}
body.pure-workspace :is(#portal .p-shell, #portal .p-body, #portal .p-main) {
  background:transparent!important;
}
body[data-shared-storefront] :is(
  .hero, .section, #hero, #features, #packages, #process, #payments, #faq,
  .utility-showcase, .studio-engineering, .studio-pathways, .home-evidence,
  .ft-hero, .ft-section, .aff-public-shell, .pc-check-hero,
  .tw-product-hero, .tw-product-section, .storefront-footer
) { background:transparent!important; }


@media (max-width:760px) {
  body[data-shared-storefront] .aff-hero-visual::before { width:min(68%,240px); }
}


.p-motion-ready { opacity:1; }


:is(
  .review-card, .contact-card, .aff-benefit-card, .ft-card,
  .legal-section-card, .table-card, .form-card, .partner-card,
  .check-card, .checkout-card, .order-summary-card, .auth-card
) {
  border-radius: 22px !important;
  border-color: rgba(var(--ev-rgb, 255, 255, 255), .15) !important;
  background: radial-gradient(360px circle at 92% 0%, rgba(var(--ev-rgb, 255, 255, 255), .065), transparent 64%), linear-gradient(160deg, color-mix(in srgb,var(--ui-surface-1,#13151a) 94%,transparent), color-mix(in srgb,var(--ui-surface-0,#090a0d) 98%,transparent)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 24px 60px rgba(0,0,0,.38);
}

body[data-shared-storefront] :is(
  .aff-button, .ft-button, .primary-button, .outline-button, .auth-button, .pure-auth-submit
) {
  border-radius: 999px !important;
}

@media (prefers-reduced-motion: no-preference) {
  body.pure-motion-enabled:not(.pure-motion-off) :is(
    .btn, .p-btn, .aff-button, .ft-button, .primary-button, .outline-button,
    .auth-button, .pure-auth-submit, .event-cta, .tw-primary, .tw-enquire,
    .pure-motion-control
  ) { transition: translate .22s ease, border-color .22s ease, background-color .22s ease, color .22s ease, box-shadow .22s ease; }
  body.pure-motion-enabled:not(.pure-motion-off) :is(
    .feature-card, .pricing-card, .addon-card, .review-card, .p-card,
    .contact-card, .aff-benefit-card, .ft-card, .tw-card, .tw-related-card,
    .legal-section-card, .table-card, .form-card, .partner-card, .check-card
  ) { transition: border-color .28s ease, box-shadow .28s ease, background-color .28s ease; }
  body.pure-motion-enabled:not(.pure-motion-off) :is(
    input, textarea, select, .faq-question, .p-nav a, nav a, .tw-tabs button
  ) { transition: border-color .22s ease, box-shadow .22s ease, background-color .22s ease, color .22s ease; }
  @media (hover: hover) and (pointer: fine) {
    body.pure-motion-enabled:not(.pure-motion-off) :is(
      .feature-card, .pricing-card, .addon-card, .review-card, .p-card,
      .contact-card, .aff-benefit-card, .ft-card, .tw-card, .tw-related-card,
      .legal-section-card, .table-card, .form-card, .partner-card, .check-card
    ):hover {
      border-color: color-mix(in srgb, var(--ev-accent, #e6e8eb) 42%, rgba(255,255,255,.26)) !important;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 28px 66px rgba(0,0,0,.44), 0 0 28px rgba(var(--ev-rgb, 230, 232, 235), .07);
    }
  }
}
body.pure-motion-enabled :is(input, textarea, select):focus-visible {
  outline: 2px solid color-mix(in srgb, var(--ev-accent, #e6e8eb) 78%, #ffffff);
  outline-offset: 2px;
  box-shadow: 0 0 0 4px rgba(var(--ev-rgb, 230, 232, 235), .12);
}


[data-site-preferences] { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:10px; }
[data-site-preferences] :is(.pure-motion-control,.pure-analytics-preferences) { position:static; inset:auto; min-height:44px; }

.pure-analytics-consent,
.pure-analytics-preferences { box-sizing: border-box; font-family: system-ui, sans-serif; }
.pure-analytics-consent {
  position: fixed; left: 22px; bottom: 68px; z-index: 12000;
  width: min(440px, calc(100vw - 44px)); max-height: min(650px, calc(100dvh - 84px)); overflow: auto;
  padding: 24px; color: #f7f5f0; background: linear-gradient(155deg, var(--ui-surface-1,#1b1a18), var(--ui-surface-0,#101010) 70%);
  border: 1px solid rgba(223, 182, 98, .38); border-radius: 20px;
  box-shadow: 0 22px 75px rgba(0,0,0,.64), 0 0 32px rgba(210,161,68,.1), inset 0 1px rgba(255,255,255,.08);
  animation: pure-cookie-enter .46s cubic-bezier(.18,.8,.18,1) both;
}
.pure-cookie-top { display: flex; align-items: center; justify-content: space-between; min-height: 24px; }
.pure-analytics-consent[data-cookie-initial="true"] .pure-cookie-top { display:none; }
.pure-cookie-eyebrow { color: #ddbd7f; font-size: 10px; font-weight: 800; letter-spacing: .19em; }
.pure-cookie-close { color: #dedbd4; background: transparent; border: 0; font-size: 24px; line-height: 1; cursor: pointer; padding: 0 4px; }
.pure-cookie-close[hidden] { display: none; }
.pure-analytics-consent h2 { margin: 11px 0 7px; font-size: 22px; line-height: 1.18; letter-spacing: -.035em; color: #fff; }
.pure-cookie-intro { margin: 0 0 18px; color: #c8c4bc; font-size: 12px; line-height: 1.65; }
.pure-cookie-categories { display: grid; gap: 8px; }
.pure-cookie-details summary { display:list-item;min-height:44px;padding:12px 0;box-sizing:border-box;color:#dedbd4;font-size:12px;cursor:pointer; }
.pure-cookie-details summary:focus-visible { outline:2px solid #e6c17c;outline-offset:3px; }
.pure-cookie-category {
  display: grid; grid-template-columns: 1fr auto; gap: 4px 8px; padding: 12px 13px;
  border: 1px solid rgba(255,255,255,.11); border-radius: 10px; background: rgba(255,255,255,.025);
}
.pure-cookie-category strong { font-size: 12px; font-weight: 700; color: #fff; }
.pure-cookie-category small { grid-column: 1 / -1; color: #a9a69f; font-size: 11px; line-height: 1.45; }
.pure-cookie-status { align-self: start; color: #d7b875; font-size: 10px; font-weight: 700; white-space: nowrap; }
.pure-cookie-actions { display: flex; gap: 9px; margin-top: 18px; }
.pure-cookie-actions button {
  flex: 1; min-height: 44px; padding: 9px 10px; border: 1px solid rgba(234,209,161,.35); border-radius: 9px;
  background: var(--ui-surface-2,#22201d); color: #f2ede5; font: 700 11px/1.2 system-ui,sans-serif; cursor: pointer;
  transition: background-color .22s, border-color .22s, box-shadow .22s, translate .22s;
}
.pure-cookie-actions button:last-child { background: linear-gradient(120deg,#e5ca91,#bf9250); border-color: #e7c789; color: #16110a; }
.pure-cookie-actions button:disabled { cursor: not-allowed; opacity: .5; }
.pure-cookie-actions button:hover:not(:disabled) { translate: 0 -2px; box-shadow: 0 7px 20px rgba(218,169,82,.17); }
.pure-cookie-footer { display: flex; justify-content: space-between; gap: 12px; margin-top: 16px; color: #96938e; font-size: 10px; }
.pure-cookie-footer a { color: #e4c688; text-decoration: underline; text-underline-offset: 3px; }
.pure-analytics-preferences {
  position: fixed; bottom: 16px; right: 16px; z-index: 11000; min-height: 36px; padding: 7px 12px;
  color: #e7dcc5; background: color-mix(in srgb,var(--ui-surface-1,#121212) 92%,transparent); border: 1px solid rgba(217,175,95,.39); border-radius: 999px;
  box-shadow: 0 8px 28px rgba(0,0,0,.3); backdrop-filter: blur(12px);
  font: 600 11px/1.1 system-ui,sans-serif; letter-spacing: .02em; cursor: pointer;
  transition: border-color .22s, box-shadow .22s, background-color .22s;
}
.pure-analytics-preferences:hover { border-color: #dcb876; box-shadow: 0 0 18px rgba(218,171,84,.18); }
.pure-analytics-consent button:focus-visible, .pure-analytics-consent a:focus-visible,
.pure-analytics-preferences:focus-visible { outline: 2px solid #e6c17c; outline-offset: 3px; }
@keyframes pure-cookie-enter { from { opacity: 0; transform: translate3d(-34px, 12px, 0) scale(.96); } to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); } }
@media (max-width: 520px) {
  .pure-analytics-consent { left: 12px; bottom: 58px; width: calc(100vw - 24px); max-height: calc(100dvh - 70px); padding: 18px; }
  .pure-analytics-preferences { right: 10px; bottom: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .pure-analytics-consent { animation: none; }
  .pure-cookie-actions button, .pure-analytics-preferences { transition: none; }
}
.pure-motion-off .pure-analytics-consent { animation: none; }


.xr-section{max-width:1200px;margin:0 auto;padding:88px clamp(20px,4vw,44px);color:#f3f3f5;scroll-margin-top:100px}
.xr-section-heading{margin-bottom:32px;max-width:650px}
.xr-eyebrow{font:600 10px/1.5 Inter,system-ui,sans-serif;letter-spacing:.13em;color:var(--tw-accent,var(--ev-accent,#d7c59a))}
.xr-section-heading h2{margin:9px 0 12px;font:600 clamp(30px,4vw,46px)/1.1 'Space Grotesk',sans-serif;letter-spacing:-.045em;color:inherit}
.xr-section-heading>p{color:#adb1b9;line-height:1.6;font-size:14px;margin:0}
.xr-carousel{min-width:0;padding-inline:clamp(16px,2.5vw,28px);border:1px solid #ffffff24;border-radius:20px;background:color-mix(in srgb,var(--ui-surface-0,#090a0c) 80%,transparent);box-shadow:inset 0 1px 0 #ffffff06}
.xr-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:16px;border-bottom:1px solid #ffffff18}
.xr-controls[hidden],.xr-case[hidden]{display:none!important}
.xr-position{font-size:11px;line-height:1.5;font-weight:500;letter-spacing:.02em;color:#b7bbc3;font-variant-numeric:tabular-nums}
.xr-arrows{display:flex;gap:8px}
.xr-section .xr-arrow{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:0;border:1px solid #ffffff28;border-radius:50%;background:#ffffff05;color:#f3f3f5;cursor:pointer;transition:background .18s,border-color .18s,color .18s}
.xr-section .xr-arrow:hover{color:var(--tw-accent,var(--ev-accent,#d7c59a));border-color:currentColor;background:#ffffff0c}
.xr-arrow svg{pointer-events:none}
.xr-slides{min-width:0}
.xr-case{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.6fr);column-gap:40px;row-gap:20px;padding-block:30px 20px;border-block:1px solid #ffffff24}
.xr-case+.xr-case{border-top:0}
.xr-carousel .xr-case{border-top:0}
.xr-carousel .xr-case:last-child,.xr-carousel[data-x-carousel-ready] .xr-case{border-bottom:0}
.xr-carousel[data-x-carousel-ready] .xr-case:not([hidden]){animation:xr-benchmark-enter .22s ease-out both}
@keyframes xr-benchmark-enter{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.xr-context{padding-top:3px;min-width:0}
.xr-context>.xr-eyebrow{font-size:8px;letter-spacing:.1em}
.xr-context h3{font:600 28px/1.15 'Space Grotesk',sans-serif;letter-spacing:-.03em;margin:14px 0 20px;color:inherit}
.xr-context h3 span{display:block;font:400 13px/1.5 Inter,system-ui,sans-serif;letter-spacing:0;color:#b7bbc3;margin-top:8px}
.xr-hardware{font-size:12px;line-height:1.9;color:#e0e2e7;margin:0 0 8px}
.xr-map{font-size:11px;color:#a8adb6;line-height:1.5;margin:0 0 22px}
.xr-map span{color:#d4d8df;font-variant-numeric:tabular-nums}
.xr-section .xr-source{display:inline-flex;align-items:center;gap:18px;min-height:44px;color:var(--tw-accent,var(--ev-accent,#d7c59a));font-size:12px;font-weight:600;text-decoration:none;border-bottom:1px solid #ffffff28;transition:color .18s,border-color .18s}
.xr-section .xr-source:hover{color:#fff;border-color:currentColor}
.xr-source-date{display:block;font-size:10px;color:#a2a7b0;line-height:1.6;margin-top:10px}
.xr-evidence{min-width:0}
.xr-evidence figure{margin:0}
.xr-images{display:grid;gap:16px}
.xr-images>div{min-width:0}
.xr-images-pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.xr-image-label{display:block;margin-bottom:9px;font-size:10px;line-height:1.5;color:#c4c8d0}
.xr-images-pair .xr-chart-link img{width:100%;max-height:270px;object-fit:contain;background:var(--ui-surface-0,#0c0d10)}
.xr-chart-link{display:block;position:relative;overflow:hidden;border-radius:6px;outline-offset:5px}
.xr-chart-link img{display:block;width:100%;height:auto;background:var(--ui-surface-2,#222222);transition:filter .2s}
.xr-chart-link:hover img{filter:brightness(1.08)}
.xr-chart-expand{position:absolute;right:9px;bottom:8px;padding:5px 8px;background:color-mix(in srgb,var(--ui-surface-0,#050505) 91%,transparent);color:#fff;font-size:9px;line-height:1.4;border:1px solid #ffffff24;border-radius:3px}
.xr-evidence figcaption{font-size:9px;line-height:1.6;color:#a2a7b0;margin-top:9px}
.xr-evidence-note{margin:14px 0 0;padding-left:12px;border-left:2px solid var(--tw-accent,var(--ev-accent,#d7c59a));font-size:11px;line-height:1.7;color:#c4c8d0}
.xr-table-wrap{max-width:100%;margin-top:16px}
.xr-evidence table{width:100%;border-collapse:collapse;font-size:11px;font-variant-numeric:tabular-nums;line-height:1.5;text-align:right}
.xr-evidence th,.xr-evidence td{padding:9px 8px;border-bottom:1px solid #ffffff12}
.xr-evidence thead th{font-size:10px;font-weight:500;color:#b7bbc3}
.xr-evidence th:first-child{text-align:left;padding-left:0}
.xr-evidence tbody th{font-weight:400;color:#b7bbc3}
.xr-evidence td{font-size:12px;font-weight:500;color:#eceef3}
.xr-evidence td:last-child{color:var(--tw-accent,var(--ev-accent,#d7c59a))}
.xr-section .xr-test-context{grid-column:1/-1;border-top:1px solid #ffffff12;padding-top:8px}
.xr-test-context summary{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:44px;cursor:pointer;font-size:11px;line-height:1.5;color:#c4c8d0;list-style:none}
.xr-test-context summary::-webkit-details-marker{display:none}
.xr-test-context summary>span{font-size:19px;line-height:1;transition:transform .18s}
.xr-test-context[open] summary>span{transform:rotate(45deg)}
.xr-test-context p{max-width:850px;font-size:11px;line-height:1.8;color:#adb2bc;margin:8px 0 12px}
.xr-result-note{font-size:11px;color:#a6abb4;line-height:1.6;margin:16px 0 0}
.xr-section :is(a,button,summary):focus-visible{outline:2px solid var(--tw-accent,var(--ev-accent,#d7c59a));outline-offset:5px}
.xr-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:720px){
  .xr-section{padding-block:58px}
  .xr-section-heading{margin-bottom:24px}
  .xr-carousel{border-radius:16px}
  .xr-controls{padding-block:12px}
  .xr-position{font-size:10px}
  .xr-carousel .xr-case{gap:20px;padding-top:20px}
  .xr-carousel .xr-source-date{display:block;margin-left:0}
  .xr-case{grid-template-columns:1fr;gap:24px;padding-top:22px}
  .xr-context h3{margin:10px 0 14px;font-size:25px}
  .xr-hardware{font-size:12px}
  .xr-map{margin-bottom:10px}
  .xr-source-date{display:inline-block;margin-left:12px}
  .xr-evidence th,.xr-evidence td{padding:9px 4px}
  .xr-evidence thead th{font-size:9px}
  .xr-evidence tbody th{font-size:10px}
  .xr-evidence td{font-size:11px}
  .xr-evidence figcaption{font-size:9px}
}
@media(max-width:540px){.xr-images-pair{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.xr-section *{animation:none!important;transition:none!important}}
html[data-motion="off"] .xr-section *,.pure-motion-off .xr-section *{animation:none!important;transition:none!important}


body[data-storefront-home] #hero .hero-title{width:100%;max-width:100%!important;min-width:0}
body[data-storefront-home] #hero .hero-line{width:auto;max-width:100%;min-width:0;white-space:normal;text-wrap:balance}
body[data-shared-storefront][data-storefront-home] #hero .hero-benchmark{box-sizing:border-box;display:block;min-width:0;height:auto;min-height:0;aspect-ratio:auto;padding:clamp(20px,2.4vw,30px);color:#f3f3f5;text-align:left;overflow:visible;align-self:center;border:1px solid rgba(var(--ev-rgb,255,255,255),.2);border-radius:24px;background:radial-gradient(ellipse at 95% 0%,rgba(var(--ev-rgb,255,255,255),.08),transparent 65%),linear-gradient(155deg,color-mix(in srgb,var(--ui-surface-1,#141518) 96.1%,transparent),color-mix(in srgb,var(--ui-surface-0,#08090b) 96.9%,transparent));box-shadow:inset 0 1px 0 #ffffff16,0 26px 65px #0007}
.hb-benchmark{min-width:0;font-family:Inter,system-ui,sans-serif}
.hb-kicker{display:block;font-size:8px;font-weight:600;line-height:1.5;letter-spacing:.12em;color:var(--ev-accent,#d7c59a)}
body[data-shared-storefront][data-storefront-home] #hero .hero-benchmark .hb-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:12px 0 0!important;color:#f3f3f5!important;font:600 30px/1.1 'Space Grotesk',sans-serif!important;letter-spacing:-.04em!important}
body[data-shared-storefront][data-storefront-home] #hero .hero-benchmark .hb-title>span{font:400 12px/1.4 Inter,system-ui,sans-serif!important;letter-spacing:0!important;color:#b8bdc5}
.hb-hardware{margin:9px 0 0;font-size:10px;line-height:1.65;color:#b8bdc5}
.hb-metric{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 12px;font-size:8px;font-weight:600;line-height:1.5;letter-spacing:.07em;color:#d0d4db}
.hb-metric>span{font-size:7px;font-weight:400;letter-spacing:.04em;color:#969da8}
.hb-bars{display:grid;gap:14px;margin:0;padding:0;list-style:none}
.hb-row{margin:0;padding:0;min-width:0}
.hb-row-label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:7px;font-size:12px;line-height:1.3;color:#cbd0d8}
.hb-row-label strong{flex-shrink:0;font:600 25px/1 'Space Grotesk',sans-serif;letter-spacing:-.035em;color:#f2f4f8;font-variant-numeric:tabular-nums}
.hb-row-label small{font:500 8px/1 Inter,system-ui,sans-serif;letter-spacing:.02em;color:#9ea5b0}
.hb-track{height:7px;background:#ffffff09;border-radius:2px;overflow:hidden}
.hb-track>span{display:block;width:var(--hb-width);height:100%;background:#707782;border-radius:2px;box-shadow:inset 0 1px #ffffff30;transform-origin:left center}
.hb-row-windows .hb-track>span{background:#d7dbe1}
.hb-row-windows-bios .hb-track>span{background:var(--ev-accent,#d7c59a)}
.hb-row-windows-bios .hb-row-label strong{color:var(--ev-accent,#d7c59a)}
.hb-links{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:10px;margin-top:15px;border-top:1px solid #ffffff18}
.hb-links>a{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:44px;color:#c6ccd4;font-size:9px;line-height:1.4;text-decoration:none;transition:color .18s}
.hb-links>a>span{color:var(--ev-accent,#d7c59a)}
.hb-links>a:hover{color:#fff}
.hb-links>a:focus-visible{outline:2px solid var(--ev-accent,#d7c59a);outline-offset:3px}
.hb-note{margin:2px 0 0;font-size:9px;line-height:1.6;color:#939ba7}
@media(max-width:800px){
  body[data-shared-storefront][data-storefront-home] #hero .hero-benchmark{padding:20px;border-radius:20px}
  body[data-shared-storefront][data-storefront-home] #hero .hero-benchmark .hb-title{font-size:25px!important;flex-wrap:wrap;gap:4px 10px}
  .hb-row-label{font-size:11px}.hb-row-label strong{font-size:23px}
  .hb-metric{flex-wrap:wrap;gap:2px 10px;margin-top:16px}
  .hb-links{gap:9px;grid-template-columns:1.15fr 1fr 1fr}.hb-links>a{font-size:8px}
}
@media(max-width:540px){
  body[data-shared-storefront][data-storefront-home] #hero .hero-benchmark{width:100%;max-width:none!important;margin:24px 0 0!important;padding:22px}
  body[data-shared-storefront][data-storefront-home] #hero .hero-benchmark .hb-title{font-size:28px!important}
  .hb-hardware{font-size:10px}.hb-bars{gap:13px}.hb-row-label{font-size:12px}
  .hb-row-label strong{font-size:25px}.hb-links>a{font-size:9px}
}
@media(prefers-reduced-motion:no-preference){
  body[data-storefront-home]:not(.pure-motion-off) .hero-benchmark .hb-track>span{animation:hb-bar-enter .8s cubic-bezier(.22,1,.36,1) both}
  body[data-storefront-home]:not(.pure-motion-off) .hero-benchmark .hb-row:nth-child(2) .hb-track>span{animation-delay:.08s}
  body[data-storefront-home]:not(.pure-motion-off) .hero-benchmark .hb-row:nth-child(3) .hb-track>span{animation-delay:.16s}
  @keyframes hb-bar-enter{from{transform:scaleX(.2);opacity:.3}to{transform:scaleX(1);opacity:1}}
}
html[data-motion="off"] .hero-benchmark *,.pure-motion-off .hero-benchmark *{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.hero-benchmark *{animation:none!important;transition:none!important}}