:root {
  --lux-duration-fast:120ms;
  --lux-duration-state:200ms;
  --lux-duration-panel:320ms;
  --lux-ease-out:cubic-bezier(0,0,.2,1);
  --lux-ease-state:cubic-bezier(.4,0,.2,1);
  --lux-focus:#d7c0ff;
}

[data-luxury-surface] {
  --lux-x:50%;
  --lux-y:50%;
  --lux-rx:0deg;
  --lux-ry:0deg;
  --lux-lift:0px;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  transition:border-color var(--lux-duration-state) var(--lux-ease-out),
    box-shadow var(--lux-duration-state) var(--lux-ease-out);
}

[data-luxury-surface] > :not(.luxury-light) {
  position:relative;
  z-index:1;
}

.luxury-light {
  position:absolute;
  inset:-1px;
  z-index:0;
  pointer-events:none;
  border-radius:inherit;
  opacity:0;
  background:
    radial-gradient(360px circle at var(--lux-x) var(--lux-y),rgba(255,255,255,.12),transparent 46%),
    radial-gradient(620px circle at var(--lux-x) var(--lux-y),rgba(193,164,241,.07),transparent 64%);
  mix-blend-mode:screen;
  transition:opacity var(--lux-duration-state) var(--lux-ease-out);
}

[data-luxury-surface]:hover > .luxury-light,
[data-luxury-surface]:focus-within > .luxury-light {
  opacity:1;
}

[data-luxury-tilt] {
  transform:perspective(1100px) rotateX(var(--lux-rx)) rotateY(var(--lux-ry)) translateY(var(--lux-lift));
  transform-style:preserve-3d;
  transform-origin:center;
  transition:transform var(--lux-duration-state) var(--lux-ease-out),
    border-color var(--lux-duration-state) var(--lux-ease-out),
    box-shadow var(--lux-duration-state) var(--lux-ease-out);
}

[data-luxury-tilt]:hover,
[data-luxury-tilt]:focus-visible {
  --lux-lift:-4px;
}

.volume-home .mode-tile[data-luxury-surface]:hover,
.volume-home .tour-window[data-luxury-surface]:focus-within,
.volume-pricing .plans article[data-luxury-surface]:hover,
.agency-app .overview-actions button[data-luxury-surface]:hover,
.agency-app .sales-command-card[data-luxury-surface]:hover,
.legacy-app :is(.stat,.card,.form,.channel,.template,.metric,.proposal,.kcard)[data-luxury-surface]:hover {
  border-color:rgba(209,184,248,.46)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.09),0 22px 62px rgba(0,0,0,.34),0 0 0 1px rgba(184,147,237,.04)!important;
}

body:not(.volume-legal) :is(a,button,input,textarea,select,summary):focus-visible {
  outline:2px solid var(--lux-focus);
  outline-offset:3px;
}

.agency-app :is(input:not([type=checkbox]):not([type=radio]),textarea,select),
.legacy-app :is(input:not([type=checkbox]):not([type=radio]),textarea,select) {
  caret-color:#d7c0ff;
  transition:border-color var(--lux-duration-fast) var(--lux-ease-out),
    background-color var(--lux-duration-fast) var(--lux-ease-out),
    box-shadow var(--lux-duration-fast) var(--lux-ease-out),
    transform var(--lux-duration-fast) var(--lux-ease-out)!important;
}

.agency-app :is(input:not([type=checkbox]):not([type=radio]),textarea,select):focus,
.legacy-app :is(input:not([type=checkbox]):not([type=radio]),textarea,select):focus {
  transform:translateY(-1px);
  box-shadow:0 0 0 1px rgba(204,177,247,.7),0 0 0 5px rgba(181,145,239,.1),0 16px 34px rgba(0,0,0,.2)!important;
}

body:not(.volume-legal) :is(button,.primary,.nav-cta):active:not(:disabled):not([data-luxury-tilt]) {
  transform:scale(.985);
  transition-duration:90ms;
}

.agency-app :is(dialog,.drawer,.agency-command-palette),
.legacy-app :is(.drawer,.command) {
  overscroll-behavior:contain;
}

@media (hover:none), (pointer:coarse) {
  [data-luxury-tilt] {
    transform:none;
  }
  .luxury-light {
    display:none;
  }
}

@media (prefers-reduced-motion:reduce) {
  :root {
    --lux-duration-fast:0ms;
    --lux-duration-state:0ms;
    --lux-duration-panel:80ms;
  }
  [data-luxury-tilt] {
    transform:none!important;
  }
  .luxury-light {
    display:none;
  }
}