:root {
  --hi-orange: #ff4d00;
  --hi-cyan: #00cec8;
  --hi-yellow: #ffaa00;
  --hi-green: #80cc1d;
  --hi-purple: #7e29ed;
  --hi-charcoal: #282828;
  --hi-white: #ffffff;
  --ease-out-quart: cubic-bezier(.25, 1, .5, 1);
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  color: var(--hi-charcoal);
  font-family: Lato, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  background: #f7f7f7;
}

.package-shell {
  min-height: 100vh;
  display: grid;
  gap: 24px;
  padding: clamp(24px, 5vw, 64px);
}

.package-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
}

.package-header div {
  display: grid;
  gap: 10px;
  max-width: 720px;
}

.package-header span,
.preview-copy span {
  color: color-mix(in oklch, var(--hi-cyan) 76%, var(--hi-charcoal));
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.package-header h1 {
  margin: 0;
  font-size: clamp(3rem, 7vw, 6.8rem);
  line-height: .88;
  font-weight: 900;
}

.package-header p,
.preview-copy p {
  margin: 0;
  color: #696969;
  font-size: .98rem;
  line-height: 1.45;
  font-weight: 700;
}

.package-header button {
  min-height: 42px;
  border: 0;
  border-radius: 999px;
  padding: 0 18px;
  color: var(--hi-white);
  background: var(--hi-charcoal);
  font: inherit;
  font-size: .9rem;
  font-weight: 900;
  cursor: pointer;
}

.preview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.preview-card {
  overflow: hidden;
  border: 1px solid #dddddd;
  border-radius: 18px;
  background: var(--hi-white);
  box-shadow: 0 16px 44px rgba(40, 40, 40, .07);
}

.preview-copy {
  display: grid;
  gap: 6px;
  padding: 18px 20px;
  border-bottom: 1px solid #e9e9e9;
}

.preview-copy h2 {
  margin: 0;
  font-size: 1.35rem;
  line-height: 1;
  font-weight: 900;
}

.hiilite-logo-motion {
  --motion-surface: var(--hi-white);
  --motion-baseline: rgba(40, 40, 40, .24);
  --motion-core: rgba(126, 41, 237, .14);
  --motion-shadow: rgba(126, 41, 237, .14);
  --logo-tilt-x: 0deg;
  --logo-tilt-y: 0deg;
  --logo-shift-x: 0px;
  --logo-shift-y: 0px;
  position: relative;
  min-height: 320px;
  display: grid;
  place-items: center;
  overflow: hidden;
  isolation: isolate;
  background: var(--motion-surface);
  cursor: crosshair;
}

.hiilite-logo-motion--black {
  --motion-surface: #08080a;
  --motion-baseline: rgba(255, 255, 255, .25);
  --motion-core: rgba(126, 41, 237, .26);
  --motion-shadow: rgba(0, 0, 0, .34);
}

.hiilite-logo-motion:focus-visible {
  outline: 2px solid var(--hi-cyan);
  outline-offset: -5px;
}

.hiilite-logo-motion__core,
.hiilite-logo-motion__cursor,
.hiilite-logo-motion__bars,
.hiilite-logo-motion__bars i,
.hiilite-logo-motion__dots,
.hiilite-logo-motion__dots i {
  position: absolute;
  pointer-events: none;
}

.hiilite-logo-motion__core {
  z-index: 1;
  left: 50%;
  top: 50%;
  width: 250px;
  height: 112px;
  border-radius: 999px;
  background: var(--motion-core);
  filter: blur(22px);
  opacity: 0;
  transform: translate(-50%, -50%) scale(.2);
  will-change: opacity, transform;
}

.hiilite-logo-motion__cursor {
  z-index: 4;
  left: 50%;
  top: 50%;
  width: 3px;
  height: 98px;
  border-radius: 999px;
  background: var(--hi-purple);
  opacity: 0;
  transform: translate(-270px, -50%);
  will-change: opacity, transform;
}

.hiilite-logo-motion__bars {
  z-index: 5;
  left: 50%;
  bottom: 24px;
  height: 146px;
  display: flex;
  align-items: flex-end;
  gap: 8px;
  padding: 0 12px 12px;
  border-radius: 0 0 22px 22px;
  transform: translateX(-50%);
}

.hiilite-logo-motion__bars::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 11px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--motion-baseline), transparent);
  opacity: .72;
}

