#qural-platform-brand {
  --qpb-bg: #f5f5f0;
  --qpb-ink: #202820;
  --qpb-muted: #566259;
  --qpb-line: #0003;
  --qpb-accent: #324d39;
  --qpb-wash: #f5f5f0;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 14px 18px;
  color: var(--qpb-ink);
  background: var(--qpb-bg);
  font: 14px/1.4 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  isolation: isolate;
}

#qural-platform-brand,
#qural-platform-brand * { box-sizing: border-box; }

#qural-platform-brand.qural-palette-dark {
  --qpb-bg: #121713;
  --qpb-ink: #f5f7f3;
  --qpb-muted: #c0c9c1;
  --qpb-line: #ffffff20;
  --qpb-accent: #f5f7f3;
  --qpb-wash: #121713;
}

#qural-platform-brand.qural-palette-green {
  --qpb-bg: linear-gradient(120deg, #123320, #1d5232);
  --qpb-ink: #f5fff7;
  --qpb-muted: #d9f5e1;
  --qpb-line: #ffffff20;
  --qpb-accent: #f5fff7;
  --qpb-wash: #174329;
}

#qural-platform-brand.qural-palette-warm {
  --qpb-bg: #f0e4d4;
  --qpb-ink: #352720;
  --qpb-muted: #5c4637;
  --qpb-line: #7c695a35;
  --qpb-accent: #843e32;
  --qpb-wash: #f0e4d4;
}

#qural-platform-brand .qural-powered-by__badge {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 13px;
  width: 100%;
  margin-top: auto;
}

#qural-platform-brand .qural-powered-by__brand {
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
}

#qural-platform-brand .qural-powered-by__keys {
  position: relative;
  z-index: 2;
  display: flex;
  flex: none;
  align-items: center;
  gap: 3px;
}

#qural-platform-brand .qural-powered-by__key {
  position: relative;
  display: block;
  width: 37px;
  height: 37px;
  overflow: hidden;
  border-radius: 6px;
  background: #f1f0ea;
  box-shadow: 0 3px 0 #77756f, 0 5px 0 #343a35, 0 7px 9px #0004;
  transform: translateY(0) rotate(var(--r));
  transform-origin: 50% 88%;
  transition: transform .13s ease, filter .13s ease, box-shadow .13s ease;
}

#qural-platform-brand .qural-powered-by__key img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.36);
}

#qural-platform-brand .qural-powered-by__key:nth-child(3) img { transform: scale(1.4); }
#qural-platform-brand .qural-powered-by__key:nth-child(4) img { transform: scale(1.29); }
#qural-platform-brand .qural-powered-by__key:nth-child(5) img { transform: scale(1.32); }

#qural-platform-brand .qural-powered-by__copy {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  text-align: left;
}

#qural-platform-brand .qural-powered-by__title {
  display: block;
  color: var(--qpb-ink);
  font-size: 12px;
  font-weight: 760;
  line-height: 1.2;
}

#qural-platform-brand .qural-powered-by__subtitle {
  display: block;
  color: var(--qpb-muted);
  font-size: 11px;
  line-height: 1.3;
}

#qural-platform-brand .qural-powered-by__cta {
  position: relative;
  z-index: 3;
  flex: none;
  padding-bottom: 2px;
  color: var(--qpb-accent);
  font-size: 11px;
  text-decoration: none;
  white-space: nowrap;
  border-bottom: 1px solid currentColor;
}

#qural-platform-brand .qural-powered-by__cta:visited { color: var(--qpb-accent); }
#qural-platform-brand .qural-powered-by__cta:hover { color: var(--qpb-accent); }
#qural-platform-brand .qural-powered-by__cta:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; border-radius: 3px; }

