body {
  background: #F6FBFF;
}

.sys-switch a {
  color: #8D96A4;
}
.sys-switch a.active {
  color: #081A2D;
}

.dev-mobile .btn {
  min-width: 224px;
}

.apple {
  position: relative;
  cursor: pointer;
  display: inline-block;
}
.apple .tooltip-popup {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 10px;
  background: white;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  padding: 0px;
  display: none;
  z-index: 1000;
  width: 137px;
  height: -moz-fit-content;
  height: fit-content;
  overflow: inherit;
}
.apple .tooltip-popup img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 8px;
}
.apple .tooltip-popup span {
  color: #081A2D;
}
.apple .tooltip-popup::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent white transparent;
}
.apple:hover .tooltip-popup {
  display: block;
}
@media (min-width: 1200px) {
  .apple .tooltip-popup {
    width: 144px;
  }
}

.sec1 .lft {
  max-width: 640px;
}
@media (min-width: 992px) {
  .sec1 .lft {
    max-width: 440px;
  }
}
@media (min-width: 1280px) {
  .sec1 .lft {
    max-width: 520px;
  }
}
@media (min-width: 1600px) {
  .sec1 .lft {
    max-width: 640px;
  }
}

.ensures-accuracy .ensures-accuracy-list {
  align-items: stretch;
}
.ensures-accuracy .ensures-accuracy-list .item {
  height: auto;
  border-radius: 16px;
  transition: 0.2s all linear;
}
.ensures-accuracy .ensures-accuracy-list .item .h3-title {
  font-size: 20px;
}
.ensures-accuracy .ensures-accuracy-list .item img {
  width: 40px;
  height: 40px;
}
.ensures-accuracy .ensures-accuracy-list .item:hover {
  transform: translateY(-5px);
}
.ensures-accuracy .ensures-accuracy-list .item1 {
  background: rgba(118, 221, 255, 0.1215686275);
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.ensures-accuracy .ensures-accuracy-list .item1::after {
  content: "";
  display: block;
  width: 163px;
  height: 238px;
  background: url("https://images.pdnob.com/images2026/feature/af-icon.svg") no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.ensures-accuracy .ensures-accuracy-list .item2 {
  background: rgba(45, 101, 255, 0.0784313725);
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.ensures-accuracy .ensures-accuracy-list .item2::after {
  content: "";
  display: block;
  width: 118px;
  height: 255px;
  background: url("https://images.pdnob.com/images2026/feature/bf-icon.svg") no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.ensures-accuracy .ensures-accuracy-list .item3 {
  background: rgba(250, 191, 90, 0.1215686275);
}
.ensures-accuracy .ensures-accuracy-list .item4 {
  background: rgba(187, 92, 242, 0.1019607843);
}
@media (min-width: 1280px) {
  .ensures-accuracy .ensures-accuracy-list .item .h3-title {
    font-size: 24px;
  }
  .ensures-accuracy .ensures-accuracy-list .item p {
    font-size: 18px;
  }
  .ensures-accuracy .ensures-accuracy-list .item img {
    width: 56px;
    height: 56px;
  }
}
@media (min-width: 1600px) {
  .ensures-accuracy .ensures-accuracy-list .item img {
    width: 72px;
    height: 72px;
  }
}

.how-to .how-to-lft .how-to-nav {
  width: 100%;
}
.how-to .how-to-lft .how-to-nav .swiper-wrapper {
  transform: translate3d(0px, 0px, 0px) !important;
}
.how-to .how-to-lft .how-to-nav p {
  color: #616C7D;
}
.how-to .how-to-lft .how-to-nav .swiper-slide {
  border-radius: 6px;
  background: #fff;
  cursor: pointer;
}
.how-to .how-to-lft .how-to-nav .swiper-slide-thumb-active {
  background: rgba(6, 112, 251, 0.1019607843);
  position: relative;
  overflow: hidden;
}
.how-to .how-to-lft .how-to-nav .swiper-slide-thumb-active p,
.how-to .how-to-lft .how-to-nav .swiper-slide-thumb-active h3 {
  color: #2D65FF;
}
.how-to .how-to-lft .how-to-nav .swiper-slide-thumb-active::before, .how-to .how-to-lft .how-to-nav .swiper-slide-thumb-active::after {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: 0px;
  left: 0;
  background: rgba(45, 101, 255, 0.2);
}
.how-to .how-to-lft .how-to-nav .swiper-slide-thumb-active::after {
  width: 0%;
  background: #2D65FF;
  animation: progressMove 5s linear forwards;
}
.how-to .how-to-lft .guide-hover {
  font-size: 18px;
}
.how-to .how-to-lft .guide-hover :hover {
  color: #2D65FF;
}
.how-to .how-to-rgt {
  max-width: 342px;
  padding: 6px;
  border: 1px solid #2D65FF;
  border-radius: 10px;
  background: rgba(45, 101, 255, 0.1019607843);
}
.how-to .how-to-rgt .how-to-pic {
  border-radius: 8px;
  overflow: hidden;
}
.how-to .how-to-rgt .how-to-pic img {
  width: 100%;
  height: 196px;
}
.how-to .btn-group .btn {
  min-width: 270px;
}
@media (min-width: 992px) {
  .how-to .how-to-lft .how-to-nav {
    width: 420px;
  }
  .how-to .how-to-rgt {
    max-width: 464px;
  }
  .how-to .how-to-rgt .how-to-pic img {
    height: 270px;
  }
}
@media (min-width: 1280px) {
  .how-to .how-to-lft .how-to-nav {
    width: 480px;
  }
  .how-to .how-to-lft .how-to-nav p {
    font-size: 18px;
  }
  .how-to .how-to-rgt {
    max-width: 640px;
    padding: 10px;
    border: 2px solid #2D65FF;
    border-radius: 20px;
  }
  .how-to .how-to-rgt .how-to-pic {
    border-radius: 12px;
  }
  .how-to .how-to-rgt .how-to-pic img {
    height: 370px;
  }
  .how-to .how-to-rgt .how-to-pic .languages-wrap.mark::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    backdrop-filter: blur(10px);
  }
  .how-to .how-to-rgt .how-to-pic .languages_list {
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0%;
    bottom: 0;
    font-size: 12px;
  }
  .how-to .how-to-rgt .how-to-pic .languages_list ul {
    flex-wrap: wrap;
  }
  .how-to .how-to-rgt .how-to-pic .languages_list.active ul {
    flex: wrap;
  }
  .how-to .how-to-rgt .how-to-pic .languages_list .bottom-wrapper {
    width: 100%;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
  }
  .how-to .how-to-rgt .how-to-pic .languages_list .bottom-info-wrapper {
    transition: all 0.6s ease-in-out;
  }
  .how-to .how-to-rgt .how-to-pic .languages_list .bottom-info-wrapper.status2 {
    opacity: 0;
  }
  .how-to .how-to-rgt .how-to-pic .languages_list .language-status-wrap {
    width: 80%;
    position: absolute;
    transform: translate(-50%, 30%) scale(0.1);
    opacity: 0;
    transition: all 0.3s ease-in-out;
    bottom: -20%;
    left: 50%;
  }
  .how-to .how-to-rgt .how-to-pic .languages_list .language-status-wrap.open {
    left: 50%;
    bottom: 50%;
    opacity: 1;
    transform: translate(-50%, 50%) scale(1);
  }
  .how-to .how-to-rgt .how-to-pic .languages_list li {
    padding: 8px 10px;
    border: 1px solid rgba(141, 150, 164, 0.4);
    background: #fff;
    flex-shrink: 0;
    border-radius: 8px;
  }
  .how-to .how-to-rgt .how-to-pic .languages_list .see_more_btn_virtual {
    opacity: 0;
  }
  .how-to .how-to-rgt .how-to-pic .languages_list .see_more_btn_virtual,
  .how-to .how-to-rgt .how-to-pic .languages_list .see_more_btn {
    width: 234px;
    height: auto;
    background: linear-gradient(90deg, #2D65FF 0%, #76DDFF 100%);
    color: #fff;
    cursor: pointer;
    padding: 8px 10px;
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
  }
  .how-to .how-to-rgt .how-to-pic .languages_list .see_more_btn_virtual .icon-btn,
  .how-to .how-to-rgt .how-to-pic .languages_list .see_more_btn .icon-btn {
    width: 20px;
    height: 20px;
    background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 18.333a8.166 8.166 0 0 1-3.27-.656 8.416 8.416 0 0 1-2.647-1.781 8.242 8.242 0 0 1-1.77-2.657 8.356 8.356 0 0 1-.646-3.28c0-1.168.215-2.254.645-3.261a8.303 8.303 0 0 1 1.771-2.636 8.133 8.133 0 0 1 2.646-1.76A8.398 8.398 0 0 1 10 1.667c1.168 0 2.258.211 3.272.635a8.133 8.133 0 0 1 2.646 1.76c.75.75 1.34 1.629 1.77 2.636a8.206 8.206 0 0 1 .646 3.26c0 1.167-.215 2.26-.646 3.281a8.241 8.241 0 0 1-1.77 2.657 8.416 8.416 0 0 1-2.646 1.78 8.166 8.166 0 0 1-3.271.657zm0-1.208c.486-.5.892-1.073 1.219-1.719.326-.646.593-1.413.802-2.302H8c.194.833.455 1.583.781 2.25A7.096 7.096 0 0 0 10 17.124zm-1.77-.25a9.963 9.963 0 0 1-.897-1.709 12.48 12.48 0 0 1-.625-2.062H3.583c.528.986 1.14 1.76 1.834 2.323.694.562 1.632 1.045 2.812 1.448zm3.562-.021c1-.32 1.899-.799 2.697-1.438a7.463 7.463 0 0 0 1.928-2.312h-3.105c-.18.75-.392 1.43-.635 2.042a9.462 9.462 0 0 1-.885 1.708zm-8.625-5h3.312a11.716 11.716 0 0 1-.073-1.01c-.007-.299-.01-.594-.01-.886 0-.347.007-.656.02-.927.014-.27.042-.573.084-.906H3.167a6.075 6.075 0 0 0-.198.896 7.3 7.3 0 0 0-.052.937c0 .361.017.684.052.969.034.285.1.594.198.927zm4.604 0h4.479c.055-.43.09-.781.104-1.052a16.59 16.59 0 0 0 0-1.646c-.014-.257-.049-.6-.104-1.031H7.77c-.055.43-.09.774-.103 1.031a16.51 16.51 0 0 0 0 1.646c.013.27.048.622.104 1.052zm5.729 0h3.333c.097-.333.163-.642.198-.927.035-.285.052-.608.052-.969s-.017-.673-.052-.937a6.075 6.075 0 0 0-.198-.896h-3.312c.041.486.07.857.083 1.114.014.257.02.497.02.72 0 .305-.01.593-.03.864-.021.27-.052.614-.094 1.031zm-.208-4.98h3.125A6.75 6.75 0 0 0 14.53 4.48a7.183 7.183 0 0 0-2.76-1.354c.347.514.642 1.07.885 1.667s.455 1.291.636 2.083zM8 6.875h4.042a8.123 8.123 0 0 0-.771-2.135A8.523 8.523 0 0 0 10 2.917c-.445.375-.82.868-1.125 1.479-.306.61-.597 1.437-.875 2.479zm-4.417 0H6.73c.153-.75.347-1.42.583-2.01a9.89 9.89 0 0 1 .896-1.718c-1.041.264-1.951.708-2.729 1.333S4.07 5.903 3.583 6.875z" fill="%23fff"/></svg>');
    background-size: cover;
  }
  .how-to .how-to-rgt .how-to-pic .languages_list .see_more_btn {
    position: absolute;
    left: 0;
    z-index: 2;
  }
  .how-to .how-to-rgt .how-to-pic .languages_list .see_more_btn.close {
    position: absolute;
    transform: translate(-50%);
    left: 50%;
  }
  .how-to .how-to-rgt .how-to-pic .languages_list .see_more_btn.status3 {
    width: 50px;
    transition: all 0.5s ease-in-out;
    box-sizing: border-box;
  }
}
@media (min-width: 1600px) {
  .how-to .how-to-lft .how-to-nav {
    width: 530px;
  }
  .how-to .how-to-rgt {
    max-width: 800px;
    padding: 16px;
    border: 3px solid #2D65FF;
    border-radius: 24px;
  }
  .how-to .how-to-rgt .how-to-pic {
    border-radius: 16px;
  }
  .how-to .how-to-rgt .how-to-pic img {
    height: 458px;
  }
  .how-to .how-to-rgt .how-to-pic .languages_list {
    font-size: 16px;
  }
  .how-to .how-to-rgt .how-to-pic .languages_list .see_more_btn_virtual,
  .how-to .how-to-rgt .how-to-pic .languages_list .see_more_btn {
    width: 275px;
  }
  .how-to .how-to-rgt .how-to-pic .languages_list .see_more_btn.status3 {
    width: 60px;
  }
}
@keyframes progressMove {
  to {
    width: 100%;
  }
}

.what-user {
  background: linear-gradient(180deg, rgba(45, 101, 255, 0.06) 0%, rgba(255, 255, 255, 0) 100%);
}
.what-user .what-user-nav {
  width: 100%;
  border-bottom: 1px solid rgba(141, 150, 164, 0.3019607843);
}
.what-user .what-user-nav .swiper-slide {
  width: -moz-max-content;
  width: max-content;
  padding: 0 8px 8px;
  cursor: pointer;
  color: #616C7D;
}
.what-user .what-user-nav .swiper-slide:hover {
  color: #081A2D;
}
.what-user .what-user-nav .swiper-slide-thumb-active {
  color: #2D65FF;
}
.what-user .what-user-nav .swiper-slide-thumb-active:hover {
  color: #2D65FF;
}
.what-user .what-user-nav .swiper-slide-thumb-active::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0px;
  left: 0;
  background: #2D65FF;
}
.what-user .what-user-review .review-item {
  width: 100%;
  background: rgba(45, 101, 255, 0.1019607843);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 24px;
}
.what-user .what-user-review .review-item .review-title {
  font-size: 18px;
}
@media (max-width: 767.98px) {
  .what-user .what-user-review .swiper-slide {
    height: 0;
  }
  .what-user .what-user-review .swiper-slide-active {
    height: auto;
  }
}
@media (min-width: 992px) {
  .what-user .what-user-nav {
    width: -moz-max-content;
    width: max-content;
  }
  .what-user .what-user-review .review-item {
    flex: 1;
    width: auto;
  }
}

.pricing-section .pricing-cards {
  max-width: 1186px;
}
.pricing-section .pricing-card {
  width: 100%;
  border-radius: 12px;
  background: #FFFFFF;
  border: 1px solid rgba(141, 150, 164, 0.5019607843);
  overflow: hidden;
}
.pricing-section .pricing-card.featured {
  background: linear-gradient(90deg, #2D65FF 0%, #BB5CF2 60%, #FD6A0F 100%);
  border: 0;
  padding: 2px;
}
.pricing-section .pricing-card.featured .card-bg {
  background: #fff;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.pricing-section .pricing-card.featured .card-body {
  background: linear-gradient(360deg, rgba(45, 101, 255, 0.2) 0.39%, rgba(118, 221, 255, 0.1) 38.32%, rgba(250, 191, 90, 0) 76.69%);
}
@media (min-width: 768px) {
  .pricing-section .pricing-card {
    width: 442px;
  }
}
.pricing-section .card-title {
  font-size: 28px;
}
.pricing-section .price-amount {
  font-size: 48px;
}
.pricing-section .feature-list-title {
  border-bottom: 1px solid transparent;
  -o-border-image: repeating-linear-gradient(to right, #9C9C9C 0 4px, transparent 4px 8px) 1;
     border-image: repeating-linear-gradient(to right, #9C9C9C 0 4px, transparent 4px 8px) 1;
  font-size: 20px;
}
.pricing-section .feature-list li::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="8.5" stroke="%232D65FF"/><path d="M9 12L11.5 14L15 10" stroke="%232D65FF" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  flex-shrink: 0;
}
.pricing-section .best {
  background: linear-gradient(90deg, #2D65FF 0%, #BB5CF2 60%, #FD6A0F 100%);
}

.faq-section .faqtab {
  background: rgba(45, 101, 255, 0.1019607843);
  border-radius: 14px;
  width: -moz-max-content;
  width: max-content;
  font-size: 20px;
}
.faq-section .faqtab .tab-btn {
  padding: 10px 16px;
  border-radius: 12px;
  border: 1px solid transparent;
}
.faq-section .faqtab .tab-btn.active {
  border: 1px solid rgba(0, 81, 255, 0.0588235294);
  background: #FFFFFF;
  color: #2D65FF;
}
@media (min-width: 992px) {
  .faq-section .faqtab .tab-btn {
    padding: 10px;
    min-width: 300px;
  }
}
.faq-section .accordion .accordion-item {
  background: rgba(141, 150, 164, 0.1019607843);
  padding: 24px 16px;
}
.faq-section .accordion .accordion-item .accordion-header {
  font-size: 18px;
  font-weight: 500;
}
.faq-section .accordion .accordion-item.active {
  background: linear-gradient(90deg, #2D65FF 0%, #76DDFF 100%);
  color: #fff;
}
.faq-section .accordion .accordion-item.active .accordion-header::after {
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="11" y="2" width="2" height="20" rx="1" fill="%23fff"/><rect x="22" y="11" width="2" height="20" rx="1" transform="rotate(90 22 11)" fill="%23fff"/></svg>');
  background-size: cover;
}
@media (min-width: 992px) {
  .faq-section .accordion .accordion-item {
    padding: 24px 36px;
  }
  .faq-section .accordion .accordion-item .accordion-header {
    font-size: 20px;
  }
  .faq-section .accordion .accordion-item .accordion-content {
    font-size: 18px;
  }
}
.faq-section .more_btn {
  cursor: pointer;
}
.faq-section .more_btn:hover {
  color: #2D65FF;
}
.faq-section #tips .tabs-nav {
  width: 100%;
  overflow-x: auto;
}
.faq-section #tips .tabs-nav .tabs-nav-main {
  width: -moz-max-content;
  width: max-content;
}
.faq-section #tips .tab-btn {
  padding: 4px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}
.faq-section #tips .tab-btn img {
  width: 32px;
  height: 32px;
}
.faq-section #tips .tab-btn.active {
  color: #4260FF;
  border-radius: 8px;
  background: rgba(45, 101, 255, 0.1019607843);
}
.faq-section #tips .line {
  height: auto;
  width: 2px;
  background: rgba(141, 150, 164, 0.24);
}
.faq-section #tips .tabs-content {
  width: 100%;
  background: linear-gradient(90deg, rgba(45, 101, 255, 0.1) 0%, rgba(118, 221, 255, 0.1) 100%);
  border-radius: 16px;
}
.faq-section #tips .tabs-content .list li a:hover {
  text-decoration: none;
}
@media (min-width: 992px) {
  .faq-section #tips {
    background: linear-gradient(90deg, rgba(45, 101, 255, 0.1) 0%, rgba(118, 221, 255, 0.1) 100%);
    border-radius: 40px;
  }
  .faq-section #tips .tab-btn {
    padding: 12px 16px;
    gap: 12px;
  }
  .faq-section #tips .tab-btn.active {
    background: rgba(255, 255, 255, 0.6);
    border-radius: 16px;
  }
  .faq-section #tips .tabs-content {
    background: none;
    border-radius: 0;
  }
}
@media (min-width: 1280px) {
  .faq-section #tips .tabs-nav {
    width: auto;
  }
  .faq-section #tips .tabs-nav .tabs-nav-main {
    width: 320px;
  }
  .faq-section #tips .tabs-nav img {
    width: 44px;
    height: 44px;
  }
  .faq-section #tips .tab-btn {
    padding: 14px 24px;
    font-size: 20px;
  }
  .faq-section #tips .tabs-content {
    width: 750px;
  }
}
@media (min-width: 1600px) {
  .faq-section #tips .tabs-nav .tabs-nav-main {
    width: 340px;
  }
  .faq-section #tips .tab-btn {
    padding: 14px 32px;
  }
  .faq-section #tips .tabs-content {
    width: 914px;
  }
}

