: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; }


: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;
  }
}

.rt-workspace{max-width:1280px;margin:auto}.rt-policy{display:flex;align-items:center;gap:24px;padding:26px 30px;margin-bottom:24px}.rt-policy-mark{flex:0 0 64px;width:64px;height:64px;display:grid;place-items:center;border:1px solid #ffffff26;border-radius:18px;font-size:28px;font-weight:700;letter-spacing:-1px;background:#ffffff06}.rt-policy h2{font-size:18px;margin:0 0 8px}.rt-policy p{margin:0;color:#a2a2a7;font-size:13px;line-height:1.7;max-width:900px}.rt-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.rt-metrics>div{padding:20px 24px;display:flex;justify-content:space-between;align-items:center}.rt-metrics span{font-size:12px;color:#a2a2a7}.rt-metrics strong{font-size:28px}.rt-toolbar{display:flex;align-items:end;gap:14px;margin-bottom:16px}.rt-toolbar label{display:grid;gap:8px;font-size:12px;color:#a2a2a7}.rt-toolbar input,.rt-toolbar select{background:var(--ui-surface-1,#111111);border:1px solid #ffffff26;color:#f5f5f5;border-radius:10px;padding:11px 13px;font:inherit;min-height:43px}.rt-toolbar select{min-width:200px}.rt-search{flex:1}.rt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.rt-card{overflow:hidden;padding:26px;display:flex;flex-direction:column;min-width:0}.rt-card-top{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:12px;color:#babac0;margin-bottom:20px}.rt-state{border:1px solid #ffffff26;border-radius:999px;padding:5px 10px;color:#ddd}.rt-state.requested{background:#fff;color:#131313;border-color:#fff}.rt-state.expired,.rt-state.revoked{color:#888}.rt-urgent [data-rt-deadline]{color:#ffb16e}.rt-card h2{font-size:21px;letter-spacing:-.5px;margin:0 0 8px;display:flex;align-items:center;gap:12px;justify-content:space-between;overflow-wrap:anywhere}.rt-card h2 small{font-size:11px;color:#a2a2a7;font-weight:400;white-space:nowrap}.rt-card a{color:inherit;text-decoration:none}.rt-card a:hover{text-decoration:underline}.rt-discord{font-size:11px;color:#85858d;margin:0 0 12px;overflow-wrap:anywhere}.rt-card dl{display:grid;gap:14px;margin:20px 0 24px}.rt-card dl>div{display:flex;justify-content:space-between;align-items:start;gap:20px}.rt-card dt{font-size:11px;color:#93939c}.rt-card dd{margin:0;text-align:right;font-size:11px;max-width:65%;overflow-wrap:anywhere}.rt-card dd a{text-decoration:underline;text-underline-offset:3px}.rt-note{padding:16px;background:#ffffff04;border:1px solid #ffffff10;border-radius:12px;margin-bottom:20px}.rt-note>span{color:#93939c;font-size:10px;text-transform:uppercase;letter-spacing:1px}.rt-note p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.65;margin:9px 0 0}.rt-card-actions{border-top:1px solid #ffffff12;padding-top:20px;margin-top:auto}.rt-card-actions p{font-size:12px;color:#93939c;line-height:1.6;margin:0}.rt-empty{grid-column:1/-1;padding:32px}.rt-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:22px;gap:16px}.rt-pagination p{font-size:12px;color:#93939c}.rt-pagination>div{display:flex;gap:8px}.rt-error{color:#ff9b9b}.rt-redeem-form p{font-size:13px;line-height:1.7;color:#aaa}.rt-redeem-form textarea{resize:vertical;min-height:130px}.rt-redeem-form label span{font-weight:400;color:#93939c}.rt-redeem-form .rt-dialog-deadline{font-size:11px;border-left:2px solid #aaa;padding:8px 12px}.rt-redeem-form [role=alert]{color:#ff9b9b}.rt-toolbar input:focus-visible,.rt-toolbar select:focus-visible{outline:2px solid #ccc;outline-offset:3px}@media(max-width:1050px){.rt-grid{grid-template-columns:1fr}}@media(max-width:640px){.rt-policy{padding:22px;gap:16px;align-items:start}.rt-policy-mark{flex-basis:48px;width:48px;height:48px;font-size:23px}.rt-policy h2{font-size:16px}.rt-metrics{gap:8px}.rt-metrics>div{padding:15px 12px;display:grid;gap:10px}.rt-metrics strong{font-size:23px}.rt-metrics span{font-size:10px}.rt-toolbar{flex-wrap:wrap}.rt-toolbar label{width:100%}.rt-toolbar select{min-width:0;width:100%}.rt-card{padding:22px}.rt-card dl>div{gap:12px}.rt-card dd{max-width:60%}.rt-pagination{flex-wrap:wrap}.rt-pagination>div{margin-left:auto}}

.security-workspace{--security-accent:var(--ev-accent,#e7d4b0);max-width:1180px;margin:auto;padding:20px 0 55px}
body:has(.security-workspace)>.p-skip:not(:focus){top:-100px}
.security-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,5vw,88px);align-items:start;margin-top:36px}
.security-context{min-width:0;padding-top:5px}
.security-illustration{position:relative;display:grid;place-items:center;height:200px;max-width:340px;margin:-15px 0 28px;background:radial-gradient(ellipse,color-mix(in srgb,var(--security-accent) 9%,transparent),transparent 64%)}
.security-orbit{position:absolute;width:170px;height:170px;border:1px solid color-mix(in srgb,var(--security-accent) 16%,transparent);border-radius:50%;transform:rotateX(56deg) rotate(-24deg)}
.security-orbit.two{width:240px;height:240px;transform:rotateX(53deg) rotate(24deg);opacity:.5}
.security-shield{width:105px;height:116px;border:1px solid color-mix(in srgb,var(--security-accent) 42%,transparent);border-radius:30px 30px 42px 42px;display:grid;place-items:center;background:linear-gradient(145deg,var(--ui-surface-2,#2b2925),var(--ui-surface-0,#101010) 65%);box-shadow:inset 0 1px 0 #ffffff25,0 18px 55px #0008;transform:rotate(-8deg)}
.security-shield .p-icon{width:55px;height:55px;color:var(--security-accent);stroke-width:1.2}
.security-illustration-label{position:absolute;top:16px;left:0;font-size:8px;letter-spacing:.17em;color:#777}
.security-illustration-dot{position:absolute;right:55px;bottom:32px;width:6px;height:6px;border-radius:50%;background:var(--security-accent);box-shadow:0 0 12px var(--security-accent)}
.security-eyebrow{margin:0 0 15px;color:var(--security-accent);font-size:9px;font-weight:700;letter-spacing:.16em;line-height:1.8}
.security-context h2{font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-.05em;margin:0 0 18px;color:#f2f2f2}
.security-context-copy{max-width:350px;font-size:13px;line-height:1.85;color:#999;margin:0}
.security-steps{list-style:none;padding:0;margin:32px 0;display:grid;gap:23px}
.security-steps li{position:relative;display:flex;align-items:center;gap:14px}
.security-steps li:not(:last-child):after{content:'';position:absolute;left:15px;top:36px;width:1px;height:22px;background:#ffffff13}
.security-steps li>span{display:grid;place-items:center;flex:none;width:32px;height:32px;border:1px solid #ffffff16;border-radius:50%;font:500 10px ui-monospace,monospace;color:#777}
.security-steps .p-icon{width:14px;height:14px}
.security-steps strong{display:block;font-size:12px;font-weight:600;color:#777}
.security-steps small{display:block;margin-top:4px;font-size:11px;color:#666}
.security-steps .is-complete>span{border-color:#c8d1bd35;color:#c0d1b4;background:#bed49c08}
.security-steps .is-complete strong{color:#aaa}
.security-steps .is-current>span{border-color:color-mix(in srgb,var(--security-accent) 50%,transparent);color:var(--security-accent);background:color-mix(in srgb,var(--security-accent) 8%,transparent)}
.security-steps .is-current strong{color:#eee}
.security-account{display:flex;gap:12px;align-items:center;padding-top:22px;border-top:1px solid #ffffff13;max-width:350px}
.security-avatar{display:grid;place-items:center;flex:none;width:36px;height:36px;border:1px solid #ffffff22;background:#ffffff05;border-radius:12px;font-size:11px;color:#bbb}
.security-account strong,.security-account div>span{display:block}
.security-account strong{font-size:12px;color:#ddd;overflow-wrap:anywhere}
.security-account div>span{font-size:10px;color:#777;margin-top:5px}
.security-account>.p-icon{margin-left:auto;width:14px;height:14px;color:#777;flex:none}
.security-panel.p-card{min-width:0;overflow:hidden;border-radius:22px!important;border-color:color-mix(in srgb,var(--security-accent) 25%,#ffffff09)!important;background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--security-accent) 5%,transparent),transparent 45%),linear-gradient(155deg,var(--ui-surface-1,#151515),var(--ui-surface-0,#0b0b0b))!important;box-shadow:0 25px 90px #0004,inset 0 1px 0 #ffffff08!important}
.security-panel-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:23px 28px;border-bottom:1px solid #ffffff0d}
.security-panel-label{display:flex;gap:8px;align-items:center;color:#777;font-size:8px;font-weight:600;letter-spacing:.12em}
.security-panel-label .p-icon{width:12px;height:12px}
.security-state{display:inline-flex;gap:7px;align-items:center;color:#aaa;font-size:9px;white-space:nowrap}
.security-state i{width:5px;height:5px;border-radius:50%;background:var(--security-accent)}
.security-state.is-verified i{background:#b6d29e}
.security-panel-content{padding:36px}
.security-panel-content h2{font-size:clamp(23px,2.5vw,29px);letter-spacing:-.045em;line-height:1.2;margin:0 0 14px;color:#f3f3f3}
.security-description{font-size:13px;color:#999;line-height:1.8;margin:0 0 28px}
.security-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:5px;border:1px solid #ffffff14;border-radius:12px;background:var(--ui-surface-0,#080808);margin-bottom:30px}
.security-tab{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 6px;min-height:42px;border:1px solid transparent;border-radius:8px;background:transparent;color:#888;font-family:inherit;font-size:11px;font-weight:500;cursor:pointer}
.security-tab .p-icon{width:14px;height:14px}
.security-tab[aria-selected=true]{background:var(--ui-surface-2,#262626);border-color:#ffffff17;color:#eee;box-shadow:0 2px 8px #0005}
.security-tab:disabled{cursor:wait;opacity:.6}
.security-workspace :is(button,a,input,summary):focus-visible{outline:2px solid var(--security-accent);outline-offset:4px}
.security-form{display:grid;gap:0;margin:0}.security-form[hidden]{display:none}
.security-field{display:block;color:#bbb;font-size:11px;font-weight:500;margin-bottom:11px}
.security-workspace .security-code-input,.security-workspace .security-recovery-input{box-sizing:border-box;width:100%;min-width:0;border:1px solid #ffffff26;border-radius:12px;background:var(--ui-surface-0,#080808);color:#eee;box-shadow:inset 0 2px 6px #0005;transition:border-color .2s,box-shadow .2s}
.security-workspace .security-code-input{height:80px;text-align:center;font:400 32px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.45em;padding:0 12px 0 26px}
.security-code-input::placeholder{color:#444;opacity:1}
.security-workspace .security-recovery-input{height:58px;font:400 clamp(12px,1.2vw,15px)/1 ui-monospace,SFMono-Regular,Consolas,monospace;padding:0 15px;letter-spacing:.015em}
.security-recovery-input::placeholder{color:#555;opacity:1}
.security-workspace input:focus{border-color:color-mix(in srgb,var(--security-accent) 70%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--security-accent) 6%,transparent)}
.security-workspace input[aria-invalid=true]{border-color:#bf8175}
.security-help{font-size:10px;line-height:1.8;color:#777;margin:12px 0 0}.security-centered{text-align:center}
.security-submit.p-btn{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:50px;border-radius:10px;margin-top:26px;font-size:12px;font-weight:700}
.security-submit .p-icon{width:15px;height:15px}.security-submit:disabled{opacity:.4;cursor:not-allowed}
.security-feedback{margin:16px 0 0;padding:12px 14px;border:1px solid #bc7c6d40;border-radius:9px;background:#bc7c6d0a;color:#e0b4a8;font-size:12px;line-height:1.7}
.security-tip{display:flex;align-items:flex-start;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid #ffffff0c}
.security-tip>.p-icon{width:14px;height:14px;flex:none;color:#777;margin-top:2px}.security-tip p{font-size:10px;line-height:1.8;color:#777;margin:0}
.security-panel-footer{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 24px;border-top:1px solid #ffffff0d;background:#ffffff02;color:#6f6f6f;font-size:9px;line-height:1.6;text-align:center}
.security-panel-footer .p-icon{width:13px;height:13px;flex:none}
.security-recovery-count{display:flex;align-items:center;gap:9px;font-size:10px;line-height:1.5;margin-top:18px;color:#888}.security-recovery-count .p-icon{width:14px;height:14px}.security-recovery-count strong{color:#bbb;font-weight:500}
.security-success-icon{display:grid;place-items:center;margin:20px auto 28px;width:72px;height:72px;border-radius:24px;background:#c4dca608;border:1px solid #c4dca630;color:#c2d4b4}.security-success-icon .p-icon{width:36px;height:36px;stroke-width:1.3}
.security-session-details{display:grid;gap:0;border:1px solid #ffffff13;border-radius:12px;padding:2px 16px}.security-session-details>div{display:flex;gap:18px;justify-content:space-between;padding:15px 0;font-size:11px}.security-session-details>div+div{border-top:1px solid #ffffff0b}.security-session-details span{color:#888}.security-session-details strong{color:#ddd;font-size:11px;font-weight:500;text-align:right}
.security-setup-list{display:grid;gap:22px;margin:30px 0}.security-setup-list>div{display:flex;gap:13px;align-items:flex-start}.security-setup-list .p-icon{width:20px;height:20px;margin-top:2px;flex:none;color:var(--security-accent)}.security-setup-list p{margin:0}.security-setup-list strong{display:block;font-size:12px;font-weight:600;color:#ddd}.security-setup-list span{display:block;margin-top:6px;font-size:11px;line-height:1.8;color:#888}
.security-info{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid #ffffff12;border-radius:11px;margin:22px 0;background:#ffffff02}.security-info .p-icon{flex:none;width:17px;height:17px;color:var(--security-accent);margin-top:2px}.security-info p{margin:0;color:#aaa;font-size:11px;line-height:1.8}
.security-qr-frame{display:grid;justify-items:center;gap:18px;padding:22px;border:1px solid #ffffff14;border-radius:14px;background:#ffffff02;margin:24px 0}.security-qr-frame #factorQr{width:min(210px,100%);padding:12px;background:#fff;box-sizing:border-box;border-radius:10px}.security-qr-frame img{display:block;width:100%;height:auto}.security-qr-frame>span{font-size:8px;letter-spacing:.13em;color:#777}
.security-manual-key{margin:20px 0 28px;border-bottom:1px solid #ffffff10;padding-bottom:20px}.security-manual-key summary{color:#aaa;font-size:11px;cursor:pointer;line-height:1.7}.security-manual-key>p{color:#888;font-size:11px;line-height:1.8}.security-manual-key .security-secret{font:400 12px/1.8 ui-monospace,monospace;overflow-wrap:anywhere;user-select:all;color:#ddd;padding:12px;border:1px solid #ffffff18;border-radius:8px;background:var(--ui-surface-0,#090909)}
.security-recovery-list{padding:18px;border:1px solid #ffffff18;border-radius:12px;background:var(--ui-surface-0,#080808);white-space:pre-wrap;overflow-wrap:anywhere;font:400 13px/2.3 ui-monospace,SFMono-Regular,Consolas,monospace;color:#ddd;user-select:all}
.security-download.p-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;font-size:11px;margin-top:15px;min-height:42px}.security-saved{display:flex;align-items:flex-start;gap:10px;margin-top:24px;color:#aaa;font-size:11px;line-height:1.8}.security-saved input{margin:3px 0 0;accent-color:var(--security-accent);width:14px;height:14px;flex:none}
@media(max-width:1100px){.security-layout{gap:34px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.security-panel-content{padding:28px}.security-panel-top{padding:20px 24px}.security-context-copy{font-size:12px}}
@media(max-width:800px){.security-workspace{padding-top:0}.security-layout{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:24px}.security-context{display:flex;align-items:center;gap:15px;padding:0}.security-illustration,.security-context>.security-eyebrow,.security-context>h2,.security-context-copy,.security-steps{display:none}.security-account{max-width:none;width:100%;padding:0 0 20px;border-top:0;border-bottom:1px solid #ffffff13}.security-panel{max-width:620px;width:100%;justify-self:center}.security-panel-content{padding:28px}.security-panel-top{padding:19px 24px}}
@media(max-width:420px){.security-panel-content{padding:25px 20px}.security-panel-top{padding:17px 20px;gap:10px}.security-panel-label{font-size:7px;letter-spacing:.09em}.security-state{font-size:8px}.security-panel-content h2{font-size:24px}.security-description{font-size:12px}.security-tab{font-size:10px;gap:6px}.security-workspace .security-code-input{height:74px;font-size:29px;letter-spacing:.35em;padding-left:22px}.security-panel-footer{font-size:8px;padding:15px 18px}.security-session-details>div,.security-session-details strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){.security-workspace *{transition:none!important}}

.bios-workspace { display: grid; gap: 22px; }
.bios-brands { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.bios-brand { display: flex; flex-direction: column; gap: 16px; padding: 22px 24px; text-align: left; color: var(--p-text); transition: border-color .2s, background .2s; }
.p-card.bios-brand[aria-pressed="true"] { border-color: #ddd !important; background: linear-gradient(130deg,var(--ui-surface-2,#272727),var(--ui-surface-1,#151515)) !important; }
.bios-brand-index { font-size: 9px; letter-spacing: .12em; color: var(--p-muted); }
.bios-brand strong { font: 600 29px var(--font-display); letter-spacing: -.04em; }
.bios-brand-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 11px; color: var(--p-muted); }
.bios-brand-foot svg { width: 16px; height: 16px; }
.bios-toolbar { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 16px; padding: 18px; }
.bios-toolbar label { display: grid; gap: 6px; font-size: 10px; color: var(--p-muted); }
.bios-toolbar select, .bios-toolbar input { border: 1px solid var(--p-line); border-radius: 9px; min-height: 42px; background: var(--ui-surface-0,#0f0f0f); color: var(--p-text); padding: 10px 12px; font-size: 12px; max-width: 100%; }
.bios-toolbar .bios-search { display: flex; align-items: center; flex: 1 1 250px; min-width: 0; position: relative; }
.bios-search svg { position: absolute; left: 13px; width: 16px; height: 16px; pointer-events: none; }
.bios-search input { width: 100%; padding-left: 39px; }
.bios-toolbar .p-btn { min-height: 42px; }
.bios-layout { display: grid; grid-template-columns: 245px minmax(0,1fr); gap: 24px; align-items: start; }
.bios-folders { padding: 18px 10px 10px; }
.bios-folder-heading { padding: 2px 12px 18px; }
.bios-folder-heading h2 { margin-top: 6px; font-size: 17px; }
.bios-folders nav { display: grid; gap: 5px; }
.bios-folders button { display: flex; align-items: center; gap: 10px; width: 100%; padding: 12px; border: 1px solid transparent; border-radius: 10px; background: transparent; color: var(--p-muted); text-align: left; }
.bios-folders button[aria-pressed="true"] { color: var(--p-text); background: #ffffff0a; border-color: var(--p-line); }
.bios-folders button:hover { background: #ffffff08; }
.bios-folders button > svg { width: 16px; height: 16px; flex-shrink: 0; }
.bios-folders button > span:nth-child(2) { flex: 1; min-width: 0; }
.bios-folders strong { display: block; font-size: 11px; font-weight: 500; }
.bios-folders small { display: block; font-size: 9px; color: var(--p-muted); margin-top: 3px; }
.bios-folders [data-count] { font-size: 10px; font-variant-numeric: tabular-nums; }
.bios-results { min-width: 0; }
.bios-results-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 3px 0 15px; }
.bios-results-heading h2 { font-size: 22px; margin-top: 6px; }
#biosResultCount { color: var(--p-muted); font-size: 11px; white-space: nowrap; }
.bios-reference-note { color: var(--p-muted); font-size: 11px; line-height: 1.8; margin-bottom: 18px; max-width: 750px; }
.bios-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.bios-tweak { padding: 20px; display: flex; flex-direction: column; min-width: 0; animation: none; }
.bios-tweak-top { display: flex; justify-content: space-between; align-items: center; gap: 10px; color: var(--p-muted); font-size: 9px; }
.bios-tweak-top > span:first-child { display: flex; align-items: center; gap: 7px; }
.bios-tweak-top svg { width: 14px; height: 14px; }
.bios-setting-index { color: #777; font-variant-numeric: tabular-nums; }
.bios-tweak h3 { font-size: 14px; line-height: 1.55; margin: 16px 0 19px; overflow-wrap: anywhere; }
.bios-value { background: #ffffff04; border: 1px solid var(--p-line); border-radius: 9px; padding: 12px; margin-top: auto; }
.bios-value > span { display: block; font-size: 8px; color: var(--p-muted); letter-spacing: .1em; margin-bottom: 5px; }
.bios-value strong { display: block; font-size: 11px; line-height: 1.65; overflow-wrap: anywhere; }
.bios-tags { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 14px; }
.bios-tags span { border: 1px solid var(--p-line); padding: 3px 7px; border-radius: 5px; font-size: 9px; color: var(--p-muted); }
.bios-tweak-note { color: var(--p-muted); font-size: 10px; margin-top: 12px; }
.bios-tweak-reference { grid-column: 1 / -1; }
.bios-nitro-reference { display: grid; gap: 18px; }
.bios-nitro-path h4 { margin: 0 0 9px; font-size: 13px; }
.bios-nitro-path p { font-size: 11px; color: var(--p-muted); }
.bios-nitro-path kbd { padding: 2px 5px; border: 1px solid var(--p-line); border-radius: 4px; color: var(--p-text); }
.bios-nitro-path ol { display: flex; flex-wrap: wrap; gap: 8px 20px; padding: 0; margin: 14px 0; list-style: none; font-size: 11px; }
.bios-nitro-path li { position: relative; overflow-wrap: anywhere; }
.bios-nitro-path li:not(:last-child)::after { content: '›'; position: absolute; right: -13px; color: var(--p-muted); }
.bios-manual-link { display: inline-block; margin-top: 8px; color: var(--p-muted); font-size: 10px; text-decoration: underline; text-underline-offset: 3px; }
.bios-nitro-picture { margin: 0; min-width: 0; }
.bios-nitro-picture a { display: block; }
.bios-nitro-picture img { display: block; width: 100%; height: auto; border: 1px solid var(--p-line); border-radius: 8px; }
.bios-nitro-picture figcaption { font-size: 10px; color: var(--p-muted); margin-top: 8px; }
.bios-empty { grid-column: 1 / -1; text-align: center; padding: 45px 20px; }
.bios-empty > svg { width: 25px; height: 25px; color: var(--p-muted); margin-bottom: 14px; }
.bios-empty h3 { font-size: 17px; }
.bios-empty p { color: var(--p-muted); font-size: 12px; margin: 10px 0 20px; }
.bios-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media(min-width:1600px) { .bios-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media(max-width:1100px) { .bios-layout { grid-template-columns: 1fr; } .bios-folders nav { grid-template-columns: repeat(4,minmax(0,1fr)); } .bios-folders small { display: none; } }
@media(max-width:600px) { .bios-workspace { gap: 16px; } .bios-brands { gap: 8px; } .bios-brand { padding: 16px 12px; gap: 13px; } .bios-brand strong { font-size: 21px; } .bios-brand-index { font-size: 7px; letter-spacing: .05em; } .bios-brand-foot { font-size: 9px; } .bios-brand-foot svg { display: none; } .bios-toolbar { gap: 12px; padding: 14px; } .bios-toolbar label:not(.bios-search) { flex: 1 1 120px; min-width: 0; } .bios-toolbar .bios-search { flex-basis: 100%; } .bios-folders nav { grid-template-columns: repeat(2,minmax(0,1fr)); } .bios-folders button { padding: 10px 8px; gap: 7px; } .bios-folders strong { font-size: 10px; } .bios-grid { grid-template-columns: 1fr; } .bios-results-heading h2 { font-size: 20px; } }

.opti-summary{display:flex;justify-content:space-between;align-items:center;padding:24px;margin-bottom:24px;gap:16px}.opti-tasks{display:grid;gap:22px}.opti-number{font-size:24px;color:var(--p-muted);font-variant-numeric:tabular-nums}.opti-task .p-card-head>div:nth-child(2){flex:1}.opti-actions,.opti-foot{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.opti-description{white-space:pre-wrap;margin-bottom:20px}.opti-photo{display:block;max-width:100%;max-height:360px;object-fit:contain;border-radius:12px;margin:18px 0}.opti-steps{padding:0;list-style:none}.opti-steps li{display:flex;justify-content:space-between;gap:16px;padding:18px 0;border-top:1px solid var(--p-line,#292929)}.opti-steps label{display:flex;align-items:flex-start;gap:14px;flex:1;cursor:pointer}.opti-steps label>span{display:grid;gap:6px;white-space:pre-wrap}.opti-steps small{font-size:10px;letter-spacing:.1em;color:var(--p-muted)}.opti-steps .done strong{text-decoration:line-through;color:var(--p-muted)}.opti-steps li>div{display:flex;align-items:center;gap:4px}.opti-upload{width:1px;height:1px;opacity:0;position:absolute}.opti-empty{padding:40px}.opti-task [draggable]{cursor:grab}.calendar-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:24px 0}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--p-line,#292929);border-radius:14px;overflow:hidden}.calendar-day{min-height:140px;padding:10px;border:1px solid var(--p-line,#292929)}.calendar-day>strong{display:block;margin-bottom:12px;font-size:12px}.calendar-booking{display:block;border-left:3px solid #8bd7b1;padding:8px;margin:5px 0;background:rgba(139,215,177,.07);font-size:11px;overflow-wrap:anywhere}.calendar-booking span{display:block;color:var(--p-muted);font-size:10px;margin-top:4px}.calendar-block{border-color:#e9b075;background:rgba(233,176,117,.08)}.calendar-settings{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.calendar-settings input,.calendar-settings select{width:100%}.order-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.opti-tasks[aria-busy=true],.p-main[aria-busy=true]{opacity:.75;pointer-events:none}@media(max-width:1000px){.calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-day{min-height:110px}.order-summary-grid{grid-template-columns:1fr}}@media(max-width:600px){.opti-summary{align-items:flex-start;flex-direction:column}.opti-task .p-card-head{flex-wrap:wrap}.opti-steps li{flex-direction:column}.calendar-grid,.calendar-settings{grid-template-columns:1fr}.calendar-day{min-height:80px}}
.p-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}

.q-workspace{--q-accent:var(--ev-accent,#d8ded6);--q-rgb:var(--ev-rgb,216,222,214);--q-panel:var(--ui-surface-1,#101312);color:#ebeeeb}
.q-workspace .p-btn.primary,.q-modal[data-event-theme] .p-btn.primary{background:var(--ev-accent,var(--q-accent))!important;border-color:var(--ev-accent,var(--q-accent))!important;color:#11150e!important;box-shadow:0 4px 18px rgba(var(--ev-rgb,var(--q-rgb)),.1)!important}
.q-modal .p-form{display:grid;gap:16px}.q-workspace .p-heading>div:first-child{min-width:0}.q-workspace .p-heading h1,.q-workspace .p-heading p{overflow-wrap:anywhere;white-space:pre-wrap}.q-search input,.q-tabs button{font-family:inherit;font-size:11px}
.q-workspace .p-heading{margin-bottom:26px}.q-workspace .p-heading-actions{flex-wrap:wrap}
.q-hero{position:relative;isolation:isolate;overflow:hidden;min-height:230px;display:flex;align-items:center;justify-content:space-between;padding:32px 38px;background:radial-gradient(ellipse at 85% 45%,rgba(var(--q-rgb),.12),transparent 60%),linear-gradient(135deg,var(--ui-surface-1,#141714),var(--ui-surface-0,#0d100e));border-color:rgba(var(--q-rgb),.23)}
.q-hero>div:first-child{z-index:2}.q-hero h2{font-size:clamp(28px,3vw,42px);line-height:1.15;letter-spacing:-.055em;margin:15px 0 12px;font-weight:600}.q-hero h2 span{color:var(--q-accent)}.q-hero p:not(.p-eyebrow){font-size:12px;color:#a2aaa4;margin:0 0 20px}.q-hero .p-eyebrow{color:var(--q-accent);font-size:9px;letter-spacing:.18em}
.q-private{display:inline-flex;gap:7px;align-items:center;font-size:10px;color:#9ca49e}.q-private svg{width:12px;height:12px}
.q-art{position:absolute;width:310px;height:310px;right:6px;top:50%;transform:translateY(-50%);opacity:.82;pointer-events:none}.q-art .event-scene{width:100%;height:100%;min-height:0;border:0;background:transparent}.q-art .scene-coordinate,.q-art .scene-cross{display:none}.q-orbit{width:160px;height:160px;border:1px solid rgba(var(--q-rgb),.2);border-radius:40px;transform:rotate(-14deg);display:grid;place-items:center;margin:70px auto;background:linear-gradient(140deg,rgba(var(--q-rgb),.16),transparent);box-shadow:0 0 80px rgba(var(--q-rgb),.08)}.q-orbit svg{height:75px;width:75px;color:var(--q-accent);stroke-width:1.2}
.q-stats{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:0;margin:24px 0 28px;border-bottom:1px solid var(--p-line,#292b29);padding-bottom:24px}.q-stats>div{padding:0 24px;border-right:1px solid var(--p-line,#292b29)}.q-stats>div:first-child{padding-left:0}.q-stats>div:last-child{border:0}.q-stats span{display:block;font-size:8px;letter-spacing:.12em;color:#8d958f;margin:0 0 10px}.q-stats strong{font-size:27px;letter-spacing:-.04em;font-weight:500}.q-stats small{font-size:16px;color:#68716b}.q-stats .q-money{font-size:20px;overflow-wrap:anywhere}
.q-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 20px}.q-search{display:flex;align-items:center;gap:10px;border:1px solid var(--p-line,#292b29);background:var(--ui-surface-1,#101210);border-radius:9px;padding:10px 13px;width:320px;max-width:100%;color:#79817b}.q-search svg{width:15px;height:15px;flex-shrink:0}.q-search input{width:100%;min-width:0;background:transparent;color:#e6ebe6;font:11px inherit;border:0;outline:none}.q-search:focus-within{border-color:var(--q-accent)}
.q-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.q-list-card{min-width:0;display:flex;flex-direction:column;border-color:#2a302b;background:linear-gradient(145deg,var(--ui-surface-1,#141814),var(--ui-surface-1,#101310));transition:border-color .2s,transform .2s}.q-list-card:hover{border-color:rgba(var(--q-rgb),.5);transform:translateY(-3px)}.q-card-link{padding:20px 20px 15px;color:inherit;text-decoration:none;display:block;flex:1;min-width:0}.q-card-top{display:flex;align-items:center;gap:9px;margin-bottom:20px}.q-list-mark{display:grid;place-items:center;width:33px;height:33px;border-radius:9px;color:var(--q-accent);border:1px solid rgba(var(--q-rgb),.18);background:rgba(var(--q-rgb),.06)}.q-list-mark svg{width:16px;height:16px}.q-card-top>svg{margin-left:auto;color:#69736b;width:13px;height:13px}.q-status{font-size:7px;letter-spacing:.1em;color:var(--q-accent);line-height:1.5}.q-list-card h2{font-size:15px;margin:0 0 9px;font-weight:500;overflow-wrap:anywhere}.q-description{color:#909b93;font-size:11px;line-height:1.7;min-height:38px;margin:0 0 19px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.q-progress{height:4px;background:var(--ui-surface-3,#262e28);border-radius:5px;overflow:hidden;flex:1}.q-progress i{display:block;height:100%;background:var(--q-accent);border-radius:5px;transition:width .2s}.q-card-meta{display:flex;justify-content:space-between;color:#8c998f;font-size:9px;margin:9px 0 14px}.q-type-tags{display:flex;gap:6px;flex-wrap:wrap;min-height:21px}.q-type-tags span{display:inline-flex;gap:4px;align-items:center;font-size:8px;color:#9ba69e;border:1px solid #28312a;border-radius:5px;padding:4px 6px}.q-type-tags svg{width:10px;height:10px}.q-card-date{font-size:8px;color:#657168;margin-top:14px}.q-card-actions{display:flex;justify-content:space-between;gap:6px;padding:11px 15px;border-top:1px solid #242d26;flex-wrap:wrap}.q-card-actions .p-btn{font-size:9px;padding:7px 8px}.q-empty{grid-column:1/-1;border:1px dashed rgba(var(--q-rgb),.22);border-radius:12px;padding:20px}
.q-detail-toolbar{display:flex;justify-content:space-between;gap:14px;margin-bottom:22px;align-items:center}.q-detail-toolbar>div{display:flex;gap:8px;flex-wrap:wrap}.q-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}.q-entry-card{overflow:hidden}.q-detail-aside{display:grid;gap:16px;min-width:0}.q-detail-progress{display:flex;align-items:center;gap:15px;padding:3px 24px 20px}.q-detail-progress>span{font-size:10px;color:var(--q-accent)}.q-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid #252e27;padding:0 20px 15px}.q-tabs button{display:flex;align-items:center;gap:6px;border:1px solid transparent;background:transparent;border-radius:6px;padding:7px 9px;font:10px inherit;color:#88968c;cursor:pointer}.q-tabs button[aria-pressed=true]{background:rgba(var(--q-rgb),.07);border-color:rgba(var(--q-rgb),.17);color:var(--q-accent)}.q-tabs span{font-size:8px;opacity:.6}
.q-entry{display:flex;gap:12px;align-items:flex-start;padding:20px 23px;border-bottom:1px solid #252d27}.q-entry:last-child{border:0}.q-entry>input{margin:2px 0 0;width:16px;height:16px;flex-shrink:0;accent-color:var(--q-accent);cursor:pointer}.q-entry-copy{flex:1;min-width:0}.q-entry-title{display:flex;justify-content:space-between;gap:10px;align-items:baseline;flex-wrap:wrap}.q-entry h3{font-size:12px;font-weight:500;margin:0;overflow-wrap:anywhere}.q-entry-copy>p{font-size:11px;color:#909e94;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.q-entry-amount{color:var(--q-accent);font-size:12px}.q-entry.done h3{text-decoration:line-through;color:#7b8a7f}.q-entry.done .q-entry-amount{color:#7b8a7f}.q-entry-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:9px;font-size:9px;color:#7e8d83}.q-entry-meta span{display:inline-flex;align-items:center;gap:4px;overflow-wrap:anywhere;min-width:0}.q-entry-meta svg{width:11px;height:11px;flex-shrink:0}.q-reference{word-break:break-all}.q-entry>.p-btn{width:25px;height:25px;flex-shrink:0;padding:4px}
.q-files{padding:4px 20px 17px}.q-file{display:flex;gap:10px;align-items:center;text-decoration:none;color:#a2b0a6;padding:12px 0;border-bottom:1px solid #263028}.q-file>svg{width:16px;height:16px;flex-shrink:0;color:var(--q-accent)}.q-file>svg:last-child{width:12px;color:#657568;margin-left:auto}.q-file>div{min-width:0}.q-file strong{display:block;font-size:10px;font-weight:500;overflow-wrap:anywhere}.q-file span{display:block;font-size:9px;margin-top:4px;color:#6d7e72}.q-muted{font-size:11px;line-height:1.7;color:#829388}.q-upload{display:flex;position:relative;align-items:center;justify-content:center;gap:9px;border:1px dashed rgba(var(--q-rgb),.3);background:rgba(var(--q-rgb),.035);border-radius:8px;padding:20px 10px;margin-top:15px;cursor:pointer;color:var(--q-accent);overflow:hidden}.q-upload svg{width:16px;height:16px}.q-upload span{font-size:10px}.q-upload small{display:block;font-size:8px;color:#7c9082;margin-top:4px}.q-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.q-upload:focus-within{outline:2px solid var(--q-accent);outline-offset:3px}#checklistUploadStatus{font-size:10px;color:var(--q-accent)}
.q-payment-summary{padding:2px 22px 22px}.q-payment-summary>span{font-size:8px;color:#8f9d93;letter-spacing:.12em}.q-payment-summary strong{display:block;font-size:22px;font-weight:500;color:var(--q-accent);margin:10px 0;overflow-wrap:anywhere}.q-payment-summary p{font-size:10px;color:#88998d}.q-payment-summary small{display:block;font-size:9px;line-height:1.6;color:#647c6c}.q-list-footnote{font-size:9px;line-height:1.8;color:#657b6c;padding:0 5px}.q-archive-notice{display:flex;gap:12px;border:1px solid rgba(var(--q-rgb),.25);padding:16px 20px;border-radius:9px;background:rgba(var(--q-rgb),.04);margin-bottom:20px}.q-archive-notice>svg{width:18px;height:18px;color:var(--q-accent);flex-shrink:0}.q-archive-notice strong{font-size:11px}.q-archive-notice p{font-size:10px;color:#899c90;margin:5px 0 0}
.q-history{margin-top:30px;overflow:hidden}.q-log-list a{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;padding:14px 24px;border-top:1px solid #263029;font-size:10px}.q-log-dot{width:5px;height:5px;background:var(--q-accent);border-radius:50%;flex-shrink:0}.q-log-list a>div{min-width:0}.q-log-list strong,.q-log-list a>div>span{display:block;overflow-wrap:anywhere}.q-log-list strong{font-size:10px;font-weight:500}.q-log-list a>div>span{font-size:9px;color:#7f9486;margin-top:4px}.q-log-list time{margin-left:auto;color:#73867a;font-size:9px;white-space:nowrap}.q-log-list svg{width:12px;flex-shrink:0;color:#7a8f80}.q-form-error{font-size:11px;color:#f4aaa5;line-height:1.6}.q-payment-fields[hidden]{display:none!important}.q-form-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.q-payment-fields{display:grid;gap:16px}.q-check-label{display:flex!important;align-items:center;gap:9px!important}.q-check-label input{width:15px!important;height:15px}.q-workspace [hidden]{display:none!important}.q-workspace button:disabled{opacity:.45;cursor:default}.q-workspace :is(a,button,input):focus-visible{outline:2px solid var(--q-accent);outline-offset:3px}
@media(min-width:1450px){.q-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1150px){.q-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.q-detail-layout{grid-template-columns:minmax(0,1fr) 250px}.q-hero{padding:27px}}
@media(max-width:1000px){.q-detail-layout{grid-template-columns:1fr}.q-detail-aside{grid-template-columns:1fr 1fr}.q-list-footnote{grid-column:1/-1}}
@media(max-width:600px){.q-grid{grid-template-columns:1fr}.q-hero{padding:24px;min-height:230px}.q-hero h2{font-size:31px}.q-art{width:210px;height:210px;right:-65px;opacity:.3}.q-hero>div:first-child{max-width:87%}.q-stats>div{padding:0 10px}.q-stats strong{font-size:24px}.q-stats .q-money{font-size:15px}.q-stats span{font-size:7px;line-height:1.6}.q-toolbar{align-items:stretch;flex-direction:column}.q-search{width:100%}.q-toolbar>.p-btn{align-self:flex-start}.q-detail-toolbar{align-items:flex-start;flex-direction:column}.q-detail-aside{grid-template-columns:1fr}.q-entry{padding:17px 15px;gap:10px}.q-tabs{padding:0 12px 14px}.q-detail-progress{padding-left:16px;padding-right:16px}.q-log-list a{padding:14px 16px;flex-wrap:wrap}.q-log-list time{white-space:normal;width:100%;margin-left:17px}.q-log-list a>svg{display:none}.q-workspace .p-heading{gap:16px}.q-form-columns{gap:10px}}
@media(prefers-reduced-motion:reduce){.q-list-card,.q-progress i{transition:none}.q-list-card:hover{transform:none}}

.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} }


.p-main.calendar-main {
  --cal-bg:var(--ui-surface-0,#0b0b0b); --cal-panel:var(--ui-surface-1,#131313); --cal-line:#2c2c2c; --cal-soft-line:#252525;
  --cal-text:#f0f0f0; --cal-muted:#9c9c9c; --cal-accent:#f2f2f2;
  --p-text:var(--cal-text); --p-muted:var(--cal-muted);
  max-width:none; min-height:calc(100dvh - 77px); padding:24px 28px 28px!important;
  background:var(--cal-bg)!important; color:var(--cal-text); color-scheme:dark;
}
.calendar-main > .pure-section-atmosphere { display:none; }
html:has(.calendar-main)::before { display:none; }
body:has(.calendar-main) > .pure-motion-layer { filter:grayscale(1); }
body:has(.calendar-main) > .pure-page-transition { background:linear-gradient(90deg,transparent,#ffffff12 50%,color-mix(in srgb,var(--ui-surface-0,#0a0a0a) 45.1%,transparent)); }
body:has(.calendar-main) .pure-analytics-preferences { background:var(--ui-surface-1,#151515); border-color:#454545; color:#ededed; }
body:has(.calendar-main) .pure-analytics-preferences:hover { border-color:#999999; box-shadow:0 0 18px #ffffff18; }
body:has(.calendar-main) .pure-analytics-preferences:focus-visible { outline-color:#ffffff; }
.cal-app { font-family:'DM Sans',Arial,sans-serif; font-size:14px; display:flex; flex-direction:column; height:calc(100dvh - 129px); min-height:650px; }
.cal-app *, .cal-dialog * { box-sizing:border-box; }
.cal-app :is(button,input,select), .cal-dialog :is(button,input,select,textarea) { font:inherit; }
.cal-app button, .cal-dialog button { cursor:pointer; }
.cal-app button, .cal-app a, .cal-dialog button { -webkit-tap-highlight-color:transparent; transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease; }
.cal-app button:disabled, .cal-dialog button:disabled { opacity:.5; cursor:wait; }
.cal-app [hidden], .cal-dialog [hidden] { display:none!important; }
.cal-app :is(button,input,select,summary):focus-visible, .cal-dialog :is(input,select,textarea,button,a,summary):focus-visible { outline:2px solid #f2f2f2!important; outline-offset:3px; box-shadow:none!important; }
.cal-app svg { width:18px; height:18px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.cal-app :is(.cal-sidebar,.cal-time-scroll,.cal-schedule,.cal-year-grid), .cal-dialog { scrollbar-width:thin; scrollbar-color:#3b3b3b transparent; }
.cal-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }


.cal-toolbar { display:flex; align-items:center; gap:16px; flex-shrink:0; min-height:60px; margin-bottom:24px; }
.cal-sidebar-toggle { margin-left:-8px; }
.cal-brand { display:flex; align-items:center; gap:14px; }
.cal-logo { width:48px; height:48px; display:grid; place-items:center; border:1px solid #f2f2f226; border-radius:15px; background:#f2f2f20b; color:var(--cal-accent); }
.cal-logo svg { width:24px; height:24px; }
.cal-eyebrow { display:block; font-size:9px; font-weight:600; letter-spacing:.17em; color:var(--cal-muted); }
.calendar-main .cal-brand h1 { margin:3px 0 0; font:600 30px/1.15 'DM Sans',Arial,sans-serif; letter-spacing:-1.1px; color:#f7f7f7; }
.calendar-main .cal-brand p { font-size:12px; line-height:1.5; color:var(--cal-muted); margin:5px 0 0; }
.cal-toolbar-actions { margin-left:auto; display:flex; align-items:center; gap:20px; }
.cal-timezone { display:flex; align-items:center; gap:7px; font-size:12px; color:var(--cal-muted); white-space:nowrap; }
.cal-timezone svg { width:15px; height:15px; }
.cal-toolbar-icons { display:flex; align-items:center; gap:3px; padding-left:18px; border-left:1px solid var(--cal-line); }
.cal-icon { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; width:36px; height:36px; padding:0; background:transparent; border:1px solid transparent; border-radius:9px; color:#a6a6a6; line-height:1; }
.cal-icon:hover { background:#ffffff08; border-color:#ffffff12; color:#f5f5f5; }
.cal-create, .cal-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:38px; padding:9px 15px; border-radius:9px; border:1px solid #3b3b3b; background:var(--ui-surface-2,#1f1f1f); color:#ebebeb; text-decoration:none; font-weight:500; white-space:nowrap; }
.cal-create { min-height:42px; padding:11px 17px; background:var(--cal-accent); border-color:var(--cal-accent); color:#262626; font-size:13px!important; font-weight:600!important; box-shadow:0 2px 5px #00000033,inset 0 1px #ffffff55; }
.cal-create:hover { background:#ffffff; border-color:#ffffff; box-shadow:0 3px 12px #f2f2f212; }
.cal-btn:hover { background:var(--ui-surface-3,#2d2d2d); border-color:#545454; }
.cal-btn.primary { color:#262626; background:#f2f2f2; border-color:#f2f2f2; }
.cal-btn.primary:hover { background:#ffffff; }
.cal-btn.danger { color:#bfbfbf; border-color:#474747; background:var(--ui-surface-2,#272727); }


.cal-layout { display:grid; grid-template-columns:minmax(0,1fr); gap:24px; flex:1; min-height:0; position:relative; }
.cal-layout.sidebar-open { grid-template-columns:240px minmax(0,1fr); }
.cal-sidebar { display:none; min-height:0; overflow:auto; padding:20px 17px 14px; border:1px solid var(--cal-soft-line); border-radius:16px; background:var(--ui-surface-1,#131313); }
.sidebar-open .cal-sidebar { display:block; }
.cal-sidebar-backdrop { display:none; }
.cal-mini-head { display:flex; align-items:center; gap:2px; margin:0 0 12px; }
.cal-mini-head strong { flex:1; font-size:14px; font-weight:600; color:#e8e8e8; letter-spacing:-.3px; }
.cal-mini-head .cal-icon { width:26px; height:28px; font-size:21px; }
.cal-mini-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:3px; text-align:center; margin-bottom:19px; }
.cal-mini-grid > span { font-size:10px; padding:3px 0 4px; color:#7d7d7d; }
.cal-mini-grid button { position:relative; aspect-ratio:1; min-height:24px; border:1px solid transparent; border-radius:8px; padding:0; background:transparent; color:#d0d0d0; font-size:11px; font-variant-numeric:tabular-nums; }
.cal-mini-grid button:hover { background:#ffffff0a; color:#ffffff; }
.cal-mini-grid .outside { color:#6a6a6a; }
.cal-mini-grid .today { background:#f2f2f2; color:#242424; font-weight:600; }
.cal-mini-grid .selected:not(.today) { background:#f2f2f211; border-color:#f2f2f253; color:#e5e5e5; }
.cal-filter-heading { margin:0 4px 12px; color:#888888; font-size:10px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; }
.cal-filter-list { display:grid; gap:3px; }
.cal-filter { display:flex; align-items:center; gap:10px; margin:0; padding:7px 6px; border-radius:8px; font-size:12px; color:#c8c8c8; cursor:pointer; line-height:1.4; }
.cal-filter:hover { background:#ffffff05; }
.cal-filter small { margin-left:auto; min-width:21px; text-align:center; font-size:10px; color:#9f9f9f; border:1px solid #ffffff09; border-radius:5px; padding:1px 3px; }
.cal-filter input { appearance:none; width:15px; height:15px; flex-shrink:0; margin:0; border:1px solid color-mix(in srgb,var(--filter-color,#777777) 65%,#c0c0c0); border-radius:4px; background:var(--ui-surface-1,#181818); display:grid; place-items:center; cursor:pointer; }
.cal-filter input:checked { background:#ededed; border-color:#ededed; }
.cal-filter input:checked::after { content:''; width:7px; height:4px; border:solid #151515; border-width:0 0 1.5px 1.5px; transform:translateY(-1px) rotate(-45deg); }
.cal-display-options { border-top:1px solid var(--cal-soft-line); margin-top:12px; padding-top:11px; }
.cal-display-options summary { display:flex; align-items:center; justify-content:space-between; list-style:none; padding:3px 6px; color:#999999; font-size:11px; cursor:pointer; }
.cal-display-options summary::-webkit-details-marker { display:none; }
.cal-display-options summary svg { width:12px; height:12px; }
.cal-display-options[open] summary { margin-bottom:8px; }
.cal-display-options[open] summary svg { transform:rotate(90deg); }
.cal-filter.secondary { color:#9b9b9b; font-size:11px; padding-block:7px; }
.cal-filter.secondary input { width:13px; height:13px; border-color:#494949; }
.cal-task-create { display:flex; align-items:center; gap:8px; width:100%; margin-top:12px; border:1px dashed #3b3b3b; border-radius:8px; padding:9px 10px; background:transparent; color:#afafaf; font-size:11px!important; }
.cal-task-create svg { width:14px; height:14px; }
.cal-task-create svg:last-child { margin-left:auto; color:#7c7c7c; }
.cal-task-create:hover { background:#f2f2f206; border-color:#7a7a7a; color:#e4e4e4; }
.cal-hours { border-top:1px solid var(--cal-soft-line); padding-top:13px; margin-top:17px; }
.cal-hours-heading { display:flex; align-items:center; gap:7px; color:#989898; }
.cal-hours-heading > svg { width:14px; height:14px; }
.cal-hours-heading strong { font-size:11px; font-weight:500; color:#c7c7c7; }
.cal-hours-heading .cal-icon { margin-left:auto; width:24px; height:24px; }
.cal-hours-heading .cal-icon svg { width:13px; height:13px; }
.cal-hours p { font-size:11px!important; color:#afafaf; line-height:1.8; margin:6px 0 0 21px; }
.cal-hours p span { color:#828282; }
.cal-sync-card { position:relative; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:4px 8px; background:#f2f2f205; border:1px solid #f2f2f216; border-radius:8px; padding:10px 9px 10px 20px; margin-top:16px; }
.cal-zone-dot { position:absolute; left:9px; top:16px; width:5px; height:5px; background:#cccccc; border-radius:50%; box-shadow:0 0 0 3px #cccccc09; }
.cal-sync-card strong { font-size:10px; font-weight:500; color:#d3d3d3; }
.cal-sync-card > span:last-child { font-size:9px; color:#979797; }
.cal-transfer { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:17px; padding-top:12px; border-top:1px solid var(--cal-soft-line); }
.cal-link { display:inline-flex; align-items:center; gap:5px; padding:4px 0; border:0; background:transparent; color:#9f9f9f; font-size:10px!important; }
.cal-link:hover { color:#e2e2e2; }
.cal-transfer svg { width:13px; height:13px; }


.cal-workspace { min-width:0; min-height:0; display:flex; flex-direction:column; }
.cal-overview { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; flex-shrink:0; }
.cal-stat { display:flex; align-items:center; gap:12px; padding:16px 18px; border:1px solid var(--cal-soft-line); border-radius:12px; background:var(--ui-surface-1,#141414); }
.cal-stat-icon { display:grid; place-items:center; flex-shrink:0; width:38px; height:38px; border:1px solid #c4c4c419; border-radius:10px; color:#c4c4c4; background:#c4c4c407; }
.cal-stat.orange .cal-stat-icon { color:#c2c2c2; border-color:#c2c2c219; background:#c2c2c207; }
.cal-stat.green .cal-stat-icon { color:#d2d2d2; border-color:#d2d2d219; background:#d2d2d207; }
.cal-stat > div { display:flex; flex-direction:column; gap:4px; }
.cal-stat > div > span { font-size:12px; color:#9b9b9b; }
.cal-stat strong { font-size:24px; line-height:1; font-weight:500; letter-spacing:-.8px; font-variant-numeric:tabular-nums; color:#f2f2f2; }
.cal-stat-caption { margin-left:auto; align-self:flex-end; font-size:10px; color:#787878; padding-bottom:1px; }
.cal-period-toolbar { display:flex; align-items:center; gap:16px; padding:20px 0; flex-shrink:0; }
.cal-period-button { display:flex; align-items:center; gap:11px; min-width:0; margin-right:auto; padding:0; border:0; background:transparent; text-align:left; color:#888888; }
.cal-period { margin:0; font:500 24px/1.25 'DM Sans',Arial,sans-serif!important; letter-spacing:-.8px; color:#efefef; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cal-period-button > svg { width:13px; height:13px; transform:rotate(90deg); }
.cal-period-button:hover .cal-period { color:#f2f2f2; }
.cal-date-controls { display:flex; align-items:center; gap:3px; }
.cal-date-controls .cal-icon { width:30px; height:34px; }
.cal-date-controls .cal-icon svg { width:15px; height:15px; }
#calPrev svg { transform:rotate(180deg); }
#calToday { min-height:34px; padding:7px 13px; font-size:11px; background:var(--ui-surface-1,#1a1a1a); border-color:#353535; }
.cal-view-label { position:relative; display:flex; align-items:center; min-width:120px; color:#c0c0c0; }
.cal-view-label > svg:first-child { position:absolute; left:12px; width:15px; height:15px; pointer-events:none; }
.cal-view-label > svg:last-child { position:absolute; right:10px; width:12px; height:12px; transform:rotate(90deg); pointer-events:none; color:#929292; }
.cal-view-label select { appearance:none; width:100%; max-width:154px; min-height:36px; padding:8px 30px 8px 35px; font-size:11px; background:var(--ui-surface-1,#1a1a1a); border-color:#353535; cursor:pointer; }
.cal-search-bar { display:flex; align-items:center; gap:10px; padding-bottom:20px; flex-shrink:0; }
.cal-search { display:flex; align-items:center; gap:12px; width:min(580px,100%); min-width:0; padding:12px 15px; border:1px solid #f2f2f243; border-radius:10px; background:var(--ui-surface-1,#1a1a1a); color:#bebebe; }
.cal-search input { width:100%; min-width:0; border:0; outline:none; background:transparent; color:#eaeaea; font-size:13px; }
.cal-search input::placeholder { color:#949494; }
.cal-search-bar > span { font-size:11px; color:#878787; }


.cal-content { min-width:0; min-height:0; flex:1; display:flex; flex-direction:column; border:1px solid #353535; border-radius:15px; background:var(--cal-panel); overflow:hidden; box-shadow:0 4px 20px #00000014; }
#calCanvas { flex:1; min-height:0; display:flex; flex-direction:column; }
.cal-footer { display:flex; justify-content:space-between; align-items:center; gap:10px; min-height:36px; padding:10px 16px; border-top:1px solid var(--cal-line); font-size:10px; color:#838383; flex-shrink:0; background:var(--ui-surface-1,#141414); }
.cal-footer > span:first-child { color:#aeaeae; }
.cal-footer > span:last-child { display:flex; align-items:center; gap:6px; }
.cal-footer svg { width:12px; height:12px; }
.cal-footer-hint { border-left:1px solid #383838; padding-left:12px; margin-left:7px; color:#7a7a7a; }
.cal-month-weekdays { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); flex-shrink:0; background:var(--ui-surface-1,#191919); }
.cal-month-weekdays > span { padding:13px 14px; font-size:11px; font-weight:500; letter-spacing:.08em; text-transform:uppercase; color:#a5a5a5; }
.cal-month-weekdays > .weekend { color:#7d7d7d; }
.cal-month-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); grid-template-rows:repeat(6,minmax(0,1fr)); flex:1; min-height:0; overflow:hidden; }
.cal-month-day { position:relative; min-width:0; min-height:0; padding:8px; border-top:1px solid var(--cal-line); border-right:1px solid var(--cal-line); background:var(--ui-surface-1,#181818); }
.cal-month-day:nth-child(7n) { border-right:0; }
.cal-month-day.weekend { background:var(--ui-surface-1,#151515); }
.cal-month-day.outside { background:var(--ui-surface-1,#121212); }
.cal-month-day.is-today { background:var(--ui-surface-1,#1e1e1e); box-shadow:inset 0 2px #f2f2f24a; }
.cal-month-day.is-selected:not(.is-today) { box-shadow:inset 0 0 0 1px #f2f2f235; }
.cal-month-day:hover { background:var(--ui-surface-1,#1e1e1e); }
.cal-month-day.is-today:hover { background:var(--ui-surface-2,#252525); }
.cal-day-head { display:flex; align-items:center; gap:4px; height:28px; margin-bottom:4px; }
.cal-day-number { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; min-width:28px; height:28px; margin:0; padding:0 6px; border:0; border-radius:9px; background:transparent; color:#d4d4d4; font-size:13px!important; font-weight:500!important; font-variant-numeric:tabular-nums; }
.cal-day-number.today { background:#f2f2f2; color:#2c2c2c; font-weight:600!important; box-shadow:0 1px 5px #00000022; }
.cal-day-number:hover { background:#ffffff0d; color:#ffffff; }
.cal-day-number.today:hover { background:#ffffff; color:#2c2c2c; }
.outside .cal-day-number { color:#6d6d6d; font-weight:400!important; }
.cal-today-label { font-size:9px; color:#b4b4b4; margin-left:3px; }
.cal-add-day { display:grid; place-items:center; flex-shrink:0; margin-left:auto; padding:0; width:23px; height:23px; border:1px solid transparent; border-radius:6px; background:transparent; color:#a2a2a2; opacity:0; }
.cal-add-day svg { width:14px; height:14px; }
.cal-month-day:hover .cal-add-day, .cal-month-day:focus-within .cal-add-day { opacity:1; }
.cal-add-day:hover { background:#f2f2f210; border-color:#f2f2f225; color:#e3e3e3; }
.cal-month-events { min-width:0; }
.cal-event { position:relative; min-width:0; padding:7px 9px; border:1px solid color-mix(in srgb,var(--event-color) 50%,#ffffff18); border-left:2px solid color-mix(in srgb,var(--event-color) 70%,#e9e9e9); border-radius:7px; background:color-mix(in srgb,var(--event-color) 26%,var(--ui-surface-1,#1d1d1d)); color:#f2f2f2; text-align:left; overflow:hidden; line-height:1.4; }
.cal-event[data-movable=true] { touch-action:none; user-select:none; cursor:grab; }
.cal-event:hover { filter:brightness(1.18); box-shadow:0 3px 10px #00000033; z-index:6!important; }
.cal-event :is(strong,span,small) { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cal-event strong { font-size:12px; font-weight:500; }
.cal-event span { font-size:11px; margin-top:3px; color:#dedede; }
.cal-event small { font-size:10px; margin-top:4px; color:#bebebe; }
.cal-event.is-block { background:repeating-linear-gradient(135deg,transparent,transparent 5px,#ffffff04 5px,#ffffff04 9px),color-mix(in srgb,var(--event-color) 22%,var(--ui-surface-1,#1d1d1d)); }
.cal-event.is-task { border-left-color:#d5d5d5; }
.cal-event.is-reservation { border-left-color:#bbbbbb; }
.cal-event:is(.is-cancelled,.is-completed), .cal-agenda-event:is(.is-cancelled,.is-completed) { opacity:.5; text-decoration:line-through; }
.cal-event.dragging { opacity:.35; }
.cal-repeat-mark { float:right; line-height:1; font-size:13px; margin:0 0 2px 4px; }
.cal-month-events .cal-event { display:flex; align-items:center; gap:5px; width:100%; height:22px; margin-bottom:2px; padding:3px 5px; border:1px solid color-mix(in srgb,var(--event-color) 24%,#ffffff06); border-radius:5px; background:color-mix(in srgb,var(--event-color) 20%,var(--ui-surface-1,#1b1b1b)); }
.cal-month-events .cal-event i { width:5px; height:5px; border-radius:50%; background:color-mix(in srgb,var(--event-color) 65%,#e6e6e6); flex-shrink:0; }
.cal-month-events .cal-event span { font-size:11px; margin:0; min-width:0; color:#e0e0e0; }
.cal-month-events .cal-event time { flex-shrink:0; margin-left:auto; font-size:9px; font-variant-numeric:tabular-nums; color:#b6b6b6; }
.cal-month-events .cal-resize { display:none; }
.cal-more { padding:2px 4px; margin-left:auto; border:0; border-radius:4px; background:#ffffff05; color:#b5b5b5; font-size:9px!important; white-space:nowrap; }
.cal-more:hover { color:#ececec; background:#f2f2f215; }


.cal-time-head { display:grid; grid-template-columns:60px repeat(var(--day-count),minmax(0,1fr)); padding-right:10px; border-bottom:1px solid #373737; max-height:220px; overflow-y:auto; scrollbar-width:thin; flex-shrink:0; background:var(--ui-surface-1,#191919); }
.cal-gmt { align-self:end; padding-bottom:10px; text-align:center; font-size:9px; color:#8b8b8b; }
.cal-column-head { display:flex; flex-direction:column; align-items:center; gap:7px; padding:15px 0 11px; border:0; background:transparent; color:#999999; }
.cal-column-head span { font-size:10px; text-transform:uppercase; letter-spacing:.08em; }
.cal-column-head strong { display:grid; place-items:center; font-size:25px; font-weight:400; width:38px; height:38px; border-radius:12px; color:#dadada; }
.cal-column-head.today { color:#f2f2f2; }
.cal-column-head.today strong { background:#f2f2f2; color:#2d2d2d; }
.cal-column-head:hover { background:#ffffff04; }
.cal-all-label { text-align:right; padding:8px; font-size:9px; color:#909090; }
.cal-all-day { position:relative; min-height:28px; padding:0 4px 4px; border-left:1px solid #323232; }
.cal-all-day .cal-event { display:block; width:100%; margin-bottom:3px; padding:5px 7px; }
.cal-all-day .cal-event strong { font-size:10px; }
.cal-all-day .cal-event span { font-size:9px; }
.cal-all-add { width:100%; height:17px; opacity:0; border:0; border-radius:4px; background:transparent; color:#b5b5b5; }
.cal-all-day:hover .cal-all-add, .cal-all-add:focus-visible { opacity:1; }
.cal-all-add:hover { background:#f2f2f210; }
.cal-time-scroll { flex:1; min-height:0; overflow-y:scroll; scrollbar-gutter:stable; outline-offset:-3px; }
.cal-time-grid { position:relative; display:grid; grid-template-columns:60px repeat(var(--day-count),minmax(0,1fr)); height:1440px; flex-shrink:0; }
.cal-hours-axis { position:relative; font-size:10px; color:#8b8b8b; background:var(--ui-surface-1,#161616); font-variant-numeric:tabular-nums; }
.cal-hours-axis > span { position:absolute; right:10px; transform:translateY(-50%); }
.cal-hours-axis > span:first-child { transform:translateY(0); }
.cal-time-day { position:relative; height:1440px; min-width:0; border-left:1px solid #333333; background:var(--ui-surface-1,#141414); }
.cal-time-day.is-today { background:var(--ui-surface-1,#191919); }
.cal-working { position:absolute; left:0; right:0; background:var(--ui-surface-1,#1d1d1d); pointer-events:none; }
.cal-time-day.is-today .cal-working { background:var(--ui-surface-2,#222222); }
.cal-slot { position:absolute; left:0; right:0; height:30px; border:0; border-top:1px solid #ffffff04; border-radius:0; padding:0; background:transparent; }
.cal-slot:nth-of-type(odd) { border-top-color:#323232; }
.cal-slot:hover { background:#f2f2f20b; }
.cal-slot:focus-visible { z-index:2; outline-offset:-3px!important; background:#f2f2f219; }
.cal-time-day > .cal-event { position:absolute; z-index:3; }
.cal-resize { position:absolute; bottom:0; left:5px; right:5px; height:8px; cursor:ns-resize; margin:0!important; opacity:0; border-bottom:2px solid #ffffff90; }
.cal-time-day .cal-event:hover .cal-resize, .cal-event:focus-visible .cal-resize { opacity:1; }
.cal-now { position:absolute; height:1px; left:0; right:0; z-index:5; background:#f2f2f2; pointer-events:none; }
.cal-now i { position:absolute; left:-4px; top:-3px; width:7px; height:7px; background:#f2f2f2; border-radius:50%; }
.cal-drop-preview { position:absolute; left:0; right:0; background:color-mix(in srgb,var(--ui-surface-3,#373737) 92.9%,transparent); border:1px dashed #d5d5d5; color:#e8e8e8; z-index:8; min-height:15px; border-radius:6px; padding:5px; font-size:11px; pointer-events:none; }
.drop-target:not(.cal-time-day) { background:var(--ui-surface-3,#333333); }


.cal-schedule { flex:1; min-height:0; overflow:auto; }
.cal-agenda-day { display:grid; grid-template-columns:90px minmax(0,1fr); gap:16px; padding:18px 22px; border-bottom:1px solid var(--cal-line); }
.cal-agenda-date { display:flex; align-items:center; align-self:start; gap:10px; padding:9px 0; border:0; background:transparent; color:#c9c9c9; text-align:left; }
.cal-agenda-date strong { font-size:28px; font-weight:400; letter-spacing:-.8px; }
.cal-agenda-date span { font-size:10px; max-width:50px; color:#969696; }
.cal-agenda-event { display:flex; align-items:center; gap:16px; width:100%; padding:14px 12px; border:1px solid transparent; border-radius:10px; background:transparent; color:#e0e0e0; text-align:left; }
.cal-agenda-event:hover { border-color:#ffffff08; background:var(--ui-surface-2,#232323); }
.cal-agenda-time { width:150px; flex-shrink:0; font-size:11px; color:#a7a7a7; }
.cal-agenda-event > i { width:7px; height:7px; border-radius:50%; flex-shrink:0; }
.cal-agenda-event > span:last-child { min-width:0; }
.cal-agenda-event strong { font-size:13px; font-weight:500; }
.cal-agenda-event small { display:block; margin-top:5px; font-size:11px; color:#a0a0a0; overflow-wrap:anywhere; }
.cal-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:100%; padding:50px 24px; text-align:center; color:#9f9f9f; }
.cal-empty > svg { width:45px; height:45px; color:#c4c4c4; padding:11px; border:1px solid #f2f2f221; border-radius:13px; background:#f2f2f205; }
.cal-empty h3 { font-size:23px; font-weight:500; letter-spacing:-.6px; margin:21px 0 10px; color:#e2e2e2; }
.cal-empty p { font-size:13px; line-height:1.7; margin:0 0 22px; max-width:340px; color:#969696; }
.cal-empty .cal-btn { font-size:12px; }
.cal-year-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; padding:26px; overflow:auto; }
.cal-year-month .cal-mini-grid { margin:0; }
.cal-year-title { padding:0; margin-bottom:15px; border:0; background:transparent; font-size:15px; font-weight:500; letter-spacing:-.3px; color:#e0e0e0; }
.cal-year-title:hover { color:#ffffff; }
.cal-year-month .has-events > i { position:absolute; bottom:1px; left:calc(50% - 2px); width:4px; height:4px; border-radius:50%; background:#d5d5d5; }
.cal-year-month .today > i { background:var(--ui-surface-3,#3c3c3c); }
.cal-mobile-create { display:none; }


.cal-dialog.p-modal { --p-panel:var(--ui-surface-1,#191919); --p-text:#e6e6e6; --p-line:#383838; --p-muted:#aaaaaa; width:min(600px,calc(100vw - 32px)); background:var(--ui-surface-1,#191919)!important; color:#e1e1e1; border:1px solid #414141!important; border-radius:20px!important; box-shadow:0 24px 100px #000000aa!important; font-family:'DM Sans',Arial,sans-serif; color-scheme:dark; }
.cal-dialog::backdrop { background:color-mix(in srgb,var(--ui-surface-0,#060606) 72.2%,transparent); backdrop-filter:blur(8px); }
.cal-dialog .p-card-head { padding:21px 26px; border-bottom:1px solid #323232; }
.cal-dialog .p-card-head h2 { font-size:19px; letter-spacing:-.5px; color:#ebebeb; }
.cal-dialog.p-modal .p-card-head .p-btn { border:0; border-radius:8px; background:transparent!important; color:#aeaeae; }
.cal-dialog.p-modal .p-card-head .p-btn:hover { background:#ffffff0a!important; }
.cal-form { display:grid; gap:16px; padding:24px 26px; font-size:13px; }
.cal-form label, .cal-detail > label { display:grid; gap:8px; font-size:12px; color:#b2b2b2; }
.cal-form :is(input,select,textarea) { min-width:0; width:100%; padding:11px 12px; background:var(--ui-surface-1,#151515); color:#e7e7e7; border:1px solid #404040; border-radius:8px; font-size:13px; }
.cal-form :is(input,select,textarea):focus { background:var(--ui-surface-2,#1f1f1f); border-color:#adadad; }
.cal-form input::placeholder, .cal-form textarea::placeholder { color:#868686; }
.cal-form textarea { resize:vertical; }
.cal-event-details { border:1px solid #414141; border-radius:9px; background:var(--ui-surface-1,#181818); }
.cal-event-details summary { padding:12px; color:#c7c7c7; font-size:12px; cursor:pointer; }
.cal-event-details summary > span { margin-left:8px; font-size:10px; color:#989898; }
.cal-event-details > div { display:grid; gap:16px; padding:4px 12px 14px; }
.cal-form-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.cal-title-field input { border:0!important; border-bottom:1px solid #5a5a5a!important; border-radius:0!important; padding:6px 0 12px!important; background:transparent!important; font-size:24px!important; letter-spacing:-.6px; }
.cal-title-field input:focus-visible { outline:none!important; border-bottom-color:#f2f2f2!important; }
.cal-check { display:flex!important; align-items:center; gap:9px!important; color:#c4c4c4!important; font-size:12px!important; }
.cal-check input { width:15px!important; height:15px; padding:0; margin:0; accent-color:#f2f2f2; }
.cal-form-zone { font-size:11px!important; line-height:1.7; color:#989898!important; margin:0; }
.cal-form-error { font-size:12px; color:#b4b4b4; margin:0; }
.cal-form-error:empty { display:none; }
.cal-form-actions { display:flex; justify-content:flex-end; gap:9px; padding-top:4px; }
.cal-form-actions .cal-btn { min-width:85px; font-size:12px; }
.cal-weekdays { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:15px; border:1px solid #454545; border-radius:10px; }
.cal-weekdays legend { padding:0 6px; font-size:11px; color:#b1b1b1; }
.cal-date-help { display:inline; color:#9e9e9e; }
#calRepeatOptions { display:grid; gap:14px; padding:16px; border:1px solid #474747; border-radius:10px; background:var(--ui-surface-2,#232323); }
.cal-detail { padding:26px; font-size:13px; }
.cal-detail p { line-height:1.8; margin:13px 0; color:#b2b2b2; overflow-wrap:anywhere; }
.cal-detail-date { display:flex; align-items:center; gap:15px; }
.cal-detail-date > i { width:13px; height:13px; border-radius:4px; flex-shrink:0; }
.cal-detail-date p { margin:6px 0 0; font-size:12px; }
.cal-detail-date strong { font-weight:500; color:#e2e2e2; }
.cal-detail-note { white-space:pre-wrap; background:var(--ui-surface-1,#181818); padding:15px; border-radius:9px; }
.cal-detail-actions { display:flex; flex-wrap:wrap; gap:8px; padding-top:15px; margin-bottom:15px; }
.cal-order-detail { padding:17px; margin:18px 0; border:1px solid #454545; border-radius:10px; background:var(--ui-surface-1,#1e1e1e); }
.cal-order-detail > strong { display:block; color:#dcdcdc; margin-top:5px; }
.cal-order-detail p { margin:8px 0!important; font-size:12px!important; color:#b2b2b2!important; }
.cal-order-pending { border-top:1px solid #424242; padding-top:10px; }
.cal-shortcuts, .cal-import-preview { padding:24px 26px; font-size:13px; color:#c5c5c5; }
.cal-shortcuts p { margin:0 0 22px; }
.cal-shortcuts dl { margin:0; display:grid; gap:20px; }
.cal-shortcuts dl > div { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.cal-shortcuts dd { display:flex; gap:5px; margin:0; }
.cal-shortcuts kbd { min-width:26px; padding:5px; border:1px solid #525252; border-radius:5px; background:var(--ui-surface-2,#2c2c2c); font:12px Arial,sans-serif; text-align:center; color:#dcdcdc; }
.cal-import-preview p { line-height:1.7; }
.cal-import-preview details { padding:12px; border:1px solid #585858; border-radius:8px; color:#c5c5c5; font-size:12px; max-height:180px; overflow:auto; }
.cal-import-preview details ul { padding-left:16px; line-height:1.8; }
.cal-import-events { padding:0; margin:18px 0; list-style:none; max-height:220px; overflow:auto; }
.cal-import-events li { display:flex; justify-content:space-between; gap:12px; padding:9px 0; border-bottom:1px solid #373737; font-size:11px; }
.cal-import-events strong { font-weight:500; }
.cal-import-events span { color:#9c9c9c; }

@media(min-width:1700px) {
  .cal-year-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .cal-month-events .cal-event span { font-size:11px; }
}
@media(max-width:1400px) {
  .p-main.calendar-main { padding:22px!important; }
  .cal-app { height:calc(100dvh - 121px); }
  .cal-layout { gap:18px; }
  .cal-layout.sidebar-open { grid-template-columns:218px minmax(0,1fr); }
  .cal-sidebar { padding:18px 14px 12px; }
  .cal-stat { padding:14px; gap:10px; }
  .cal-stat-caption, .cal-timezone, .cal-today-label { display:none; }
  .cal-toolbar-actions { gap:14px; }
}
@media(max-width:1100px) {
  .cal-toolbar-icons { border-left:0; padding-left:0; }
  .cal-period { font-size:21px!important; }
  .cal-period-toolbar { gap:10px; }
  .cal-today-label, .cal-month-events .cal-event time { display:none; }
  .cal-year-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .cal-search-bar > span { display:none; }
}
@media(max-width:800px) {
  .p-main.calendar-main { min-height:calc(100dvh - 65px); padding:20px 16px!important; }
  .cal-app { height:calc(100dvh - 105px); }
  .cal-toolbar { gap:10px; margin-bottom:21px; }
  .cal-brand { gap:10px; }
  .cal-logo { width:42px; height:42px; border-radius:13px; }
  .calendar-main .cal-brand h1 { font-size:26px; }
  .cal-stat { padding:13px; }
  .cal-period { font-size:22px!important; }
  .cal-footer-hint { display:none; }
}
@media(max-width:700px) {
  .p-main.calendar-main { padding:18px 12px 14px!important; }
  .cal-app { height:calc(100dvh - 97px); min-height:570px; }
  .cal-toolbar { gap:8px; min-height:58px; margin-bottom:20px; }
  .cal-sidebar-toggle { width:30px; margin-left:-4px; }
  .cal-brand { gap:9px; }
  .cal-logo { width:36px; height:40px; border-radius:11px; }
  .cal-logo svg { width:20px; height:20px; }
  .cal-eyebrow { font-size:8px; }
  .calendar-main .cal-brand h1 { font-size:25px; letter-spacing:-.8px; }
  .calendar-main .cal-brand p { font-size:10px; margin-top:4px; }
  .cal-toolbar-actions { gap:0; }
  .cal-toolbar-icons { gap:1px; }
  .cal-toolbar-icons .cal-icon { width:31px; height:33px; }
  #calHelp, #calSettings, .cal-toolbar-actions .cal-create { display:none; }
  .cal-layout, .cal-layout.sidebar-open { grid-template-columns:minmax(0,1fr); gap:0; }
  .sidebar-open .cal-sidebar-backdrop { display:block; position:absolute; inset:0; z-index:9; background:#00000077; border:0; border-radius:14px; backdrop-filter:blur(3px); }
  .sidebar-open .cal-sidebar { position:absolute; inset:0 auto 0 0; width:min(276px,calc(100% - 48px)); z-index:10; padding:20px; background:var(--ui-surface-1,#161616); border-color:#484848; box-shadow:10px 0 35px #00000088; }
  .cal-overview { gap:7px; }
  .cal-stat { display:block; padding:12px 10px; border-radius:10px; }
  .cal-stat-icon { display:none; }
  .cal-stat > div { gap:10px; }
  .cal-stat > div > span { font-size:9px; white-space:nowrap; }
  .cal-stat strong { font-size:23px; }
  .cal-stat.blue strong { color:#d4d4d4; }
  .cal-stat.orange strong { color:#cecece; }
  .cal-stat.green strong { color:#f2f2f2; }
  .cal-period-toolbar { flex-wrap:wrap; gap:12px; padding:19px 0 15px; }
  .cal-period-button { flex-basis:100%; }
  .cal-period { font-size:23px!important; }
  .cal-date-controls { margin-right:auto; }
  .cal-view-label { min-width:120px; }
  .cal-view-label select { max-width:150px; }
  .cal-content { border-radius:12px; }
  .cal-month-weekdays > span { padding:12px 0; text-align:center; font-size:9px; }
  .cal-month-day { padding:5px 2px; }
  .cal-day-head { gap:0; height:25px; margin-bottom:4px; }
  .cal-day-number { min-width:24px; height:25px; font-size:10px!important; padding:0 4px; border-radius:7px; }
  .cal-day-number:not(.today) { font-weight:400!important; }
  .cal-day-head .cal-add-day { display:none; }
  .cal-more { font-size:8px!important; padding:2px; }
  .cal-month-events .cal-event { gap:3px; padding:3px; }
  .cal-month-events .cal-event i { width:3px; height:3px; }
  .cal-month-events .cal-event span { font-size:8px; }
  .cal-footer { padding:9px 10px; min-height:32px; font-size:9px; }
  .cal-time-head, .cal-time-grid { grid-template-columns:43px repeat(var(--day-count),minmax(0,1fr)); }
  .cal-time-head { max-height:180px; }
  .cal-column-head { padding:11px 0 8px; }
  .cal-column-head strong { width:32px; height:32px; font-size:22px; border-radius:10px; }
  .cal-column-head span { font-size:9px; }
  .cal-hours-axis { font-size:9px; }
  .cal-hours-axis > span { right:7px; }
  .cal-all-day { padding-inline:2px; }
  .cal-all-day .cal-event { padding:4px; }
  .cal-all-day .cal-event strong { font-size:9px; }
  .cal-all-day .cal-event span { font-size:8px; }
  .cal-event { padding:5px; }
  .cal-event strong { font-size:10px; }
  .cal-time-day > .cal-event :is(span,small) { font-size:9px; }
  .cal-agenda-day { grid-template-columns:42px minmax(0,1fr); gap:5px; padding:12px 6px; }
  .cal-agenda-date { display:block; text-align:center; }
  .cal-agenda-date strong { font-size:24px; }
  .cal-agenda-date span { display:block; max-width:none; font-size:9px; margin-top:3px; }
  .cal-agenda-event { gap:8px; padding:10px 5px; }
  .cal-agenda-event strong { font-size:11px; }
  .cal-agenda-event small { font-size:9px; }
  .cal-agenda-time { width:83px; font-size:9px; }
  .cal-empty { padding:30px 18px; }
  .cal-empty h3 { font-size:21px; }
  .cal-empty p { font-size:12px; }
  .cal-year-grid { gap:18px 14px; padding:17px 13px; }
  .cal-year-title { font-size:13px; }
  .cal-year-grid .cal-mini-grid { gap:1px; }
  .cal-year-grid .cal-mini-grid button { min-height:20px; font-size:10px; }
  .cal-search-bar { padding-bottom:16px; }
  .cal-search { padding:10px 12px; }
  .cal-search input { font-size:12px; }
  .cal-mobile-create { display:grid; place-items:center; position:fixed; right:19px; bottom:76px; z-index:20; width:48px; height:48px; padding:0; border:1px solid #f1f1f1; border-radius:15px; background:#f2f2f2; color:#323232; font-size:29px!important; box-shadow:0 5px 22px #00000088; }
  .cal-dialog.p-modal { width:calc(100vw - 24px); border-radius:17px!important; }
  .cal-dialog .p-card-head { padding:18px; }
  .cal-form { padding:20px 18px; gap:17px; }
  .cal-form-row { gap:11px; }
  .cal-form :is(input,select,textarea) { padding:10px 9px; }
  .cal-title-field input { font-size:22px!important; }
  .cal-detail { padding:20px; }
  .cal-shortcuts, .cal-import-preview { padding:22px 20px; }
}
@media(pointer:coarse) {
  .cal-mini-grid button { min-height:28px; }
  .cal-month-day .cal-add-day { opacity:1; }
}
@media(prefers-reduced-motion:reduce) {
  .calendar-main, .cal-dialog[open] { animation:none!important; }
  .cal-app *, .cal-dialog * { transition: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}}


body.pure-workspace { --workspace-accent:#e6e8eb;--p-accent:#e6e8eb; }
.pure-workspace .p-main { width:100%;padding:clamp(24px,3vw,46px); }
.pure-workspace .p-heading { align-items:center;margin-bottom:32px;gap:24px; }
.pure-workspace .p-heading h1 { font-size:clamp(28px,3vw,42px);line-height:1.12;font-weight:500;letter-spacing:-.05em; }
.pure-workspace .p-heading p { font-size:14px;line-height:1.7;color:#a7adb4; }
.pure-workspace .p-eyebrow { font-size:10px;letter-spacing:.14em;color:#b7bdc5; }
.pure-workspace .p-sidebar { background:linear-gradient(175deg,var(--ui-surface-1,#14171b),var(--ui-surface-0,#0a0c0e) 72%);border-right-color:rgba(255,255,255,.085);box-shadow:inset -1px 0 0 rgba(255,255,255,.03); }
.pure-workspace .p-workspace { border-block:1px solid rgba(255,255,255,.06);padding-block:20px; }
.pure-workspace .p-nav a { min-height:44px;border-radius:8px; }
.pure-workspace .p-nav a[aria-current="page"] { background:linear-gradient(90deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;border:1px solid rgba(255,255,255,.16);color:#f6f7f9!important;box-shadow:inset 2px 0 #e4e9f0,inset 0 1px 0 rgba(255,255,255,.06); }
.pure-workspace .p-card { border-color:rgba(255,255,255,.1);border-radius:14px;background:linear-gradient(155deg,color-mix(in srgb,var(--ui-surface-2,#191c21) 94%,transparent),color-mix(in srgb,var(--ui-surface-1,#0f1114) 96%,transparent));box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 18px 44px rgba(0,0,0,.28); }
.pure-workspace :is(.p-main,.p-card,.p-table-wrap,.p-stats,.p-stats>*) { opacity:1;animation:none; }
.pure-workspace .p-stat { padding:24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.075),0 20px 44px rgba(0,0,0,.26); }
.pure-workspace .p-stat-top { font-size:12px;color:#b4bac4; }
.pure-workspace .p-stat-top svg { width:19px;height:19px;color:#bdc5d0; }
.pure-workspace .p-stat-value { font-size:40px;font-weight:500;margin:22px 0 13px;letter-spacing:-.04em;color:#f5f7fa; }
.pure-workspace .p-stat-foot { font-size:11px;line-height:1.55;color:#9da4ae; }
.pure-workspace .p-card-head { padding:22px 24px;border-bottom-color:rgba(255,255,255,.07); }
.pure-workspace .p-card-head h2 { font-size:16px;font-weight:500;letter-spacing:-.02em; }
.pure-workspace .p-card-head>a { font-size:12px; }
.pure-workspace .p-card-body>p { font-size:14px;line-height:1.75;color:#abb2bc; }
.pure-workspace .p-top-actions .p-btn { min-width:44px;min-height:44px; }
.p-tweaks-settings + .p-tweaks-settings { margin-top:24px; }
.p-tweaks-settings .p-form { padding:0;margin-top:24px; }
.p-tweaks-settings .p-form-foot { flex-wrap:wrap;justify-content:flex-start; }
.p-paypal-me-settings { margin-bottom:24px; }
.p-paypal-me-fields { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;max-width:900px; }
.p-paypal-me-fields>label { min-width:0; }
.p-paypal-me-fields>.p-btn { min-height:44px;white-space:normal; }
.p-paypal-me-current { display:flex;flex-wrap:wrap;gap:8px 16px;margin:16px 0 0;font-size:12px;line-height:1.6; }
.p-paypal-me-current>span { color:#a7adb4; }
.p-paypal-me-current a { overflow-wrap:anywhere;min-width:0; }
.p-paypal-me-status { min-height:20px;margin:12px 0 0;font-size:12px;line-height:1.6;overflow-wrap:anywhere; }
.p-paypal-me-status[data-state="error"] { color:#efb6b6; }
.p-paypal-me-status[data-state="success"] { color:#c3ddc8; }
.p-paypal-me-edit-hint { display:block;font-size:12px;line-height:1.6;color:#a7adb4;margin-top:8px; }
.workspace-next { display:grid;grid-template-columns:1fr 180px;align-items:center;min-height:220px;gap:28px;padding:30px 34px;margin-bottom:24px;overflow:hidden;position:relative;isolation:isolate;border:1px solid rgba(255,255,255,.12)!important;border-radius:16px!important;background:radial-gradient(ellipse at 90% 20%,rgba(198,216,238,.085),transparent 62%),linear-gradient(145deg,var(--ui-surface-2,#1b2027),var(--ui-surface-1,#0f1216))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 24px 56px rgba(0,0,0,.34)!important; }
.workspace-next-copy { position:relative;z-index:1;min-width:0; }
body.pure-workspace[data-depth-motion] .workspace-next.pure-depth-surface { transform:none!important; }
.workspace-next-kicker { display:flex;flex-wrap:wrap;align-items:center;gap:16px;color:#b8c3d0;font-size:10px;font-weight:600;letter-spacing:.12em; }
.workspace-next h2 { margin:18px 0 10px;font:500 clamp(24px,2.3vw,32px)/1.15 'Space Grotesk',sans-serif;letter-spacing:-.04em;color:#f5f7f9; }
.workspace-next p { max-width:620px;margin:0 0 22px;color:#aeb7c2;font-size:14px;line-height:1.75; }
.workspace-next-actions { display:flex;flex-wrap:wrap;align-items:center;gap:12px; }
.workspace-next-actions .p-btn { min-height:44px;padding:12px 18px;font-size:12px;border-radius:9px; }
.workspace-next-actions .p-btn.primary { background:linear-gradient(180deg,#f5f7fa,#dfe5ec)!important;border-color:#e8edf2!important;color:#0e1217!important;box-shadow:inset 0 1px 0 #fff,0 10px 24px rgba(0,0,0,.26)!important; }
.workspace-emblem { position:relative;width:160px;height:160px;perspective:700px;pointer-events:none; }
body[data-depth-motion="on"] .workspace-emblem { transform:rotateY(var(--depth-pointer-x,0deg)) rotateX(var(--depth-scroll-angle,0deg));transition:transform .14s ease-out; }
.workspace-emblem>span { position:absolute;inset:18px;border:1px solid #ffffff30;border-radius:16px;background:linear-gradient(145deg,#55616c,var(--ui-surface-2,#19212a) 60%);transform:rotateX(48deg) rotateZ(-34deg);box-shadow:0 14px 0 #141c24,0 15px 0 #ffffff2b,0 28px 35px #0006; }
.workspace-emblem>span:last-child { inset:30px;transform:translateY(-23px) rotateX(48deg) rotateZ(-34deg);background:linear-gradient(130deg,#374653,var(--ui-surface-2,#10171f));border-color:#e0e8f180;display:grid;place-items:center;color:#dce7f3; }
.workspace-emblem svg { width:60%;height:60%; }

.pure-workspace.analytics-workspace .a-heading h1 { font-size:clamp(30px,3vw,42px);font-weight:500;letter-spacing:-.05em; }
.pure-workspace.analytics-workspace .a-heading p { color:#a7adb4;font-size:14px;line-height:1.7; }
.pure-workspace.analytics-workspace .a-card { border-color:rgba(255,255,255,.11);border-radius:14px;background:linear-gradient(155deg,var(--ui-surface-2,#191c21),var(--ui-surface-1,#0f1114));box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 18px 42px rgba(0,0,0,.28); }
.pure-workspace.analytics-workspace .a-stat { box-shadow:inset 0 1px 0 rgba(255,255,255,.075),0 18px 40px rgba(0,0,0,.28); }
.pure-workspace.analytics-workspace .a-stat-label { font-size:12px;color:#b0b6bf; }
.pure-workspace.analytics-workspace .a-stat>strong { font-weight:500; }
.pure-workspace.analytics-workspace :is(.a-eyebrow,.a-period,.a-card-head p,.a-stat-note,.a-vs,.a-neutral,.a-live-strip small,.a-product-body small,.a-footnote,.a-card-foot>span,.a-definitions,.a-footer,.a-chart-slider,.a-table th,.a-metric-grid dt,.a-customer-metrics dt) { color:#9ca4b0; }
.pure-workspace.analytics-workspace :is(.a-button,select,input[type=date],.a-segment button) { min-height:44px; }
.pure-workspace.analytics-workspace .a-compare { min-height:44px; }
@media(max-width:1100px) { .workspace-next { grid-template-columns:1fr 120px;padding:26px; }.workspace-emblem { width:120px;height:120px; } }
@media(max-width:600px) {
  .p-paypal-me-fields { grid-template-columns:1fr; }
  .p-paypal-me-fields>.p-btn { width:100%; }
  .p-tweaks-settings .p-form-foot>.p-btn { flex:1 1 180px;white-space:normal; }
  .pure-workspace .p-main { padding:24px 18px; }
  .pure-workspace .p-heading { align-items:flex-start;gap:18px; }
  .pure-workspace .p-heading h1 { font-size:30px; }
  .workspace-next { grid-template-columns:1fr;padding:24px;min-height:0; }
  .workspace-next-copy { padding-top:10px; }.workspace-next h2 { max-width:225px;font-size:27px; }
  .workspace-emblem { position:absolute;right:6px;top:7px;width:85px;height:85px;opacity:.5; }
  .workspace-next-kicker { padding-right:48px;font-size:9px; }
  .workspace-next p { font-size:13px; }.workspace-next-actions { align-items:stretch;flex-direction:column; }
  .workspace-next-actions .p-btn { justify-content:center; }
  .pure-workspace .p-stat { padding:19px; }.pure-workspace .p-stat-value { font-size:34px; }
}


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; }