/* Rankfinity · pop-up „Start for free" (06.10, v3). Всичко е под #rfpp — не пипа стиловете на сайта.
   v3: вдясно „всичко в едно" (орбита около марката) вместо картата 5×5; вляво — бюлетинът. v4: телефонът — прозорец в центъра.
   Махане: изтрий wp-content/mu-plugins/rf-popup.php. */
#rfpp{
  --pp-bg:#0A0E13;--pp-bg-2:#0F1620;--pp-ink:#F2F6FA;--pp-muted:#A3B0BF;--pp-hair:rgba(255,255,255,.12);
  --pp-teal:#2DD4BF;--pp-sky:#38BDF8;--pp-blue:#3B82F6;--pp-grad:linear-gradient(100deg,var(--pp-teal) 0%,var(--pp-sky) 45%,var(--pp-blue) 100%);--pp-grad-text:var(--pp-grad);
  --pp-on-grad:#06080B;--pp-scrim:rgba(3,6,10,.72);--pp-glow:rgba(45,212,191,.22);--pp-glow-2:rgba(59,130,246,.22);
  --pp-chip-bg:rgba(45,212,191,.12);--pp-chip-ink:#5EEAD4;--pp-focus:#7DD3FC;--pp-err:#FCA5A5;--pp-ok:#5EEAD4;
  --pp-field:rgba(255,255,255,.04);--pp-logo-bg:#121A24;
  --pp-r:22px;--pp-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 1px var(--pp-hair);
  --pp-font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:16px;
  font-family:var(--pp-font);color:var(--pp-ink);-webkit-font-smoothing:antialiased;
}
/* 19.10 · собственикът: сайтът е винаги тъмен → поп-апът също (махнат светлият вариант по темата на ОС; копие popup.css.bak-20261019dark) */
#rfpp[hidden]{display:none}
#rfpp *,#rfpp *::before,#rfpp *::after{box-sizing:border-box}
#rfpp .pp-scrim{position:absolute;inset:0;background:var(--pp-scrim);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .3s ease}
#rfpp .pp-card{
  position:relative;width:min(840px,100%);max-height:calc(100vh - 32px);overflow:auto;
  display:grid;grid-template-columns:1.1fr .9fr;border-radius:var(--pp-r);background:var(--pp-bg);box-shadow:var(--pp-shadow);
  opacity:0;transform:translateY(16px) scale(.98);transition:opacity .35s ease,transform .45s cubic-bezier(.2,.8,.2,1);
}
#rfpp .pp-card::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--pp-grad);border-radius:var(--pp-r) var(--pp-r) 0 0}
#rfpp.pp-open .pp-scrim{opacity:1}
#rfpp.pp-open .pp-card{opacity:1;transform:none}

#rfpp .pp-main{padding:32px 32px 24px}
#rfpp .pp-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;padding:6px 12px;border-radius:999px;background:var(--pp-chip-bg);color:var(--pp-chip-ink);font-size:13px;font-weight:600;letter-spacing:.01em}
#rfpp .pp-eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pp-teal);box-shadow:0 0 0 4px var(--pp-glow)}
#rfpp h2.pp-title{margin:0 0 10px;font:800 32px/1.1 var(--pp-font);letter-spacing:-.02em;color:var(--pp-ink)}
#rfpp .pp-title .pp-g{background:var(--pp-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}
#rfpp .pp-sub{margin:0 0 16px;font-size:15px;line-height:1.55;color:var(--pp-muted)}
#rfpp .pp-list{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}
#rfpp h2.pp-title,#rfpp .pp-sub,#rfpp .pp-eyebrow{text-transform:none;text-shadow:none}
#rfpp .pp-list li{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:1.4;color:var(--pp-ink);margin:0;padding:0}
#rfpp .pp-list li::before{content:"";flex:0 0 18px;height:18px;margin-top:1px;border-radius:50%;background:var(--pp-grad);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cmask id='m'%3E%3Ccircle cx='9' cy='9' r='9' fill='%23fff'/%3E%3Cpath d='M5 9.4l2.6 2.5L13 6.6' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/mask%3E%3Ccircle cx='9' cy='9' r='9' fill='%23fff' mask='url(%23m)'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cmask id='m'%3E%3Ccircle cx='9' cy='9' r='9' fill='%23fff'/%3E%3Cpath d='M5 9.4l2.6 2.5L13 6.6' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/mask%3E%3Ccircle cx='9' cy='9' r='9' fill='%23fff' mask='url(%23m)'/%3E%3C/svg%3E") center/contain no-repeat}
#rfpp .pp-list b{font-weight:700}
#rfpp .pp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}
#rfpp a.pp-cta,#rfpp button.pp-no{min-height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;font:700 16px/1 var(--pp-font);text-decoration:none;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background-color .2s ease}
#rfpp a.pp-cta{padding:0 24px;background:var(--pp-grad);color:var(--pp-on-grad);box-shadow:0 10px 30px var(--pp-glow-2)}
#rfpp a.pp-cta:hover{transform:translateY(-1px);box-shadow:0 14px 36px var(--pp-glow-2)}
#rfpp a.pp-cta span{margin-left:8px;transition:transform .2s ease}
#rfpp a.pp-cta:hover span{transform:translateX(3px)}
#rfpp a.pp-plans{display:inline-flex;align-items:center;min-height:44px;color:var(--pp-ink);font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--pp-hair)}
#rfpp a.pp-plans:hover{text-decoration-color:currentColor}