.more-section .item {
  width: 31%;
  padding: 2px;
}
.more-section .item a {
  display: block;
  text-decoration: none;
  font-size: 14px;
}
.more-section .item a img {
  width: 48px;
  height: auto;
}
.more-section .item:hover {
  position: relative;
  z-index: 1;
}
.more-section .item:hover a {
  background: #fff;
  border-radius: 14px;
}
.more-section .item:hover::after {
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #2D65FF 0%, #76DDFF 100%);
  border-radius: 16px;
  z-index: -1;
}
@media (min-width: 992px) {
  .more-section .item {
    width: 148px;
  }
}
@media (min-width: 1280px) {
  .more-section .item {
    width: 172px;
    padding: 3px;
  }
  .more-section .item a {
    font-size: 20px;
  }
  .more-section .item a img {
    width: 72px;
  }
}

.get-started-section {
  padding: 48px 0;
  background: url("https://images.pdnob.com/images2026/home/btm-mb-bg.png") no-repeat;
  background-size: cover;
}
.get-started-section .pdnob-logo {
  width: 96px;
  height: 96px;
}
.get-started-section .get-started-title {
  width: -moz-max-content;
  width: max-content;
}
.get-started-section .description-text {
  max-width: 892px;
}
.get-started-section .sys-switch {
  font-size: 18px;
}
@media (min-width: 1600px) {
  .get-started-section {
    padding: 56px 0;
  }
}
@media (min-width: 1600px) {
  .get-started-section {
    padding: 80px 0;
    background: url("https://images.pdnob.com/images2026/home/btm-bg.png") no-repeat;
    background-size: cover;
  }
  .get-started-section .pdnob-logo {
    width: 128px;
    height: 128px;
  }
}/*# sourceMappingURL=feature-public.css.map */