/* Compatibility for the original layouts inside the approved shared shell. */
@scope (.original-page) {
  :scope {display:block; font:400 16px/1.5 'Poppins',sans-serif; color:#333; background:#fff; --header-height:0px;}
  .main-content-wrapper > .cards {display:block; margin:0; padding:0;}
  /* The approved header is in normal flow, so remove the old overlay-header gap. */
  .main-content-wrapper > .cards > section:first-child {padding-top:clamp(48px,5.25vw,84px)!important;}
  .layout-form-keap-embed.side-by-side .columns {align-items:start;}
  .layout-form-keap-embed.side-by-side .form-container {margin-top:0!important;}
  [data-animation] {opacity:1; visibility:visible; transform:none;}
  [data-testimonial-toggle] {cursor:pointer;}
  .full-content[hidden] {display:none!important;}
  .slide-content-container.expanded .full-content {display:block!important; max-height:none!important; height:auto!important;}
  .testimonial-item:has(.expanded) {height:auto!important;}
  [data-oe-carousel] {scroll-behavior:auto; scroll-snap-type:none!important;}
  /* Touch screens never hover, so the arrows stay visible. The legacy
     controls also use backdrop-filter; showing that filter crashes iOS
     Safari while the page is loading, and the phone cannot scroll. */
  [data-oe-carousel-prev], [data-oe-carousel-next] {
    opacity:1!important; visibility:visible!important;
    -webkit-backdrop-filter:none!important; backdrop-filter:none!important;
  }

  /* Shared prefooter booking CTA: light surface, orange outline and hover fill. */
  [data-page-id="1305012"] .btn.cta-bar-btn-1 {
    background:#fff!important;
    color:#04153a!important;
    border:2px solid #f78d02;
    transition:background-color .18s ease,color .18s ease;
  }
  [data-page-id="1305012"] .btn.cta-bar-btn-1:hover,
  [data-page-id="1305012"] .btn.cta-bar-btn-1:focus-visible {
    background:#f78d02!important;
    color:#04153a!important;
  }
  iframe {max-width:100%;}
  [hidden] {display:none!important;}
  .local-blog-pagination {display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:32px 0;}
  .local-blog-pagination a {padding:8px 15px;border:1px solid #0a3291;text-decoration:none;}
  .local-blog-pagination [aria-current=page] {background:#0a3291;color:white;}
  img,video {max-width:100%;}
  .content-container table {max-width:100%;}
  @media(max-width:700px) {
    .content-container {overflow-wrap:anywhere;}
    .content-container:has(>table) {overflow-x:auto;}
  }
  @media(prefers-reduced-motion:reduce) {
    *,*::before,*::after {scroll-behavior:auto!important; animation:none!important; transition:none!important;}
  }
}

/* Compact heading and breathing room for the dedicated feedback chat. */
@scope (.original-page[data-page="1501340"]) {
  #section-1501342 {
    min-height:0!important;
    padding:36px 0!important;
  }
  #section-1501342 .section-title {
    margin:0!important;
    padding:0!important;
    font-size:clamp(28px,3vw,44px)!important;
    line-height:1.2!important;
  }
  #section-1501344 .feedback-intro {
    text-align:center;
    color:#fff!important;
  }
  #section-1501344 {
    position:relative;
    isolation:isolate;
    background:linear-gradient(145deg,#04153a,#0a3291)!important;
    padding-bottom:128px!important;
    overflow:visible;
  }
  #section-1501344::before {
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    opacity:.17;
    filter:blur(6px);
    clip-path:inset(0);
    background:url('/assets/octane/0cc3e231c61e-bluetreetechnologycom_723832321.png') center/cover no-repeat;
  }
  @media(max-width:700px) {
    #section-1501342 {padding:24px 0!important;}
    #section-1501344 {padding-bottom:80px!important;}
  }
}

/* Free tool links on Resources only, without changing the homepage. */
.original-page .main-content-wrapper>.cards>section.btt-resources-tools{
 display:block!important;background:#f2f8fc!important;color:#102849!important;
 padding:64px 24px 76px!important;margin:0!important;min-height:0!important;
 height:auto!important;text-align:left!important;overflow:visible!important
}
.original-page .btt-resources-tools,.original-page .btt-resources-tools *{box-sizing:border-box}
.original-page .btt-resources-tools__inner{width:100%;max-width:1200px;margin:0 auto}
.original-page .btt-resources-tools__intro{text-align:center;margin:0 auto 32px;max-width:780px}
.original-page .btt-resources-tools__intro h2{
 font-family:'Poppins',Arial,sans-serif;font-size:clamp(28px,3vw,40px);
 font-weight:700;line-height:1.25;color:#082451;margin:0 0 12px
}
.original-page .btt-resources-tools__intro p{
 font-family:'Poppins',Arial,sans-serif;font-size:17px;line-height:1.6;color:#324c68;margin:0
}
.original-page .btt-resources-tools__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.original-page .btt-resources-tools__card{
 display:flex;flex-direction:column;align-items:flex-start;
 background:#fff;border:1px solid #cce4f1;border-top:4px solid #32b3e8;
 border-radius:8px;padding:28px 26px;box-shadow:0 8px 24px rgba(5,22,56,.07);min-width:0
}
.original-page .btt-resources-tools__card h3{
 font-family:'Poppins',Arial,sans-serif;font-size:21px;font-weight:700;
 line-height:1.35;color:#082451;margin:0 0 14px
}
.original-page .btt-resources-tools__card p{
 font-family:'Poppins',Arial,sans-serif;font-size:15px;line-height:1.65;
 color:#354e66;margin:0 0 25px;flex:1
}
.original-page .btt-resources-tools__card a{
 display:inline-flex;align-items:center;gap:7px;background:#ff9300;color:#051638!important;
 border-radius:5px;font-family:Arial,sans-serif;font-size:14px;font-weight:700;
 text-decoration:none!important;padding:12px 15px;min-height:44px
}
.original-page .btt-resources-tools__card a:hover{background:#ffab32}
.original-page .btt-resources-tools__card a:focus-visible{outline:3px solid #005a9b;outline-offset:3px}
@media(max-width:900px){.original-page .btt-resources-tools__grid{grid-template-columns:1fr;max-width:600px;margin:0 auto}}
@media(max-width:600px){.original-page .main-content-wrapper>.cards>section.btt-resources-tools{padding:45px 20px 55px!important}.original-page .btt-resources-tools__card{padding:24px 20px}}

/* IT Buyer's Guide access button: match the original outlined CTA. */
.original-page #section-1304978 .button-container>a.btn{
 background:#fff!important;color:#04153a!important;border:2px solid #f78d02!important;
 box-shadow:none;transition:background-color .18s ease,color .18s ease;
}
.original-page #section-1304978 .button-container>a.btn:hover,
.original-page #section-1304978 .button-container>a.btn:focus-visible{
 background:#f78d02!important;color:#04153a!important;
}

/* Customer stat: both numbers stay inside one labeled sentence. */
.original-page .layout-stats.standard .col.btt-customer-count{
 flex:1.35 1 18rem;max-width:26rem;
}
.original-page .layout-stats.standard .btt-customer-count .stat-data{
 font-size:1rem;font-weight:400;line-height:1.45;text-wrap:balance;
}
.original-page .layout-stats.standard .btt-customer-count .stat-data strong{font-weight:700}
@media screen and (max-width:800px){
 .original-page .layout-stats.standard .col.btt-customer-count{flex:1 1 100%;max-width:36rem}
}

