.goal-demo-viewport{aspect-ratio:1187/686;background:var(--surface);border:1px solid var(--border);width:100%;box-shadow:var(--shadow-card);border-radius:8px;position:relative;overflow:hidden}.goal-demo-canvas{transform-origin:0 0;width:1187px;height:686px;color:var(--goal-text);font-family:var(--font-sans);font-size:11px;line-height:1.5;transition:transform .9s ease-in-out;position:absolute}.goal-demo-screen{width:1187px;height:686px;position:absolute;inset:0}.goal-demo-dim{background:var(--goal-overlay);position:absolute;inset:0}.goal-demo-modal{background:var(--surface);width:345px;height:500px;box-shadow:var(--shadow-float);border-radius:7px;position:absolute;top:65px;left:421px;overflow:hidden}.goal-demo-header{width:345px;height:40px;display:block}.goal-demo-body{background:var(--surface);height:460px;position:relative;overflow:hidden}.goal-demo-form{width:345px;height:515px;transition:transform 1.1s ease-in-out;position:absolute;top:0;left:0}.goal-demo-form>img{width:345px;display:block}.goal-demo-value{background:var(--goal-field);white-space:nowrap;align-items:center;display:flex;position:absolute;overflow:hidden}.goal-demo-description{white-space:normal;align-items:flex-start;line-height:1.65}.goal-demo-menu{z-index:3;width:307px;height:55px;position:absolute}.goal-demo-calendar{z-index:4;width:248px;height:210px;position:absolute}.goal-demo-hit{pointer-events:none;position:absolute}.goal-demo-selection{background:var(--goal-blue);color:var(--primary-foreground);border-radius:3px;place-items:center;font-size:10px;display:grid;position:absolute}.goal-demo-scrollbar{background:var(--goal-field);width:5px;height:100%;position:absolute;top:0;right:2px}.goal-demo-thumb{background:var(--goal-blue);border-radius:4px;width:5px;height:370px;transition:transform 1.1s ease-in-out;position:absolute;top:0}.goal-demo-result-name{background:var(--surface);width:350px;font-size:12px;font-weight:700;position:absolute;top:277px;left:250px}.goal-demo-result-detail{background:var(--surface);width:400px;color:var(--muted-foreground);font-size:10px;position:absolute;top:307px;left:250px}.goal-demo-result-progress{background:var(--goal-progress);text-align:center;width:727px;height:11px;color:var(--goal-text);border-radius:8px;font-size:8px;position:absolute;top:329px;left:250px}.goal-demo-cursor{pointer-events:none;z-index:8;width:24px;height:24px;transition:left .65s ease-in-out,top .65s ease-in-out;position:absolute}.goal-demo-arrow{fill:var(--ink);stroke:var(--surface);filter:drop-shadow(0 1px 2px var(--goal-overlay))}.goal-demo-ring{border:2px solid var(--goal-blue);border-radius:50%;width:18px;height:18px;animation:.5s ease-out demo-click-ring;position:absolute;top:-9px;left:-9px}@media (width<=639px){.goal-demo-viewport{aspect-ratio:4/5}.goal-demo-cursor{border:2px solid var(--ink);background:var(--surface);opacity:.85;border-radius:50%;width:22px;height:22px;margin-top:-11px;margin-left:-11px}.goal-demo-arrow{display:none}.goal-demo-ring{top:0;left:0}}@media (prefers-reduced-motion:reduce){.goal-demo-canvas,.goal-demo-form,.goal-demo-thumb{transition:none}.goal-demo-ring{animation:none}}.pd{--pd-blue:#0b4f8f;--pd-blue-deep:#06213f;--pd-text:#141821;--pd-muted:#6b7280;--pd-line:#e7e9ee;--pd-soft:#f4f5f7;--pd-card:#fff;--pd-green:#84cc16;--pd-red:#e11d48;--pd-lime:#a3e635;--pd-lime-soft:#ecfccb}.pd-viewport{aspect-ratio:1920/1110;background:var(--pd-card);border:1px solid var(--border);width:100%;box-shadow:var(--shadow-card);border-radius:10px;position:relative;overflow:hidden}.pd-canvas{transform-origin:0 0;background:var(--pd-card);width:1920px;height:1110px;color:var(--pd-text);font-family:var(--font-sans);font-size:18px;line-height:1.35;transition:transform .9s ease-in-out;position:absolute;top:0;left:0}.pd-cursor{z-index:20;pointer-events:none;width:26px;height:26px;transition:left .75s ease-in-out,top .75s ease-in-out;position:absolute}.pd-arrow{fill:var(--ink);stroke:var(--surface);filter:drop-shadow(0 1px 2px #00000059)}.pd-ring{border:2px solid var(--pd-blue);border-radius:50%;width:22px;height:22px;animation:.45s ease-out demo-click-ring;position:absolute;top:-11px;left:-11px}@media (width<=639px){.pd-viewport{aspect-ratio:1}.pd-cursor{border:2px solid var(--ink);background:var(--surface);opacity:.85;border-radius:50%;width:22px;height:22px}.pd-arrow{display:none}.pd-ring{top:0;left:0}}.pd-abs{position:absolute}.pd-row{align-items:center;display:flex}.pd-card{background:var(--pd-card);border:1px solid var(--pd-line);border-radius:22px;position:absolute;box-shadow:0 6px 18px #0f172a12}.pd-btn{background:var(--pd-blue);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:46px;padding:0 26px;font-size:17px;font-weight:700;display:inline-flex}.pd-input{border:1px solid var(--pd-line);height:48px;color:var(--pd-muted);border-radius:8px;align-items:center;padding:0 18px;font-size:16px;display:flex}.pd-scroll{transition:transform 1.6s ease-in-out;position:absolute;top:0;left:0;right:0}.pd-report-scroll{transition-duration:3.4s}.pd-scene{animation:.38s ease-out both demo-fade}.pd-th{color:var(--pd-muted);font-size:17px;font-weight:600}.pd-td{font-size:17px;font-weight:600}.pd-cell-line{border-left:1px solid var(--pd-line)}.pd-iconball{background:linear-gradient(180deg, var(--pd-blue), #fff);color:#fff;border-radius:50%;place-items:center;width:54px;height:54px;display:grid}.pd-limeball{background:linear-gradient(180deg, var(--pd-lime), #fff);color:#fff;border-radius:50%;place-items:center;width:62px;height:62px;display:grid}.pd-hit{pointer-events:none;position:absolute}.pd-stats-full .pd-viewport{aspect-ratio:1920/1109;box-shadow:none;border:0;border-radius:0}.pd-stats-full .pd-canvas{transition:none}.pd-stats-full .pd-arrow{transform:translate(-4px,-2px)}@media (prefers-reduced-motion:reduce){.pd-canvas,.pd-scroll,.pd-cursor{transition:none}.pd-ring,.pd-scene{animation:none}}