/* T01–T04: framed plaque. */
#qural-platform-brand.qural-layout-l1 .qural-powered-by__badge {
  padding: 12px 13px;
  border: 1px solid color-mix(in srgb, currentColor 22%, transparent);
  border-radius: 12px;
  background: color-mix(in srgb, var(--qpb-wash) 16%, transparent);
}
#qural-platform-brand.qural-layout-l1.qural-palette-light .qural-powered-by__badge { background: #ffffffa8; }
#qural-platform-brand.qural-layout-l1.qural-palette-dark .qural-powered-by__badge { background: #ffffff08; }
#qural-platform-brand.qural-layout-l1.qural-palette-green .qural-powered-by__badge { background: #ffffff10; }
#qural-platform-brand.qural-layout-l1.qural-palette-warm .qural-powered-by__badge { background: #fff9; }

/* T05–T08: one-line signature. */
#qural-platform-brand.qural-layout-l2 .qural-powered-by__badge { justify-content: flex-start; }
#qural-platform-brand.qural-layout-l2 .qural-powered-by__brand { gap: 10px; }
#qural-platform-brand.qural-layout-l2 .qural-powered-by__subtitle { display: none; }
#qural-platform-brand.qural-layout-l2 .qural-powered-by__cta { margin-left: auto; }

/* T09–T12: compact pill. */
#qural-platform-brand.qural-layout-l3 .qural-powered-by__badge {
  justify-content: flex-start;
  width: max-content;
  max-width: 100%;
  padding: 6px 10px 6px 7px;
  border: 1px solid color-mix(in srgb, currentColor 20%, transparent);
  border-radius: 999px;
  background: #ffffff12;
}
#qural-platform-brand.qural-layout-l3 .qural-powered-by__keys { gap: 2px; }
#qural-platform-brand.qural-layout-l3 .qural-powered-by__key { width: 29px; height: 29px; border-radius: 5px; box-shadow: 0 2px 0 #77756f, 0 3px 0 #343a35, 0 4px 6px #0003; }
#qural-platform-brand.qural-layout-l3 .qural-powered-by__subtitle { display: none; }
#qural-platform-brand.qural-layout-l3 .qural-powered-by__cta { margin-left: auto; }
#qural-platform-brand.qural-layout-l3.qural-palette-light .qural-powered-by__badge,
#qural-platform-brand.qural-layout-l3.qural-palette-warm .qural-powered-by__badge { background: #fff; border-color: #00000018; }
#qural-platform-brand.qural-layout-l3.qural-palette-dark .qural-powered-by__badge { background: #ffffff0b; }
#qural-platform-brand.qural-layout-l3.qural-palette-green .qural-powered-by__badge { background: #ffffff12; }

/* T13–T16: soft card with the key row set on its own surface. */
#qural-platform-brand.qural-layout-l4 .qural-powered-by__badge {
  padding: 15px 16px;
  border: 1px solid #ffffff20;
  border-radius: 15px;
  background: #ffffff1c;
}
#qural-platform-brand.qural-layout-l4 .qural-powered-by__brand { gap: 14px; }
#qural-platform-brand.qural-layout-l4 .qural-powered-by__keys { padding: 5px 7px; border-radius: 9px; background: #ffffff18; }
#qural-platform-brand.qural-layout-l4.qural-palette-light .qural-powered-by__badge,
#qural-platform-brand.qural-layout-l4.qural-palette-warm .qural-powered-by__badge { background: #fff; border-color: #0000000c; box-shadow: 0 6px 18px #2b352b0c; }
#qural-platform-brand.qural-layout-l4.qural-palette-light .qural-powered-by__keys,
#qural-platform-brand.qural-layout-l4.qural-palette-warm .qural-powered-by__keys { background: #f0f2ed; }
#qural-platform-brand.qural-layout-l4.qural-palette-dark .qural-powered-by__badge { background: #ffffff0b; }
#qural-platform-brand.qural-layout-l4.qural-palette-green .qural-powered-by__badge { background: #ffffff12; }

