/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

    /* ===== Overview section ===== */

/* Fixed header height ke hisaab se value set karein */
:root { --header-offset: 90px; }  /* e.g. 70/80/100px */

#quick_verdict,
#overview,
#glance,
#cmp-who-is-this-for,
#bestfor,
#quick,
#deepdive,
#costops,
#decision,
#enveu-support,
#faqs {
  scroll-margin-top: var(--header-offset);
}


.qs-grid:has(> .qs-card:nth-child(3)) h3 {
  font-size: 18px;
}

.qs-grid:has(> .qs-card:nth-child(3)) p {
  font-size: 14px;
}

.qs-grid:has(> .qs-card:nth-child(3)) .qs-pill {
  font-size: 13px;
}

.qs-grid:has(> .qs-card:nth-child(3)) .qs-note {
  font-size: 13px;
}

.live-vod-col:has(.bulletlist > li:nth-child(3)) li {
  font-size: 14px;
}


.each-model-best-grid:has(> .each-model-best-card:nth-child(3)) h3 {
  font-size: 18px;
}

.each-model-best-grid:has(> .each-model-best-card:nth-child(3)) .each-model-best-subtitle {
  font-size: 14px;
}

.each-model-best-grid:has(> .each-model-best-card:nth-child(3)) .each-model-best-chip {
  font-size: 13px;
}


.each-model-choose-grid:has(> .each-model-choose-card:nth-child(3)) h3 {
  font-size: 18px;
}

.each-model-choose-grid:has(> .each-model-choose-card:nth-child(3)) p{
  font-size: 14px;
}

.each-model-choose-grid:has(.bulletlist > li:nth-child(3)) li {
  font-size: 14px;
}
 





.cmp-overview{
  max-width: 860px;
  padding: 22px 22px 20px;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(0,0,0,0.05);
  margin-bottom: 24px;
}

.Verdict-chip {
    font-size: 30px;
 }

.cmp-overview h2{
  margin: 0 0 10px;
  font-size: 30px;
  line-height: 1.15;
  color: #000;
}

.cmp-overview-badge{
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color:#CC0201;
  background: rgba(204,2,1,0.08);
  border: 1px solid rgba(204,2,1,0.18);
  padding: 6px 10px;
  border-radius: 999px;
  margin-bottom: 12px;
}

.cmp-overview-lead{
  margin: 0 0 12px;
  font-size: 16px;
  line-height: 1.65;
  font-weight: 600;
  color:#111;
}

.cmp-overview-body{
  margin: 0 0 10px;
  font-size: 16px;
  line-height: 1.75;
  color: #000;
}

.cmp-overview-tldr{
  margin-top: 16px;
/*   display: flex; */
  gap: 10px;
  align-items: flex-start;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(204, 1, 0, .01);
  border: 1px solid rgba(204, 1, 0, .19);
  color:#000;
  font-size: 14px;
  line-height: 1.55;
}

.cmp-overview-tldr strong{
  font-weight: 900;
}