.hiilite-logo-motion__bars i {
  --interactive-scale: 1;
  --interaction-strength: 0;
  position: relative;
  width: 48px;
  height: 5px;
  border-radius: 999px;
  background: var(--bar-color);
  opacity: 0;
  transform: translateY(24px) scaleX(.15);
  transform-origin: bottom center;
  transition: transform 110ms linear, opacity 160ms var(--ease-out-quart), filter 160ms var(--ease-out-quart);
  will-change: transform;
}

.hiilite-logo-motion__bars i::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -10px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--bar-color);
  box-shadow: 0 0 18px rgba(126, 41, 237, .18);
  opacity: 0;
  transform: translateX(-50%) scale(.5);
}

.hiilite-logo-motion__bars i:nth-child(1) { --bar-color: var(--hi-orange); --bar-peak: 76px; --bar-mid: 56px; --bar-delay: 60ms; }
.hiilite-logo-motion__bars i:nth-child(2) { --bar-color: var(--hi-cyan); --bar-peak: 118px; --bar-mid: 86px; --bar-delay: 150ms; }
.hiilite-logo-motion__bars i:nth-child(3) { --bar-color: var(--hi-yellow); --bar-peak: 92px; --bar-mid: 68px; --bar-delay: 240ms; }
.hiilite-logo-motion__bars i:nth-child(4) { --bar-color: var(--hi-green); --bar-peak: 134px; --bar-mid: 98px; --bar-delay: 330ms; }
.hiilite-logo-motion__bars i:nth-child(5) { --bar-color: var(--hi-purple); --bar-peak: 104px; --bar-mid: 76px; --bar-delay: 420ms; }

.hiilite-logo-motion__logo-wrap {
  position: relative;
  z-index: 6;
  width: min(540px, 78%);
  aspect-ratio: 273.52 / 54.22;
  display: block;
  transform-origin: center;
  filter: drop-shadow(0 22px 34px var(--motion-shadow));
}

.hiilite-logo-motion__logo-wrap img {
  width: 100%;
  height: auto;
  display: block;
  transform-origin: center;
  transition: transform 260ms var(--ease-out-quart), filter 260ms var(--ease-out-quart);
  will-change: transform;
}

.hiilite-logo-motion__dots {
  z-index: 8;
  inset: 0;
  transform-origin: center;
  transition: transform 260ms var(--ease-out-quart);
  will-change: transform;
}

.hiilite-logo-motion__dots i {
  width: 4.58%;
  aspect-ratio: 1;
  border-radius: 50%;
  opacity: 0;
  transform: translate(-50%, -50%) translate(var(--dot-launch-x), var(--dot-launch-y)) scale(.35);
  box-shadow: 0 0 18px rgba(126, 41, 237, .2);
}

.hiilite-logo-motion__dots i:nth-child(1) {
  left: 48.17%;
  top: 11.55%;
  --dot-launch-x: -46px;
  --dot-launch-y: clamp(132px, 24vw, 188px);
  --dot-launch-mid-y: clamp(82px, 15vw, 116px);
  --dot-drift-x: -8px;
  background: var(--hi-cyan);
}

.hiilite-logo-motion__dots i:nth-child(2) {
  left: 56%;
  top: 11.55%;
  --dot-launch-x: -32px;
  --dot-launch-y: clamp(132px, 24vw, 188px);
  --dot-launch-mid-y: clamp(82px, 15vw, 116px);
  --dot-drift-x: -6px;
  background: var(--hi-yellow);
}

.hiilite-logo-motion__dots i:nth-child(3) {
  left: 71.74%;
  top: 11.55%;
  --dot-launch-x: -5px;
  --dot-launch-y: clamp(132px, 24vw, 188px);
  --dot-launch-mid-y: clamp(82px, 15vw, 116px);
  --dot-drift-x: -1px;
  background: var(--hi-purple);
}

.hiilite-logo-motion.is-replaying .hiilite-logo-motion__core {
  animation: hiilite-core 1500ms var(--ease-out-quart) both;
}

.hiilite-logo-motion.is-replaying .hiilite-logo-motion__cursor {
  animation: hiilite-cursor 1300ms var(--ease-out-quart) 160ms both;
}

