.demo-rip{position:fixed;inset:0;z-index:96;display:grid;place-items:center;padding:var(--pk-gutter);background:color-mix(in srgb,var(--pk-bg,#000) 88%,transparent);backdrop-filter:blur(14px)}.demo-rip__badge{display:inline-block;padding:5px 14px;border-radius:var(--pk-radius-pill);border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);font-size:var(--pk-fs-xs);letter-spacing:.14em;text-transform:uppercase;color:rgba(244,241,234,.66);white-space:nowrap}.demo-rip__close{position:absolute;top:clamp(14px,2.6vw,24px);right:clamp(14px,2.6vw,24px);width:36px;height:36px;border-radius:var(--pk-radius-pill);border:1px solid var(--pk-mat-chip-edge);background:var(--pk-mat-chip-bg);color:var(--pk-text-muted);font-size:15px;cursor:pointer;transition:color var(--pk-dur-fast) var(--pk-ease-out-quint),border-color var(--pk-dur-fast) var(--pk-ease-out-quint)}.demo-rip__close:hover{color:var(--pk-text);border-color:color-mix(in srgb,var(--pk-text) 26%,transparent)}.demo-rip__stage{display:flex;flex-direction:column;align-items:center;gap:clamp(20px,3.4vw,34px);width:min(460px,94vw);text-align:center}.demo-card{width:min(280px,70vw);aspect-ratio:3/4;perspective:1300px;background:none;border:none;padding:0;cursor:pointer}.demo-card[disabled]{cursor:default}.demo-card__inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.2,.8,.2,1)}.demo-card.is-flipped .demo-card__inner{transform:rotateY(180deg)}.demo-card__back,.demo-card__front{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:var(--pk-radius-panel);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;overflow:hidden}.demo-card__back{border:1.5px solid color-mix(in srgb,var(--band) 55%,transparent);background:radial-gradient(120% 90% at 50% 18%,color-mix(in srgb,var(--band) 26%,transparent),transparent 62%),color-mix(in srgb,var(--pk-bg,#111) 88%,var(--band));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--band) 20%,transparent),0 24px 60px color-mix(in srgb,var(--band) 26%,transparent);animation:demo-back-pulse 2.4s ease-in-out infinite}.demo-card__back-glyph{color:color-mix(in srgb,var(--band) 82%,var(--pk-text));opacity:.9}.demo-card__back-hint{font-size:var(--pk-fs-sm);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,#f4f1ea 74%,var(--band))}@keyframes demo-back-pulse{0%,to{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--band) 20%,transparent),0 24px 60px color-mix(in srgb,var(--band) 22%,transparent)}50%{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--band) 34%,transparent),0 28px 74px color-mix(in srgb,var(--band) 38%,transparent)}}.demo-card__front{transform:rotateY(180deg);border:1px solid color-mix(in srgb,var(--band) 40%,var(--pk-mat-chip-edge));padding:20px}.demo-card.is-chase .demo-card__front{box-shadow:0 0 0 1px var(--band),0 0 42px color-mix(in srgb,var(--band) 42%,transparent)}.demo-card__grade{font-size:var(--pk-fs-sm);color:var(--pk-text-muted)}.demo-card__sheen{width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--band) 55%,transparent),transparent 68%);filter:blur(2px)}.demo-card__name{font-size:var(--pk-fs-lg);font-weight:600;color:var(--pk-text);line-height:1.1}.demo-card__meta{font-size:var(--pk-fs-xs);color:var(--pk-text-muted)}.demo-card__value{margin-top:4px;font-size:clamp(26px,5vw,34px);line-height:1;color:var(--pk-success)}.demo-rip__result{display:flex;flex-direction:column;align-items:center;gap:16px}.demo-rip__result-line{margin:0;font-size:var(--pk-fs-base);color:rgba(244,241,234,.7)}.demo-rip__result-value{color:var(--pk-success)}.demo-rip__result-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.demo-rip__result-note{font-size:var(--pk-fs-sm);color:rgba(244,241,234,.55)}.demo-rip__funnel{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:400px}.demo-rip__funnel-eyebrow{font-size:var(--pk-fs-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--pk-accent)}.demo-rip__funnel-title{margin:0;font-size:clamp(26px,5vw,38px);line-height:1.02;color:#f4f1ea}.demo-rip__funnel-sub{margin:0;font-size:var(--pk-fs-base);line-height:1.5;color:rgba(244,241,234,.66)}@media (prefers-reduced-motion:reduce){.demo-card__inner{transition-duration:.2s}.demo-card__back{animation:none}}