/* бюлетинът — компактен ред под CTA */
#rfpp .pp-nl{margin:18px 0 0;padding:16px 0 0;border-top:1px solid var(--pp-hair)}
#rfpp label.pp-nl-h{display:block;margin:0 0 8px;font-size:14px;font-weight:600;color:var(--pp-ink)}
#rfpp .pp-nl-row{display:flex;gap:8px}
#rfpp .pp-nl-row input[type="email"]{flex:1 1 auto;min-width:0;min-height:44px;margin:0;padding:0 14px;border:1px solid var(--pp-hair);border-radius:11px;background:var(--pp-field);color:var(--pp-ink);font:400 15px/1 var(--pp-font);box-shadow:none}
#rfpp .pp-nl-row input[type="email"]::placeholder{color:var(--pp-muted);opacity:.75}
#rfpp .pp-nl-row input[type="email"]:focus{border-color:var(--pp-teal);outline:0}
#rfpp .pp-nl-row input[aria-invalid="true"]{border-color:var(--pp-err)}
#rfpp .pp-nl-row button{flex:0 0 auto;min-height:44px;margin:0;padding:0 18px;border:1px solid var(--pp-hair);border-radius:11px;background:var(--pp-bg-2);color:var(--pp-ink);font:600 14px/1 var(--pp-font);cursor:pointer;text-transform:none;letter-spacing:0}
#rfpp .pp-nl-row button:hover{border-color:var(--pp-teal);background:var(--pp-bg-2);color:var(--pp-ink)}
#rfpp .pp-nl-row button[disabled]{opacity:.7;cursor:progress}
#rfpp .pp-nl-fine{margin:8px 0 0;font-size:12.5px;line-height:1.45;color:var(--pp-muted)}
#rfpp .pp-nl-fine a{display:inline-block;padding:14px 4px;margin:-14px -4px;color:var(--pp-ink);text-decoration:underline;text-underline-offset:3px}
#rfpp .rfnl-msg{margin:6px 0 0;min-height:1.3em;font-size:13.5px;line-height:1.4;color:var(--pp-muted)}
#rfpp .rfnl-msg:empty{min-height:0;margin:0}
#rfpp .rfnl-msg[data-kind="ok"]{color:var(--pp-ok);font-weight:600}
#rfpp .rfnl-msg[data-kind="err"]{color:var(--pp-err)}
#rfpp .pp-nl.rfnl-done .pp-nl-row,#rfpp .pp-nl.rfnl-done .pp-nl-fine{display:none}
#rfpp .rfnl-hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}

#rfpp button.pp-no{min-height:44px;margin:8px 0 0;padding:0 4px;border:0;background:none;color:var(--pp-muted);font-weight:500;font-size:14px;text-decoration:underline;text-underline-offset:3px}
#rfpp button.pp-no:hover,#rfpp button.pp-no:focus{color:var(--pp-ink);background:none;border:0}
#rfpp button.pp-x{position:absolute;top:10px;right:10px;z-index:2;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:0;border-radius:12px;background:transparent;color:var(--pp-muted);cursor:pointer}
#rfpp button.pp-x:focus{background:transparent;color:var(--pp-muted);border:0}
#rfpp button.pp-x:hover{background:var(--pp-bg-2);color:var(--pp-ink)}
#rfpp a:focus-visible,#rfpp button:focus-visible,#rfpp input:focus-visible{outline:3px solid var(--pp-focus);outline-offset:3px}

/* правата колона — „всичко в едно": марката в центъра, AI платформите в орбита, функциите около тях */
#rfpp .pp-vis{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:28px 16px;
  background:radial-gradient(120% 90% at 80% 10%,var(--pp-glow-2),transparent 60%),radial-gradient(110% 80% at 10% 100%,var(--pp-glow),transparent 60%),var(--pp-bg-2);
  border-left:1px solid var(--pp-hair);border-radius:0 var(--pp-r) var(--pp-r) 0}
