.pattern-preview.hover-preview{position:relative;display:grid;place-items:center;padding:22px 24px;height:180px;overflow:hidden;isolation:isolate}.pattern-preview.hover-preview.pattern-preview--inspector{height:auto;min-height:220px;gap:14px}.hover-preview__hint{margin:0;font-size:.78rem;color:rgba(203,213,225,.72);text-align:center}.hover-card{display:flex;flex-direction:column;gap:6px;width:100%;max-width:230px;padding:14px 16px;border-radius:12px;text-decoration:none;color:rgba(241,245,249,.96);font:inherit;background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(2,6,23,.92));border:1px solid rgba(148,163,184,.16);box-shadow:var(--card-rest-shadow,0 0 0 0 transparent);transform:translateY(0);transition:box-shadow var(--card-duration,.18s) ease,transform var(--card-duration,.18s) ease,border-color var(--card-duration,.18s) ease}.hover-card.is-hovered,.hover-card:focus-visible,.hover-card:hover{box-shadow:var(--card-hover-shadow,0 4px 12px rgba(0,0,0,.55));transform:translateY(var(--card-lift,0));border-color:color-mix(in srgb,var(--card-accent,#7dd3fc) 32%,rgba(148,163,184,.16))}.hover-card:focus-visible{outline:2px solid var(--card-accent,#7dd3fc);outline-offset:4px}.hover-card--dashboard{background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(2,6,23,.86))}.hover-card--dashboard .hover-card__eyebrow{font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(148,163,184,.85)}.hover-card--dashboard .hover-card__metric{font-size:1.4rem;font-weight:700;letter-spacing:-.01em;color:rgba(241,245,249,.96);line-height:1.1}.hover-card--dashboard .hover-card__delta{font-size:.74rem;font-weight:600;color:rgba(125,211,252,.92)}.hover-card--catalogue{padding:12px 12px 14px;gap:8px}.hover-card--catalogue .hover-card__thumb{display:block;width:100%;height:56px;border-radius:8px;background:linear-gradient(135deg,rgba(240,171,252,.32),rgba(125,211,252,.28));border:1px solid rgba(148,163,184,.12)}.hover-card--catalogue .hover-card__title{font-size:.84rem;font-weight:600;color:rgba(241,245,249,.94);letter-spacing:.005em}.hover-card--catalogue .hover-card__price{font-size:.86rem;font-weight:700;color:rgba(240,171,252,.92)}.hover-card--hero{background:linear-gradient(135deg,color-mix(in srgb,#fde047 14%,rgba(15,23,42,.92)),rgba(2,6,23,.96));border-color:color-mix(in srgb,#fde047 24%,rgba(148,163,184,.16));padding:16px 18px}.hover-card--hero .hover-card__eyebrow{font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(254,240,138,.78)}.hover-card--hero .hover-card__title{font-size:.96rem;font-weight:700;letter-spacing:-.005em;color:rgba(254,252,232,.96);line-height:1.2}.hover-card--hero .hover-card__cta{margin-top:4px;display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;color:rgba(254,240,138,.92)}.hover-preview:not(.pattern-preview--inspector) .hover-card{animation:hoverCardCycle 3.2s cubic-bezier(.4,0,.2,1) infinite;transition:none;will-change:transform,box-shadow}@keyframes hoverCardCycle{0%,18%{box-shadow:var(--card-rest-shadow,0 0 0 0 transparent);transform:translateZ(0)}42%,62%{box-shadow:var(--card-hover-shadow,0 4px 12px rgba(0,0,0,.55));transform:translate3d(0,var(--card-lift,0),0)}82%,to{box-shadow:var(--card-rest-shadow,0 0 0 0 transparent);transform:translateZ(0)}}@media (prefers-reduced-motion:reduce){.hover-card{transition-property:box-shadow,border-color}.hover-preview:not(.pattern-preview--inspector) .hover-card{animation:none}.hover-card.is-hovered,.hover-card:focus-visible,.hover-card:hover{transform:none}}