[data-promo]{cursor:pointer}
.pr-root[hidden]{display:none}
.pr-root{position:fixed;inset:0;z-index:92;display:flex;align-items:center;justify-content:center;padding:24px}
.pr-back{position:absolute;inset:0;background:rgba(11,18,32,.6);backdrop-filter:blur(4px);animation:prFade .2s ease both}
.pr-dlg{position:relative;width:min(500px,100%);max-height:calc(100vh - 48px);overflow-y:auto;background:#fff;border-radius:28px;box-shadow:0 40px 90px rgba(11,18,32,.4);animation:prPop .32s cubic-bezier(.2,.9,.3,1.1) both}
.pr-x{position:absolute;right:14px;top:14px;z-index:2;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .15s}
.pr-x:hover{background:rgba(255,255,255,.32)}
.pr-hero{position:relative;overflow:hidden;padding:34px 30px 26px;color:#fff;background:linear-gradient(135deg,#1570ef 0%,#3b8cff 55%,#6aa9ff 100%)}
.pr-hero::before,.pr-hero::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.1)}
.pr-hero::before{width:220px;height:220px;right:-70px;top:-90px}
.pr-hero::after{width:140px;height:140px;left:-50px;bottom:-70px}
.pr-ico{position:relative;display:flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:20px;background:#fff;color:#1570ef;font-size:28px;box-shadow:0 14px 30px rgba(8,52,128,.35);animation:prFloat 3s ease-in-out infinite}
.pr-kicker{position:relative;display:inline-block;margin-top:16px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.pr-dlg .pr-hero h3{position:relative;margin-top:6px;font-size:25px;line-height:1.2;letter-spacing:-0.025em;color:#fff}
.pr-body{padding:24px 28px 26px;display:flex;flex-direction:column;gap:16px}
.pr-lead{font-size:15.5px;line-height:1.6;color:var(--ink)}
.pr-list{list-style:none;display:flex;flex-direction:column;gap:10px;margin:0;padding:0}
.pr-list li{display:flex;gap:12px;align-items:flex-start;font-size:15px;font-weight:600;line-height:1.4;color:var(--ink)}
.pr-list i{flex:none;margin-top:1px;width:24px;height:24px;border-radius:50%;background:#e7f7ec;color:#1b9b4a;font-size:13px;display:flex;align-items:center;justify-content:center}
.pr-pitch{font-size:14px;line-height:1.5;color:var(--muted);background:var(--blue-soft);border-radius:14px;padding:12px 14px}
.pr-pitch i{color:#f5a623}
.pr-cta{width:100%;padding:16px 26px;font-size:16.5px}
.pr-sec{display:block;width:100%;text-align:center;font-size:15px;font-weight:700;color:var(--blue);padding:8px 0}
.pr-foot{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;font-size:12.5px;font-weight:600;color:var(--muted);padding-top:2px}
.pr-foot i{color:var(--blue);margin-right:4px}
body.pr-open{overflow:hidden}
.pr-stage{display:flex;flex-direction:column;gap:14px}
.pr-stage.pr-in{animation:prStageIn .35s ease both}
.pr-dots{display:flex;align-items:center;gap:6px}
.pr-dots i{width:26px;height:6px;border-radius:99px;background:var(--blue-soft);transition:background .2s}
.pr-dots i.on{background:var(--blue)}
.pr-dots span{margin-left:auto;font-size:12.5px;font-weight:700;color:var(--muted)}
.pr-q{font-size:20px;font-weight:800;line-height:1.3;letter-spacing:-0.02em;color:var(--ink)}
.pr-opts{display:grid;gap:10px}
.pr-opt{text-align:left;border:1.5px solid var(--line);border-radius:16px;padding:14px 16px;font-size:15.5px;font-weight:600;line-height:1.35;color:var(--ink);background:#fff;transition:border-color .15s,background .15s,transform .15s}
.pr-opt:hover{border-color:#b9cdf2;background:#f7faff;transform:translateX(2px)}
.pr-opt.on{border-color:var(--blue);background:var(--blue-soft)}
.pr-chat{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.pr-bub{border-radius:18px;background:var(--blue-soft);padding:12px 14px;display:flex;flex-direction:column;gap:5px;opacity:0;animation:prStageIn .45s ease both}
.pr-bub b{font-size:13px;color:var(--muted);font-weight:700}
.pr-bub span{font-size:15px;font-weight:600;line-height:1.4;color:var(--ink)}
.pr-bub i{color:#1b9b4a;margin-right:4px}
.pr-meter{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:700;color:var(--muted)}
.pr-meter div{height:8px;border-radius:99px;background:var(--blue-soft);overflow:hidden}
.pr-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,#1570ef,#1b9b4a);border-radius:99px;transition:width .5s ease}
.pr-pains{display:grid;gap:10px}
.pr-pain{position:relative;display:block;text-align:left;border:1.5px solid #f3c9c4;border-radius:16px;padding:14px 16px;background:#fff7f6;transition:border-color .2s,background .2s,transform .2s}
.pr-pain:hover{transform:translateY(-1px)}
.pr-pain span{display:flex;gap:10px;align-items:flex-start;font-size:15px;font-weight:600;line-height:1.4}
.pr-pain-bad{color:#9b2c24}
.pr-pain-bad i{margin-top:2px;color:#e5322d}
.pr-pain-good{display:none !important;color:#14683a}
.pr-pain-good i{margin-top:2px;color:#1b9b4a}
.pr-pain.solved{border-color:#bfe6cc;background:#f1faf4;transform:none}
.pr-pain.solved .pr-pain-bad{display:none}
.pr-pain.solved .pr-pain-good{display:flex !important;animation:prStageIn .35s ease both}
.pr-final{display:flex;flex-direction:column;gap:12px;animation:prStageIn .4s ease both}
.pr-final[hidden]{display:none}
.pr-final p{font-size:15px;font-weight:700;line-height:1.45;color:var(--ink);text-align:center}
.pr-vs-head{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.pr-vs-head .g{color:#1b9b4a}
.pr-vs{display:grid;gap:8px}
.pr-vs-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;opacity:0;animation:prStageIn .4s ease both}
.pr-vs-row span{display:flex;gap:8px;align-items:flex-start;border-radius:14px;padding:10px 12px;font-size:13.5px;font-weight:600;line-height:1.35}
.pr-vs-row .bad{background:#fff7f6;color:#9b2c24}
.pr-vs-row .bad i{color:#e5322d;margin-top:1px}
.pr-vs-row .good{background:#f1faf4;color:#14683a}
.pr-vs-row .good i{color:#1b9b4a;margin-top:1px}
.pr-race{display:grid;gap:10px;margin-top:2px}
.pr-race small{display:block;font-size:12.5px;font-weight:700;color:var(--muted);margin-bottom:5px}
.pr-track{height:12px;border-radius:99px;background:#eef2f9;overflow:hidden}
.pr-track i{display:block;height:100%;width:0;border-radius:99px}
.pr-track .bad{background:#e5322d;transition:width 6s linear}
.pr-track .good{background:#1b9b4a;transition:width 1.1s cubic-bezier(.2,.9,.3,1)}
.pr-note{font-size:12.5px;line-height:1.45;color:var(--muted);text-align:center}
@keyframes prStageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (max-width:700px){
  .pr-vs-row span{font-size:13px;padding:9px 10px}
}
@keyframes prFade{from{opacity:0}to{opacity:1}}
@keyframes prPop{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
@keyframes prFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media (max-width:700px){
  .pr-root{padding:0;align-items:flex-end}
  .pr-dlg{width:100%;max-height:92vh;border-radius:26px 26px 0 0;animation:prSheet .32s cubic-bezier(.2,.9,.3,1.02) both}
  .pr-hero{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center;padding:20px 62px 18px 18px}
  .pr-ico{grid-row:1 / span 2;width:48px;height:48px;border-radius:15px;font-size:22px}
  .pr-kicker{margin-top:0;font-size:11px;align-self:end}
  .pr-hero h3{margin-top:2px;font-size:19px;align-self:start}
  .pr-body{padding:16px 16px 22px;gap:12px}
  .pr-q{font-size:18px}
  .pr-opt{padding:13px 14px;font-size:15px}
  .pr-pain{padding:12px 14px}
  .pr-pain span{font-size:14.5px}
  .pr-vs-head{display:none}
  .pr-vs-row{grid-template-columns:1fr}
  .pr-cta{position:sticky;bottom:0;box-shadow:0 -10px 24px rgba(255,255,255,.9),0 10px 24px rgba(21,70,160,.25)}
}
@keyframes prSheet{from{transform:translateY(100%)}to{transform:none}}