/* FPSHQ Pro — продающая страница, «Паспорт ПК», оформление, подарки (агент PRO). Токены — из css/main.css. */
:root{--pr-g1:#00EAFF;--pr-g2:#8B5CFF;--pr-gold:#FFC83D;--pr-grad:linear-gradient(120deg,var(--pr-g1),var(--pr-g2));--pr-glass:color-mix(in srgb,var(--bg-2) 82%,transparent)}
[data-theme="light"]{--pr-g1:#0099B0;--pr-g2:#6D3BEF}
.pr,.pr-main,.pp{overflow-wrap:anywhere}
.pr-main{padding:20px 0 56px}
.pr-narrow{max-width:860px}
.pr-badge{display:inline-flex;align-items:center;padding:1px 7px;border-radius:6px;background:var(--pr-grad);color:#04121a;font:800 11px/1.5 var(--font-display);letter-spacing:.08em;vertical-align:middle}
.pr-badge-lg{font-size:15px;padding:2px 10px}
.pr-new{margin-inline-start:auto;font-style:normal;font-size:11px;font-weight:700;color:var(--accent);border:1px solid var(--border-glow);border-radius:99px;padding:0 6px}
.pr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;border-radius:12px;border:1px solid var(--border-2);background:var(--bg-3);color:var(--text-1);font:700 15px/1.2 var(--font-body);text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .2s,background .2s;text-align:center}
.pr-btn:hover{transform:translateY(-1px);text-decoration:none}
.pr-btn-pri{background:var(--pr-grad);border-color:transparent;color:#03121a;box-shadow:0 8px 28px -10px color-mix(in srgb,var(--pr-g1) 70%,transparent)}
.pr-btn-pri:hover{box-shadow:0 12px 34px -10px color-mix(in srgb,var(--pr-g2) 75%,transparent)}
.pr-btn-ghost{background:transparent}
.pr-btn-ghost:hover{border-color:var(--accent);color:var(--accent)}
.pr-btn-gold{background:linear-gradient(120deg,#FFD66B,#FF9F43);color:#2a1800;border-color:transparent}
.pr-btn-steam{background:#171a21;color:#fff;border-color:#2a475e}
.pr-btn-lg{min-height:52px;padding:14px 26px;font-size:16px}
.pr-btn-block{width:100%}
.pr-inline{display:inline}
.pr-kicker,.pp-kicker{display:inline-flex;align-items:center;gap:6px;font:700 12px/1.4 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.pr-h1{font:800 clamp(30px,5.2vw,58px)/1.05 var(--font-display);letter-spacing:-.01em;margin:12px 0 14px}
.pr-h1,.pr-h2{background:linear-gradient(180deg,var(--text-1) 40%,color-mix(in srgb,var(--text-1) 70%,var(--accent)));-webkit-background-clip:text;background-clip:text}
.pr-h2{font:800 clamp(24px,3.4vw,38px)/1.12 var(--font-display);margin:6px 0 10px}
.pr-lead{font-size:clamp(16px,1.6vw,19px);line-height:1.55;color:var(--text-2);max-width:620px}
.pr-sub{color:var(--text-2);font-size:16px;line-height:1.6;max-width:760px;margin:0 0 22px}
.pr-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 14px}
.pr-center{justify-content:center}
.pr-ticks{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;padding:0;margin:0;color:var(--text-2);font-size:14px}
.pr-ticks li::before{content:"✓";color:var(--ok);font-weight:800;margin-inline-end:6px}
.pr-have{margin-top:12px;color:var(--text-2)}
/* hero */
.pr-hero{position:relative;padding:26px 0 56px;background:radial-gradient(60% 70% at 85% 10%,color-mix(in srgb,var(--pr-g2) 22%,transparent),transparent 70%),radial-gradient(50% 60% at 10% 0%,color-mix(in srgb,var(--pr-g1) 16%,transparent),transparent 70%)}
.pr-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:center}
.pr-demo-pass{position:relative;padding:22px;border-radius:22px;background:var(--pr-glass);border:1px solid var(--border-2);box-shadow:0 30px 80px -30px color-mix(in srgb,var(--pr-g2) 55%,transparent),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(10px)}
.pr-demo-pass::before{content:"";position:absolute;inset:-1px;border-radius:23px;padding:1px;background:var(--pr-grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.6;pointer-events:none}
.pr-example{position:absolute;top:-11px;inset-inline-end:18px;background:var(--accent-3);color:#2a2000;font:800 11px/1 var(--font-body);letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;border-radius:99px}
.pr-dp-top{display:flex;gap:16px;align-items:center;margin-bottom:10px}
.pr-dp-top>div{min-width:0;display:grid;gap:6px}
.pr-dp-name{font:800 20px/1.1 var(--font-display)}
.pr-dp-top small{color:var(--text-3);font-size:12.5px}
.pr-dp-rank{font:800 22px/1 var(--font-display);background:var(--pr-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.pr-dp-weak{margin-top:8px;font-size:14px;color:var(--text-2)}
/* секции */
.pr-sec{padding:56px 0}
.pr-sec-alt{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--bg-2) 70%,transparent) 15%,color-mix(in srgb,var(--bg-2) 70%,transparent) 85%,transparent)}
.pr-uniq{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pr-uniq-card{padding:20px;border-radius:18px;background:var(--bg-2);border:1px solid var(--border-1);transition:border-color .2s,transform .2s}
.pr-uniq-card:hover{border-color:var(--border-glow);transform:translateY(-2px)}
.pr-uniq-card h3{font:800 19px/1.2 var(--font-display);margin:10px 0 6px}
.pr-uniq-card p{color:var(--text-2);font-size:14.5px;line-height:1.55;margin:0}
.pr-uniq-ic{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;font-size:22px;background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid var(--border-glow)}
.pr-demo-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:36px;align-items:center}
.pr-demo-grid+.pr-demo-grid{margin-top:48px}
.pr-demo-rev>figure{order:0}
.pr-shot{margin:0}
.pr-shot img,.pr-mock{width:100%;height:auto;display:block;border-radius:18px;box-shadow:0 30px 70px -30px rgba(0,0,0,.65)}
.pr-shot figcaption{font-size:12.5px;color:var(--text-3);margin-top:8px;text-align:center}
.pr-mini-feats{list-style:none;padding:0;margin:12px 0 18px;display:grid;gap:8px;color:var(--text-2);font-size:15px}
.pr-mini-feats li::before{content:"→";color:var(--accent);margin-inline-end:8px;font-weight:800}
/* сравнение */
.pr-cmp-wrap{overflow-x:auto;border-radius:18px;border:1px solid var(--border-1);background:var(--bg-2)}
.pr-cmp{width:100%;border-collapse:collapse;font-size:15px;min-width:0}
.pr-cmp th,.pr-cmp td{padding:12px 14px;border-bottom:1px solid var(--border-1);text-align:center}
.pr-cmp tbody th{text-align:start;font-weight:600;color:var(--text-1)}
.pr-cmp td{color:var(--text-2)}
.pr-cmp .is-pro{background:color-mix(in srgb,var(--accent) 6%,transparent);color:var(--text-1);font-weight:700}
.pr-cmp thead th{font:800 16px/1 var(--font-display)}
.pr-cmp tr:last-child>*{border-bottom:0}
/* цены */
.pr-prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.pr-price{position:relative;padding:26px 22px 22px;border-radius:20px;background:var(--bg-2);border:1px solid var(--border-1);display:flex;flex-direction:column;gap:10px}
.pr-price h3{font:800 20px/1 var(--font-display);margin:0}
.pr-price .pr-btn{margin-top:auto}
.pr-price.is-best{border-color:transparent;background:linear-gradient(var(--bg-2),var(--bg-2)) padding-box,var(--pr-grad) border-box;border:2px solid transparent;transform:translateY(-6px);box-shadow:0 26px 60px -30px color-mix(in srgb,var(--pr-g1) 60%,transparent)}
.pr-price-life{background:linear-gradient(var(--bg-2),var(--bg-2)) padding-box,linear-gradient(120deg,#FFD66B,#FF9F43) border-box;border:2px solid transparent}
.pr-price-n{font:800 clamp(32px,4vw,42px)/1 var(--font-display)}
.pr-price-n small{font:600 14px/1 var(--font-body);color:var(--text-3);margin-inline-start:4px}
.pr-ribbon{position:absolute;top:-12px;inset-inline-start:20px;padding:5px 10px;border-radius:99px;background:var(--pr-grad);color:#03121a;font:800 11.5px/1 var(--font-body);letter-spacing:.04em}
.pr-ribbon-gold{background:linear-gradient(120deg,#FFD66B,#FF9F43);color:#2a1800}
.pr-meter{height:8px;border-radius:99px;background:var(--border-1);overflow:hidden}
.pr-meter i{display:block;height:100%;background:linear-gradient(90deg,#FFD66B,#FF9F43)}
.pr-trial-band{margin-top:24px;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;padding:18px 22px;border-radius:18px;border:1px dashed var(--border-glow);background:color-mix(in srgb,var(--accent) 5%,transparent)}
.pr-trial-band b{display:block;font:800 19px/1.2 var(--font-display)}
.pr-trial-band span{color:var(--text-2);font-size:14.5px}
.pr-guar{margin-top:16px;color:var(--text-2);font-size:14.5px;text-align:center}
/* подарок / рефералы */
.pr-gift-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:center}
.pr-giftcard{width:100%;height:auto;display:block;border-radius:24px;box-shadow:0 30px 70px -30px color-mix(in srgb,var(--pr-g2) 60%,transparent);transform:rotate(-1.5deg)}
.pr-ref{margin-top:36px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:center;padding:22px;border-radius:20px;background:var(--bg-2);border:1px solid var(--border-1)}
.pr-ref h3{font:800 22px/1.15 var(--font-display);margin:6px 0}
.pr-faq{border-bottom:1px solid var(--border-1);padding:14px 0}
.pr-faq summary{cursor:pointer;font-weight:700;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:12px}
.pr-faq summary::after{content:"+";color:var(--accent);font-weight:800}
.pr-faq[open] summary::after{content:"–"}
.pr-faq p{color:var(--text-2);line-height:1.6;margin:10px 0 0}
.pr-final{padding:64px 0 80px;text-align:center;background:radial-gradient(50% 80% at 50% 100%,color-mix(in srgb,var(--pr-g2) 20%,transparent),transparent 70%)}
.pr-final .pr-sub{margin-inline:auto}
/* замок */
.pr-lock{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:14px 0;padding:16px 18px;border-radius:16px;border:1px solid var(--border-glow);background:linear-gradient(120deg,color-mix(in srgb,var(--pr-g1) 8%,transparent),color-mix(in srgb,var(--pr-g2) 10%,transparent))}
.pr-lock-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--pr-grad);color:#03121a;flex:none}
.pr-lock-t{flex:1 1 220px;min-width:0}
.pr-lock-t p{margin:4px 0 0;color:var(--text-2);font-size:14px}
.pr-lock-a{display:flex;flex-wrap:wrap;gap:8px}
.pr-lock-a form{margin:0}
.pr-celebrate{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;padding:14px 18px;border-radius:16px;background:var(--pr-grad);color:#03121a;margin-bottom:16px}
.pr-celebrate span{font-size:14px}
/* «Паспорт ПК» */
.pp-head{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:flex-end;margin-bottom:14px}
.pp-head .u-h1{margin:4px 0 0}
.pp-switch{display:flex;flex-wrap:wrap;gap:6px}
.pp-switch a{padding:7px 12px;border-radius:10px;border:1px solid var(--border-1);background:var(--bg-2);color:var(--text-2);font-size:13.5px;text-decoration:none;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pp-switch a.is-on{border-color:var(--accent);color:var(--text-1)}
.pp-switch-add{border-style:dashed!important}
.pp-card{background:var(--bg-2);border:1px solid var(--border-1);border-radius:18px;padding:18px;margin-bottom:16px;min-width:0}
.pp-card-h{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between;margin-bottom:12px}
.pp-card-h h2{font:800 20px/1.2 var(--font-display);margin:0}
.pp-hero{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,.9fr);gap:22px;align-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--pr-g1) 7%,var(--bg-2)),var(--bg-2) 45%,color-mix(in srgb,var(--pr-g2) 9%,var(--bg-2)))}
.pp-hero-l{text-align:center}
.pp-hero-cap{font-size:12px;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em}
.pp-gauge{display:block;margin:0 auto}
.pp-pcname{font:800 22px/1.15 var(--font-display);margin:0 0 10px}
.pp-spec{display:grid;gap:6px;margin:0}
.pp-spec>div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px;font-size:14px}
.pp-spec dt{color:var(--text-3)}
.pp-spec dd{margin:0;font-weight:600}
.pp-spec small{color:var(--text-3);font-weight:500}
.pp-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.pp-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:99px;border:1px solid var(--border-2);font-size:12.5px;color:var(--text-2);text-decoration:none}
.pp-chip-acc{border-color:var(--border-glow);color:var(--accent);font-weight:700}
.pp-rank{padding:14px;border-radius:14px;background:color-mix(in srgb,var(--bg-0) 45%,transparent);border:1px solid var(--border-1);min-width:0}
.pp-rank-big{font:800 30px/1 var(--font-display);background:var(--pr-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.pp-rank p{margin:6px 0 8px;font-size:13.5px;color:var(--text-2)}
.pp-dist{width:100%;height:84px;display:block}
.pp-bars{width:100%;max-width:640px;height:auto;display:block}
.pr-demo-pass .pp-bars{max-width:none}
.pp-hist{width:100%;height:80px;display:block;margin:4px 0 8px}
.pp-vstack{display:flex;height:28px;border-radius:10px;overflow:hidden;gap:2px;margin-bottom:8px}
.pp-vstack i{display:flex;align-items:center;justify-content:center;min-width:22px;font-style:normal}
.pp-vstack b{font-size:12px;color:#03121a}
.pp-vstack .v-great{background:var(--ok)}.pp-vstack .v-good{background:var(--info)}.pp-vstack .v-play{background:var(--warn)}.pp-vstack .v-no{background:var(--bad)}.pp-vstack .v-unk{background:var(--text-mute)}
.pp-lib{display:grid;gap:6px;margin:12px 0}
.pp-lib-row{display:grid;grid-template-columns:minmax(0,1fr) auto 84px 64px;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;background:color-mix(in srgb,var(--bg-0) 35%,transparent);text-decoration:none;color:inherit;font-size:14px}
.pp-lib-row>a,.pp-lib-row>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pp-lib-row.is-on{outline:1px solid var(--accent)}
a.pp-lib-row:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}
.pp-fps{font:700 14px/1 var(--font-display);text-align:end}
.pp-row-a{display:flex;flex-wrap:wrap;gap:8px}
.pp-gsearch{margin-top:12px;position:relative}
.pp-weak-main{font-size:16px;margin:0 0 12px}
.pp-weak-tag{display:inline-block;padding:2px 10px;border-radius:8px;background:color-mix(in srgb,var(--bad) 18%,transparent);color:var(--bad)}
.pp-ok{color:var(--ok)}
.pp-weak-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.pp-weak-item{display:grid;gap:4px;align-content:start;padding:12px;border-radius:14px;border:1px solid var(--border-1);background:color-mix(in srgb,var(--bg-0) 30%,transparent);font-size:13px;min-width:0}
.pp-weak-item.is-weak{border-color:var(--bad);box-shadow:0 0 0 1px color-mix(in srgb,var(--bad) 40%,transparent) inset}
.pp-weak-n{font:800 26px/1 var(--font-display)}
.pp-weak-item small{color:var(--text-2);line-height:1.4}
.pp-budget{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pp-budget input{width:140px}
.pp-upg{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.pp-upg-card{position:relative;display:grid;gap:6px;align-content:start;padding:16px;border-radius:14px;border:1px solid var(--border-1);background:color-mix(in srgb,var(--bg-0) 30%,transparent);min-width:0}
.pp-upg-card.is-best{border-color:var(--border-glow)}
.pp-upg-gain{font:800 30px/1 var(--font-display);color:var(--ok)}
.pp-upg-gain small{font-size:14px;color:var(--text-3)}
.pp-upg-meta{display:flex;flex-wrap:wrap;gap:4px 12px;font-weight:700;font-size:14px}
.pp-watch{margin:4px 0 0}
.pp-set{display:grid;gap:8px;margin:10px 0 14px}
.pp-set.is-blur{filter:blur(4px);user-select:none;pointer-events:none;max-height:180px;overflow:hidden;mask-image:linear-gradient(#000 60%,transparent)}
.pp-set-row{display:grid;grid-template-columns:minmax(0,1fr) auto 64px;gap:4px 12px;align-items:center;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--bg-0) 35%,transparent)}
.pp-set-row b{color:var(--accent)}
.pp-set-row em{font:700 14px/1 var(--font-display);font-style:normal;text-align:end}
.pp-set-row em.up{color:var(--ok)}.pp-set-row em.down{color:var(--bad)}
.pp-set-row small{grid-column:1/-1;color:var(--text-3);font-size:12.5px;line-height:1.45}
.pp-bench-mini{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin:8px 0}
.pp-bench-mini>div{display:grid;gap:2px;padding:10px;border-radius:12px;border:1px solid var(--border-1);min-width:0}
.pp-bench-mini span{font:800 22px/1 var(--font-display);color:var(--accent)}
.pp-bench-mini small{color:var(--text-3);font-size:12px}
.pp-tl{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:6px;font-size:13.5px;color:var(--text-2)}
.pp-tl time{color:var(--text-3);margin-inline-end:6px}
.pp-share-box{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px;align-items:start;margin-bottom:12px}
.pp-share-box img{width:100%;height:auto;border-radius:12px;border:1px solid var(--border-1)}
.pp-share-act{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-width:0}
.pp-share-act input{flex:1 1 200px;min-width:0;font-family:var(--font-mono);font-size:13px}
.pp-share-form{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.pp-pc-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.pp-import{margin-top:12px}
.pp-import summary{cursor:pointer;font-weight:700}
.pp-onb{padding:26px;border-radius:20px;border:1px solid var(--border-glow);background:linear-gradient(135deg,color-mix(in srgb,var(--pr-g1) 8%,var(--bg-2)),var(--bg-2))}
.pp-onb h2{font:800 24px/1.2 var(--font-display);margin:0 0 6px}
.pp-onb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.pp-onb-card{display:grid;gap:6px;padding:16px;border-radius:14px;border:1px solid var(--border-1);background:var(--bg-2);color:inherit;text-decoration:none}
.pp-onb-card:hover{border-color:var(--accent)}
.pp-onb-card span{color:var(--text-2);font-size:13.5px}
.pp-tbl-wrap{overflow-x:auto;max-width:100%}
.pp-tbl{width:100%;border-collapse:collapse;font-size:14px}
.pp-tbl th,.pp-tbl td{padding:9px 10px;border-bottom:1px solid var(--border-1);text-align:start;vertical-align:top}
.pp-tbl th{color:var(--text-3);font-weight:600;font-size:12.5px}
.pp-steps{padding-inline-start:20px;display:grid;gap:6px;color:var(--text-2)}
.pp-links{display:flex;flex-wrap:wrap;gap:6px 14px;list-style:none;padding:0;margin:10px 0 0;font-size:14px}
/* кабинет Pro */
.pr-status{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center}
.pr-status.is-on{border-color:var(--border-glow);background:linear-gradient(120deg,color-mix(in srgb,var(--pr-g1) 8%,var(--bg-2)),color-mix(in srgb,var(--pr-g2) 10%,var(--bg-2)))}
.pr-status-big{font:800 26px/1.2 var(--font-display);margin:6px 0}
.pr-status p{margin:4px 0}
.pr-status-a{display:flex;flex-wrap:wrap;gap:8px}
.pr-status-a form{margin:0}
.pr-feat-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;font-size:14.5px}
.pr-feat-list li{padding:8px 10px;border-radius:10px;background:color-mix(in srgb,var(--bg-0) 30%,transparent);color:var(--text-2)}
.pr-feat-list li.is-on{color:var(--text-1)}
.pr-feat-list li.is-on span{color:var(--ok);font-weight:800}
.pr-st{display:inline-block;padding:2px 9px;border-radius:99px;font-size:12px;font-weight:700;background:var(--border-1);color:var(--text-2)}
.pr-st-paid{background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok)}
.pr-st-pending,.pr-st-new{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn)}
.pr-st-refunded,.pr-st-failed{background:color-mix(in srgb,var(--bad) 16%,transparent);color:var(--bad)}
/* оформление */
.pr-buy{display:grid;gap:22px}
.pr-buy fieldset{border:0;padding:0;margin:0;min-width:0}
.pr-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pr-plans legend,.pr-provs legend,.pr-giftf legend{margin-bottom:10px}
.pr-plan,.pr-prov{position:relative;display:block;cursor:pointer}
.pr-plan input,.pr-prov input{position:absolute;opacity:0;inset:0;cursor:pointer}
.pr-plan>span{display:grid;gap:4px;height:100%;padding:16px;border-radius:16px;border:2px solid var(--border-1);background:var(--bg-2);transition:border-color .2s}
.pr-plan em{font:800 26px/1 var(--font-display);font-style:normal}
.pr-plan small,.pr-prov small{color:var(--text-3);font-size:12.5px}
.pr-plan input:checked+span,.pr-prov input:checked+span{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.pr-plan input:focus-visible+span,.pr-prov input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.pr-save{font-style:normal;color:var(--ok);font-size:13px}
.pr-provs{display:grid;gap:10px}
.pr-prov>span{display:grid;gap:2px;padding:12px 14px;border-radius:14px;border:2px solid var(--border-1);background:var(--bg-2)}
.pr-agree{font-size:14px;line-height:1.5}
.pr-gift-prev{max-width:520px}
.pr-kv{display:grid;gap:6px;margin:12px 0 16px}
.pr-kv>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:10px;font-size:14.5px}
.pr-kv dt{color:var(--text-3)}.pr-kv dd{margin:0}
.pr-order .pr-giftcard{margin:10px 0 16px;transform:none}
.pr-manual{display:grid;gap:10px}
.pr-gift-page{text-align:center;display:grid;gap:14px;justify-items:center}
.pr-gift-page .pr-giftcard{max-width:600px}
.pr-gift-msg{margin:0;font-size:18px;font-style:italic;color:var(--text-2);max-width:560px}
.pr-gift-msg cite{display:block;font-size:14px;margin-top:6px;font-style:normal;color:var(--text-3)}
/* /link */
.pr-link{max-width:560px;text-align:center}
.pr-link-ic{font-size:30px;margin-bottom:6px}
.pr-code-form{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:14px 0}
.pr-code-in{font:800 28px/1 var(--font-mono);letter-spacing:.12em;text-align:center;text-transform:uppercase;width:min(100%,260px);padding:12px;border-radius:12px}
.pr-code-show{display:inline-block;font:800 34px/1 var(--font-mono);letter-spacing:.14em;padding:14px 22px;border-radius:14px;border:1px dashed var(--border-glow);color:var(--accent);margin:8px 0}
.pr-decide{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:12px 0}
.pr-link .pr-mini-feats{text-align:start;max-width:420px;margin-inline:auto}
.pr-cta-card{text-align:center;border-color:var(--border-glow)}
.pr-cta-card h2{font:800 24px/1.2 var(--font-display);margin:0 0 6px}
.pr-cta-card .pr-btn{margin:6px}
.pr-terms .pr-tsec{margin-top:28px;scroll-margin-top:80px}
.pr-terms h2{font:800 22px/1.2 var(--font-display)}
.pr-terms p,.pr-terms li{line-height:1.62;font-size:15px}
.pr-terms ol,.pr-terms ul{padding-inline-start:20px}
/* адаптив */
@media (max-width:1020px){
  .pp-hero{grid-template-columns:auto minmax(0,1fr)}
  .pp-rank{grid-column:1/-1}
  .pp-weak-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  .pr-hero-grid,.pr-demo-grid,.pr-gift-grid,.pr-ref{grid-template-columns:minmax(0,1fr)}
  .pr-demo-rev>figure{order:2}
  .pr-uniq{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pr-prices{grid-template-columns:minmax(0,1fr);max-width:480px;margin-inline:auto}
  .pr-price.is-best{transform:none}
  .pp-share-box{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .pr-sec{padding:40px 0}
  .pr-uniq,.pp-onb-grid,.pr-plans{grid-template-columns:minmax(0,1fr)}
  .pp-hero{grid-template-columns:minmax(0,1fr);text-align:start}
  .pp-weak-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pp-lib-row{grid-template-columns:minmax(0,1fr) auto;row-gap:2px}
  .pp-lib-row .pp-fps{text-align:start}
  .pr-cmp th,.pr-cmp td{padding:10px 8px;font-size:13.5px}
  .pr-btn-lg{width:100%}
  .pr-cta-row .pr-inline,.pr-cta-row form{width:100%}
  .pr-kv>div{grid-template-columns:110px minmax(0,1fr)}
  .pp-card{padding:14px}
}

/* RTL: SVG-мокапы и графики рисуются в координатах LTR (текст внутри — по bidi), иначе text-anchor зеркалится и подписи уезжают */
.pr-mock,.pr-giftcard,.pp-bars,.pp-dist,.pp-hist,.pp-gauge{direction:ltr;unicode-bidi:isolate}

/* способы оплаты (агент PAY): чипы с иконками, рекомендация по стране */
.pay-opt>span{gap:6px;transition:border-color .2s var(--ease-out,ease),transform .2s var(--ease-out,ease)}
.pay-opt:hover>span{border-color:var(--border-2)}
.pay-opt b{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.pay-rec,.pay-test{font-style:normal;font-weight:600;font-size:11.5px;line-height:1;padding:4px 8px;border-radius:var(--radius-pill,99px)}
.pay-rec{color:var(--ok);background:var(--ok-bg);border:1px solid var(--ok-line)}
.pay-test{color:var(--warn);background:var(--warn-bg);border:1px solid var(--warn-line)}
.pay-chips{display:flex;flex-wrap:wrap;gap:6px}
.pay-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 9px 4px 7px;border-radius:var(--radius-pill,99px);background:var(--tint-1);border:1px solid var(--border-1);color:var(--text-2);font-size:12.5px;line-height:1.2}
.pay-chip .pay-ic{flex:none;color:var(--accent)}
.pay-chip-crypto .pay-ic,.pay-chip-ton .pay-ic{color:var(--accent-3,var(--accent))}
.pay-chip-sbp .pay-ic,.pay-chip-pix .pay-ic{color:var(--ok)}
.pay-opt input:checked+span .pay-chip{border-color:var(--border-2);color:var(--text-1)}
.pay-note{margin:0}
@media (prefers-reduced-motion:reduce){.pay-opt>span{transition:none}}
/* FIXSITE (фаза 15): наклон карты-подарка (-1.5°) расширял её рамку на 4–10 px за колонку/контейнер — компенсируем масштабом */
.pr-giftcard{transform:rotate(-1.5deg) scale(.965)}
.pr-order .pr-giftcard{transform:none}
