/* PureTweaks visual system. Kept separate from commerce and portal behavior. */
:root {
  --pt-bg: #050505;
  --pt-surface: #0b0c0d;
  --pt-raised: #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; }

/* Shared controls */
.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: #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: #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;
}

/* Storefront navigation and backdrop */
.navbar { background: rgba(5,5,5,.56) !important; border-color: var(--pt-line) !important; backdrop-filter: blur(10px); }
.navbar.scrolled { background: rgba(8,9,10,.94) !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: rgba(9,10,11,.98) !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: rgba(18,20,22,.91); 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); } }
}

/* Sections, capability cards and pricing */
.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,#070809,#0a0b0c 46%,#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,#141618,#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,#1a1d1f,#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,#141618,#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,#202326,#101213 58%,#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: #090a0b; }
.utility-preview img { display: block; }
.addons-section { margin-top: clamp(42px, 5vw, 72px); }
.addon-card { border-color: var(--pt-line) !important; background: #0e1011 !important; border-radius: var(--pt-radius-md) !important; }

/* Dedicated software showcase */
.utility-showcase { position: relative; background: linear-gradient(180deg,#0a0b0c,#0e1011 55%,#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%),#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, payment, FAQ and reviews */
#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: #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: #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,#161819,#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: #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,#161819,#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,#17191a,#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: #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: #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; }

/* Customer and operations portal */
.p-shell { background: var(--pt-bg); }
.p-sidebar { background: #090a0b !important; border-right: 1px solid var(--pt-line) !important; }
.p-workspace, .p-help-card { background: #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: #191b1d !important; }
.p-nav a[aria-current="page"] { background: #1b1d1f !important; box-shadow: inset 2px 0 #f7f8f8; }
.p-topbar { background: rgba(7,8,9,.88) !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,#141617,#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: #090a0b !important; }
.p-modal { border: 1px solid var(--pt-line-strong) !important; border-radius: 14px !important; background: #101213 !important; box-shadow: 0 32px 90px rgba(0,0,0,.65) !important; }
.p-skeleton { background: linear-gradient(90deg,#1a1c1d,#292b2d,#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%),#101213; }
.p-error-code { color: #fff; font-family: var(--font-display); }

/* Checkout and remaining pages */
.checkout-header, .contact-header, .admin-header { border-bottom: 1px solid var(--pt-line) !important; background: rgba(8,9,10,.92) !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,#151718,#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: #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; }
}

/* Color and motion pass: keep the dark foundation, then give each area a clear accent. */
: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,#080b12,#0b1118 46%,#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%),#07080d !important; }
#process { background: radial-gradient(ellipse at 88% 25%,rgba(180,154,255,.1),transparent 32%),#080a11 !important; }
#payments { background: radial-gradient(ellipse at 5% 45%,rgba(107,220,255,.1),transparent 34%),#080b11 !important; }
#faq { background: radial-gradient(ellipse at 90% 12%,rgba(82,104,255,.09),transparent 36%),#07090f !important; }
.footer { background: radial-gradient(ellipse at 85% 0%,rgba(82,104,255,.12),transparent 42%),#07080d !important; border-top-color: rgba(180,154,255,.16) !important; }

/* A running sale is deliberately unmistakable in the hero and every affected plan. */
.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,rgba(69,40,21,.96),rgba(42,31,22,.96) 48%,rgba(33,28,51,.97)) !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,#171923,#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,#151720,#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,#25213a,#10111a 63%,#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,#0a0c12,#10101a 55%,#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%),#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,#191b2a,#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,#191722,#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 and community marks get their own recognizable colors. */
.payment-badge-card--paypal {
  border-color: rgba(0,156,222,.55) !important;
  background: linear-gradient(135deg,rgba(0,74,160,.3),#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),#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,#151720,#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; }
}

/* White glow revision: replace the cool blue and violet wash with soft white light. */
: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,#090a0c,#101113 46%,#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%),#08090b !important; }
#process { background: radial-gradient(ellipse at 88% 25%,rgba(255,255,255,.07),transparent 32%),#090a0c !important; }
#payments { background: radial-gradient(ellipse at 5% 45%,rgba(255,255,255,.065),transparent 34%),#090a0c !important; }
#faq { background: radial-gradient(ellipse at 90% 12%,rgba(255,255,255,.055),transparent 36%),#08090b !important; }
.footer { background: radial-gradient(ellipse at 85% 0%,rgba(255,255,255,.08),transparent 42%),#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,#17181b,#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,#161719,#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,#252629,#111214 63%,#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,#0b0c0e,#111214 55%,#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%),#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,#1a1b1e,#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,#1b1b1e,#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; }

/* Keep payment brands recognizable across the overview and checkout. */
.payment-badge-card--paypal {
  border-color: rgba(125,211,252,.68) !important;
  background: linear-gradient(135deg,rgba(20,91,137,.42),#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),#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),#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),#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),#10192b 62%,#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,#161719,#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,rgba(69,40,21,.96),rgba(42,37,30,.96) 48%,rgba(31,31,34,.98)) !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; }
}

/* Studio finish: one consistent material language across store, checkout and portals. */
: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: #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,#17181a,#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,#242528,#101113 63%,#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,#151617,#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,#171819,#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,#18191b,#0d0e10) !important; }
.contact-card h2 { font: 600 28px var(--font-display); }
.contact-card input, .contact-card textarea { min-height: 48px; background: rgba(3,4,5,.8) !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; }
}