#rfpp .pp-hub{position:relative;width:340px;height:330px;flex:0 0 auto}
#rfpp .pp-ring{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%)}
#rfpp .pp-r1{width:136px;height:136px;border:1px dashed var(--pp-hair)}
#rfpp .pp-r2{width:250px;height:290px;border:1px solid var(--pp-hair);opacity:.7}
#rfpp .pp-core{position:absolute;left:50%;top:50%;width:68px;height:68px;margin:-34px 0 0 -34px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:var(--pp-bg);box-shadow:0 0 0 1px var(--pp-hair),0 0 0 8px var(--pp-glow),0 12px 30px var(--pp-glow-2);animation:rfppCore 3.2s ease-in-out infinite}
#rfpp .pp-core img{display:block;width:40px;height:40px;object-fit:contain;border:0;box-shadow:none}
#rfpp .pp-orb{position:absolute;left:50%;top:50%;width:0;height:0;animation:rfppSpin 48s linear infinite}
#rfpp .pp-node{position:absolute;left:0;top:0;transform:rotate(var(--a)) translate(68px) rotate(calc(-1 * var(--a)))}
#rfpp .pp-lg{display:flex;align-items:center;justify-content:center;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;background:var(--pp-logo-bg);box-shadow:0 0 0 1px var(--pp-hair),0 6px 16px rgba(0,0,0,.18);color:var(--pp-ink);animation:rfppSpin 48s linear infinite reverse}
#rfpp .pp-lg svg{display:block;width:20px;height:20px}
#rfpp .pp-feat{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) translate(var(--x),var(--y));white-space:nowrap;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.2;color:var(--pp-ink);background:var(--pp-bg);box-shadow:inset 0 0 0 1px var(--pp-hair);animation:rfppFeat 4.2s ease-in-out infinite;animation-delay:var(--d,0s)}
#rfpp .pp-cap{margin:0;font-size:13px;color:var(--pp-muted);text-align:center}
#rfpp .pp-cap b{color:var(--pp-ink);font-weight:600}
@keyframes rfppSpin{to{transform:rotate(360deg)}}
@keyframes rfppCore{0%,100%{box-shadow:0 0 0 1px var(--pp-hair),0 0 0 8px var(--pp-glow),0 12px 30px var(--pp-glow-2)}50%{box-shadow:0 0 0 1px var(--pp-hair),0 0 0 14px var(--pp-glow),0 12px 30px var(--pp-glow-2)}}
@keyframes rfppFeat{0%,100%{box-shadow:inset 0 0 0 1px var(--pp-hair)}50%{box-shadow:inset 0 0 0 1px var(--pp-teal),0 0 0 4px var(--pp-glow)}}

html.rfpp-lock,html.rfpp-lock body{overflow:hidden!important}

@media (max-width:900px) and (min-width:768px){
  #rfpp .pp-hub{transform:scale(.86);margin:-22px -24px}
}
/* v4 (06.10): телефон — компактен прозорец в ЦЕНТЪРА (не долен лист), без картинката: заглавие, ред с фактите,
   CTA, бюлетинът и X. „See plans" и „No thanks" са скрити (X затваря). */
#rfpp .pp-facts{display:none}
@media (max-width:767px){
  #rfpp{align-items:center;padding:16px}
  #rfpp .pp-card{grid-template-columns:1fr;width:min(92vw,420px);max-width:92vw;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);border-radius:20px;transform:translateY(12px) scale(.97)}
  #rfpp.pp-open .pp-card{transform:none}
  #rfpp .pp-vis,#rfpp .pp-sub,#rfpp .pp-list,#rfpp .pp-eyebrow,#rfpp a.pp-plans,#rfpp button.pp-no{display:none}
  #rfpp .pp-main{padding:26px 20px 18px;text-align:center}
  #rfpp h2.pp-title{font-size:24px;line-height:1.15;margin:0 0 10px;padding:0 30px}
  #rfpp .pp-facts{display:block;margin:0 0 18px;font-size:14px;line-height:1.45;color:var(--pp-muted)}
  #rfpp .pp-actions{flex-direction:column;align-items:stretch;gap:0}
  #rfpp a.pp-cta{width:100%}
  #rfpp .pp-nl{margin-top:16px;padding-top:14px;text-align:left}
  #rfpp label.pp-nl-h{font-size:13px;margin-bottom:6px}
  #rfpp .pp-nl-fine{font-size:12px}
  #rfpp button.pp-x{top:6px;right:6px}
}
@media (max-width:360px){
  #rfpp .pp-nl-row{flex-direction:column}
}

@media (prefers-reduced-motion:reduce){
  #rfpp .pp-scrim,#rfpp .pp-card{transition:none}
  #rfpp .pp-orb,#rfpp .pp-lg,#rfpp .pp-core,#rfpp .pp-feat{animation:none}
}


/* 20261015plat9 · орбитата е с 9 AI платформи (беше 5): кръгчетата 34px вместо 38px, за да има въздух между тях на същия пръстен (68px). Връщане: popup.css.bak-20261015plat9 */
#rfpp .pp-lg{width:34px;height:34px;margin:-17px 0 0 -17px}
#rfpp .pp-lg svg{width:18px;height:18px}
