.vsd-973 .vsd-element.vsd-element-6101a53{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;}.vsd-973 .vsd-element.vsd-element-58e33ee{width:var( --container-widget-width, 70% );max-width:70%;padding:0px 5px 0px 5px;--container-widget-width:70%;--container-widget-flex-grow:0;}.vsd-973 .vsd-element.vsd-element-58e33ee.vsd-element{--align-self:flex-start;--flex-grow:1;--flex-shrink:0;}.vsd-973 .vsd-element.vsd-element-71e5bac.vsd-element{--align-self:flex-start;}.vsd-973 .vsd-element.vsd-element-9ceb081{width:auto;max-width:auto;margin:0em 0em calc(var(--kit-widget-spacing, 0px) + -5em) 0em;padding:0px 5px 0px 0px;}.vsd-973 .vsd-element.vsd-element-9ceb081.vsd-element{--align-self:center;}.vsd-973 .vsd-element.vsd-element-e0f4d7e{width:auto;max-width:auto;margin:-0.6em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0px 5px 0px 5px;}.vsd-973 .vsd-element.vsd-element-e0f4d7e.vsd-element{--align-self:flex-start;}.vsd-973 .vsd-element.vsd-element-e99f1c2{width:auto;max-width:auto;margin:-0.85em 0em calc(var(--kit-widget-spacing, 0px) + 0em) -0.88em;}.vsd-973 .vsd-element.vsd-element-e99f1c2.vsd-element{--align-self:flex-start;}.vsd-973 .vsd-element.vsd-element-156c702{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.vsd-973 .vsd-element.vsd-element-4d5f55e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;}/* Start custom CSS for html, class: .vsd-element-58e33ee */.tool-title{
  font-size:28px;
  line-height:1.15;
  letter-spacing:-.025em;
  font-weight:800;
  color:#0b0d12;
  margin:0;
}

.tool-title > span{
  position:relative;
  z-index:1;
}

.tool-title > span::before{
  content:"";
  position:absolute;
  left:-6px;
  right:-6px;
  bottom:2px;
  height:.55em;
  background:linear-gradient(180deg,rgba(79,124,255,.18),rgba(79,124,255,.08));
  border-radius:8px;
  z-index:-1;
  transform:skewX(-6deg);
}

@media(max-width:900px){
  .tool-title{font-size:24px}
}/* End custom CSS */
/* Start custom CSS for html, class: .vsd-element-71e5bac */.btc-tool-description{
  font-family:system-ui,-apple-system,Segoe UI,Inter,Roboto,sans-serif;
  color:#0b0d12;
}

.btc-tool-description h2{
  margin:56px 0 14px;
  font-size:28px;
  line-height:1.15;
  letter-spacing:-.025em;
  font-weight:800;
  color:#0b0d12;
  position:relative;
  display:inline-block;
}

.btc-tool-description h2::before{
  content:"";
  position:absolute;
  left:0;
  bottom:-7px;
  width:3.2ch;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#4f7cff,#9db2ff);
}

.btc-tool-description p{
  margin:0 0 18px;
  font-size:16.5px;
  line-height:1.7;
  color:rgba(11,13,18,.78);
  max-width:760px;
}

.btc-tool-description strong{
  color:#0b0d12;
  font-weight:700;
}

.btc-tool-description a{
  color:#3b6cff;
  text-decoration:none;
  border-radius:6px;
  padding:1px 3px;
  transition:background .15s ease,color .15s ease;
}

.btc-tool-description a:hover{
  background:rgba(79,124,255,.08);
  color:#2f5cff;
}

@media(max-width:900px){
  .btc-tool-description h2{
    font-size:24px;
  }

  .btc-tool-description p{
    font-size:15.5px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .vsd-element-9ceb081 *//* FINAL – refactored, без hover бъгове, с размери/поведение от малките бутони */

/* layout */
.nav-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}

/* base */
.nav-btn{
  min-height:2.1rem;
  padding:0 .7rem;
  display:flex;align-items:center;justify-content:center;gap:.6rem;
  border-radius:10px;
  border:1px solid var(--border);
  background:#fff;
  color:var(--text);
  font-weight:600;
  font-size:.75rem;
  line-height:1;
  text-decoration:none!important;
  -webkit-tap-highlight-color:transparent;
  box-shadow:0 2px 6px rgba(15,23,42,.06);
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;
}

/* neutral button hover */
.nav-btn:hover{
  background:#f7f9ff;
  border-color:#cfd9ff;
  box-shadow:0 4px 12px rgba(59,108,255,.12);
}

/* press */
.nav-btn:active{
  box-shadow:0 1px 3px rgba(15,23,42,.08);
}

/* focus */
.nav-btn:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(59,108,255,.18),0 4px 12px rgba(59,108,255,.12);
}