/* T17–T20: large watermark keys behind the signoff. */
#qural-platform-brand.qural-layout-l5 .qural-powered-by__badge { min-height: 106px; justify-content: flex-start; }
#qural-platform-brand.qural-layout-l5 .qural-powered-by__keys {
  position: absolute;
  top: 50%;
  right: 2%;
  gap: 4px;
  opacity: .23;
  transform: translateY(-50%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 24%);
}
#qural-platform-brand.qural-layout-l5 .qural-powered-by__key { width: 68px; height: 68px; border-radius: 10px; }
#qural-platform-brand.qural-layout-l5 .qural-powered-by__copy { padding: 12px 14px; border-radius: 10px; background: color-mix(in srgb, var(--qpb-wash) 82%, transparent); backdrop-filter: blur(5px); }
#qural-platform-brand.qural-layout-l5 .qural-powered-by__cta { margin-left: auto; padding: 9px 11px; border: 1px solid currentColor; border-radius: 999px; background: color-mix(in srgb, var(--qpb-wash) 76%, transparent); }
#qural-platform-brand.qural-layout-l5.qural-palette-dark .qural-powered-by__keys,
#qural-platform-brand.qural-layout-l5.qural-palette-green .qural-powered-by__keys { filter: brightness(1.3); }

#qural-platform-brand.qural-powered-by--animate .qural-powered-by__key { animation: qural-key-press 620ms cubic-bezier(.2,.75,.25,1) both; }
#qural-platform-brand.qural-powered-by--animate .qural-powered-by__key:nth-child(2) { animation-delay: 90ms; }
#qural-platform-brand.qural-powered-by--animate .qural-powered-by__key:nth-child(3) { animation-delay: 180ms; }
#qural-platform-brand.qural-powered-by--animate .qural-powered-by__key:nth-child(4) { animation-delay: 270ms; }
#qural-platform-brand.qural-powered-by--animate .qural-powered-by__key:nth-child(5) { animation-delay: 360ms; }

@keyframes qural-key-press {
  0%, 100% { transform: translateY(0) rotate(var(--r)); filter: brightness(1); box-shadow: 0 3px 0 #77756f, 0 5px 0 #343a35, 0 7px 9px #0004; }
  42% { transform: translateY(4px) rotate(var(--r)); filter: brightness(.95); box-shadow: 0 1px 0 #77756f, 0 2px 0 #343a35, 0 4px 5px #0004; }
  68% { transform: translateY(-1px) rotate(var(--r)); }
}

@media (max-width: 780px) {
  #qural-platform-brand.qural-layout-l5 .qural-powered-by__key { width: 60px; height: 60px; }
}

@media (max-width: 430px) {
  #qural-platform-brand { padding: 12px; }
  #qural-platform-brand .qural-powered-by__badge { gap: 8px; }
  #qural-platform-brand .qural-powered-by__brand { gap: 8px; }
  #qural-platform-brand .qural-powered-by__title { font-size: 11px; }
  #qural-platform-brand .qural-powered-by__subtitle { font-size: 10px; }
  #qural-platform-brand .qural-powered-by__cta { font-size: 10px; }
  #qural-platform-brand .qural-powered-by__key { width: 25px; height: 25px; }
  #qural-platform-brand.qural-layout-l1 .qural-powered-by__badge,
  #qural-platform-brand.qural-layout-l4 .qural-powered-by__badge { padding: 10px; }
  #qural-platform-brand.qural-layout-l3 .qural-powered-by__keys { gap: 2px; }
  #qural-platform-brand.qural-layout-l3 .qural-powered-by__key { width: 19px; height: 19px; }
  #qural-platform-brand.qural-layout-l4 .qural-powered-by__brand { gap: 8px; }
  #qural-platform-brand.qural-layout-l5 .qural-powered-by__key { width: 48px; height: 48px; }
}

@media (prefers-reduced-motion: reduce) {
  #qural-platform-brand .qural-powered-by__key { animation: none !important; transition: none; }
}