/* Mobile tweaks */
@media (max-width: 720px){
  .cmp-overview{
    padding: 18px 16px;
    border-radius: 14px;
  }
  .cmp-overview h2{
    font-size: 28px;
  }
  .cmp-overview-lead{
    font-size: 16.5px;
  }
  .cmp-overview-body{
    font-size: 14.5px;
  }
}




      .integration-hero {
          background: #fdebed;
          overflow: hidden;
          padding: 30px 20px;
          position: relative;
      }



      .Quick-Verdict {
          padding: 18px 20px;
          border:1px solid #cc010026;
          border-radius: 12px;
          background: #f9fafb;
          margin-top: 24px;
          margin-bottom: 24px;
      }

      .Quick-Verdict.primary{ 
        border-left: 4px solid #CC0201;
        background: #cc010005;
      }


      .Quick-Verdict .Verdict-chip{
       margin-bottom:12px;
      }

      .Quick-Verdict p{
       margin-bottom:12px;
      }


    /* Section */
    .cost-and-Operational{
      margin:44px 0 44px;
    }
    .cost-and-Operational h2{
      font-size:1.6rem;
      margin:0 0 10px;
    }
    .cost-and-Operational .lead{
      margin:0 0 22px;
      color:#000;
      font-size:0.98rem;
    }

    /* Two columns */
    .cost-and-Operational .cmp-columns{
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: 1fr;
        gap: 24px;
    }

    @media (max-width: 860px){
      .cost-and-Operational .cmp-columns{grid-template-columns:1fr;grid-auto-flow: row;}
    }

    /* Cards */
    .cost-and-Operational .live-vod-col{
      border:1px solid #cc010026;
      border-radius:16px;
      background:#ffffff;
      padding:20px 22px 18px;
      box-shadow:0 1px 0 #cc010026;
    }
   .cost-and-Operational .col-head{
      display:flex;
      align-items:center;
      gap:10px;
      margin-bottom:12px;
     flex-wrap: wrap;
    }
    .cost-and-Operational .badge{
      display:inline-flex;
      align-items:center;
      padding:4px 10px;
      border-radius:999px;
      font-size:0.78rem;
      font-weight:700;
      letter-spacing:.02em;
      border: 1px solid #cc010021;
      background: #cc01002b;
      color:#000;
      white-space:nowrap;
    }
   .cost-and-Operational .col-title{
      font-size:1.05rem;
      font-weight:700;
      margin:0;
    }

    /* Bullet list */
   .cost-and-Operational .bulletlist{
      margin:0;
      padding-left:18px;
      color:#000;
    }
   .cost-and-Operational .bulletlist li{
      margin:8px 0;
    }

    /* Takeaway */
   .cost-and-Operational .takeaway{
      margin-top:26px;
      padding:16px 18px;
      background:#cc010005;
      border-left:4px solid #CC0201;
      border-radius:12px;
      color:#000;
      font-size:0.98rem;
    }
   .cost-and-Operational .takeaway strong{
      color:#CC0201;
    }



