/* VORRA V29.1 Polish. Presentation only. */

/* Original VORRA icon and wordmark lockup, at its original scale. */
.v29 .header .brand {
  display:flex;align-items:center;gap:12px;width:auto;height:auto;
  padding:0;white-space:nowrap;font-size:12px;letter-spacing:.16em;font-weight:800;
}
.v29 .header .brand img {width:32px;height:32px;flex:none;object-fit:contain}
.v29 .header .brand span {display:inline;font-size:inherit}
.v29 .header .brand::after {content:none}
.v29 .piano-endorsement,
.v29 .v29-home .feature-copy .piano-endorsement {
  font-size:13px;line-height:1.65;color:#c8b6de;margin:16px 0 24px;
  max-width:470px;font-weight:400;
}

/* Unmodified pixels from the real CRUMBLE interface. This is a viewport,
   not a re-created control, and deliberately has no button interaction. */
.v29 .modeCard {display:flex;flex-direction:column;align-items:flex-start}
.v29 .modeCard .crumble-control {
  margin:24px 0 2px;flex:none;overflow:hidden;position:relative;
  filter:drop-shadow(0 10px 14px #0005);
}
.v29 .crumble-control img {
  position:absolute;max-width:none;width:2048px;height:1126.4px;
  display:block;pointer-events:none;user-select:none;
}
.v29 .crumble-control--soft {width:164.8px;height:80px;border-radius:9px}
.v29 .crumble-control--soft img {left:-1032px;top:-566.4px}
.v29 .crumble-control--broken {width:176px;height:89.6px;border-radius:0 13px 13px 0}
.v29 .crumble-control--broken img {left:-1198.4px;top:-561.6px}
.v29 .modeCard p {flex:1}

.v29 .account-back {
  display:inline-flex;align-items:center;gap:10px;min-height:44px;
  margin:0 0 18px;padding:9px 14px;border:1px solid #a4b1bf42;border-radius:6px;
  background:linear-gradient(145deg,#17232dcc,#0b1319);color:#e8e7eb;
  font-size:12px;font-weight:700;text-decoration:none;line-height:1.5;
}
.v29 .account-back svg {width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5}

/* Restrained material response. Marketing cards only; forms stay still. */
.v29 .header .navlinks a,.v29 .account-back {
  transition:color 180ms ease,border-color 180ms ease,background-color 180ms ease;
}
.v29 .v29-home .button,.v29 .productHero .btn,.v29 .trialPanel .btn,
.v29.crumblePage #download .btn {
  transition:transform 240ms cubic-bezier(.2,.7,.2,1),box-shadow 240ms ease,border-color 200ms ease;
}
.v29 .v29-home .button svg,.v29 .account-back svg {transition:transform 240ms cubic-bezier(.2,.7,.2,1)}
.v29 [data-vorra-surface] {
  transition:transform 360ms cubic-bezier(.2,.7,.2,1),border-color 300ms ease,box-shadow 360ms ease;
}
.v29 [data-vorra-surface]:focus-within {border-color:#a294b5}
@media (hover:hover) and (pointer:fine) {
  .v29 [data-vorra-surface]:hover {
    transform:translateY(-3px);border-color:#9f96ae80;
    box-shadow:inset 0 1px 0 #fff1,0 16px 34px #0004;
  }
  .v29 .modeCard[data-vorra-surface]:hover {border-color:#c5a07888}
  .v29 .v29-home .button:hover,.v29 .productHero .btn:hover,
  .v29 .trialPanel .btn:hover,.v29.crumblePage #download .btn:hover {
    transform:translateY(-2px);box-shadow:inset 0 1px 0 #fff3,0 8px 22px #0005;
  }
  .v29 .v29-home .button:hover svg {transform:translate(2px,-2px)}
  .v29 .account-back:hover {border-color:#c3aed47a;background:#18212b}
  .v29 .account-back:hover svg {transform:translateX(-3px)}
}
.v29 .v29-home .button:active,.v29 .productHero .btn:active {transform:translateY(0)}
@media(max-width:720px) {
  .v29 .header .brand {gap:8px;font-size:10px;letter-spacing:.09em}
  .v29 .header .brand img {width:28px;height:28px}
  .v29 .piano-endorsement,.v29 .v29-home .feature-copy .piano-endorsement {font-size:12px;margin:14px 0 20px}
  .v29 .account-back {margin-bottom:16px}
}
@media(max-width:370px) {
  .v29 .header .brand {gap:5px;font-size:9px}
}
@media(prefers-reduced-motion:reduce) {
  .v29 [data-vorra-surface],.v29 .v29-home .button,.v29 .productHero .btn,
  .v29 .trialPanel .btn,.v29.crumblePage #download .btn,
  .v29 .v29-home .button svg,.v29 .account-back svg {transition:none!important;transform:none!important}
}