.hiilite-logo-motion.is-replaying .hiilite-logo-motion__logo-wrap {
  animation: hiilite-logo-rise 1260ms var(--ease-out-quart) both;
}

.hiilite-logo-motion.is-replaying .hiilite-logo-motion__bars i {
  animation: hiilite-bar-surge-flat 1280ms var(--ease-out-quart) var(--bar-delay) both;
}

.hiilite-logo-motion.is-replaying .hiilite-logo-motion__bars i::after {
  animation: hiilite-bar-spark 820ms var(--ease-out-quart) var(--bar-delay) both;
}

.hiilite-logo-motion.is-replaying .hiilite-logo-motion__dots i {
  animation: hiilite-dot-install 980ms var(--ease-out-quart) both;
}

.hiilite-logo-motion.is-replaying .hiilite-logo-motion__dots i:nth-child(1) { animation-delay: 360ms; }
.hiilite-logo-motion.is-replaying .hiilite-logo-motion__dots i:nth-child(2) { animation-delay: 460ms; }
.hiilite-logo-motion.is-replaying .hiilite-logo-motion__dots i:nth-child(3) { animation-delay: 620ms; }

.hiilite-logo-motion.has-booted .hiilite-logo-motion__core {
  opacity: .45;
  transform: translate(-50%, -50%) scale(1);
}

.hiilite-logo-motion.has-booted .hiilite-logo-motion__cursor,
.hiilite-logo-motion.has-booted .hiilite-logo-motion__bars i::after {
  opacity: 0;
}

.hiilite-logo-motion.has-booted .hiilite-logo-motion__logo-wrap {
  opacity: 1;
  transform: none;
}

.hiilite-logo-motion.has-booted .hiilite-logo-motion__bars i {
  width: 48px;
  height: 5px;
  border-radius: 999px;
  opacity: .94;
  transform: translateY(0) scaleX(1);
}

.hiilite-logo-motion.has-booted .hiilite-logo-motion__dots i {
  opacity: 1;
  transform: translate(-50%, -50%);
}

.hiilite-logo-motion.has-booted.is-hovering .hiilite-logo-motion__logo-wrap img,
.hiilite-logo-motion.has-booted.is-hovering .hiilite-logo-motion__dots {
  transform:
    perspective(800px)
    translate3d(var(--logo-shift-x), var(--logo-shift-y), 0)
    rotateX(var(--logo-tilt-x))
    rotateY(var(--logo-tilt-y))
    scale(1.025);
}

.hiilite-logo-motion.has-booted.is-hovering .hiilite-logo-motion__logo-wrap img {
  filter: saturate(1.08) brightness(1.03);
}

.hiilite-logo-motion.has-booted.is-hovering .hiilite-logo-motion__core {
  animation: hiilite-hover-core 1800ms ease-in-out infinite both;
}

.hiilite-logo-motion.has-booted.is-hovering .hiilite-logo-motion__cursor {
  animation: hiilite-hover-scan 2200ms var(--ease-out-quart) infinite both;
}

.hiilite-logo-motion.has-booted.is-hovering .hiilite-logo-motion__bars i {
  animation: none;
  width: 48px;
  height: 5px;
  border-radius: 999px;
  opacity: calc(.78 + var(--interaction-strength) * .22);
  transform: translateY(0) scaleY(var(--interactive-scale));
  filter: brightness(calc(1 + var(--interaction-strength) * .16));
  box-shadow: 0 -8px 20px color-mix(in srgb, var(--bar-color) 20%, transparent);
}

.hiilite-logo-motion.has-booted.is-hovering .hiilite-logo-motion__bars i::after {
  animation: none;
  opacity: 0;
}

.hiilite-logo-motion.has-booted.is-hovering .hiilite-logo-motion__dots i {
  animation: hiilite-hover-dot 1500ms ease-in-out infinite both;
}

.hiilite-logo-motion.has-booted.is-hovering .hiilite-logo-motion__dots i:nth-child(1) { animation-delay: 0ms; }
.hiilite-logo-motion.has-booted.is-hovering .hiilite-logo-motion__dots i:nth-child(2) { animation-delay: 120ms; }
.hiilite-logo-motion.has-booted.is-hovering .hiilite-logo-motion__dots i:nth-child(3) { animation-delay: 240ms; }