/* primary */
.nav-all{
  border:0;
  color:#fff;
  background:linear-gradient(180deg,#4f7cff,#3b6cff);
  box-shadow:0 4px 10px rgba(59,108,255,.15);
}

/* FIX: синият да не се „ебе“ на hover */
.nav-all:hover{
  background:linear-gradient(180deg,#4f7cff,#3b6cff);
  color:#fff;
  border:0;
  box-shadow:0 4px 12px rgba(59,108,255,.22);
}

/* press primary */
.nav-all:active{
  box-shadow:0 1px 3px rgba(59,108,255,.18);
}

/* icon wrapper only */
.ico{
  width:22px;
  height:22px;
  flex:0 0 22px;
  border-radius:7px;
  display:grid;
  place-items:center;
  font-weight:700;
  line-height:1;
  background:rgba(59,108,255,.08);
  color:var(--brand);
}

/* primary icon wrapper */
.nav-all .ico{
  background:rgba(255,255,255,.18);
  color:#fff;
}

/* reduced motion */
@media (prefers-reduced-motion:reduce){
  .nav-btn{transition:none}
}/* End custom CSS */
/* Start custom CSS for html, class: .vsd-element-e0f4d7e */.breadcrumb{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  font-size:12.5px;
  font-weight:450;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(11,13,18,.48);
}

.breadcrumb a{
  color:inherit;
  text-decoration:none;
  position:relative;
  padding:2px 4px;
  border-radius:6px;
  transition:background .15s ease,color .15s ease;
}

.breadcrumb a:hover{
  color:#3b6cff;
  background:rgba(79,124,255,.08);
}

.breadcrumb .sep{
  font-size:11px;
  opacity:.35;
}

.breadcrumb .current{
  color:#0b0d12;
  font-weight:550;
  letter-spacing:.06em;
}/* End custom CSS */
/* Start custom CSS for html, class: .vsd-element-e99f1c2 *//* hide the real block everywhere (SEO-visible, user-invisible) */
.btc-tool-desc{
  position:absolute !important;
  left:-99999px !important;
  top:auto !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}

/* question mark – same sizing/tone as breadcrumbs */
.breadcrumb-help{
  font-size:12.5px;
  font-weight:450;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(11,13,18,.48);
  text-decoration:none;
  padding:2px 4px;
  border-radius:6px;
  cursor:pointer;
  position:relative;
  transition:background .15s ease,color .15s ease;
}

.breadcrumb-help::after{
  content:"";
  position:absolute;
  left:6px;
  right:6px;
  bottom:2px;
  height:1px;
  background:currentColor;
  opacity:0;
  transform:scaleX(.6);
  transition:opacity .12s ease,transform .12s ease;
}

.breadcrumb-help:hover{
  color:#3b6cff;
  background:rgba(79,124,255,.08);
}

.breadcrumb-help:hover::after{
  opacity:.7;
  transform:scaleX(1);
}

/* popup */
.btc-desc-popup{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(15,18,30,.32);
  backdrop-filter:blur(6px);
}

.btc-desc-popup-box{
  width:min(940px,100%);
  max-height:88vh;
  overflow:auto;
  background:#fff;
  border-radius:22px;
  padding:28px 28px 32px;
  box-shadow:
    0 30px 80px rgba(15,23,42,.25),
    inset 0 0 0 1px rgba(120,140,200,.18);
}

.btc-desc-popup-close{
  all:unset;
  display:inline-block;
  margin-bottom:12px;
  font-size:12.5px;
  font-weight:450;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#3b6cff;
  cursor:pointer;
  padding:2px 6px;
  border-radius:6px;
}

.btc-desc-popup-close:hover{
  background:rgba(79,124,255,.08);
}

/* show cloned content normally inside popup */
.btc-desc-popup-box .btc-tool-desc{
  position:static !important;
  width:auto !important;
  height:auto !important;
  overflow:visible !important;
  left:auto !important;
}/* End custom CSS */