/* Section wrapper */
    .cmp-audience {
      margin: 24px 0;
    }

    .cmp-audience h2 {
      font-size: 1.6rem;
      font-weight: 600;
      margin: 0 0 24px;
    }

    /* Grid */
    .audience-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
      gap: 20px 28px;
    }

    /* Card */
    .audience-item {
      padding: 18px 20px;
      border: 1px solid #cc010033;
      border-radius: 12px;
      background:#cc010005;
    }

    /* Chip */
    .audience-chip {
      display: inline-block;
      padding: 6px 14px;
      border-radius: 999px;
      font-size: 0.98rem;
      font-weight: 500;
      background: #ffffff;
      border:1px solid #cc010033;
      color: #000;
    }

    .audience-item p {
      margin: 10px 0 0;
      font-size: 0.98rem;
      color: #000;
    }

    /* Optional: visual emphasis for primary audiences */
    .audience-item.primary {
      border-left:4px solid #CC0201;
      background: #cc010005;
    }

    /* Mobile tweaks */
    @media (max-width: 600px) {
      body {
        padding: 24px 16px;
      }
    }

 

      .ep-card {
          border: 1px solid #cc010026;
          border-radius: 16px;
          box-shadow: 0 1px 0 #cc010026;
          margin-bottom: 20px;
          padding: 14px;
      }

      .ep-card__title {
          font-size: 16px;
          font-weight: 700;
          margin-bottom: 10px;
          opacity: .9;
      }
 
      .ep-toc ul {
          display: flex;
          flex-direction: column;
          gap: 8px;
          list-style: none;
          margin: 0;
          padding: 0;
      }

      .ep-card li.lvl-2 {
          border-bottom: 1px dashed #cc010033;
          padding: 10px 0;
      }

    .ep-toc a {
        color: #000;
        font-size: 15px;
        padding: 7px 5px;
        transition: background .2s ease;
    }

    .ep-card li.lvl-2:last-child {
        border-bottom: 0 !important;
    }

      .ep-toc a:hover {
          background: #ffecec;
          border-radius: 8px;
          text-decoration: none;
      }



          .qs-section{
            margin:0 0 44px;
          }

          .qs-section h2{
            font-size:30px;
            margin:0 0 10px;
          }

          /* Grid */
          .qs-grid{
          display: grid;
          grid-auto-flow: column;     /* 👈 row me hi flow kare */
          grid-auto-columns: 1fr;     /* 👈 sab equal width le */
          gap: 24px;
          }

          @media (max-width: 820px){
            .qs-grid{
              grid-template-columns:1fr;
              grid-auto-flow: row;
            }
          }

          /* Card */
          .qs-card{
            border:1px solid #cc010033;
            border-radius:16px;
            background:#ffffff;
            padding:22px 22px 18px;
            box-shadow:0 1px 0 #cc010033;
          }

          /* Badge */
          .qs-badge{
            display:inline-block;
            font-size:0.75rem;
            font-weight:600;
            letter-spacing:.04em;
            text-transform:uppercase;
            color:#000;
            background: #cc01002b;
            border: 1px solid #cc010033;
            border-radius:999px;
            padding:4px 10px;
            margin-bottom:10px;
          }

          .qs-card h3{
            font-size:24px;
            margin:0 0 6px;
          }

          .qs-card p{
            margin:0;
            font-size:0.98rem;
            color:#000;
          }

          /* Link */
          .qs-link{
            margin-top:10px;
            font-size:0.92rem;
          }

          .qs-link a{
            color:#CC0201;
            text-decoration:none;
            border-bottom: 1px solid #cc0201;
          }

          .qs-link a:hover{
            border-bottom-color:  #cc01002b;
          }

          /* Subtitles */
          .qs-subtitle{
            font-size:1rem;
            font-weight:700;
            margin:18px 0 10px;
            color:#000;
          }

          /* Pills */
          .qs-list{
            list-style:none;
            padding:0;
            margin:0;
            display:flex;
            flex-direction:column;
            gap:10px;
          }

          .qs-pill{
            padding:10px 12px;
            border:1px solid #cc010033;
            border-radius:999px;
            background:#ffffff;
            color:#000;
            font-size:0.98rem;
            line-height:1.25;
          }

          .qs-pill-muted{
            background:#cc010005;
          }

          /* Note */
          .qs-note{
            margin-top:18px;
            font-size:0.98rem;
            color:#000;
          }




 

          /* Section */
          .each-model-best-section{
            margin:0 0 48px;
          }

          .each-model-best-section h2{
            font-size:30px;
            margin:0 0 10px;
          }

          /* Grid */
          .each-model-best-grid{
            display: grid;
            grid-auto-flow: column;     /* 👈 row me hi flow kare */
            grid-auto-columns: 1fr;     /* 👈 sab equal width le */
            gap: 24px;
          }

          @media (max-width: 820px){
            .each-model-best-grid{grid-template-columns:1fr;grid-auto-flow: row;}
          }

          /* Card */
          .each-model-best-card{
          border: 1px solid #cc010033;
          border-radius: 16px;
          background: #ffffff;
          padding: 22px 24px 20px;
          box-shadow: 0 1px 0 #cc010033;
          }

          /* Titles */
          .each-model-best-card h3{
            font-size:24px;
            margin:0 0 6px;
          }

          .each-model-best-subtitle{
            font-size:0.98rem;
            color:#000;
            margin-bottom:16px;
          }

          /* Chips */
          .each-model-best-chiplist{
            list-style:none;
            padding:0;
            margin:0;
/*             display:flex; */
/*             flex-wrap:wrap; */
                gap:10px;
                display: grid;
          }

          .each-model-best-chip{
            padding:8px 14px;
            border-radius:999px;
            font-size:0.98rem;
            border:1px solid #cc010033;
            background:#ffffff;
            color:#000;
/*             white-space:nowrap; */
          }

          /* Primary chips */
          .each-model-best-chip-primary{
            border-color:#cc010033;
            background:#cc010005;
            font-weight:500;
          }

          /* Note */
          .each-model-best-note{
            margin-top:28px;
            padding:16px 18px;
            background:#cc010005;
            border-left:4px solid #CC0201;
            border-radius:10px;
            font-size:0.98rem;
            color:#000;
          }



 

          /* Section */
          .each-model-diff-section{
            margin:0 0 48px;
          }

          .each-model-diff-section h2{
            font-size:30px;
            margin:0 0 10px;
          }

          .each-model-diff-sub{
            margin:0 0 10px;
            color:#475569;
            font-size:0.98rem;
          }

          /* Table wrapper */
          .each-model-diff-table-wrap{
          border: 1px solid #cc010033;
          border-radius: 16px;
          overflow: hidden;
          background: #ffffff;
          box-shadow: 0 1px 0 #cc010033;
          }

          .each-model-diff-table-scroll{
            overflow-x:auto;
            -webkit-overflow-scrolling:touch;
          }

          /* Table */
          table{
            width:100%;
            border-collapse:separate;
            border-spacing:0;
            min-width:760px;
          }

          thead th{
            background:#0f172a;
            color:#ffffff;
            text-align:left;
            font-weight:600;
            font-size:0.95rem;
            padding:14px 16px;
            border-right:1px solid rgba(255,255,255,0.12);
            vertical-align:middle;
            letter-spacing:.01em;
          }

          thead th:last-child{
            border-right:none;
          }

          tbody td{
            padding:14px 16px;
            border-top:1px solid #e5e7eb;
            vertical-align:top;
            background:#ffffff;
            font-size:0.98rem;
            color:#0f172a;
          }

          /* Zebra rows */
          tbody tr:nth-child(even) td{
            background:#f8fafc;
          }

          /* First column */
          .each-model-diff-aspect{
            font-weight:600;
            color:#0f172a;
            width:26%;
            white-space:nowrap;
          }

          /* Column widths */
          .each-model-diff-col-live{width:37%;}
          .each-model-diff-col-vod{width:37%;}

          /* Pills */
          .each-model-diff-pill{
            display:inline-block;
            padding:2px 10px;
            border-radius:999px;
            font-size:0.8rem;
            border:1px solid #e2e8f0;
            background:#ffffff;
            color:#334155;
            margin-left:8px;
            font-weight:600;
          }

          /* Mobile */
          @media (max-width: 640px){
            .each-model-diff-section h2{font-size:1.45rem;}
            .each-model-diff-sub{font-size:0.95rem;}
            .each-model-diff-aspect{white-space:normal;}
          }





          /* Table base */
          .each-model-diff-table{
            width:100%;
            border-collapse:separate;
            border-spacing:0;
            min-width:760px;
          }

          /* Head */
          .each-model-diff-thead .each-model-diff-th{
            background:#0f172a;
            color:#ffffff;
            text-align:left;
            font-weight:600;
            font-size:0.95rem;
            padding:14px 16px;
            border-right:1px solid rgba(255,255,255,0.12);
            vertical-align:middle;
            letter-spacing:.01em;
          }

          .each-model-diff-thead .each-model-diff-th:last-child{
            border-right:none;
          }

          /* Body cells */
          .each-model-diff-td{
            padding:14px 16px;
            border-top:1px solid #e5e7eb;
            vertical-align:top;
            background:#ffffff;
            font-size:0.98rem;
            color:#0f172a;
          }

          /* Zebra rows */
          .each-model-diff-tbody
          .each-model-diff-tr:nth-child(even)
          .each-model-diff-td{
            background:#cc010012;
          }

          /* Aspect column */
          .each-model-diff-aspect{
            font-weight:600;
            width:26%;
            white-space:nowrap;
          }

          /* Column widths */
          .each-model-diff-col-live{width:37%;}
          .each-model-diff-col-vod{width:37%;}

         .each-model-diff-table-scroll th, td {
              border: 0px solid #000000 !important;
          }
        .each-model-diff-table-scroll table{
         border: 0px solid #000000 !important;
         margin: 0;
        }



 



