.pc{--pc-r: 20px;--pc-pad: 6px;--pc-r-in: calc(var(--pc-r) - var(--pc-pad));margin-block:clamp(28px,5vh,56px)}.pc-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:clamp(20px,3vw,40px);align-items:start}@media(max-width:980px){.pc-grid{grid-template-columns:1fr}}.pc-controls{display:flex;flex-direction:column;gap:clamp(26px,4vh,44px);min-width:0}.pc-block{border:0;padding:0;margin:0;min-width:0}.pc-legend{display:flex;align-items:center;gap:10px;font-size:clamp(17px,2vw,21px);font-weight:700;line-height:1.45;margin-bottom:14px;padding:0}.pc-step{flex:none;width:26px;height:26px;display:grid;place-items:center;border-radius:var(--r-pill);background:var(--accent);color:var(--accent-ink);font-size:13px;font-weight:800}.pc-hint{margin-top:12px;font-size:14px;line-height:1.7;color:var(--muted)}.pc-warn{margin-top:16px;padding:14px 16px;border-radius:var(--r-card);background:#ff6b5b12;border:1px solid rgba(255,107,91,.22);font-size:13.5px;line-height:1.75;color:var(--dim)}.pc-warn b{color:var(--danger);font-weight:700}.pc-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.pc-card,.pc-lvl,.pc-chip{position:relative;display:flex;flex-direction:column;gap:6px;padding:14px 15px;border-radius:var(--pc-r-in);background:var(--surface);border:1px solid var(--line);text-align:start;color:inherit;font:inherit;cursor:pointer;transition:background .45s var(--ease-out),border-color .45s var(--ease-out),transform .45s var(--ease-out),box-shadow .45s var(--ease-out)}.pc-card:hover,.pc-lvl:hover,.pc-chip:hover{background:var(--surface-2);border-color:#f2f3ee33}.pc-card:active,.pc-lvl:active,.pc-chip:active{transform:scale(.985)}.pc-card.is-on,.pc-lvl.is-on,.pc-chip.is-on{border-color:var(--accent);background:var(--surface-2);box-shadow:inset 0 0 0 1px #d9ff3f40,0 0 0 4px #d9ff3f12}.pc-card:focus-visible,.pc-lvl:focus-visible,.pc-chip:focus-visible,.pc-stage:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.pc-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.pc-letter{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#f2f3ee12;border:1px solid var(--line);font-size:15px;font-weight:800;transition:all .45s var(--ease-out)}.pc-card.is-on .pc-letter{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.pc-tag{font-size:10px;font-weight:700;letter-spacing:.02em;padding:3px 8px;border-radius:var(--r-pill);background:#d9ff3f1f;color:var(--accent);white-space:nowrap}.pc-card-name{font-size:15px;font-weight:700;line-height:1.45}.pc-card-adds{font-size:13px;line-height:1.6;color:var(--dim)}.pc-card-meta{font-size:11.5px;color:var(--muted);margin-top:2px}.pc-levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.pc-lvl-peek[hidden]{display:none}.pc-lvl-peek{display:block;position:relative;aspect-ratio:5 / 3;margin-bottom:11px;border-radius:10px;overflow:hidden;background:var(--bg);border:1px solid var(--line);transition:border-color .45s var(--ease-out)}.pc-lvl-peek img{position:absolute;inset-inline:0;top:0;width:100%;height:auto;display:block;transform:translateY(0);transition:transform 1.1s var(--ease-out),filter .5s var(--ease-out);filter:saturate(.74) brightness(.87)}.pc-lvl.is-on .pc-lvl-peek{border-color:#d9ff3f66}.pc-lvl.is-on .pc-lvl-peek img{transform:translateY(-27%);filter:none}@media(hover:hover)and (pointer:fine){.pc-lvl:hover .pc-lvl-peek img{filter:saturate(.92) brightness(.97)}}@media(prefers-reduced-motion:reduce){.pc-lvl-peek img{transition-duration:.01ms!important}}.pc-lvl-name{font-size:15px;font-weight:700;line-height:1.45}.pc-lvl-what{font-size:12.5px;line-height:1.65;color:var(--muted)}.pc-lvl-price{margin-top:4px;font-size:19px;font-weight:800;color:var(--dim);transition:color .45s var(--ease-out)}.pc-lvl.is-on .pc-lvl-price{color:var(--accent)}.pc-stepper{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border-radius:var(--pc-r-in);background:var(--surface);border:1px solid var(--line);margin-bottom:10px}.pc-stepper-label{font-size:14px;font-weight:600;line-height:1.5}.pc-stepper-label em{display:block;font-style:normal;font-size:12px;font-weight:400;color:var(--muted);margin-top:3px}.pc-stepper-ctl{flex:none;display:flex;align-items:center;gap:4px;padding:3px;border-radius:var(--r-pill);background:var(--bg);border:1px solid var(--line)}.pc-stepper-ctl button{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:var(--r-pill);background:transparent;color:var(--text);font-size:19px;line-height:1;cursor:pointer;transition:background .3s var(--ease-out),opacity .3s var(--ease-out)}.pc-stepper-ctl button:hover:not(:disabled){background:var(--surface-2)}.pc-stepper-ctl button:disabled{opacity:.3;cursor:default}.pc-stepper-ctl button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pc-stepper-ctl b{min-width:30px;text-align:center;font-size:17px;font-weight:800}.pc-chips{display:flex;flex-direction:column;gap:8px}.pc-chip{gap:5px}.pc-chip.is-sub{margin-inline-start:22px}.pc-chip.is-off{opacity:.42;cursor:not-allowed}.pc-chip.is-off:hover{background:var(--surface);border-color:var(--line)}.pc-chip-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.pc-chip-name{font-size:14.5px;font-weight:700;line-height:1.5}.pc-chip-price{flex:none;font-size:15px;font-weight:800;color:var(--dim);white-space:nowrap;transition:color .45s var(--ease-out)}.pc-chip.is-on .pc-chip-price{color:var(--accent)}.pc-chip-price i{font-style:normal;font-size:11.5px;font-weight:500;color:var(--muted)}.pc-chip-price em{font-style:normal;font-size:11.5px;font-weight:600;color:var(--muted);margin-inline-start:6px}.pc-chip-what{font-size:12.5px;line-height:1.7;color:var(--muted)}.pc-chip.is-free{border-color:#d9ff3f6b}.pc-free{display:inline-block;margin-inline-start:8px;font-size:10px;font-weight:700;padding:2px 8px;border-radius:var(--r-pill);background:var(--accent);color:var(--accent-ink);vertical-align:middle}.pc-chip-price s{color:var(--muted);font-weight:600;margin-inline-end:5px;text-decoration-thickness:1px}.pc-panel{position:sticky;top:96px}@media(max-width:980px){.pc-panel{position:static}}.pc-panel-in{padding:var(--pc-pad);border-radius:var(--pc-r);background:linear-gradient(180deg,#f2f3ee12,#f2f3ee05);border:1px solid var(--line)}.pc-panel-in>*{margin-inline:0}.pc-bar{display:flex;gap:2px;height:10px;margin:3px 3px 0;border-radius:var(--r-pill);background:var(--bg);overflow:hidden}.pc-seg{min-width:3px;transition:flex-grow .6s var(--ease-out)}.pc-seg[data-tone="1"]{background:var(--accent)}.pc-seg[data-tone="2"]{background:#d9ff3f8c}.pc-seg[data-tone="3"]{background:#d9ff3f47}.pc-seg[data-tone="4"]{background:#f2f3ee33}.pc-key{list-style:none;display:flex;flex-wrap:wrap;gap:4px 14px;margin:11px 12px 0;padding:0}.pc-key li{display:flex;align-items:center;gap:6px;font-size:11.5px}.pc-key i{width:8px;height:8px;border-radius:2px;flex:none}.pc-key i[data-tone="1"]{background:var(--accent)}.pc-key i[data-tone="2"]{background:#d9ff3f8c}.pc-key i[data-tone="3"]{background:#d9ff3f47}.pc-key i[data-tone="4"]{background:#f2f3ee33}.pc-key span{color:var(--muted)}.pc-key b{font-weight:700;font-variant-numeric:tabular-nums}.pc-total{padding:14px 18px 18px;text-align:center}.pc-total-label{display:block;font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--muted);margin-bottom:6px}.pc-total-num{display:flex;align-items:baseline;justify-content:center;gap:8px;font-family:var(--font-ar)}.pc-d{display:inline-block;font-variant-numeric:tabular-nums;will-change:auto}.pc-total-num b,.pc-two-num b{direction:ltr;unicode-bidi:isolate}.pc-d.is-roll{animation:pc-roll .34s var(--ease-out)}@keyframes pc-roll{0%{transform:translateY(-.55em);opacity:0;filter:blur(3px)}to{transform:none;opacity:1;filter:blur(0)}}@media(prefers-reduced-motion:reduce){.pc-d.is-roll{animation:none}}.pc-total-num b{font-size:clamp(38px,6vw,52px);font-weight:800;line-height:1.15;letter-spacing:0;color:var(--accent);font-variant-numeric:tabular-nums}.pc-total-num i{font-style:normal;font-size:15px;font-weight:600;color:var(--dim)}.pc-total-cut{display:inline-block;margin-top:8px;font-size:12.5px;font-weight:600;padding:4px 11px;border-radius:var(--r-pill);background:#d9ff3f1f;color:var(--accent)}.pc-two{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:0 3px}.pc-two>div{padding:13px 14px;border-radius:11px;background:var(--bg)}.pc-two-label{display:block;font-size:11.5px;font-weight:600;color:var(--muted)}.pc-two-num{display:flex;align-items:baseline;gap:5px;margin-block:3px 5px;font-family:var(--font-ar)}.pc-two-num b{font-size:23px;font-weight:800;line-height:1.2;font-variant-numeric:tabular-nums}.pc-two-num i{font-style:normal;font-size:12px;font-weight:500;color:var(--muted)}.pc-two-note{display:block;font-size:11px;line-height:1.6;color:var(--muted)}.pc-lines{list-style:none;margin:3px;padding:13px 14px;border-radius:11px;background:var(--bg);display:flex;flex-direction:column;gap:8px}.pc-lines li{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:13px;line-height:1.55}.pc-lines li span{color:var(--muted);min-width:0}.pc-lines li span em{font-style:normal;font-size:11px;color:var(--accent);margin-inline-start:5px}.pc-lines li b{flex:none;font-weight:700;font-variant-numeric:tabular-nums}.pc-lines li.is-cut b{color:var(--accent)}.pc-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 3px 0;padding:6px;padding-inline-start:18px;border-radius:var(--r-pill);background:var(--accent);color:var(--accent-ink);font-size:15px;font-weight:700;transition:transform .45s var(--ease-out),filter .45s var(--ease-out)}.pc-cta:hover{filter:brightness(1.07)}.pc-cta:active{transform:scale(.98)}.pc-cta-i{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:var(--r-pill);background:#0e0f121f;font-size:17px;transition:transform .45s var(--ease-out),background .45s var(--ease-out)}.pc-cta:hover .pc-cta-i{background:#0e0f1233;transform:translate(-3px)}.pc-cta-note{margin:10px 6px 8px;font-size:11.5px;line-height:1.7;color:var(--muted);text-align:center}.pc-stages{margin-top:clamp(50px,8vh,90px)}.pc-stages h2{font-size:clamp(22px,3.4vw,36px);font-weight:800;line-height:1.4;margin-bottom:10px}.pc-stages-sub{font-size:clamp(14.5px,1.7vw,17px);line-height:1.8;color:var(--muted);max-width:62ch;margin-bottom:22px}.pc-track{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.pc-stage{position:relative;display:flex;flex-direction:column;gap:7px;padding:16px;border-radius:var(--r-card);background:var(--surface);border:1px solid var(--line);text-align:start;color:inherit;font:inherit;cursor:pointer;transition:background .45s var(--ease-out),border-color .45s var(--ease-out),transform .45s var(--ease-out)}.pc-stage:hover{background:var(--surface-2);transform:translateY(-2px)}.pc-stage:active{transform:scale(.985)}.pc-stage.is-on{border-color:var(--accent);background:var(--surface-2);box-shadow:inset 0 0 0 1px #d9ff3f38}.pc-stage-n{width:26px;height:26px;display:grid;place-items:center;border-radius:var(--r-pill);background:#f2f3ee12;border:1px solid var(--line);font-size:12.5px;font-weight:800;transition:all .45s var(--ease-out)}.pc-stage.is-on .pc-stage-n{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.pc-stage-t{font-size:15px;font-weight:700;line-height:1.45}.pc-stage-w{font-size:12.5px;line-height:1.7;color:var(--muted)}.pc-stage-lock{align-self:flex-start;font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:var(--r-pill);background:#ff6b5b1f;color:var(--danger)}.pc-stages-note{margin-top:16px;font-size:12.5px;line-height:1.75;color:var(--muted)}.pc-dock{display:none}@media(max-width:980px){.pc-dock{position:fixed;inset-inline:10px;bottom:10px;z-index:var(--z-nav);display:flex;align-items:center;gap:10px;padding:9px 9px 9px 14px;border-radius:var(--r-pill);background:#15171cdb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(242,243,238,.14);opacity:0;transform:translateY(120%);pointer-events:none;transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}.pc-dock.is-up{opacity:1;transform:none;pointer-events:auto}body.pc-docked .nabd{bottom:78px;transition:bottom .5s var(--ease-out)}.pc-dock-n{font-family:var(--font-ar);font-size:19px;font-weight:800;color:var(--accent);white-space:nowrap;font-variant-numeric:tabular-nums}.pc-dock-n i{font-style:normal;font-size:11px;font-weight:500;color:var(--muted)}.pc-dock-m{flex:1;min-width:0;font-size:10.5px;line-height:1.4;color:var(--muted);font-variant-numeric:tabular-nums}.pc-dock-cta{flex:none;padding:9px 15px;border-radius:var(--r-pill);background:var(--accent);color:var(--accent-ink);font-size:13px;font-weight:700;white-space:nowrap}}@media(prefers-reduced-motion:reduce){.pc-card,.pc-lvl,.pc-chip,.pc-stage,.pc-seg,.pc-cta,.pc-cta-i,.pc-dock,.pc-letter,.pc-stage-n{transition-duration:.01ms!important}.pc-stage:hover{transform:none}}.pc-tawaazn{display:block;margin-top:10px;padding:13px 15px;border-radius:var(--r-card);border:1px dashed var(--line);background:transparent;text-decoration:none;color:inherit;transition:border-color .4s var(--ease-out),background .4s var(--ease-out)}.pc-tawaazn.is-on{border-style:solid;border-color:#d9ff3f6b;background:#d9ff3f0b}.pc-tw-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.pc-tw-name{font-size:14.5px;font-weight:700}.pc-tw-go{flex:none;font-size:12px;color:var(--muted);border-bottom:1px solid currentColor;transition:color .3s var(--ease-out)}.pc-tawaazn:hover .pc-tw-go{color:var(--accent)}.pc-tw-what{display:block;margin-top:5px;font-size:12.5px;line-height:1.7;color:var(--muted)}@media(max-width:560px){.pc-tw-head{flex-wrap:wrap}}.pc-chip-drop{display:block;margin-top:6px;font-size:12px;font-weight:700;line-height:1.6;color:var(--accent)}.ph-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.pi-sub{max-width:62ch;margin:0 0 26px;font-size:15px;line-height:1.85;color:var(--dim)}.pi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.pi-card{display:flex;flex-direction:column;gap:8px;padding:18px 19px;border-radius:var(--pc-r-in);background:var(--surface, rgba(242, 243, 238, .04));border:1px solid var(--line)}.pi-card h3{margin:0;font-size:15.5px;font-weight:800;line-height:1.4}.pi-card p{margin:0;font-size:13px;line-height:1.75;color:var(--muted)}.pi-card b{margin-top:auto;font-size:17px;font-weight:800;color:var(--accent)}.pi-total{margin:18px 0 0;padding:16px 19px;border-radius:var(--pc-r-in);border:1px solid rgba(217,255,63,.32);font-size:15px;line-height:1.9}.pi-total b{color:var(--accent);font-weight:800}.pi-total span{display:block;margin-top:6px;font-size:13px;color:var(--muted)}.pt-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.pt-list li{position:relative;padding:14px 17px;border-radius:var(--pc-r-in);background:var(--surface, rgba(242, 243, 238, .04));border:1px solid var(--line);font-size:14px;line-height:1.8;color:var(--dim)}.pt-list li b{color:inherit;font-weight:800}.pe-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}@media(max-width:560px){.ph-cta .btn,.pe-cta .btn{flex:1 1 100%;text-align:center}}.bk-fields{display:grid;gap:10px}.bk-field{display:grid;gap:6px}.bk-field>span{font-size:13px;font-weight:700;color:var(--dim)}.bk-field input{width:100%;padding:12px 14px;border-radius:var(--pc-r-in);background:var(--surface, rgba(242, 243, 238, .04));border:1px solid var(--line);color:inherit;font:inherit;font-size:14.5px;transition:border-color .45s var(--ease-out),background .45s var(--ease-out)}.bk-field input:focus{outline:none;border-color:#d9ff3f8c;background:var(--surface-2, rgba(242, 243, 238, .07))}.bk-field input::placeholder{color:var(--muted)}.pc-cta:disabled{opacity:.45;cursor:not-allowed}