.cjch-hero,
      .cjch-hero *{box-sizing:border-box}
      .cjch-hero{
        --black:#020308;
        --white:#f7f7fa;
        --muted:#e4e4ea;
        --yellow:#ffc400;
        position:relative;
        isolation:isolate;
        width:100%;
        min-height:610px;
        margin-left:0;
        overflow:hidden;
        color:var(--white);
        background:var(--black);
        font-family:Montserrat,"Segoe UI",Arial,sans-serif
      }
      .cjch-hero__media{
        position:absolute;
        z-index:-3;
        inset:0 0 0 44%;
        background-position:center;
        background-size:cover;
        background-repeat:no-repeat
      }
      .cjch-hero__media:after{
        content:"";
        position:absolute;
        inset:0;
        background:linear-gradient(180deg,rgba(0,0,0,.03) 42%,rgba(0,0,0,.9) 100%)
      }
      .cjch-hero__shade{
        position:absolute;
        z-index:-2;
        inset:0;
        background:linear-gradient(90deg,#020308 0%,#020308 28%,rgba(2,3,8,.96) 36%,rgba(2,3,8,.72) 46%,rgba(2,3,8,.14) 59%,transparent 73%)
      }
      .cjch-hero__inner{
        width:100%;
        max-width:1760px;
        margin:0 auto;
        padding:62px 66px 132px
      }
      .cjch-hero__copy{width:min(790px,48vw)}
      .cjch-hero h1{
        max-width:760px;
        margin:0 0 16px;
        color:#fff;
        font-size:clamp(34px,2.1vw,42px);
        line-height:1.12;
        letter-spacing:-.6px;
        font-weight:800
      }
      .cjch-hero__description{
        color:var(--muted);
        font-size:clamp(14px,.9vw,17px);
        line-height:1.48
      }
      .cjch-hero__description p{margin:0 0 10px}
      .cjch-hero__description--html h1,
      .cjch-hero__description--html h2,
      .cjch-hero__description--html h3,
      .cjch-hero__description--html h4{
        margin:10px 0 6px;
        color:#fff;
        font:inherit;
        font-weight:700
      }
      .cjch-hero__description--html ul,
      .cjch-hero__description--html ol{
        display:grid;
        gap:4px;
        margin:10px 0 0;
        padding:0;
        list-style:none
      }
      .cjch-hero__description--html li{
        position:relative;
        margin:0;
        padding-left:20px
      }
      .cjch-hero__description--html li:before{
        content:"✓";
        position:absolute;
        left:0;
        color:var(--yellow);
        font-weight:900
      }
      .cjch-hero__points{
        display:grid;
        gap:4px;
        margin:12px 0 0;
        padding:0;
        color:#fff;
        font-size:clamp(13px,.82vw,16px);
        line-height:1.4;
        list-style:none
      }
      .cjch-hero__points li{position:relative;padding-left:18px}
      .cjch-hero__points li:before{
        content:"✓";
        position:absolute;
        left:0;
        color:var(--yellow);
        font-weight:800
      }
      .cjch-hero__actions{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
        width:min(650px,100%);
        margin-top:20px;
        padding:7px;
        border:1px solid rgba(56,255,102,.72);
        border-radius:9px;
        background:rgba(0,0,0,.58);
        box-shadow:0 0 24px rgba(34,255,82,.12)
      }
      .cjch-hero__cta{
        display:flex;
        align-items:center;
        justify-content:center;
        gap:12px;
        min-height:66px;
        padding:10px 17px;
        border:1px solid transparent;
        border-radius:6px;
        color:#fff!important;
        text-decoration:none!important;
        transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease
      }
      .cjch-hero__cta:hover{
        color:#fff!important;
        text-decoration:none!important;
        transform:translateY(-2px)
      }
      .cjch-hero__cta>span:last-child{display:grid;gap:2px;min-width:0}
      .cjch-hero__cta strong{
        color:inherit;
        font-size:15px;
        font-weight:800;
        line-height:1.15
      }
      .cjch-hero__cta small{
        color:inherit;
        font-size:11px;
        line-height:1.2;
        opacity:.82
      }
      .cjch-hero__cta-icon{
        display:grid;
        flex:0 0 35px;
        width:35px;
        height:35px;
        place-items:center;
        border-radius:50%
      }
      .cjch-hero__cta-icon svg{width:23px;height:23px;fill:currentColor}
      .cjch-hero__cta--primary{
        color:#031107!important;
        background:linear-gradient(135deg,#52ff72 0%,#20e64b 58%,#0fca38 100%);
        box-shadow:0 8px 24px rgba(31,234,77,.26)
      }
      .cjch-hero__cta--primary:hover{
        color:#020b04!important;
        background:linear-gradient(135deg,#6aff87 0%,#2df258 100%);
        box-shadow:0 11px 30px rgba(31,234,77,.4)
      }
      .cjch-hero__cta--primary .cjch-hero__cta-icon{color:#18d545;background:#fff}
      .cjch-hero__cta--secondary{
        border-color:rgba(80,255,113,.68);
        background:rgba(2,8,5,.84)
      }
      .cjch-hero__cta--secondary:hover{
        border-color:#52ff72;
        background:rgba(12,55,22,.92);
        box-shadow:0 9px 25px rgba(31,234,77,.18)
      }
      .cjch-hero__cta--secondary .cjch-hero__cta-icon{
        color:#52ff72;
        border:1px solid rgba(82,255,114,.65);
        background:rgba(82,255,114,.08)
      }
      .cjch-hero__trust{
        position:absolute;
        right:0;
        bottom:0;
        left:0;
        display:grid;
        grid-template-columns:repeat(6,minmax(0,1fr));
        align-items:center;
        min-height:98px;
        padding:18px max(4vw,42px);
        background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.87) 34%,#000 100%)
      }
      .cjch-hero__trust-item{
        display:flex;
        align-items:center;
        justify-content:center;
        gap:8px;
        min-width:0;
        color:#f4f4f5;
        font-size:clamp(12px,.82vw,16px);
        white-space:nowrap
      }
      .cjch-hero__trust-item:first-child{justify-content:flex-start}
      .cjch-hero__trust-item:last-child{justify-content:flex-end}
      .cjch-hero__trust-item span{
        display:grid;
        flex:0 0 23px;
        width:23px;
        height:23px;
        place-items:center;
        border-radius:50%;
        color:#050505;
        background:var(--yellow);
        font-size:15px;
        font-weight:900
      }
      .cjch-hero__trust-item strong{color:#f5f5f5;font-weight:500}

      @media(max-width:1450px){
        .cjch-hero{min-height:680px}
        .cjch-hero__media{left:32%}
        .cjch-hero__shade{background:linear-gradient(90deg,#020308 0 27%,rgba(2,3,8,.91) 44%,transparent 77%)}
        .cjch-hero__inner{padding:58px 40px 190px}
        .cjch-hero__copy{width:min(650px,64vw)}
        .cjch-hero__trust{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:14px;padding:24px 40px}
        .cjch-hero__trust-item,.cjch-hero__trust-item:first-child,.cjch-hero__trust-item:last-child{justify-content:flex-start}
      }

      @media(max-width:700px){
        /*
         * Kadence mobile archives add vertical spacing above #primary/content-area.
         * Remove only the top spacing on product-category pages so this hero
         * starts directly below the mobile header.
         */
        body.tax-product_cat #primary.content-area,
        body.tax-product_cat #primary,
        body.tax-product_cat .content-area{
          margin-top:0!important;
          padding-top:0!important
        }
        body.tax-product_cat .content-container,
        body.tax-product_cat #main.site-main,
        body.tax-product_cat .woocommerce-products-header{
          margin-top:0!important;
          padding-top:0!important
        }
        .cjch-hero{min-height:402px}
        .cjch-hero__media{
          inset:0 0 auto 25%;
          height:242px;
          background-position:56% 47%
        }
        .cjch-hero__media:before{
          content:"";
          position:absolute;
          z-index:1;
          inset:0;
          background:linear-gradient(90deg,#020308 0%,rgba(2,3,8,.72) 18%,rgba(2,3,8,.08) 48%,transparent 72%)
        }
        .cjch-hero__media:after{z-index:2;background:linear-gradient(180deg,transparent 55%,#020308 100%)}
        .cjch-hero__shade{display:none}
        .cjch-hero__inner{height:242px;padding:28px 15px 0}
        .cjch-hero__copy{width:min(330px,94vw)}
        .cjch-hero h1{
          margin:0;
          font-size:23px;
          line-height:1.08;
          letter-spacing:-.3px
        }
        .cjch-hero__description,.cjch-hero__points{display:none}
        .cjch-hero__actions{
          grid-template-columns:repeat(2,minmax(0,1fr));
          gap:6px;
          width:min(430px,100%);
          margin-top:44px;
          padding:5px
        }
        .cjch-hero__cta{gap:7px;min-height:58px;padding:7px 8px}
        .cjch-hero__cta-icon{flex-basis:28px;width:28px;height:28px}
        .cjch-hero__cta-icon svg{width:18px;height:18px}
        .cjch-hero__cta strong{font-size:11px}
        .cjch-hero__cta small{font-size:8px}
        .cjch-hero__trust{
          top:242px;
          bottom:auto;
          grid-template-columns:repeat(2,minmax(0,1fr));
          grid-template-rows:repeat(3,1fr);
          min-height:160px;
          height:160px;
          padding:5px 15px 7px;
          background:#000
        }
        .cjch-hero__trust-item{
          justify-content:flex-start!important;
          gap:8px;
          font-size:12px;
          line-height:1;
          white-space:nowrap
        }
        .cjch-hero__trust-item span{flex-basis:21px;width:21px;height:21px;font-size:13px}
      }
/* Native archive containers already span the viewport. Keep long labels in bounds. */
.cjch-hero__trust-item { white-space:normal; }
.cjch-hero__trust-item strong { min-width:0; line-height:1.35; }
.cjch-hero__cta:focus-visible { outline:2px solid #ffc400; outline-offset:3px; }
@media(max-width:700px) {
  .cjch-hero__inner { height:auto; min-height:242px; padding-bottom:24px; }
  .cjch-hero__copy { width:min(430px,100%); }
  .cjch-hero__trust { position:relative; top:auto; height:auto; min-height:160px; }
  .cjch-hero__trust-item { white-space:normal; font-size:clamp(10px,2.8vw,12px); }
}