/* Section */
.each-model-deep-section h2{
  font-size:30px;
  margin:0 0 10px;
}

.each-model-deep-lead{
  margin:0 0 22px;
  color:#000;
  font-size:0.98rem;
}

/* Lens */
.each-model-deep-lens{
  margin:22px 0 26px;
}

.each-model-deep-lens + .each-model-deep-lens{
  border-top:1px dashed #cc010059;
  padding-top:26px;
  margin-top:28px;
}

.each-model-deep-lens-head{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin-bottom:14px;
}

.each-model-deep-lens-title{
  font-size:24px;
  margin:0;
}

.each-model-deep-lens-sub{
  margin:0;
  color:#000;
  font-size:0.98rem;
}

/* Grid */
.each-model-deep-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:22px;
}

@media (max-width: 860px){
  .each-model-deep-grid{grid-template-columns:1fr;}
}

/* Cards */
.each-model-deep-card{
  border:1px solid #cc010033;
  border-radius:16px;
  background:#ffffff;
  padding:18px 18px 16px;
  box-shadow:0 1px 0 #cc010033;
}

.each-model-deep-card-head{
  display:flex;
  flex-wrap: wrap;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
}

.each-model-deep-badge{
  display:inline-flex;
  align-items:center;
  padding:4px 10px;
  border-radius:999px;
  font-size:0.78rem;
  font-weight:700;
  letter-spacing:.02em;
  background: #cc01002b;
  border: 1px solid #cc010033;
  color:#000;
  white-space:nowrap;
}

