:root,.pd-page{--pd-card:var(--al-structure-dark);--pd-card-back:var(--al-structure);--pd-card-edge:#a0a0c829;--pd-card-label:var(--al-violet);--pd-halo:#1e1e29eb;--pd-halo-wide:#1e1e29bf;--pd-veil-a:#1e1e2985;--pd-veil-b:#1e1e2957;--pd-veil-c:#1e1e2994;--pd-scrim:#1e1e29f5}[data-al-theme=light]{--pd-card:var(--al-violet-pale);--pd-card-back:var(--al-violet-light);--pd-card-edge:#1f173924;--pd-card-label:var(--al-structure);--pd-halo:transparent;--pd-halo-wide:transparent;--pd-veil-a:#f7f4f475;--pd-veil-b:#f7f4f447;--pd-veil-c:#f7f4f485;--pd-scrim:#f7f4f4f5}@keyframes pd-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes pd-emit{0%,to{opacity:.5}50%{opacity:.9}}.pd-rise{animation:.9s cubic-bezier(.16,1,.3,1) both pd-rise}.pd-emit{animation:8s ease-in-out infinite pd-emit}[data-al-theme=light] .pd-emit{display:none}.pd-scene{scroll-snap-align:start;perspective:900px;justify-content:center;align-items:center;height:100svh;min-height:560px;display:flex;position:relative;overflow:hidden}.pd-ring{width:400px;height:500px;transform-style:preserve-3d;will-change:transform;margin:-250px 0 0 -200px;position:absolute;top:50%;left:50%}.pd-seat{width:350px;height:420px;transform-style:preserve-3d;position:absolute;top:40px;left:25px}.pd-card{width:100%;height:100%;transform-style:preserve-3d;will-change:transform, filter;position:relative}.pd-face{backface-visibility:hidden;border-radius:var(--al-radius-hair);position:absolute;inset:0;overflow:hidden}.pd-face-front{background:var(--pd-card);box-shadow:inset 0 0 0 1px var(--pd-card-edge), 0 40px 90px -40px #000000e6}.pd-veil{pointer-events:none;background:linear-gradient(to bottom, var(--pd-veil-a) 0%, var(--pd-veil-b) 45%, var(--pd-veil-c) 100%);position:absolute;inset:0}.pd-face-back{background:var(--pd-card-back);box-sizing:border-box;align-items:flex-end;padding:18px;display:flex;transform:rotateY(180deg)}.pd-name{all:unset;cursor:pointer;transition:color .4s var(--al-ease);padding-bottom:.08em;display:inline-block}.pd-name:hover,.pd-name:focus-visible{color:var(--al-accent)}.pd-name:focus-visible{outline:2px solid var(--al-accent);outline-offset:6px}.pd-try{background:var(--al-accent);color:var(--al-paper);border-radius:var(--al-radius-pill);white-space:nowrap;transition:background .3s var(--al-ease), color .3s var(--al-ease), transform .3s var(--al-ease);align-items:center;gap:9px;padding:12px 26px;font-size:14px;font-weight:500;display:inline-flex}.pd-try:hover,.pd-try:focus-visible{background:var(--al-violet-light);color:var(--al-structure-dark);transform:translateY(-2px)}.pd-try:focus-visible{outline:2px solid var(--al-accent);outline-offset:4px}.pd-read{cursor:pointer;border:1px solid var(--al-rule-strong);border-radius:var(--al-radius-pill);height:44px;color:var(--al-on-surface);white-space:nowrap;transition:border-color .3s var(--al-ease), background .3s var(--al-ease);background:0 0;justify-content:center;align-items:center;padding:0 26px;font-family:inherit;font-size:14px;font-weight:500;display:inline-flex}.pd-read:hover,.pd-read:focus-visible{border-color:var(--al-accent);background:var(--al-surface-card)}.pd-read:focus-visible{outline:2px solid var(--al-accent);outline-offset:4px}.pd-rail{z-index:150;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:fixed;top:50%;right:clamp(14px,2.6vw,40px);transform:translateY(-50%)}.pd-tick{cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:6px 0;display:flex}.pd-tick-num{letter-spacing:.18em;color:var(--al-on-surface-muted);transition:opacity .5s var(--al-ease);font-size:10.5px}.pd-tick-line{background:var(--al-rule-strong);height:1px;transition:width .5s cubic-bezier(.16, 1, .3, 1), background .5s var(--al-ease);display:block}.pd-tick:hover .pd-tick-num,.pd-tick:focus-visible .pd-tick-num{opacity:1}.pd-tick:focus-visible{outline:1px solid var(--al-accent);outline-offset:4px}.pd-overlay{z-index:300;background:var(--pd-scrim);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex-direction:column;transition:opacity .6s;display:flex;position:fixed;inset:0;overflow:auto}.pd-close{cursor:pointer;border:1px solid var(--al-rule-strong);color:var(--al-on-surface-soft);border-radius:var(--al-radius-pill);transition:border-color .3s var(--al-ease), color .3s var(--al-ease);background:0 0;padding:9px 18px;font-family:inherit;font-size:13px}.pd-close:hover,.pd-close:focus-visible{border-color:var(--al-rule-hover);color:var(--al-on-surface)}.pd-cta{background:var(--al-accent);color:var(--al-paper);border-radius:var(--al-radius-pill);transition:background .3s var(--al-ease), color .3s var(--al-ease);align-items:center;padding:11px 22px;font-size:14px;font-weight:500;display:inline-flex}.pd-cta:hover,.pd-cta:focus-visible{background:var(--al-violet-light);color:var(--al-structure-dark)}@media (width<=720px){.pd-rail{gap:10px}.pd-rail .pd-tick-num{display:none}}@media (prefers-reduced-motion:reduce){.pd-rise,.pd-emit{animation:none}.pd-name,.pd-tick-num,.pd-tick-line,.pd-close,.pd-cta,.pd-try,.pd-read,.pd-overlay{transition:none}.pd-try:hover,.pd-try:focus-visible{transform:none}}.pd-legible{text-shadow:0 0 24px var(--pd-halo), 0 0 64px var(--pd-halo-wide)}