@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/poppins/poppins-regular-latin.woff2') format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:300;font-display:swap;src:url('/assets/fonts/poppins/poppins-light-latin.woff2') format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/poppins/poppins-bold-latin.woff2') format('woff2')}
@font-face{font-family:'Poppins';font-style:italic;font-weight:400;font-display:swap;src:url('/assets/fonts/poppins/poppins-italic-latin.woff2') format('woff2')}
.cro-article,#related-blogs{--brand-indigo:#2e3192;--primary:#025dff;--secondry:#00b6ff;--green:#04d3ab;--perple-light:#c702d3;--perple:#802ab8;--white:#fff;--dark:#000;--muted:#666}
.cro-article{color:var(--dark)}
.cro-article #banner h1,.cro-article .section-heading,#related-blogs .section-heading{font-weight:700}
.cro-article #faq .board-accordion .accordion-button{font-weight:700 !important}
 .cro-wrap{padding:80px 92px;width:100%;margin:0 auto}
 #banner h1{max-width:1400px;margin:0;letter-spacing:normal}
 .banner-meta{display:flex;flex-wrap:wrap;gap:20px;margin-top:32px}
 .meta-chip{display:inline-flex;align-items:center;gap:8px;padding:0;color:#fff;font-size:18px;line-height:1.5;font-weight:300}
 #banner .meta-link{color:#fff;text-decoration:underline;text-underline-offset:4px}
 .summary{padding:28px 32px 28px 36px;margin-bottom:42px;border-left:5px solid var(--primary);border-radius:5px;background:#f8faff;box-shadow:0 0 5px rgba(0,0,0,.05)}
 .summary h2{font-weight:700;font-size:32px;margin-bottom:20px}
 .summary p,.reading-body p{color:var(--muted);font-size:17px;line-height:30px}
 .summary p{margin:0}
 .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:40px 0 60px}
 .stats>div{padding:28px;border:1px solid rgba(2,93,255,.12);border-radius:5px;background:#fff}
 .stats strong{display:block;color:var(--primary);font-size:30px;line-height:1.3;font-weight:700}
 .stats p{color:var(--muted);font-size:16px;line-height:26px;margin:14px 0 0}
 .reading-layout{margin-top:60px}
 .article-section{margin-bottom:0;padding:70px 0;border-bottom:1px solid #edf0f5;scroll-margin-top:100px}
 .article-section:first-child{padding-top:0}
 .article-section h2{line-height:1.2}
 .reading-body p{margin-bottom:24px}
 .cro-article a{color:#000;text-decoration:underline;text-underline-offset:4px}
 .cro-article a:hover{text-decoration:underline}
 .cro-article mark{background:#fff1cc;color:#644b00;padding:0 3px}
 .deck-test{padding:28px 32px;border-left:5px solid var(--primary);border-radius:5px;background:#f8faff}
 .table-title{font-weight:700;color:var(--dark)!important}
 .table-scroll{overflow-x:auto;border:1px solid #dce4ef;margin:24px 0;border-radius:5px}
 table{width:100%;min-width:640px;border-collapse:collapse;font-size:16px;line-height:26px}
 th,td{padding:20px;text-align:left;vertical-align:top;border-bottom:1px solid #e1e7f0}
 thead{background:#000;color:#fff}
 tbody tr:nth-child(even){background:#f8faff}
 tbody th{font-weight:700}
 .reading-body .data-stamp,.reading-body .related-links{font-size:14px;line-height:24px}
 figure{margin:40px 0;border:1px solid #dce4ef;border-radius:5px;overflow:hidden}
 figure img{display:block;width:100%;height:auto}
 figcaption{padding:16px 24px;font-size:14px;line-height:24px;background:#f8faff;color:var(--muted)}
 .hero-figure figcaption{display:flex;justify-content:space-between;gap:20px}
 .cro-cta{background:linear-gradient(110deg,var(--brand-indigo),var(--primary));color:white;padding:60px;border-radius:5px;margin:70px 0 0}
 .cro-cta p{color:white;font-size:20px;line-height:32px}
 .cro-cta a{display:inline-block;text-decoration:none;color:var(--dark);background:white;padding:14px 24px;border-radius:5px;font-weight:700}
 .board-accordion{margin-top:24px}
 .accordion-header{margin:0}
 .accordion-body p{margin-bottom:0}
 .cro-author-section{margin:60px 0 0}
 .cro-author-section .author-box{display:grid;grid-template-columns:160px minmax(0,1fr);gap:24px;align-items:center;padding:28px;border:1px solid rgba(2,93,255,.16);border-radius:24px;background:linear-gradient(135deg,#f6f9ff,#fff);box-shadow:0 20px 48px rgba(2,93,255,.08)}
 .cro-author-section .author-box__image{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:20px}
 .cro-author-section .author-box__eyebrow{margin-bottom:8px;color:var(--primary);font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
 .cro-author-section .author-box__title{margin-bottom:12px;font-size:24px;line-height:1.3;font-weight:700}
 .cro-author-section .author-box__body{margin-bottom:16px;font-size:17px;line-height:30px;color:var(--muted)}
 .cro-author-section .author-box__actions{display:flex;flex-wrap:wrap;gap:18px}
 @media(max-width:767px){.cro-author-section .author-box{grid-template-columns:1fr;padding:22px}.cro-author-section .author-box__media{max-width:160px}.cro-author-section .author-box__title{font-size:22px}}
 .cro-article a:focus-visible,.table-scroll:focus-visible{outline:3px solid var(--primary);outline-offset:4px}
 @media(max-width:991px){.cro-wrap{padding:60px 36px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.article-section{padding:60px 0}.cro-cta{padding:36px}.meta-chip{font-size:16px}}
 @media(max-width:576px){.cro-wrap{padding:50px 22px}.stats{gap:14px}.stats>div{padding:18px}.stats strong{font-size:23px}.stats p{font-size:14px;line-height:24px}.summary{padding:24px}.summary h2{font-size:28px}.article-section{padding:50px 0}.banner-meta{gap:14px}.meta-chip{font-size:15px}.reading-layout{margin-top:40px}.hero-figure figcaption{display:block}.hero-figure figcaption span{display:block}.cro-cta{padding:28px}.cro-cta p{font-size:18px;line-height:30px}table{font-size:16px}}
  #related-blogs {
    padding: 72px 80px 80px !important;
    background: #fff;
  }

  #related-blogs .container {
    max-width: none;
    padding-right: 0;
    padding-left: 0;
  }

  #related-blogs .section-subheading {
    margin-bottom: 10px;
  }

  #related-blogs .section-heading {
    margin-bottom: 0;
  }

  #related-blogs .row.mt-5 {
    margin-top: 40px !important;
  }

  #related-blogs .swiper {
    padding: 6px 2px 8px;
  }

  #related-blogs .related-blogs-slider .swiper-wrapper {
    align-items: stretch;
  }

  #related-blogs .related-blogs-slider .swiper-slide {
    display: flex;
    height: auto !important;
    align-self: stretch;
  }

  #related-blogs .related-slide-inner {
    display: flex;
    width: 100%;
    height: 100%;
    padding: 4px 12px;
  }

  #related-blogs .related-blog-card {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 330px;
    padding: 28px;
    overflow: hidden;
  }

  #related-blogs .related-blog-card::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: var(--primary);
    content: "";
  }

  #related-blogs .related-blog-card h4 {
    min-height: 96px;
    margin-bottom: 16px !important;
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }

  #related-blogs .related-blog-card h4 a:hover {
    color: var(--primary) !important;
  }

  #related-blogs .related-blog-card p {
    font-size: 16px;
    line-height: 26px;
  }

  #related-blogs .related-blog-card .text-muted {
    margin-bottom: 24px !important;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }

  #related-blogs .related-blog-card .read-more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    color: var(--primary);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0;
    text-decoration: none;
  }

  #related-blogs .related-blog-card .read-more:hover {
    color: var(--dark);
  }

  @media (max-width: 991px) {
    #related-blogs { padding: 60px 24px !important; }
  }
  @media (max-width: 576px) {
    #related-blogs { padding: 50px 10px !important; }
  }