.each-model-deep-card-title{
  font-size:16px;
  font-weight:700;
  margin:0;
}

/* Chips */
.each-model-deep-chiplist{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.each-model-deep-chip{
  padding:10px 12px;
  border:1px solid #cc010033;
  border-radius:999px;
  background:#ffffff;
  color:#000;
  font-size:0.98rem;
  line-height:1.25;
}

/* Takeaway */
.each-model-deep-takeaway{
  margin-top:14px;
  padding:14px 16px;
  background:#cc010005;
  border-left:4px solid #CC0201;
  border-radius:12px;
  color:#000;
  font-size:0.98rem;
}

.each-model-deep-takeaway strong{
  color:#CC0201;
}



.each-model-choose-container{
  max-width:1040px;
  margin:0 auto;
}

/* Section */
.each-model-choose-section{
  margin:44px 0 44px;
}

.each-model-choose-section h2{
  font-size:30px;
  margin:0 0 10px;
}

.each-model-choose-lead{
  margin:0 0 22px;
  color:#000;
  font-size:0.98rem;
}

/* Grid */
.each-model-choose-grid{
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    gap: 24px;
}

@media (max-width: 860px){
  .each-model-choose-grid{grid-template-columns:1fr;grid-auto-flow: row;}
}

/* Cards */
.each-model-choose-card{
  border:1px solid #cc010033;
  border-radius:16px;
  background:#ffffff;
  padding:20px 22px 18px;
  box-shadow:0 1px 0 rgba(0,0,0,0.03);
}

.each-model-choose-card h3{
  font-size:24px;
  margin:0 0 6px;
}

.each-model-choose-micro{
  margin:0 0 14px;
  color:#000;
  font-size:0.95rem;
}

/* Chips */
.each-model-choose-chiplist{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.each-model-choose-chip{
  padding:10px 12px;
  border:1px solid #cc010033;
  border-radius:999px;
  background:#ffffff;
  color:#000;
  font-size:0.98rem;
  line-height:1.25;
}

/* Primary chips */
.each-model-choose-chip-primary{
/*   border-color:#cc010075;
  background:#cc010005;
  font-weight:600; */
}

/* Hybrid */
.each-model-choose-hybrid{
  margin-top:26px;
  padding:16px 18px;
  background:#cc010005;
  border-left:4px solid #CC0201;
  border-radius:12px;
  color:#000;
  font-size:0.98rem;
}

.each-model-choose-hybrid strong{
  color:#CC0201;
}





    .cmp-section{
      margin:0 0 56px;
    }
    .cmp-section h2{
      font-size:30px;
      margin:0 0 10px;
    }

    /* Support card */
    .support-card{
      border:1px solid #cc010033;
      border-radius:16px;
      background:#ffffff;
      padding:22px 24px;
      box-shadow:0 1px 0 #cc010033;
    }

    .support-intro{
      font-size:0.98rem;
      color:#000;
      margin:0 0 10px;
    }

    .support-points{
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:14px 20px;
      margin:0 0 10px;
      padding:0;
      list-style:none;
    }
    @media (max-width: 860px){
      .support-points{grid-template-columns:1fr;grid-auto-flow: row;}
    }

    .support-point{
      display:flex;
      gap:10px;
      align-items:flex-start;
      font-size:0.98rem;
      color:#000;
    }
    .dot{
      width:8px;
      height:8px;
      border-radius:50%;
      background:#CC0201;
      margin-top:7px;
      flex-shrink:0;
    }

    .support-takeaway{
      padding:14px 16px;
      background:#cc010005;
      border-left:4px solid #CC0201;
      border-radius:12px;
      color:#000;
      font-size:0.98rem;
    }
    .support-takeaway strong{
      color:#CC0201;
    }







.each-model-related-wrap{
  max-width:420px;
  margin:0 auto;
}

/* Card */
.each-model-related-card{
  border:1px solid #cc010026;
  border-radius:16px;
  background:#ffffff;
  padding:18px 18px 16px;
  box-shadow:0 1px 0 #cc010026;
  margin-bottom:16px;
}

.each-model-related-title{
  font-size:20px;
  margin:0 0 6px;
}

.each-model-related-sub{
  margin:0 0 14px;
  color:#000;
  font-size:14px;
}

.each-model-related-group-title {
    margin: 20px 0px 14px;
}

/* Chips */
.each-model-related-chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
}

.each-model-related-chip a{
  display:inline-block;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid #cc010033;
  background:#cc010005;
  color:#000;
  text-decoration:none;
  font-size:0.92rem;
  white-space:nowrap;
}

.each-model-related-chip a:hover{
  background:#ffffff;
  border-color:#cc010033;
  color:#CC0201;
  text-decoration: none;
}

/* Primary chip */
.each-model-related-chip-primary a{
  border-color:#cc010075;
  background:#ffffff;
  font-weight:600;
}

/* Footer */
.each-model-related-footer{
  margin-top:14px;
  font-size:12px;
  color:#000;
}

.each-model-related-footer a{
  color:#cc0201;
  text-decoration:none;
  border-bottom:1px solid #cc010033;
}

.each-model-related-footer a:hover{
  text-decoration-color: #cc010033;
  border-bottom: 1px solid #cc010033;
}




                        table {
                            border: 1px solid #cc010024 !important;
                        }

 
                          .cmp-keydiff-wrap{
                            max-width: 1100px;
                            margin: 40px auto;
                            font-family: Inter, system-ui, -apple-system, sans-serif;
                            padding: 0 12px;
                          }

                          .cmp-keydiff-title{
                            font-size: 32px;
                            line-height: 1.15;
                            margin: 0 0 12px;    
                            color: #111;
                          }

                          .cmp-keydiff-sub{
                            color: #555;
                            margin: 0 0 24px;
                            max-width: 720px;
                            line-height: 1.6;
                            font-size: 15px;
                          }

                          .cmp-keydiff-tablewrap{
                            overflow-x: auto;
/*                             border: 1px solid #e6e6e6; */
                            border-radius: 12px;
                            background: #fff;
                          }
                          
                           

                          .cmp-keydiff-table{
                            width: 100%;
                            border-collapse: collapse;
                            min-width: 680px; /* forces scroll on small screens */'
                            border: 0px !important;
                          }

                          .cmp-keydiff-th{
                            padding: 16px 14px;
                            text-align: left;
                            font-weight: 700;
                            border:0;
                            background: #e6e6e6;
                            color: #111;
                            font-size: 14px;
                          }

                          .cmp-keydiff-th-aspect{
                            width: 22%;
                            min-width: 170px;
                          }

                          .cmp-keydiff-td{
                            padding: 16px 14px;
                            vertical-align: top;
                            border-bottom: 1px solid #f0f0f0;
                            font-size: 14px;
                            line-height: 1.55;
                            color: #222;
                            background: #fff;
                          }

                          /* Alternating rows */
                          .cmp-keydiff-tr.is-alt .cmp-keydiff-td{
                            background: #fcfcfc;
                          }

                          /* Aspect column styling */
                          .cmp-keydiff-aspect{
                            font-weight: 600;
                            background: #cc01001f !important;
                            color: #111;
                          }

                          /* Slightly soften last row border */
                          .cmp-keydiff-table tbody tr:last-child .cmp-keydiff-td{
                            border-bottom: none;
                          }

                          /* Mobile sizing */
                          @media (max-width: 720px){
                            .cmp-keydiff-title{ font-size: 26px; }
                            .cmp-keydiff-sub{ font-size: 14px; }
                            .cmp-keydiff-td, .cmp-keydiff-th{ padding: 14px 12px; }
                          }
                          
                          /* Force header background (beats theme table styles) */
                          .cmp-keydiff-table thead tr{
                            background: #cc01001a !important;
                          }

                          .cmp-keydiff-table thead th{
                            background:#cc01001a !important;
                          }
                 












 

.integration-hero{
    background: #fdebed;
    overflow: hidden;
    padding: 30px 20px;
    position: relative;
}

.cmp-faqs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
    gap: 0px 15px;
    align-items: start;
}

 .cmp-detail .compaire-detail-page{
       display: grid;
        align-items: start;
        grid-template-columns: minmax(0, 1fr) 360px;
       position: sticky;
       top: 110px;
       margin: 0 auto;
       max-width: 1200px;
       padding: 48px 0px;  
       gap: 32px;
 }