@keyframes hiilite-core {
  0% { opacity: 0; transform: translate(-50%, -50%) scale(.2); }
  52% { opacity: .9; transform: translate(-50%, -50%) scale(1.1); }
  100% { opacity: .45; transform: translate(-50%, -50%) scale(1); }
}

@keyframes hiilite-cursor {
  0% { opacity: 0; transform: translate(-270px, -50%); }
  15% { opacity: 1; }
  78% { opacity: .9; transform: translate(270px, -50%); }
  100% { opacity: 0; transform: translate(300px, -50%); }
}

@keyframes hiilite-logo-rise {
  0% { opacity: 0; transform: translateY(10px) scale(.94); }
  64% { opacity: 1; transform: translateY(0) scale(1.03); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes hiilite-bar-surge-flat {
  0% { width: 48px; height: 5px; border-radius: 999px; opacity: 0; transform: translateY(24px) scaleX(.15); filter: blur(4px); box-shadow: none; }
  18% { width: 48px; height: 5px; border-radius: 999px; opacity: .94; transform: translateY(0) scaleX(1); filter: blur(0); box-shadow: none; }
  44% {
    width: 28px;
    height: var(--bar-peak);
    border-radius: 0 0 7px 7px;
    opacity: 1;
    transform: translateY(-12px) scaleX(1);
    box-shadow: 0 -18px 30px rgba(126, 41, 237, .14), inset 0 1px 0 rgba(255, 255, 255, .64);
  }
  62% {
    width: 28px;
    height: var(--bar-mid);
    border-radius: 0 0 7px 7px;
    opacity: .96;
    transform: translateY(0) scaleX(1);
    box-shadow: 0 -12px 22px rgba(126, 41, 237, .1), inset 0 1px 0 rgba(255, 255, 255, .48);
  }
  82% { width: 48px; height: 5px; border-radius: 999px; opacity: .94; transform: translateY(0) scaleX(1); box-shadow: none; }
  100% { width: 48px; height: 5px; border-radius: 999px; opacity: .94; transform: translateY(0) scaleX(1); box-shadow: none; }
}

@keyframes hiilite-bar-spark {
  0%, 24% { opacity: 0; transform: translateX(-50%) translateY(18px) scale(.35); }
  48% { opacity: 1; transform: translateX(-50%) translateY(-8px) scale(1.2); }
  74%, 100% { opacity: 0; transform: translateX(-50%) translateY(-24px) scale(.72); }
}

@keyframes hiilite-dot-install {
  0%, 12% { opacity: 0; transform: translate(-50%, -50%) translate(var(--dot-launch-x), var(--dot-launch-y)) scale(.32); filter: blur(5px); }
  30% { opacity: 1; transform: translate(-50%, -50%) translate(var(--dot-launch-x), var(--dot-launch-mid-y)) scale(.72); filter: blur(0); }
  62% { opacity: 1; transform: translate(-50%, -50%) translate(var(--dot-drift-x), -18px) scale(1.16); }
  78% { opacity: 1; transform: translate(-50%, -50%) translate(0, 7px) scale(.9); }
  100% { opacity: 1; transform: translate(-50%, -50%) translate(0, 0) scale(1); }
}

@keyframes hiilite-hover-core {
  0%, 100% { opacity: .32; transform: translate(-50%, -50%) scale(.9); }
  50% { opacity: .62; transform: translate(-50%, -50%) scale(1.12); }
}

@keyframes hiilite-hover-scan {
  0% { opacity: 0; transform: translate(-270px, -50%) scaleY(.72); }
  10% { opacity: .48; }
  72% { opacity: .36; transform: translate(270px, -50%) scaleY(1); }
  100% { opacity: 0; transform: translate(300px, -50%) scaleY(.72); }
}

@keyframes hiilite-hover-dot {
  0%, 100% {
    opacity: 1;
    transform: translate(-50%, -50%) translateY(0) scale(1);
    box-shadow: 0 0 18px rgba(126, 41, 237, .2);
  }
  45% {
    opacity: 1;
    transform: translate(-50%, -50%) translateY(-5px) scale(1.16);
    box-shadow: 0 7px 22px rgba(126, 41, 237, .28);
  }
  64% {
    opacity: 1;
    transform: translate(-50%, -50%) translateY(1px) scale(.96);
    box-shadow: 0 0 14px rgba(126, 41, 237, .18);
  }
}

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

.preview-card {
  border-radius: 8px;
}

.hiilite-logo-motion--5051 {
  width: 100%;
  min-height: 0;
  aspect-ratio: 5.05 / 1;
  container-type: inline-size;
}

.hiilite-logo-motion--5051 .hiilite-logo-motion__core {
  width: 30cqw;
  height: 8cqw;
  filter: blur(2cqw);
}

.hiilite-logo-motion--5051 .hiilite-logo-motion__cursor {
  width: .25cqw;
  height: 12cqw;
  transform: translate(-32cqw, -50%);
}

.hiilite-logo-motion--5051 .hiilite-logo-motion__bars {
  bottom: 1.2cqw;
  height: 10cqw;
  gap: .65cqw;
  padding: 0 1cqw .9cqw;
}

.hiilite-logo-motion--5051 .hiilite-logo-motion__bars::before {
  bottom: .85cqw;
}

.hiilite-logo-motion--5051 .hiilite-logo-motion__bars i {
  width: 4.8cqw;
  height: .5cqw;
  transform: translateY(2cqw) scaleX(.15);
}

.hiilite-logo-motion--5051 .hiilite-logo-motion__bars i::after {
  top: -1.1cqw;
  width: .8cqw;
  height: .8cqw;
}

.hiilite-logo-motion--5051 .hiilite-logo-motion__bars i:nth-child(1) { --bar-peak: 5.2cqw; --bar-mid: 3.8cqw; }
.hiilite-logo-motion--5051 .hiilite-logo-motion__bars i:nth-child(2) { --bar-peak: 7.7cqw; --bar-mid: 5.6cqw; }
.hiilite-logo-motion--5051 .hiilite-logo-motion__bars i:nth-child(3) { --bar-peak: 6.2cqw; --bar-mid: 4.5cqw; }
.hiilite-logo-motion--5051 .hiilite-logo-motion__bars i:nth-child(4) { --bar-peak: 8.5cqw; --bar-mid: 6.2cqw; }
.hiilite-logo-motion--5051 .hiilite-logo-motion__bars i:nth-child(5) { --bar-peak: 7cqw; --bar-mid: 5.1cqw; }

.hiilite-logo-motion--5051 .hiilite-logo-motion__logo-wrap {
  width: 58cqw;
  filter: drop-shadow(0 1.5cqw 2.6cqw var(--motion-shadow));
}

.hiilite-logo-motion--5051 .hiilite-logo-motion__dots i:nth-child(1) {
  --dot-launch-x: -4.4cqw;
  --dot-launch-y: 8cqw;
  --dot-launch-mid-y: 4.5cqw;
  --dot-drift-x: -.8cqw;
}

.hiilite-logo-motion--5051 .hiilite-logo-motion__dots i:nth-child(2) {
  --dot-launch-x: -3cqw;
  --dot-launch-y: 8cqw;
  --dot-launch-mid-y: 4.5cqw;
  --dot-drift-x: -.6cqw;
}

.hiilite-logo-motion--5051 .hiilite-logo-motion__dots i:nth-child(3) {
  --dot-launch-x: -.5cqw;
  --dot-launch-y: 8cqw;
  --dot-launch-mid-y: 4.5cqw;
  --dot-drift-x: -.1cqw;
}

.hiilite-logo-motion--5051.is-replaying .hiilite-logo-motion__cursor {
  animation-name: hiilite-5051-cursor;
}

.hiilite-logo-motion--5051.is-replaying .hiilite-logo-motion__bars i {
  animation-name: hiilite-5051-bar-surge-flat;
}

.hiilite-logo-motion--5051.is-replaying .hiilite-logo-motion__dots i {
  animation-name: hiilite-5051-dot-install;
}

.hiilite-logo-motion--5051.has-booted .hiilite-logo-motion__bars i,
.hiilite-logo-motion--5051.has-booted.is-hovering .hiilite-logo-motion__bars i {
  width: 4.8cqw;
  height: .5cqw;
}

.hiilite-logo-motion--5051.has-booted.is-hovering .hiilite-logo-motion__cursor {
  animation-name: hiilite-5051-hover-scan;
}

@keyframes hiilite-5051-cursor {
  0% { opacity: 0; transform: translate(-32cqw, -50%); }
  15% { opacity: 1; }
  78% { opacity: .9; transform: translate(32cqw, -50%); }
  100% { opacity: 0; transform: translate(35cqw, -50%); }
}

@keyframes hiilite-5051-bar-surge-flat {
  0% { width: 4.8cqw; height: .5cqw; border-radius: 999px; opacity: 0; transform: translateY(2cqw) scaleX(.15); filter: blur(.4cqw); box-shadow: none; }
  18% { width: 4.8cqw; height: .5cqw; border-radius: 999px; opacity: .94; transform: translateY(0) scaleX(1); filter: blur(0); box-shadow: none; }
  44% {
    width: 2.8cqw;
    height: var(--bar-peak);
    border-radius: 0 0 .7cqw .7cqw;
    opacity: 1;
    transform: translateY(-1.2cqw) scaleX(1);
    box-shadow: 0 -1.8cqw 3cqw rgba(126, 41, 237, .14), inset 0 .1cqw 0 rgba(255, 255, 255, .64);
  }
  62% {
    width: 2.8cqw;
    height: var(--bar-mid);
    border-radius: 0 0 .7cqw .7cqw;
    opacity: .96;
    transform: translateY(0) scaleX(1);
    box-shadow: 0 -1.2cqw 2.2cqw rgba(126, 41, 237, .1), inset 0 .1cqw 0 rgba(255, 255, 255, .48);
  }
  82%, 100% { width: 4.8cqw; height: .5cqw; border-radius: 999px; opacity: .94; transform: translateY(0) scaleX(1); box-shadow: none; }
}

@keyframes hiilite-5051-dot-install {
  0%, 12% { opacity: 0; transform: translate(-50%, -50%) translate(var(--dot-launch-x), var(--dot-launch-y)) scale(.32); filter: blur(.5cqw); }
  30% { opacity: 1; transform: translate(-50%, -50%) translate(var(--dot-launch-x), var(--dot-launch-mid-y)) scale(.72); filter: blur(0); }
  62% { opacity: 1; transform: translate(-50%, -50%) translate(var(--dot-drift-x), -1.8cqw) scale(1.16); }
  78% { opacity: 1; transform: translate(-50%, -50%) translate(0, .7cqw) scale(.9); }
  100% { opacity: 1; transform: translate(-50%, -50%) translate(0, 0) scale(1); }
}

@keyframes hiilite-5051-hover-scan {
  0% { opacity: 0; transform: translate(-32cqw, -50%) scaleY(.72); }
  10% { opacity: .48; }
  72% { opacity: .36; transform: translate(32cqw, -50%) scaleY(1); }
  100% { opacity: 0; transform: translate(35cqw, -50%) scaleY(.72); }
}

@media (max-width: 880px) {
  .preview-grid {
    grid-template-columns: 1fr;
  }

  .package-header {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hiilite-logo-motion *,
  .hiilite-logo-motion *::before,
  .hiilite-logo-motion *::after {
    animation: none !important;
    transition: none !important;
  }

  .hiilite-logo-motion__core,
  .hiilite-logo-motion__bars i,
  .hiilite-logo-motion__dots i,
  .hiilite-logo-motion__logo-wrap {
    opacity: 1;
  }

  .hiilite-logo-motion__core {
    opacity: .35;
    transform: translate(-50%, -50%) scale(1);
  }

  .hiilite-logo-motion__logo-wrap,
  .hiilite-logo-motion__bars i {
    transform: none;
  }

  .hiilite-logo-motion__bars {
    transform: translateX(-50%);
  }

  .hiilite-logo-motion.has-booted.is-hovering .hiilite-logo-motion__logo-wrap img,
  .hiilite-logo-motion.has-booted.is-hovering .hiilite-logo-motion__dots {
    transform: none;
  }

  .hiilite-logo-motion__dots i {
    transform: translate(-50%, -50%);
  }

  .hiilite-logo-motion__cursor,
  .hiilite-logo-motion__bars i::after {
    opacity: 0;
  }

  .hiilite-logo-motion:focus-visible {
    outline-offset: -5px;
  }
}