.pdi-stage{aspect-ratio:16/9;background:linear-gradient(150deg,#0b1220,#1e3a8a 60%,#14b8a6);border-radius:14px;flex-direction:column;justify-content:center;margin:16px 18px 10px;padding:22px;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 30px -16px #0f172a8c}.pdi-stage .sl{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#ffffffb3;font-size:8px;position:absolute;top:12px;left:14px}.pdi-stage .co{font-family:var(--display);color:#fff;margin-bottom:6px;font-size:19px;font-weight:700}.pdi-stage .hk{color:#ffffffd9;max-width:80%;font-size:12px;line-height:1.4}.pdi-stage .badge{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#0b1220;background:var(--teal-bright);opacity:0;border-radius:100px;align-items:center;gap:4px;padding:5px 10px;font-size:8px;display:inline-flex;position:absolute;bottom:12px;right:14px;transform:scale(.8)}.pdi-deck.run .pdi-stage .badge{animation:pdiPop .4s var(--ease) 1.4s forwards}@keyframes pdiPop{to{opacity:1;transform:none}}.pdi-stage .badge svg{width:9px;height:9px}.pdi-thumbs{grid-template-columns:repeat(6,1fr);gap:6px;padding:0 18px 10px;display:grid}.pdi-dt{aspect-ratio:16/10;background:var(--surface-2);border:1px solid var(--peach-line);opacity:0;border-radius:5px;position:relative;overflow:hidden;transform:translateY(6px)}.pdi-deck.run .pdi-dt{animation:pdiPop .28s var(--ease) forwards}.pdi-deck.run .pdi-dt:first-child{animation-delay:1s}.pdi-deck.run .pdi-dt:nth-child(2){animation-delay:1.08s}.pdi-deck.run .pdi-dt:nth-child(3){animation-delay:1.16s}.pdi-deck.run .pdi-dt:nth-child(4){animation-delay:1.24s}.pdi-deck.run .pdi-dt:nth-child(5){animation-delay:1.32s}.pdi-deck.run .pdi-dt:nth-child(6){animation-delay:1.4s}.pdi-dt.on{background:var(--grad);border-color:#0000}.pdi-dt:after{content:"";opacity:.3;height:2px;color:var(--muted);background:currentColor;border-radius:2px;position:absolute;top:5px;left:4px;right:4px}.pdi-dt.on:after{color:#fff;opacity:.6}.pdi-files{flex-wrap:wrap;gap:6px;padding:0 18px 8px;display:flex}.pdi-files span{font-family:var(--mono);letter-spacing:.03em;color:var(--teal-ink);opacity:0;background:#14b8a61a;border-radius:100px;padding:5px 10px;font-size:9px;transform:translateY(6px)}.pdi-deck.run .pdi-files span{animation:pdiPop .3s var(--ease) forwards}.pdi-deck.run .pdi-files span:first-child{animation-delay:1.6s}.pdi-deck.run .pdi-files span:nth-child(2){animation-delay:1.7s}.pdi-deck.run .pdi-files span:nth-child(3){animation-delay:1.8s}.pdi-deck.run .pdi-files span:nth-child(4){animation-delay:1.9s}.pdi-feat-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (max-width:900px){.pdi-feat-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.pdi-feat-grid{grid-template-columns:1fr}}.pdi-feat{background:var(--surface);border:1px solid var(--peach-line);box-shadow:var(--shadow-sm);transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s ease;isolation:isolate;border-radius:18px;padding:28px;position:relative;overflow:hidden}.pdi-feat:hover{box-shadow:var(--shadow-md);border-color:#2563eb57;transform:translateY(-5px)}.pdi-feat-spot{pointer-events:none;opacity:0;z-index:0;background:radial-gradient(280px circle at var(--mx,50%) var(--my,50%), #2563eb1f, transparent 60%);border-radius:18px;transition:opacity .3s;position:absolute;inset:0}.pdi-feat:hover .pdi-feat-spot{opacity:1}.pdi-feat>*{z-index:1;position:relative}.pdi-feat .fi{background:var(--surface-2);border:1px solid var(--peach-line);width:46px;height:46px;color:var(--blue);transition:transform .6s var(--ease) .12s, opacity .5s ease .12s, background .3s ease, color .3s ease;opacity:.001;border-radius:13px;place-items:center;margin-bottom:16px;display:grid;transform:scale(.6)rotate(-8deg)}.pdi-feat.in .fi{opacity:1;transform:none}.pdi-feat:hover .fi{background:var(--grad);color:#fff;transform:rotate(-6deg)scale(1.04)}.pdi-feat .fi svg{width:22px;height:22px}.pdi-feat h3{font-family:var(--display);color:var(--ink);margin-bottom:10px;font-size:18px;font-weight:700}.pdi-feat p{color:var(--muted-ink);font-size:14px;line-height:1.6}.pdi-feat p strong{color:var(--ink);font-weight:600}.pdi-vs-note{background:var(--surface);border:1px solid var(--peach-line);border-left:3px solid;border-image:var(--grad) 1;box-shadow:var(--shadow-sm);color:var(--muted-ink);border-radius:14px;margin-top:24px;padding:20px 24px;font-size:15px;line-height:1.6}.pdi-vs-note strong{color:var(--ink);font-weight:600}.pdi-vs2{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:760px){.pdi-vs2{grid-template-columns:1fr}}.pdi-vscol{box-shadow:var(--shadow-sm);border:1px solid var(--peach-line);background:var(--surface);border-radius:18px;padding:28px}.pdi-vscol.wrong{border-top:3px solid;border-image:linear-gradient(90deg,#f59e0b,#d97706) 1}.pdi-vscol.right{border-top:3px solid #0000;border-image:var(--grad) 1}.pdi-vscol .vh{align-items:center;gap:11px;margin-bottom:18px;display:flex}.pdi-vscol .vh .vi{border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.pdi-vscol.wrong .vh .vi{color:#d97706;background:#fef3e2}.pdi-vscol.right .vh .vi{color:var(--teal-ink);background:#14b8a624}.pdi-vscol .vh .vi svg{width:18px;height:18px}.pdi-vscol .vh h3{font-family:var(--display);color:var(--ink);font-size:17px;font-weight:700}.pdi-vscol ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.pdi-vscol ul li{color:var(--muted-ink);opacity:0;transition:opacity .4s ease, transform .4s var(--ease);align-items:flex-start;gap:11px;font-size:13.5px;line-height:1.5;display:flex;transform:translate(-8px)}.pdi-vscol.in ul li{opacity:1;transform:none}.pdi-vscol.in ul li:first-child{transition-delay:.1s}.pdi-vscol.in ul li:nth-child(2){transition-delay:.18s}.pdi-vscol.in ul li:nth-child(3){transition-delay:.26s}.pdi-vscol.in ul li:nth-child(4){transition-delay:.34s}.pdi-vscol.in ul li:nth-child(5){transition-delay:.42s}.pdi-vscol.in ul li:nth-child(6){transition-delay:.5s}.pdi-vscol ul li .m{border-radius:5px;flex:none;place-items:center;width:18px;height:18px;margin-top:1px;display:grid}.pdi-vscol.wrong ul li .m{color:#d97706;background:#fef3e2}.pdi-vscol.right ul li .m{color:var(--teal-ink);background:#14b8a624}.pdi-vscol ul li .m svg{width:11px;height:11px}.pdi-sl-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (max-width:900px){.pdi-sl-grid{grid-template-columns:1fr 1fr}}@media (max-width:520px){.pdi-sl-grid{grid-template-columns:1fr}}.pdi-slc{background:var(--surface);border:1px solid var(--peach-line);box-shadow:var(--shadow-sm);transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s ease;border-radius:14px;padding:20px;position:relative;overflow:hidden}.pdi-slc:hover{box-shadow:var(--shadow-md);border-color:#2563eb57;transform:translateY(-4px)}.pdi-slc .sn{font-family:var(--mono);color:var(--teal-ink);font-size:10px;font-weight:700}.pdi-slc h3{font-family:var(--display);color:var(--ink);margin:8px 0 6px;font-size:14.5px;font-weight:700}.pdi-slc p{color:var(--muted-ink);font-size:11.5px;line-height:1.45}.pdi-slc .num{font-family:var(--display);background:var(--grad);-webkit-text-fill-color:transparent;opacity:0;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:700;line-height:1;position:absolute;top:14px;right:16px;transform:scale(.6)}.pdi-sl-grid.in .pdi-slc .num{animation:pdiPop .4s var(--ease) forwards}.pdi-sl-grid.in .pdi-slc:first-child .num{animation-delay:50ms}.pdi-sl-grid.in .pdi-slc:nth-child(2) .num{animation-delay:.1s}.pdi-sl-grid.in .pdi-slc:nth-child(3) .num{animation-delay:.15s}.pdi-sl-grid.in .pdi-slc:nth-child(4) .num{animation-delay:.2s}.pdi-sl-grid.in .pdi-slc:nth-child(5) .num{animation-delay:.25s}.pdi-sl-grid.in .pdi-slc:nth-child(6) .num{animation-delay:.3s}.pdi-sl-grid.in .pdi-slc:nth-child(7) .num{animation-delay:.35s}.pdi-sl-grid.in .pdi-slc:nth-child(8) .num{animation-delay:.4s}.pdi-sl-grid.in .pdi-slc:nth-child(9) .num{animation-delay:.45s}.pdi-sl-grid.in .pdi-slc:nth-child(10) .num{animation-delay:.5s}.pdi-sl-grid.in .pdi-slc:nth-child(11) .num{animation-delay:.55s}.pdi-sl-grid.in .pdi-slc:nth-child(12) .num{animation-delay:.6s}.pdi-sl-note{color:var(--muted-ink);margin-top:22px;font-size:15px;line-height:1.6}.pdi-sl-note strong{color:var(--ink);font-weight:600}.pdi-stg-tbl{border:1px solid var(--peach-line);box-shadow:var(--shadow-sm);background:var(--surface);border-radius:18px;overflow:hidden}.pdi-stg-row{border-bottom:1px solid var(--peach-line);grid-template-columns:.9fr 1.3fr 1.6fr;gap:0;display:grid}.pdi-stg-row:last-child{border-bottom:0}.pdi-stg-row.head{background:var(--surface-2);font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-size:9.5px}.pdi-stg-row.head>div{padding:13px 16px}.pdi-stg-row>div{color:var(--muted-ink);align-items:center;min-width:0;padding:15px 16px;font-size:12.5px;line-height:1.45;display:flex}.pdi-stg-row .sg{font-family:var(--display);color:var(--ink);font-size:13.5px;font-weight:700}.pdi-stg-row:not(.head):hover{background:var(--surface-2)}@media (max-width:760px){.pdi-stg-row{grid-template-columns:1fr 1.4fr}.pdi-stg-row .sc2{display:none}}.pdi-stg-note{color:var(--muted-ink);margin-top:22px;font-size:15px;line-height:1.6}.pdi-stg-note strong{color:var(--ink);font-weight:600}.pdi-dont-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (max-width:640px){.pdi-dont-grid{grid-template-columns:1fr}}.pdi-dontc{transition:transform .3s var(--ease), border-color .3s ease;background:#ffffff08;border:1px solid #ffffff17;border-radius:16px;padding:22px}.pdi-dontc:hover{border-color:#f59e0b66;transform:translateY(-4px)}.pdi-dontc h3{font-family:var(--display);color:#fff;align-items:flex-start;gap:10px;margin-bottom:7px;font-size:15px;font-weight:700;display:flex}.pdi-dontc h3 .x{color:#fbbf24;background:#f59e0b2e;border-radius:7px;flex:none;place-items:center;width:24px;height:24px;margin-top:1px;display:grid}.pdi-dontc h3 .x svg{width:13px;height:13px}.pdi-dontc h3 .x svg path{stroke-dasharray:34;stroke-dashoffset:34px;transition:stroke-dashoffset .55s var(--ease) .3s}.pdi-dontc.in h3 .x svg path{stroke-dashoffset:0}.pdi-dontc p{color:#9fb0c9;font-size:12.5px;line-height:1.55}.pdi-dontc p strong{color:#fff;font-weight:600}.pdi-dont-note{background:#ffffff08;border:1px solid #ffffff17;border-left:3px solid;border-image:linear-gradient(135deg,#60a5fa,#5eead4) 1;border-radius:14px;align-items:center;gap:14px;margin-top:24px;padding:20px 24px;display:flex}.pdi-dont-note .mk{width:34px;height:34px;color:var(--teal-bright);background:#5eead429;border-radius:10px;flex:none;place-items:center;display:grid}.pdi-dont-note .mk svg{width:18px;height:18px}.pdi-dont-note p{font-family:var(--display);color:#fff;font-size:clamp(15px,2vw,18px);font-weight:600;line-height:1.4}.pdi-wb-wrap{grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:start;gap:26px;display:grid}.pdi-wb-list{flex-direction:column;gap:6px;max-height:460px;padding-right:6px;display:flex;overflow-y:auto}.pdi-wb-btn{text-align:left;border:1px solid var(--peach-line);background:var(--surface);cursor:pointer;width:100%;transition:border-color .25s ease, background .25s ease, transform .25s var(--ease);white-space:nowrap;border-radius:12px;align-items:center;gap:12px;padding:13px 15px;display:flex}.pdi-wb-btn:hover{border-color:#2563eb66}.pdi-wb-btn .di{background:var(--surface-2);border:1px solid var(--peach-line);width:36px;height:36px;color:var(--blue);font-family:var(--display);border-radius:10px;flex:none;place-items:center;font-size:13px;font-weight:700;transition:background .25s,color .25s;display:grid}.pdi-wb-btn .dn b{font-family:var(--display);color:var(--ink);font-size:14px;font-weight:600;display:block}.pdi-wb-btn .dn small{color:var(--muted);font-size:11px}.pdi-wb-btn[aria-selected=true]{background:linear-gradient(135deg,#2563eb1a,#14b8a614);border-color:#0000;transform:translate(3px)}.pdi-wb-btn[aria-selected=true] .di{background:var(--grad);color:#fff;border-color:#0000}.pdi-wb-panel{background:var(--surface);border:1px solid var(--peach-line);box-shadow:var(--shadow-md);border-radius:20px;min-height:340px;position:relative;overflow:hidden}.pdi-wb-panel:before{content:"";background:var(--grad);opacity:.4;-webkit-mask-composite:xor;pointer-events:none;border-radius:20px;padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.pdi-wp-top{border-bottom:1px dashed var(--peach-line);background:linear-gradient(#2563eb0a,#0000);align-items:center;gap:16px;padding:26px 28px;display:flex}.pdi-wp-top .big{background:var(--grad);color:#fff;width:54px;height:54px;font-family:var(--display);border-radius:14px;flex:none;place-items:center;font-size:20px;font-weight:700;display:grid;box-shadow:0 12px 26px -12px #2563ebb3}.pdi-wp-top .big svg{width:24px;height:24px}.pdi-wp-top h3{font-family:var(--display);color:var(--ink);font-size:clamp(19px,2.4vw,25px);font-weight:700}.pdi-wp-top .tagline{color:var(--muted-ink);margin-top:4px;font-size:13.5px}.pdi-wp-body{padding:24px 28px 28px}.pdi-wp-body .k{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-size:11px;display:block}.pdi-wp-list{grid-template-columns:1fr 1fr;gap:11px 22px;display:grid}.pdi-wp-list div{color:var(--muted-ink);padding-left:26px;font-size:14px;line-height:1.5;position:relative}.pdi-wp-list div:before{content:"";background:#14b8a626;border-radius:50%;width:16px;height:16px;position:absolute;top:2px;left:0}.pdi-wp-list div:after{content:"✓";color:var(--teal-ink);font-size:10px;font-weight:700;position:absolute;top:.5px;left:3.5px}.pdi-wp-fade{animation:pdiWpIn .4s var(--ease)}@keyframes pdiWpIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width:820px){.pdi-wb-wrap{grid-template-columns:1fr;gap:18px}.pdi-wb-list{flex-flow:row;max-height:none;padding-bottom:8px;overflow-x:auto}.pdi-wb-btn{width:auto}}@media (max-width:560px){.pdi-wp-list{grid-template-columns:1fr}.pdi-wp-top{padding:22px 20px}.pdi-wp-body{padding:20px 20px 24px}}.pdi-who-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}@media (max-width:560px){.pdi-who-grid{grid-template-columns:1fr}}.pdi-who{background:var(--surface);border:1px solid var(--peach-line);box-shadow:var(--shadow-sm);transition:transform .3s var(--ease), border-color .3s ease;border-radius:16px;align-items:flex-start;gap:14px;padding:24px;display:flex}.pdi-who:hover{border-color:#2563eb57;transform:translateY(-4px)}.pdi-who .wi{width:34px;height:34px;color:var(--teal-ink);opacity:.001;transition:transform .5s var(--ease) .12s, opacity .4s ease .12s;background:#14b8a624;border-radius:9px;flex:none;place-items:center;display:grid;transform:scale(.55)}.pdi-who.in .wi{opacity:1;transform:none}.pdi-who .wi svg{width:18px;height:18px}.pdi-who p{color:var(--muted-ink);font-size:14px;line-height:1.55}.pdi-who p strong{color:var(--ink);font-weight:600}.pdi-steps{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (max-width:960px){.pdi-steps{grid-template-columns:1fr 1fr}}@media (max-width:520px){.pdi-steps{grid-template-columns:1fr}}.pdi-step{background:var(--surface);border:1px solid var(--peach-line);box-shadow:var(--shadow-sm);transition:transform .35s var(--ease), box-shadow .35s var(--ease);border-radius:16px;padding:24px 20px;position:relative;overflow:hidden}.pdi-step:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.pdi-step:before{content:"";background:var(--grad);transform-origin:0;width:100%;height:3px;transition:transform .7s var(--ease) .12s;position:absolute;top:0;left:0;transform:scaleX(0)}.pdi-step.in:before{transform:scaleX(1)}.pdi-step-no{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--grad);opacity:.001;transition:transform .5s var(--ease) .2s, opacity .4s ease .2s;border-radius:100px;margin-bottom:14px;padding:6px 11px;font-size:10px;display:inline-block;transform:scale(.6);box-shadow:0 10px 22px -10px #2563ebbf}.pdi-step.in .pdi-step-no{opacity:1;transform:none}.pdi-step h3{font-family:var(--display);color:var(--ink);margin-bottom:8px;font-size:15px;font-weight:700}.pdi-step p{color:var(--muted-ink);font-size:12.5px;line-height:1.5}@media (prefers-reduced-motion:reduce){.pdi-stage .badge,.pdi-dt,.pdi-files span,.pdi-slc .num{opacity:1!important;animation:none!important;transform:none!important}.pdi-feat .fi,.pdi-vscol ul li,.pdi-who .wi,.pdi-step-no{opacity:1!important;transition:none!important;transform:none!important}.pdi-step:before{transform:scaleX(1)!important}.pdi-dontc h3 .x svg path{stroke-dashoffset:0!important;transition:none!important}.pdi-wp-fade{animation:none!important}}