.ranking-actions{display:flex;flex-wrap:wrap;gap:16px;margin:28px 0 0}
.cro-article .ranking-button{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 20px;border:1px solid var(--primary);border-radius:5px;background:#fff;color:var(--primary);font-size:15px;font-weight:700;line-height:24px;text-decoration:none;transition:background-color .15s,color .15s}
.cro-article .ranking-button:hover{background:var(--primary);color:#fff;text-decoration:none}
.ranking-button span{flex-shrink:0;font-size:20px}
@media(max-width:576px){.ranking-actions{flex-direction:column}.cro-article .ranking-button{width:100%;font-size:14px}}
@media(prefers-reduced-motion:reduce){.cro-article .ranking-button{transition:none}}

.cro-author-section .author-box__actions a,
.cro-author-section .author-service-action a{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border:1px solid var(--primary);border-radius:5px;background:#fff;color:var(--primary);font-size:14px;font-weight:700;line-height:24px;text-decoration:none;transition:background-color .15s,color .15s}
.cro-author-section .author-box__actions a:first-child{background:var(--primary);color:#fff}
.cro-author-section .author-box__actions a:hover,
.cro-author-section .author-service-action a:hover{background:#0049cc;border-color:#0049cc;color:#fff;text-decoration:none}
.cro-author-section .author-service-action{display:flex;margin-top:18px}
@media(max-width:576px){.cro-author-section .author-box__actions{flex-direction:column;gap:12px}.cro-author-section .author-box__actions a,.cro-author-section .author-service-action a{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.cro-author-section .author-box__actions a,.cro-author-section .author-service-action a{transition:none}}

#related-blogs .related-blog-card h4 a,
#related-blogs .related-blog-card h4 a:hover{color:#000 !important;text-decoration:none !important}
#related-blogs .related-blog-card .read-more,
#related-blogs .related-blog-card .read-more:hover{color:#000 !important;text-decoration:underline !important;text-underline-offset:4px}

.cro-article .reading-callout{padding:22px 26px;margin:28px 0;border-left:4px solid var(--primary);border-radius:5px;background:#f0f5ff;color:#000;font-weight:400}
.cro-article .reading-callout a{color:#000;font-weight:700;text-decoration:underline;text-underline-offset:4px}
@media(max-width:576px){.cro-article .reading-callout{padding:18px 20px}}

.cro-article #faq .board-accordion .accordion-body{max-width:none !important;width:100%}

.cro-related-reading{margin-top:48px;padding:28px 32px;border:1px solid #dce4ef;border-radius:5px;background:#f8faff}
.cro-related-reading h2{margin:0 0 20px;font-size:24px;line-height:32px;font-weight:700}
.cro-related-reading ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 32px;list-style:none;padding:0;margin:0}
.cro-related-reading li{font-size:16px;line-height:26px}
@media(max-width:767px){.cro-related-reading{padding:24px}.cro-related-reading ul{grid-template-columns:1fr}}

.cro-article .cro-related-reading li{display:flex}
.cro-article .cro-related-reading li a{display:flex;align-items:center;width:100%;padding:14px 18px;border:1px solid var(--primary);border-radius:5px;background:#fff;color:#000;font-size:15px;font-weight:700;line-height:24px;text-decoration:none;transition:background-color .15s,color .15s}
.cro-article .cro-related-reading li a:hover{background:var(--primary);color:#fff;text-decoration:none}
@media(prefers-reduced-motion:reduce){.cro-article .cro-related-reading li a{transition:none}}