.cmp-detail .compaire-detail-page .compaire-detail-right{
    position: sticky;
    top: 110px;

}

.cmp-hero h2{  
  font-size:32px;
  margin-bottom: 10px;
 }
 
.cmp-breadcrumbs{display:flex;gap:10px;align-items:center;opacity:.85;margin:0 0 10px;}
.cmp-breadcrumbs a{text-decoration:none;border-bottom:1px solid #ddd;color:#CC0201}
.cmp-breadcrumbs .sep{opacity:.6}
.cmp-hero h1{font-size:40px;margin:0 0 10px;line-height:1.1;}
.cmp-verdict{
    color: #CC0201;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.6;
    margin: -12px auto 0px;
    max-width: 100%;
    opacity: .9;
    font-style: italic;
 }
.cmp-subtext{opacity:.85;margin:0 0 16px;}

.cmp-who-title{margin:0px 0 18px;}
.who-for{margin:0 0 10px 0px;opacity:.9;padding: 0;}
.who-for li{ 
    list-style-type: none;
    font-size: 14px;
    line-height: 1.6;
    border: 1px solid #ddd;
    border-radius: 999px;
    margin: 10px 0px;
    padding: 5px 10px;
    width: max-content;
 }

.cmp-related{
    margin:18px 0 0;
    border: 0;
    border-radius: .6rem;
    box-shadow: 0 .03rem .3rem 0 #8c89897d;
    margin-bottom: 20px;
    padding: 15px;
}

.cmp-related .toc-text{font-size:18px;margin:0; }
.cmp-related-head h2{font-size:18px;margin:0;}
.cmp-related-head p{margin:6px 0 0;opacity:.8}
.cmp-related-chips{
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
    margin-top: 5px;
    flex-direction: column;
}
.chip-link{
   border-bottom: 1px dashed #ccc;
    border-radius: 0;
    padding: 10px 7px;
    text-decoration: none;
    color: #444;
    font-size: 16px;
}

.chip-link:hover {
    text-decoration: none;
      background: #ffecec;
    border-radius: 8px;
    text-decoration: none;
}


.chip-link:last-child {
    border-bottom: none;
}


.cmp-related-debug{margin-top:8px;font-family:ui-monospace;opacity:.75}

.cmp-nav{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 0;}
.cmp-nav a{text-decoration:none;border:1px solid rgba(0,0,0,.12);border-radius:999px;padding:8px 12px;}

.cmp-section{margin:34px 0;}

/* .cmp-section h2{margin-bottom:18px}
 */
.cmp-table-wrap{
  overflow:auto;
/*   border:1px solid rgba(0,0,0,.12); */
  border-radius:14px;
 }
.cmp-table{width:100%;border-collapse:collapse;min-width:720px;}
.cmp-table th,.cmp-table td{
  padding:12px;
/*   border-bottom:1px solid rgba(0,0,0,.08); */
  vertical-align:top;
}
thead th, thead td{
 background-color:#cc010054 !important;
}

.cmp-aspect{font-weight:600;width:240px;}

.cmp-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.cmp-col{border:1px solid rgba(0,0,0,.12);border-radius:14px;padding:14px;}
.cmp-col h3{font-size:20px;opacity:.85;margin: 15px 0px;}
.cmp-col h4{margin:0px 0 6px;font-size:16px;opacity:.85}
.cmp-col p{font-size:14px;opacity:.85;margin: 0 0 .8rem;}

.cmp-col p a{color:#CC0201}

.cmp-col ul li{
    opacity:.85;
    font-size: 14px;
    opacity: .85;
    border: 1px solid #ddd;
    border-radius: 999px;
    margin: 10px 0px;
    padding: 5px 10px;
}
.cmp-col ul {
  margin:0;
  margin: 0;
  padding: 0;
  list-style-type: none;
 }

.cmp-bestfor{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.cmp-bestfor-block,.cmp-bestfor-hybrid{border:1px solid rgba(0,0,0,.12);border-radius:14px;padding:14px;margin-top:0px;}
.cmp-bestfor-title{font-weight:600;margin-bottom:10px;}
.cmp-chips{display:flex;flex-wrap:wrap;gap:8px;}

.cmp-chips ul{
 margin: 0;
 list-style-type: none;
 padding: 0;
}
.chip{
    font-size: 14px;
    opacity: .85;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 999px;
    margin: 0px 0px;
    padding: 5px 10px;
 }

.cmp-deep{margin-top:16px;}
.cmp-deep h3{margin:0 0 10px;}
.cmp-note{margin-top:14px;border:1px dashed rgba(0,0,0,.25);border-radius:14px;padding:14px;}

.cmp-rules{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.cmp-rule ul {margin:0;padding:0;list-style-type: none;}
.cmp-rule ul li{ 
    border: 1px solid #ddd;
    border-radius: 999px;
    margin: 10px 0;
    padding: 5px 10px;
    font-size: 14px;
 }
.cmp-rule{border:1px solid #ddd;border-radius:14px;padding:14px;}

.cmp-enveu{border:1px solid #ddd;border-radius:14px;padding:14px;}

.cmp-faqs .faq{border:1px solid #ddd;border-radius:14px;padding:12px;margin:10px 0;}
.faq summary{font-weight:600;cursor:pointer;}
.faq summary:focus {outline-color: transparent;}
.faq-a{margin-top:8px;opacity:.9;}

.cmp-empty{border:1px dashed #ddd;border-radius:14px;padding:14px}

.cmp-cta{margin:48px 0 10px;}
.cta-box{border-radius:18px;padding:22px;border:1px solid #ddd)}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:10px 12px;border:1px solid rgba(0,0,0,.2);text-decoration:none}

.cmp-debugbox{
  margin:10px 0;
  padding:10px;
  border:1px dashed #999;
  border-radius:10px;
  font-family:ui-monospace, Menlo, Monaco, Consolas, 'Courier New', monospace;
}
.cmp-debugbox pre{
  white-space:pre-wrap;
  margin:8px 0 0;
  opacity:.85;
}

@media(max-width:900px){
  
    .cmp-detail .compaire-detail-page{
        padding: 0 15px;
        margin: 0;
        display: block;
    
  }
   .cmp-breadcrumbs {
    display: block !important;
} 
  .cmp-rules{grid-template-columns:1fr}
  .cmp-columns{grid-template-columns:1fr}
  .cmp-bestfor{grid-template-columns:1fr}
  .cmp-hero h1{font-size:32px}
}

@media(max-width:767px){
  .cmp-detail .compaire-detail-page{
        padding: 0 15px;
        margin: 0;
        display: block;
    
  }
  .cmp-breadcrumbs {
    display: block !important;
}
 
.cmp-faqs {
    display: block;
}  
  
}