.jc-reference-content{
      --bg:#0b1220;
      --muted:#94a3b8;
      --text:#e5e7eb;
      --line:rgba(148,163,184,.18);
      --shadow:0 12px 30px rgba(0,0,0,.28);
      --radius:18px;
      --max:1120px;
    }
:where(.jc-reference-content) *{box-sizing:border-box}
.jc-reference-content{
      scroll-behavior:smooth;
      scroll-padding-top:84px;
      -webkit-text-size-adjust:100%;
    }
.jc-reference-content{
      margin:0;
      font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      color:var(--text);
      background: radial-gradient(1200px 600px at 20% -10%, rgba(79,140,255,.35), transparent 60%),
                  radial-gradient(900px 500px at 90% 10%, rgba(34,197,94,.22), transparent 55%),
                  linear-gradient(180deg, #070b14 0%, #0b1220 40%, #070b14 100%);
      line-height:1.5;
    }
:where(.jc-reference-content) a{color:inherit; text-decoration:none}
:where(.jc-reference-content) .wrap{max-width:var(--max); margin:0 auto; padding:0 18px}
:where(.jc-reference-content) .topbar{
      position:sticky; top:0; z-index:20;
      backdrop-filter: blur(10px);
      background: rgba(7,11,20,.62);
      border-bottom: 1px solid var(--line);
    }
:where(.jc-reference-content) .topbar .inner{
      display:flex; align-items:center; justify-content:space-between;
      padding:12px 0; gap:12px;
    }
:where(.jc-reference-content) .brand{display:flex; align-items:center; gap:10px; font-weight:800;}
:where(.jc-reference-content) .brand-logo{

  width:40px;

  height:40px;

  border-radius:12px;

  overflow:hidden;

  flex:0 0 auto;

  display:flex;

  align-items:center;

  justify-content:center;

  background:#fff;
}
:where(.jc-reference-content) .brand-logo img{

  width:100%;

  height:100%;

  object-fit:contain;

  display:block;
}
:where(.jc-reference-content) .nav{display:flex; gap:14px; align-items:center; color:var(--muted); font-size:14px;}
:where(.jc-reference-content) .nav a{padding:8px 10px; border-radius:10px}
:where(.jc-reference-content) .nav a:hover{background:rgba(148,163,184,.10); color:var(--text)}
@media (max-width: 920px){:where(.jc-reference-content) .nav{display:none}
 }
:where(.jc-reference-content) .btn{
      display:inline-flex; align-items:center; justify-content:center;
      padding:12px 16px; border-radius:14px;
      border:1px solid rgba(148,163,184,.20);
      background: rgba(255,255,255,.06);
      color:var(--text);
      gap:10px; cursor:pointer; transition:.18s ease;
      font-weight:900; white-space:nowrap;
    }
:where(.jc-reference-content) .btn:hover{transform:translateY(-1px); background: rgba(255,255,255,.09)}
:where(.jc-reference-content) .btn.whatsapp{
      border:0;
      background: linear-gradient(135deg, rgba(34,197,94,1), rgba(34,197,94,.75));
      box-shadow: 0 10px 24px rgba(34,197,94,.18);
      color:#052e16;
    }
:where(.jc-reference-content) input,
:where(.jc-reference-content) textarea,
:where(.jc-reference-content) select{
      width:100%;
      padding:12px 12px;
      border-radius:14px;
      border:1px solid rgba(148,163,184,.20);
      background: rgba(7,11,20,.45);
      color:var(--text);
      outline:none;
      font-size:16px;
    }
:where(.jc-reference-content) input:focus,
:where(.jc-reference-content) textarea:focus,
:where(.jc-reference-content) select:focus{
      border-color: rgba(79,140,255,.8);
      box-shadow: 0 0 0 3px rgba(79,140,255,.18);
    }
:where(.jc-reference-content) textarea{min-height:86px; resize:vertical}
:where(.jc-reference-content) .banner-hero{
      height: clamp(360px, 36vw, 700px);
      width:100%; position:relative; overflow:hidden;
      background-size:cover;
      background-position:center;
      background-repeat:no-repeat;
    }
:where(.jc-reference-content) .banner-hero::before{

  content:"";

  position:absolute;

  inset:0;

  z-index:1;

  background:
  linear-gradient(
    to bottom,

    rgba(0,0,0,.48) 0%,

    rgba(0,0,0,.18) 30%,

    rgba(0,0,0,.28) 62%,

    rgba(0,0,0,.60) 100%
  );
}
:where(.jc-reference-content) .banner-inner{
      position:absolute; inset:0;
      display:grid; place-items:center;
      padding: 0 18px;
    }
:where(.jc-reference-content) .banner-copy{width:min(100%, 980px); text-align:center; position:relative; z-index:1;}
:where(.jc-reference-content) .banner-title{

  margin:0 0 10px;

  font-size:48px;

  line-height:1.08;

  font-weight: 950;

  letter-spacing:0;
  text-wrap:balance;

  color:#fff;

  text-shadow:
  0 4px 18px rgba(0,0,0,.72),
  0 10px 40px rgba(0,0,0,.55);

  max-width:900px;

  margin-left:auto;

  margin-right:auto;
}
:where(.jc-reference-content) .banner-sub{max-width:760px;margin:0 auto 16px;font-size:16px;color:rgba(226,232,240,.92);}
:where(.jc-reference-content) .banner-cta{margin-top:20px;}
:where(.jc-reference-content) .generated-visual-note{margin:18px auto 0;max-width:860px;color:#aebbc5;font-size:12px;line-height:1.5;text-align:center;}
:where(.jc-reference-content) #projects .jclight-category-image{aspect-ratio:1/1;}
:where(.jc-reference-content) #projects .jclight-category-image img{height:100%;}
:where(.jc-reference-content) .banner-tags{
      display:grid;
      grid-template-columns: repeat(4, max-content);
      gap:10px;
      justify-content:center;
    }
:where(.jc-reference-content) .banner-tags span{
      padding:7px 12px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.22);
      background: rgba(0,0,0,.18);
      color: rgba(226,232,240,.95);
      font-size:13px;
      font-weight:800;
      white-space:nowrap;
      backdrop-filter: blur(6px);
    }
@media (max-width: 768px){:where(.jc-reference-content) .banner-hero{height:420px; background-position:55% center;}
:where(.jc-reference-content) .banner-tags{grid-template-columns: repeat(2, 1fr); width:min(100%, 360px);}
:where(.jc-reference-content) .banner-tags span{width:100%; text-align:center;}

    }
:where(.jc-reference-content) .cta-whatsapp{
      display:inline-flex; align-items:center; justify-content:center; gap:10px;
      padding:14px 34px; border-radius:999px;
      background: linear-gradient(135deg, #22c55e, #16a34a);
      color:#052e16; font-size:16px; font-weight:950;
      box-shadow: 0 12px 28px rgba(34,197,94,.45), inset 0 1px 0 rgba(255,255,255,.35);
      transition: all .2s ease;
      white-space:nowrap;
    }
:where(.jc-reference-content) .cta-whatsapp::before{content:"💬"; font-size:18px;}
:where(.jc-reference-content) .cta-whatsapp:hover{transform:translateY(-1px); box-shadow:0 18px 36px rgba(34,197,94,.55), inset 0 1px 0 rgba(255,255,255,.45);}
:where(.jc-reference-content) .banner-cta{margin-top:22px; display:flex; justify-content:center;}
@media (max-width:768px){:where(.jc-reference-content) .cta-whatsapp{width:100%; max-width:320px; font-size:15px;}
 }
:where(.jc-reference-content) .section{padding:26px 0}
:where(.jc-reference-content) .section h2{margin:0 0 8px; font-size:26px; letter-spacing:-.3px}
:where(.jc-reference-content) .lead{color:var(--muted); margin:0 0 14px; max-width:80ch}
:where(.jc-reference-content) .steps{

  display:grid;

  grid-template-columns:repeat(4,1fr);

  gap:14px;

  margin-top:24px;
}
:where(.jc-reference-content) .step{

  padding:18px;

  border-radius:22px;

  border:1px solid rgba(255,255,255,.08);

  background:
  linear-gradient(
    180deg,
    rgba(255,255,255,.05),
    rgba(255,255,255,.03)
  );

  transition:.3s ease;

  backdrop-filter:blur(10px);
}
:where(.jc-reference-content) .step:hover{

  transform:translateY(-4px);

  border-color:rgba(22,196,91,.28);

  box-shadow:
  0 18px 40px rgba(0,0,0,.22);
}
:where(.jc-reference-content) .step-head{

  display:flex;

  align-items:center;

  gap:14px;

  margin-bottom:16px;
}
:where(.jc-reference-content) .step .n{

  display:inline-flex;

  align-items:center;

  justify-content:center;

  width:56px;

  height:56px;

  border-radius:50%;

  background:
  linear-gradient(
    135deg,
    #16c45b,
    #0ea84d
  );

  color:#000;

  font-size:24px;

  font-weight:900;

  flex-shrink:0;

  box-shadow:
  0 10px 25px rgba(22,196,91,.25);
}
:where(.jc-reference-content) .step-head h3{

  margin:0;

  font-size:18px;

  line-height:1.32;

  font-weight:900;

  color:#fff;
}
:where(.jc-reference-content) .step p{

  margin:0;

  font-size:14px;

  line-height:1.7;

  color:rgba(255,255,255,.72);
}
:where(.jc-reference-content) .cta-strip{

  padding:22px;

  border-radius:24px;

  border:1px solid rgba(255,255,255,.08);

  background:
  linear-gradient(
    90deg,
    rgba(17,24,39,.92),
    rgba(22,196,91,.18)
  );
}
:where(.jc-reference-content) .cta-strip .row{

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:20px;

  flex-wrap:wrap;
}
:where(.jc-reference-content) .cta-strip h3{

  margin:0 0 10px;

  font-size:30px;

  line-height:1.15;

  font-weight:900;

  color:#fff;
}
:where(.jc-reference-content) .cta-strip p{

  margin:0;

  max-width:720px;

  font-size:15px;

  line-height:1.8;

  color:rgba(255,255,255,.78);
}
@media(max-width:980px){:where(.jc-reference-content) .steps{

  grid-template-columns:repeat(2,1fr);
}


}
@media(max-width:768px){:where(.jc-reference-content) .steps{

  grid-template-columns:1fr;

  gap:14px;
}
:where(.jc-reference-content) .step{

  padding:16px;
}
:where(.jc-reference-content) .step-head{

  gap:12px;

  margin-bottom:12px;
}
:where(.jc-reference-content) .step-head h3{

  font-size:17px;

  line-height:1.3;
}
:where(.jc-reference-content) .step .n{

  width:52px;

  height:52px;

  font-size:22px;
}
:where(.jc-reference-content) .step p{

  font-size:15px;

  line-height:1.7;
}
:where(.jc-reference-content) .cta-strip{

  padding:18px;
}
:where(.jc-reference-content) .cta-strip h3{

  font-size:24px;

  line-height:1.2;
}
:where(.jc-reference-content) .cta-strip p{

  font-size:14px;

  line-height:1.7;
}
:where(.jc-reference-content) .cta-strip .row{

  flex-direction:column;

  align-items:flex-start;
}
:where(.jc-reference-content) .cta-strip .wa-btn{

  width:100%;

  justify-content:center;
}


}
:where(.jc-reference-content) .cta-strip{
      border:1px solid rgba(148,163,184,.22);
      background: linear-gradient(135deg, rgba(34,197,94,.16), rgba(79,140,255,.10));
      border-radius: 18px;
      padding: 18px 16px;
      margin-top: 16px;
	  
	    background:
  linear-gradient(90deg,#10203b,#0d3b25);

  border:1px solid rgba(22,196,91,.15);

  border-radius:28px;
  
    }
:where(.jc-reference-content) .cta-strip .row{display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;}
:where(.jc-reference-content) .cta-strip h3{margin:0; font-size:22px; font-weight:950; letter-spacing:-.2px}
:where(.jc-reference-content) .cta-strip p{margin:6px 0 0; color: rgba(226,232,240,.86); max-width:70ch; font-size:14px}
:where(.jc-reference-content) details{
      border:1px solid var(--line);
      background: rgba(255,255,255,.04);
      border-radius: 16px;
      padding:12px 14px;
    }
:where(.jc-reference-content) summary{cursor:pointer; font-weight:950}
:where(.jc-reference-content) details p{margin:10px 0 0; color:var(--muted)}
:where(.jc-reference-content) .faq{display:grid; gap:10px;}
:where(.jc-reference-content) .footer{padding:24px 0 40px; border-top: 1px solid var(--line); color: var(--muted); font-size:13px;}
:where(.jc-reference-content) .footer a{color:#cbd5e1; text-decoration:underline}
:where(.jc-reference-content) .sticky-wa{
      position:fixed; right:16px; bottom:16px; z-index:30;
      display:flex; align-items:center; gap:10px;
      padding:12px 14px; border-radius:999px; border:0;
      background: linear-gradient(135deg, rgba(34,197,94,1), rgba(34,197,94,.78));
      color:#06110a; font-weight:950; cursor:pointer;
      box-shadow: 0 14px 30px rgba(0,0,0,.35);
    }
:where(.jc-reference-content) .panel-like{
  border:1px solid var(--line);
  background: rgba(255,255,255,.04);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}
:where(.jc-reference-content) .cat-table{
  margin-top:12px;
  overflow:auto;
  -webkit-overflow-scrolling: touch;
}
:where(.jc-reference-content) .cat-table table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  min-width: 860px; /* 让移动端横向滑动更舒服 */
}
:where(.jc-reference-content) .cat-table thead th{
  position: sticky;
  top: 0;
  z-index: 1;
  background: rgba(7,11,20,.92);
  backdrop-filter: blur(8px);
  border-bottom:1px solid var(--line);
  text-align:left;
  padding:12px 12px;
  font-size:13px;
  color:#e2e8f0;
}
:where(.jc-reference-content) .cat-table tbody td{
  border-bottom:1px solid rgba(148,163,184,.14);
  padding:12px 12px;
  vertical-align:top;
  color:#cbd5e1;
  font-size:14px;
}
:where(.jc-reference-content) .cat-table tbody tr:hover td{
  background: rgba(255,255,255,.03);
}
:where(.jc-reference-content) .cat-wa{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:999px;
  background: linear-gradient(135deg, #22c55e, #16a34a);
  color:#052e16;
  font-weight:950;
  border:0;
  white-space:nowrap;
}
:where(.jc-reference-content) .cat-wa::before{
  content:"💬";
  margin-right:8px;
}
:where(.jc-reference-content) .cat-note{
  margin-top:10px;
  color: rgba(148,163,184,.95);
  font-size:13px;
}
@media (max-width: 768px){:where(.jc-reference-content) #categories .cat-table{ overflow: visible; }
:where(.jc-reference-content) #categories .cat-table table{ min-width: 0; }
:where(.jc-reference-content) #categories .cat-table thead{ display:none; }
:where(.jc-reference-content) #categories .cat-table table,
:where(.jc-reference-content) #categories .cat-table tbody,
:where(.jc-reference-content) #categories .cat-table tr,
:where(.jc-reference-content) #categories .cat-table td{
    display:block;
    width:100%;
  }
:where(.jc-reference-content) #categories .cat-table tr{
    border:1px solid rgba(148,163,184,.16);
    border-radius: 16px;
    padding: 12px;
    margin: 10px 0;
    background: rgba(255,255,255,.03);
  }
:where(.jc-reference-content) #categories .cat-table td{
    border:0;
    padding: 8px 0;
  }
:where(.jc-reference-content) #categories .cat-wa{
    width:100%;
    justify-content:center;
  }
:where(.jc-reference-content) #categories .wrap{ padding-right: 64px; }

}
:where(.jc-reference-content) .effects-section{

  position:relative;

  max-width:1100px;

  margin:30px auto 20px;

  padding:55px 24px 35px;

  border-radius:32px;

  background:
  radial-gradient(circle at top left,
  rgba(22,196,91,.10),
  transparent 28%),

  radial-gradient(circle at top right,
  rgba(79,140,255,.10),
  transparent 30%),

  linear-gradient(180deg,#050816,#09101d);

  overflow:hidden;
}
:where(.jc-reference-content) .effects-section::after{

  content:"";

  position:absolute;

  left:0;
  bottom:0;

  width:100%;
  height:120px;

  background:
  linear-gradient(to bottom,
  transparent,
  rgba(0,0,0,.12));

  pointer-events:none;
}
:where(.jc-reference-content) .effects-title{

  text-align:center;

  font-size:42px;

  line-height:1.2;

  font-weight:900;

  margin-bottom:18px;

  color:#fff;
}
:where(.jc-reference-content) .effects-sub{

  text-align:center;

  color:#bdbdbd;

  max-width:760px;

  margin:0 auto 36px;

  font-size:16px;

  line-height:1.7;
}
:where(.jc-reference-content) .effects-grid{

  display:grid;

  grid-template-columns:repeat(2,1fr);

  gap:18px;
}
:where(.jc-reference-content) .effect-card{

  background:
  linear-gradient(180deg,
  rgba(255,255,255,.05),
  rgba(255,255,255,.02));

  border:1px solid rgba(255,255,255,.06);

  border-radius:24px;

  overflow:hidden;

  transition:.35s;

  cursor:pointer;

  position:relative;
}
:where(.jc-reference-content) .effect-card:hover{

  transform:translateY(-6px);

  border-color:rgba(22,196,91,.25);

  box-shadow:
  0 20px 50px rgba(0,0,0,.45);
}
:where(.jc-reference-content) .effect-media{

  overflow:hidden;

  position:relative;
}
:where(.jc-reference-content) .effect-media video,
:where(.jc-reference-content) .effect-media img{

  width:100%;

  aspect-ratio:1/1;

  object-fit:cover;

  transition:.4s;

  display:block;
}
:where(.jc-reference-content) .effect-card:hover video,
:where(.jc-reference-content) .effect-card:hover img{

  transform:scale(1.05);
}
:where(.jc-reference-content) .effect-content{

  padding:22px;

  text-align:center;
}
:where(.jc-reference-content) .effect-content h3{

  font-size:22px;

  margin-bottom:10px;

  font-weight:800;

  color:#fff;

  line-height:1.3;
}
:where(.jc-reference-content) .effect-content p{

  color:#c8c8c8;

  font-size:15px;

  line-height:1.7;
}
:where(.jc-reference-content) .effects-btn-wrap{

  text-align:center;

  margin-top:26px;
}
:where(.jc-reference-content) .effects-btn{

  display:inline-flex;

  align-items:center;

  justify-content:center;

  padding:18px 36px;

  border-radius:50px;

  background:
  linear-gradient(135deg,#16c45b,#11a84d);

  color:#000;

  font-size:18px;

  font-weight:800;

  text-decoration:none;

  box-shadow:
  0 12px 35px rgba(22,196,91,.28);

  transition:.3s;
}
:where(.jc-reference-content) .effects-btn:hover{

  transform:translateY(-3px);

  box-shadow:
  0 18px 45px rgba(22,196,91,.38);
}
@media(max-width:768px){:where(.jc-reference-content) .effects-section{

  margin:24px auto 16px;

  padding:40px 14px 28px;

  border-radius:24px;
}
:where(.jc-reference-content) .effects-title{

  font-size:30px;

  margin-bottom:14px;
}
:where(.jc-reference-content) .effects-sub{

  font-size:14px;

  margin-bottom:24px;

  line-height:1.6;
}
:where(.jc-reference-content) .effects-grid{

  grid-template-columns:repeat(2,1fr);

  gap:12px;
}
:where(.jc-reference-content) .effect-media video,
:where(.jc-reference-content) .effect-media img{

  aspect-ratio:0.9/1;
}
:where(.jc-reference-content) .effect-content{

  padding:14px;
}
:where(.jc-reference-content) .effect-content h3{

  font-size:15px;

  margin-bottom:6px;
}
:where(.jc-reference-content) .effect-content p{

  font-size:12px;

  line-height:1.5;
}
:where(.jc-reference-content) .effects-btn-wrap{

  margin-top:20px;
}
:where(.jc-reference-content) .effects-btn{

  width:100%;

  font-size:16px;

  padding:16px 20px;
}


}
:where(.jc-reference-content) .process-number{
width:64px;
height:64px;
border-radius:50%;
background:#16c45b;
display:flex;
align-items:center;
justify-content:center;
font-size:28px;
font-weight:800;
color:#000;
margin-bottom:20px;
}
:where(.jc-reference-content) .hero{

  position:relative;

  overflow:hidden;

  min-height:720px;
}
:where(.jc-reference-content) .hero-video{

  position:absolute;

  inset:0;

  width:100%;

  height:100%;

  object-fit:cover;

  z-index:0;

  filter:
  brightness(.62)
  contrast(1.05)
  saturate(1.05);

  transform:scale(1.02);

}
:where(.jc-reference-content) .hero::before{

  content:"";

  position:absolute;

  inset:0;

  background:
  linear-gradient(
  to bottom,
  rgba(0,0,0,.55),
  rgba(0,0,0,.65));

  z-index:1;
}
:where(.jc-reference-content) .hero::before{

  content:"";

  position:absolute;

  inset:0;

  background:
  linear-gradient(
  to bottom,
  rgba(0,0,0,.55),
  rgba(0,0,0,.65));

  z-index:1;
}
@media(max-width:768px){:where(.jc-reference-content) .hero{

  min-height:auto;

  padding-top:90px;

  padding-bottom:50px;
}
:where(.jc-reference-content) .hero-video{

  object-fit:contain;

  height:auto;

  background:#000;
}


}
:where(.jc-reference-content) .jclight-proof-slider{

  position:relative;

  width:100%;

  min-height:320px;

  border-radius:12px;

  overflow:hidden;

  background:#000;
}
:where(.jc-reference-content) .jclight-proof-slide{

  position:absolute;

  inset:0;

  opacity:0;

  transition:opacity .8s ease;
}
:where(.jc-reference-content) .jclight-proof-slide.active{

  opacity:1;

  z-index:2;
}
:where(.jc-reference-content) .jclight-proof-slide img{

  width:100%;

  height:100%;

  min-height:320px;

  object-fit:cover;

  display:block;
}
:where(.jc-reference-content) .jclight-proof-slide::after{

  content:"";

  position:absolute;

  inset:0;

  background:
  linear-gradient(to top,
  rgba(0,0,0,.35),
  transparent);
}
:where(.jc-reference-content) .jclight-proof-tag{

  position:absolute;

  left:16px;

  bottom:16px;

  z-index:3;

  padding:8px 14px;

  border-radius:999px;

  background:
  rgba(0,0,0,.45);

  backdrop-filter:blur(10px);

  color:#fff;

  font-size:13px;

  font-weight:800;
}
@media (max-width:920px){:where(.jc-reference-content) .jclight-proof-slider{

  min-height:240px;
}
:where(.jc-reference-content) .jclight-proof-slide img{

  min-height:240px;
}


}
:where(.jc-reference-content) .jclight-category-section{

  padding:40px 0;
}
:where(.jc-reference-content) .jclight-category-wrap{

  width:100%;

  max-width:1200px;

  margin:auto;

  padding:0 16px;
}
:where(.jc-reference-content) .jclight-category-title{

  text-align:center;

  font-size:42px;

  line-height:1.15;

  font-weight:900;

  color:#fff;

  margin-bottom:12px;
}
:where(.jc-reference-content) .effects-sub{

  text-align:center;

  color:rgba(255,255,255,.72);

  max-width:780px;

  margin:0 auto 30px;

  line-height:1.8;
}
:where(.jc-reference-content) .jclight-category-grid{

  display:grid;

  grid-template-columns:
  repeat(4,1fr);

  gap:18px;
}
:where(.jc-reference-content) .jclight-category-card{

  display:block;

  border-radius:18px;

  overflow:hidden;

  background:
  rgba(255,255,255,.04);

  border:
  1px solid rgba(255,255,255,.08);

  text-decoration:none;

  transition:.3s ease;
}
:where(.jc-reference-content) .jclight-category-card:hover{

  transform:translateY(-4px);

  border-color:
  rgba(34,197,94,.45);
}
:where(.jc-reference-content) .jclight-category-video{

  position:relative;

  width:100%;

  aspect-ratio:1/1;

  overflow:hidden;

  background:#000;
}
:where(.jc-reference-content) .jclight-category-video video{

  width:100%;

  height:100%;

  object-fit:cover;

  display:block;
}
:where(.jc-reference-content) .jclight-category-content{

  padding:14px 10px 16px;

  text-align:center;
}
:where(.jc-reference-content) .jclight-category-name{

  color:#fff;

  font-size:18px;

  font-weight:800;

  line-height:1.4;
}
:where(.jc-reference-content) .effects-btn-wrap{

  text-align:center;

  margin-top:30px;
}
@media(max-width:920px){:where(.jc-reference-content) .jclight-category-grid{

  grid-template-columns:
  repeat(2,1fr);

  gap:12px;
}
:where(.jc-reference-content) .jclight-category-title{

  font-size:32px;
}
:where(.jc-reference-content) .jclight-category-name{

  font-size:15px;
}
:where(.jc-reference-content) .effects-sub{

  font-size:14px;

  margin-bottom:22px;
}


}
:where(.jc-reference-content) .jclight-category-video img{

  width:100%;

  height:100%;

  object-fit:cover;

  display:block;
}
:where(.jc-reference-content) .banner-hero{height:auto;min-height:560px}
:where(.jc-reference-content) .banner-inner{position:relative;min-height:560px;padding:56px 18px}
:where(.jc-reference-content) .banner-title{font-size:clamp(30px,4vw,48px)}
@media(max-width:768px){:where(.jc-reference-content) .banner-hero,
:where(.jc-reference-content) .banner-inner{min-height:580px}
:where(.jc-reference-content) .banner-inner{padding:36px 18px}
:where(.jc-reference-content) .banner-sub{font-size:15px}
:where(.jc-reference-content) .banner-cta .cta-whatsapp{white-space:normal}
}
@media(max-width:768px){:where(.jc-reference-content) .topbar .wrap{padding:0 12px;}
:where(.jc-reference-content) .topbar .inner{gap:8px;padding:10px 0;}
:where(.jc-reference-content) .topbar .brand>div:not(.brand-logo){display:none;}
:where(.jc-reference-content) .topbar .btn{padding:10px 11px;font-size:13px;}
:where(.jc-reference-content) .banner-hero{height:auto;min-height:0;}
:where(.jc-reference-content) .banner-hero .hero-video{height:100%;object-fit:cover;}
:where(.jc-reference-content) .banner-inner{position:relative;inset:auto;min-height:0;padding:36px 18px;display:flex;align-items:center;justify-content:center;}
:where(.jc-reference-content) .banner-copy{width:100%;max-width:360px;}
:where(.jc-reference-content) .banner-title{font-size:30px;line-height:1.12;letter-spacing:0;margin-bottom:12px;}
:where(.jc-reference-content) .banner-sub{max-width:340px;margin:0 auto 14px;font-size:13.5px;line-height:1.5;}
:where(.jc-reference-content) .banner-tags{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;max-width:342px;margin:0 auto;}
:where(.jc-reference-content) .banner-tags span{white-space:normal;min-height:36px;padding:8px 9px;font-size:12px;line-height:1.2;display:flex;align-items:center;justify-content:center;text-align:center;}
:where(.jc-reference-content) .banner-tags span:last-child:nth-child(odd){grid-column:1/-1;}
:where(.jc-reference-content) .banner-cta{margin-top:16px;}
:where(.jc-reference-content) .cta-whatsapp{width:100%;max-width:320px;min-height:52px;padding:13px 18px;font-size:14px;line-height:1.25;white-space:normal;text-align:center;}
:where(.jc-reference-content) .jclight-category-section{padding:32px 12px 55px;}
:where(.jc-reference-content) .jclight-category-wrap{max-width:100%;padding:0;}
:where(.jc-reference-content) .jclight-category-title{font-size:30px;line-height:1.12;margin-bottom:14px;letter-spacing:0;}
:where(.jc-reference-content) .effects-sub{font-size:13.5px;line-height:1.55;margin-bottom:20px;}
:where(.jc-reference-content) .jclight-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
:where(.jc-reference-content) .jclight-category-card{border-radius:12px;}
:where(.jc-reference-content) .jclight-category-content{padding:10px 7px 12px;}
:where(.jc-reference-content) .jclight-category-name{font-size:13px;line-height:1.25;overflow-wrap:anywhere;}
:where(.jc-reference-content) .jclight-category-image img,
:where(.jc-reference-content) .jclight-category-video{aspect-ratio:1/1;}
:where(.jc-reference-content) .jclight-category-video img,
:where(.jc-reference-content) .jclight-category-video video{width:100%;height:100%;object-fit:cover;}
:where(.jc-reference-content) .effects-btn{width:100%;max-width:320px;padding:14px 18px;font-size:15px;line-height:1.25;white-space:normal;}

}
@media(max-width:380px){:where(.jc-reference-content) .banner-inner{padding:28px 14px;}
:where(.jc-reference-content) .banner-title{font-size:28px;}
:where(.jc-reference-content) .banner-sub{font-size:13px;}
:where(.jc-reference-content) .jclight-category-name{font-size:12.5px;}

}
:where(.jc-reference-content) .jclight-factory-stats{

  position:relative;

  overflow:hidden;

  padding:70px 20px;

  background:
  radial-gradient(circle at left,
  rgba(22,196,91,.12),
  transparent 30%),

  radial-gradient(circle at right,
  rgba(79,140,255,.10),
  transparent 30%),

  #000;
}
:where(.jc-reference-content) .jclight-factory-stats-wrap{

  max-width:1200px;

  margin:auto;

  display:grid;

  grid-template-columns:repeat(4,1fr);

  gap:40px;
}
:where(.jc-reference-content) .jclight-factory-item{

  min-width:0;

  text-align:center;

  display:flex;

  flex-direction:column;

  align-items:center;
}
:where(.jc-reference-content) .jclight-factory-number{

  display:flex;

  align-items:flex-start;

  flex-wrap:nowrap;

  gap:4px;

  margin-bottom:18px;

  line-height:.8;
}
:where(.jc-reference-content) .jclight-factory-number strong{

  font-size:92px;

  line-height:.8;

  font-weight:400;

  color:#f2c5a8;

  letter-spacing:-3px;

  font-family:
  "Times New Roman",
  serif;
}
:where(.jc-reference-content) .jclight-factory-number span{

  font-size:22px;

  line-height:1;

  margin-top:8px;

  color:#f2c5a8;

  font-family:
  "Times New Roman",
  serif;
}
:where(.jc-reference-content) .jclight-factory-title{

  font-size:28px;

  line-height:1.3;

  color:#fff;

  margin-bottom:12px;

  font-weight:500;
}
:where(.jc-reference-content) .jclight-factory-desc{

  font-size:17px;

  line-height:1.7;

  color:#cfcfcf;
}
@media(max-width:768px){:where(.jc-reference-content) .jclight-factory-stats{

  padding:16px 16px;
}
:where(.jc-reference-content) .jclight-factory-stats-wrap{

  grid-template-columns:repeat(2,1fr);

  gap:28px 18px;
}
:where(.jc-reference-content) .jclight-factory-number{

  margin-bottom:10px;

  flex-direction:column;
  align-items:center;
  max-width:100%;
  min-height:72px;
  gap:4px;
}
:where(.jc-reference-content) .jclight-factory-number strong{

  font-size:58px;

  letter-spacing:0;
}
:where(.jc-reference-content) .jclight-factory-number span{

  font-size:16px;

  margin-top:4px;
}
:where(.jc-reference-content) .jclight-factory-title{

  font-size:15px;

  line-height:1.4;

  margin-bottom:8px;
}
:where(.jc-reference-content) .jclight-factory-desc{

  font-size:12px;

  line-height:1.55;
}


}
@media(max-width:480px){:where(.jc-reference-content) .jclight-factory-number strong{

  font-size:52px;
}
:where(.jc-reference-content) .jclight-factory-title{

  font-size:14px;
}
:where(.jc-reference-content) .jclight-factory-desc{

  font-size:11px;
}


}
@media(min-width:769px) and (max-width:1100px){:where(.jc-reference-content) .jclight-factory-stats-wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;}

}
:where(.jc-reference-content) .factory-trust-badges{

    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    gap:12px;

    margin-top:28px;

}
:where(.jc-reference-content) .factory-trust-badges span{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:8px 18px;

    min-height:38px;

    border-radius:999px;

    background:rgba(9,35,30,.55);

    border:1px solid rgba(34,219,97,.45);

    color:#22db61;

    font-size:14px;

    font-weight:700;

    line-height:1;

    white-space:nowrap;

    box-shadow:
        inset 0 0 12px rgba(34,219,97,.08),
        0 0 16px rgba(34,219,97,.08);

    transition:.3s;

}
:where(.jc-reference-content) .factory-trust-badges span:hover{

    transform:translateY(-2px);

    background:rgba(20,80,55,.75);

    border-color:#32f57c;

    box-shadow:
        0 0 20px rgba(50,245,124,.28),
        inset 0 0 18px rgba(50,245,124,.10);

}
@media(max-width:768px){:where(.jc-reference-content) .factory-trust-badges{

        gap:8px;

        margin-top:22px;

    }
:where(.jc-reference-content) .factory-trust-badges span{

        padding:7px 14px;

        min-height:34px;

        font-size:12px;

    }


}
:where(.jc-reference-content) .jclight-category-section{

  background:#000;

  padding:40px 20px 70px;

  overflow:hidden;
}
:where(.jc-reference-content) .jclight-category-wrap{

  max-width:1350px;

  margin:auto;
}
:where(.jc-reference-content) .jclight-category-title{

  text-align:center;

  color:#fff;

  font-size:64px;

  line-height:1.1;

  margin-bottom:42px;

  font-weight:500;

  letter-spacing:-1px;

  font-family:
  "Times New Roman",
  serif;
}
:where(.jc-reference-content) .jclight-category-grid{

  display:grid;

  grid-template-columns:repeat(4,1fr);

  gap:26px;
}
:where(.jc-reference-content) .jclight-category-card{

  text-decoration:none;

  display:block;

  transition:.35s;

  overflow:hidden;
}
:where(.jc-reference-content) .jclight-category-image{

  position:relative;

  overflow:hidden;

  background:#111;
}
:where(.jc-reference-content) .jclight-category-image img{

  width:100%;

  aspect-ratio:1/1;

  object-fit:cover;

  display:block;

  transition:transform .45s ease;
}
:where(.jc-reference-content) .jclight-category-card:hover img{

  transform:scale(1.05);
}
:where(.jc-reference-content) .jclight-category-content{

  padding-top:16px;

  text-align:center;
}
:where(.jc-reference-content) .jclight-category-name{

  color:#fff;

  font-size:22px;

  line-height:1.4;

  font-weight:600;
}
@media(max-width:1024px){:where(.jc-reference-content) .jclight-category-grid{

  grid-template-columns:repeat(3,1fr);

  gap:20px;
}
:where(.jc-reference-content) .jclight-category-title{

  font-size:50px;
}
:where(.jc-reference-content) .jclight-category-name{

  font-size:18px;
}


}
@media(max-width:768px){:where(.jc-reference-content) .jclight-category-section{

  padding:32px 12px 55px;
}
:where(.jc-reference-content) .jclight-category-title{

  font-size:32px;

  margin-bottom:24px;

  text-align:center;

  padding-left:0;
}
:where(.jc-reference-content) .jclight-category-grid{

  grid-template-columns:repeat(2,1fr);

  gap:14px;
}
:where(.jc-reference-content) .jclight-category-content{

  padding-top:12px;
}
:where(.jc-reference-content) .jclight-category-name{

  font-size:15px;

  line-height:1.45;
}


}
@media(max-width:480px){:where(.jc-reference-content) .jclight-category-grid{

  gap:12px;
}
:where(.jc-reference-content) .jclight-category-name{

  font-size:14px;
}


}
:where(.jc-reference-content) .jclight-delivery-slider{

  position:relative;

  width:100%;

  min-height:320px;

  border-radius:12px;

  overflow:hidden;

  background:#000;
}
:where(.jc-reference-content) .jclight-delivery-slide{

  position:absolute;

  inset:0;

  opacity:0;

  transition:opacity .8s ease;
}
:where(.jc-reference-content) .jclight-delivery-slide.active{

  opacity:1;

  z-index:2;
}
:where(.jc-reference-content) .jclight-delivery-slide img{

  width:100%;

  height:100%;

  min-height:320px;

  object-fit:cover;

  display:block;
}
:where(.jc-reference-content) .jclight-delivery-slide::after{

  content:"";

  position:absolute;

  inset:0;

  background:
  linear-gradient(
  to top,
  rgba(0,0,0,.35),
  transparent);
}
:where(.jc-reference-content) .jclight-delivery-tag{

  position:absolute;

  left:16px;

  bottom:16px;

  z-index:3;

  padding:8px 14px;

  border-radius:999px;

  background:
  rgba(0,0,0,.45);

  backdrop-filter:blur(10px);

  color:#fff;

  font-size:13px;

  font-weight:800;
}
@media(max-width:920px){:where(.jc-reference-content) .jclight-delivery-slider{

  min-height:240px;
}
:where(.jc-reference-content) .jclight-delivery-slide img{

  min-height:240px;
}
:where(.jc-reference-content) .jclight-delivery-tag{

  left:12px;

  bottom:12px;

  font-size:12px;

  padding:7px 12px;
}


}
:where(.jc-reference-content) .trust-adv-section{padding:56px 16px;}
:where(.jc-reference-content) .trust-adv-container{max-width:1280px;margin:auto;padding:42px;border-radius:22px;background:linear-gradient(135deg,#06182b 0%,#073d2d 100%);border:1px solid rgba(255,255,255,.10);box-shadow:0 24px 70px rgba(0,0,0,.26);}
:where(.jc-reference-content) .trust-adv-container>.jclight-category-title{max-width:980px;margin:0 auto 14px;font-size:clamp(34px,4vw,54px);line-height:1.12;}
:where(.jc-reference-content) .trust-adv-subtitle{max-width:960px;margin:0 auto 34px;font-size:16px;line-height:1.8;text-align:center;color:rgba(255,255,255,.84);}
:where(.jc-reference-content) .trust-adv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
:where(.jc-reference-content) .trust-adv-card{display:flex;flex-direction:column;overflow:hidden;border-radius:18px;background:rgba(4,11,20,.82);border:1px solid rgba(255,255,255,.10);transition:.25s ease;min-height:0;}
:where(.jc-reference-content) .trust-adv-card:hover{transform:translateY(-3px);border-color:rgba(34,211,95,.40);box-shadow:0 18px 38px rgba(0,0,0,.24);}
:where(.jc-reference-content) .trust-adv-image{position:relative;height:180px;overflow:hidden;background:#07131f;}
:where(.jc-reference-content) .trust-adv-image img{width:100%;height:100%;object-fit:cover;display:block;transition:.35s ease;}
:where(.jc-reference-content) .trust-adv-card:hover .trust-adv-image img{transform:scale(1.04);}
:where(.jc-reference-content) .trust-adv-image::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.28));}
:where(.jc-reference-content) .trust-adv-image::after{display:none;}
:where(.jc-reference-content) .trust-badge{position:absolute;top:12px;left:12px;z-index:2;padding:7px 12px;border-radius:999px;background:#22d35f;color:#04140a;font-size:12px;font-weight:900;box-shadow:0 8px 22px rgba(0,0,0,.22);}
:where(.jc-reference-content) .trust-adv-content{position:relative;left:auto;right:auto;bottom:auto;z-index:1;padding:20px;min-height:150px;}
:where(.jc-reference-content) .trust-adv-content h3{margin:0 0 8px;font-size:22px;font-weight:900;color:#fff;line-height:1.15;text-shadow:none;}
:where(.jc-reference-content) .trust-adv-content p{margin:0;font-size:14px;line-height:1.65;color:rgba(255,255,255,.78);text-shadow:none;}
:where(.jc-reference-content) .trust-adv-mini-cta{margin-top:24px;padding:18px 20px;border-radius:18px;background:rgba(0,0,0,.20);border:1px solid rgba(255,255,255,.10);display:flex;align-items:center;justify-content:space-between;gap:18px;}
:where(.jc-reference-content) .trust-adv-mini-cta strong{display:block;color:#fff;font-size:18px;margin-bottom:3px;}
:where(.jc-reference-content) .trust-adv-mini-cta span{display:block;color:rgba(255,255,255,.72);font-size:14px;line-height:1.5;}
:where(.jc-reference-content) .trust-adv-mini-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:999px;background:#22d35f;color:#04140a;font-weight:900;white-space:nowrap;}
@media(max-width:980px){:where(.jc-reference-content) .trust-adv-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
:where(.jc-reference-content) .trust-adv-container{padding:30px;}
}
@media(max-width:640px){:where(.jc-reference-content) .trust-adv-section{padding:34px 10px;}
:where(.jc-reference-content) .trust-adv-container{padding:20px 12px;border-radius:18px;}
:where(.jc-reference-content) .trust-adv-container>.jclight-category-title{font-size:30px;line-height:1.12;margin-bottom:12px;}
:where(.jc-reference-content) .trust-adv-subtitle{font-size:13.5px;line-height:1.7;margin-bottom:20px;}
:where(.jc-reference-content) .trust-adv-grid{grid-template-columns:1fr;gap:12px;}
:where(.jc-reference-content) .trust-adv-card{display:grid;grid-template-columns:minmax(0,1fr) 112px;align-items:stretch;border-radius:16px;}
:where(.jc-reference-content) .trust-adv-image{order:2;height:auto;min-height:132px;}
:where(.jc-reference-content) .trust-adv-content{order:1;padding:15px 14px;min-height:0;}
:where(.jc-reference-content) .trust-adv-content h3{font-size:18px;margin-bottom:6px;overflow-wrap:anywhere;}
:where(.jc-reference-content) .trust-adv-content p{font-size:12.5px;line-height:1.55;}
:where(.jc-reference-content) .trust-badge{top:8px;left:8px;padding:5px 8px;font-size:9px;}
:where(.jc-reference-content) .trust-adv-mini-cta{margin-top:14px;display:block;padding:16px;}
:where(.jc-reference-content) .trust-adv-mini-cta strong{font-size:16px;}
:where(.jc-reference-content) .trust-adv-mini-cta span{font-size:12.5px;}
:where(.jc-reference-content) .trust-adv-mini-cta a{margin-top:12px;width:100%;}

}
:where(.jc-reference-content) .project-process-section{

padding:50px 16px;

}
:where(.jc-reference-content) .project-process-container{

max-width:1280px;

margin:auto;

padding:40px;

border-radius:24px;

background:linear-gradient(
90deg,
#081b39 0%,
#0b4d33 100%
);

border:1px solid rgba(255,255,255,.08);

}
:where(.jc-reference-content) .project-process-subtitle{

max-width:860px;

margin:0 auto 28px;

font-size:15px;

line-height:1.8;

text-align:center;

color:rgba(255,255,255,.82);

}
:where(.jc-reference-content) .project-process-tip{

max-width:980px;

margin:0 auto 36px;

padding:14px 20px;

text-align:center;

font-size:14px;

line-height:1.8;

color:#9effc2;

background:rgba(36,220,90,.08);

border:1px solid rgba(36,220,90,.25);

border-radius:14px;

}
:where(.jc-reference-content) .project-block-title{

margin:0 0 20px;

font-size:28px;

font-weight:700;

color:#fff;

text-align:center;

}
:where(.jc-reference-content) .project-info-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:16px;

margin-bottom:40px;

}
:where(.jc-reference-content) .project-info-card{

padding:20px 14px;

text-align:center;

border-radius:18px;

background:rgba(0,0,0,.18);

border:1px solid rgba(255,255,255,.08);

transition:.3s;

}
:where(.jc-reference-content) .project-info-card:hover{

transform:translateY(-4px);

border-color:rgba(36,220,90,.35);

}
:where(.jc-reference-content) .project-icon{

font-size:34px;

margin-bottom:12px;

}
:where(.jc-reference-content) .project-info-card h4{

margin:0 0 8px;

font-size:18px;

color:#fff;

}
:where(.jc-reference-content) .project-info-card p{

margin:0;

font-size:13px;

line-height:1.6;

color:#d7d7d7;

}
:where(.jc-reference-content) .project-step-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:18px;

margin-bottom:36px;

}
:where(.jc-reference-content) .project-step-card{

position:relative;

padding:26px 20px 20px;

border-radius:18px;

background:rgba(0,0,0,.18);

border:1px solid rgba(255,255,255,.08);

transition:.3s;

}
:where(.jc-reference-content) .project-step-card:hover{

transform:translateY(-4px);

border-color:rgba(36,220,90,.35);

}
:where(.jc-reference-content) .step-num{

position:absolute;

top:16px;

right:16px;

width:38px;

height:38px;

border-radius:50%;

background:#22db61;

color:#000;

font-size:18px;

font-weight:800;

display:flex;

align-items:center;

justify-content:center;

}
:where(.jc-reference-content) .project-step-card h4{

margin:0 0 12px;

font-size:22px;

line-height:1.25;

color:#fff;

}
:where(.jc-reference-content) .project-step-card p{

margin:0;

font-size:14px;

line-height:1.7;

color:#d7d7d7;

}
:where(.jc-reference-content) .project-process-cta{

display:flex;

justify-content:space-between;

align-items:center;

gap:24px;

padding:28px;

border-radius:20px;

background:rgba(0,0,0,.18);

border:1px solid rgba(255,255,255,.08);

}
:where(.jc-reference-content) .project-process-cta-text h3{

margin:0 0 10px;

font-size:34px;

color:#fff;

}
:where(.jc-reference-content) .project-process-cta-text p{

margin:0;

font-size:15px;

line-height:1.7;

color:rgba(255,255,255,.82);

max-width:620px;

}
:where(.jc-reference-content) .project-process-btn{

display:inline-flex;

align-items:center;

justify-content:center;

padding:18px 42px;

border-radius:999px;

background:linear-gradient(
135deg,
#22c55e,
#16a34a
);

color:#06280f;

font-size:17px;

font-weight:800;

text-decoration:none;

white-space:nowrap;

box-shadow:0 10px 28px rgba(34,197,94,.28);

transition:.3s;

}
:where(.jc-reference-content) .project-process-btn:hover{

transform:translateY(-2px);

box-shadow:0 16px 36px rgba(34,197,94,.38);

}
@media(max-width:992px){:where(.jc-reference-content) .project-info-grid{

grid-template-columns:repeat(2,1fr);

}
:where(.jc-reference-content) .project-step-grid{

grid-template-columns:repeat(2,1fr);

}
:where(.jc-reference-content) .project-process-cta{

flex-direction:column;

text-align:center;

}


}
@media(max-width:768px){:where(.jc-reference-content) .project-process-section{

padding:30px 12px;

}
:where(.jc-reference-content) .project-process-container{

padding:20px;

}
:where(.jc-reference-content) .project-process-subtitle{

font-size:13px;

}
:where(.jc-reference-content) .project-process-tip{

font-size:12px;

padding:12px;

margin-bottom:24px;

}
:where(.jc-reference-content) .project-block-title{

font-size:22px;

margin-bottom:16px;

}
:where(.jc-reference-content) .project-info-grid{

grid-template-columns:repeat(2,1fr);

gap:12px;

margin-bottom:28px;

}
:where(.jc-reference-content) .project-info-card{

padding:14px 10px;

}
:where(.jc-reference-content) .project-icon{

font-size:26px;

margin-bottom:8px;

}
:where(.jc-reference-content) .project-info-card h4{

font-size:15px;

}
:where(.jc-reference-content) .project-info-card p{

font-size:11px;

}
:where(.jc-reference-content) .project-step-grid{

grid-template-columns:repeat(2,1fr);

gap:12px;

margin-bottom:24px;

}
:where(.jc-reference-content) .project-step-card{

padding:16px;

}
:where(.jc-reference-content) .step-num{

width:30px;

height:30px;

font-size:15px;

top:10px;

right:10px;

}
:where(.jc-reference-content) .project-step-card h4{

font-size:16px;

margin-bottom:8px;

}
:where(.jc-reference-content) .project-step-card p{

font-size:12px;

line-height:1.55;

}
:where(.jc-reference-content) .project-process-cta{

padding:18px;

gap:16px;

}
:where(.jc-reference-content) .project-process-cta-text h3{

font-size:22px;

}
:where(.jc-reference-content) .project-process-cta-text p{

font-size:13px;

}
:where(.jc-reference-content) .project-process-btn{

width:100%;

padding:14px 20px;

font-size:15px;

}


}
:where(.jc-reference-content) .delivery-section{
    padding:50px 16px;
}
:where(.jc-reference-content) .delivery-container{
    max-width:1280px;
    margin:auto;
    padding:30px;
    border-radius:24px;
    background:linear-gradient(90deg,#081b39 0%,#0b4d33 100%);
    border:1px solid rgba(255,255,255,.08);
}
:where(.jc-reference-content) .delivery-grid{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:28px;
    align-items:center;
}
:where(.jc-reference-content) .delivery-title{
    font-size:48px;
    line-height:1.15;
    color:#fff;
    margin:0 0 16px;
}
:where(.jc-reference-content) .delivery-subtitle{
    color:#d7d7d7;
    line-height:1.8;
    margin-bottom:24px;
}
:where(.jc-reference-content) .delivery-list{
    display:flex;
    flex-direction:column;
    gap:14px;
    margin-bottom:28px;
}
:where(.jc-reference-content) .delivery-item{
    padding:16px 18px;
    border-radius:16px;
    background:rgba(0,0,0,.18);
    border:1px solid rgba(255,255,255,.08);
    color:#f2f2f2;
    line-height:1.8;
}
:where(.jc-reference-content) .delivery-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:16px 34px;
    border-radius:999px;
    background:#22d35f;
    color:#04140a;
    text-decoration:none;
    font-weight:700;
}
:where(.jc-reference-content) .delivery-slider{
    position:relative;
    height:430px;
    overflow:hidden;
    border-radius:22px;
}
:where(.jc-reference-content) .delivery-slide{
    position:absolute;
    inset:0;
    opacity:0;
    transition:opacity .8s ease;
}
:where(.jc-reference-content) .delivery-slide.active{opacity:1;}
:where(.jc-reference-content) .delivery-slide img{
    width:100%;
    height:100%;
    object-fit:cover;
}
:where(.jc-reference-content) .delivery-overlay{
    position:absolute;
    left:20px;
    right:20px;
    bottom:20px;
    color:#fff;
    background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.72));
    padding-top:60px;
}
:where(.jc-reference-content) .delivery-overlay h3{margin:0 0 8px;}
:where(.jc-reference-content) .delivery-dots{
    position:absolute;
    bottom:14px;
    left:50%;
    transform:translateX(-50%);
    display:flex;
    gap:8px;
}
:where(.jc-reference-content) .delivery-dots span{
    width:10px;height:10px;border-radius:50%;
    background:rgba(255,255,255,.35);
    cursor:pointer;
}
:where(.jc-reference-content) .delivery-dots span.active{
    background:#22d35f;
}
:where(.jc-reference-content) .delivery-bottom{
    margin-top:28px;
    padding:22px;
    border-radius:18px;
    background:rgba(0,0,0,.18);
    display:flex;
    justify-content:space-between;
    gap:20px;
    align-items:center;
}
:where(.jc-reference-content) .delivery-bottom h3,
:where(.jc-reference-content) .delivery-bottom p{color:#fff;margin:0;}
@media(max-width:768px){:where(.jc-reference-content) .delivery-container{padding:18px;}
:where(.jc-reference-content) .delivery-grid{grid-template-columns:1fr;}
:where(.jc-reference-content) .delivery-title{font-size:32px;text-align:center;}
:where(.jc-reference-content) .delivery-subtitle{text-align:center;}
:where(.jc-reference-content) .delivery-slider{height:250px;}
:where(.jc-reference-content) .delivery-bottom{flex-direction:column;text-align:center;}
:where(.jc-reference-content) .delivery-btn{width:100%;}

}
:where(.jc-reference-content) .delivery-video-box{
    position:relative;
    height:380px;
    border-radius:22px;
    overflow:hidden;
}
:where(.jc-reference-content) .delivery-video-box video{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
:where(.jc-reference-content) .delivery-video-overlay{
    position:absolute;
    left:22px;
    right:22px;
    bottom:22px;
    color:#fff;
}
:where(.jc-reference-content) .delivery-video-badge{
    display:inline-block;
    padding:8px 16px;
    margin-bottom:14px;
    border-radius:999px;
    background:rgba(0,0,0,.65);
    font-size:13px;
    font-weight:600;
}
:where(.jc-reference-content) .delivery-video-overlay h3{
    margin:0 0 14px;
    font-size:24px;
    line-height:1.2;
    color:#fff;
}
:where(.jc-reference-content) .delivery-video-overlay ul{
    margin:0;
    padding-left:0;
    list-style:none;
    font-size:15px;
    line-height:1.9;
    color:rgba(255,255,255,.92);
}
:where(.jc-reference-content) .delivery-video-box{
    position:relative;
    overflow:hidden;
    border-radius:22px;
}
:where(.jc-reference-content) .delivery-video-box::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;

    background:rgba(0,0,0,.10);
}
:where(.jc-reference-content) .delivery-video-box::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:70%;
    z-index:3;
    pointer-events:none;

    background:linear-gradient(
        180deg,
        rgba(0,0,0,0) 0%,
        rgba(0,0,0,.25) 20%,
        rgba(0,0,0,.55) 60%,
        rgba(0,0,0,.82) 100%
    );
}
:where(.jc-reference-content) .delivery-video-box video{
    position:relative;
    z-index:1;
}
:where(.jc-reference-content) .delivery-video-overlay{
    position:absolute;
    left:22px;
    right:22px;
    bottom:22px;
    z-index:5;
}
:where(.jc-reference-content) .delivery-video-overlay h3{
    color:#fff;
    text-shadow:
        0 2px 8px rgba(0,0,0,.65),
        0 4px 20px rgba(0,0,0,.45);
}
:where(.jc-reference-content) .delivery-video-overlay ul,
:where(.jc-reference-content) .delivery-video-badge{
    text-shadow:
        0 1px 4px rgba(0,0,0,.8);
}
:where(.jc-reference-content) .trust-wall-section{

    padding:60px 16px;

}
:where(.jc-reference-content) .trust-wall-container{

    max-width:1280px;

    margin:auto;

}
:where(.jc-reference-content) .trust-wall-head{

    text-align:center;

    margin-bottom:36px;

}
:where(.jc-reference-content) .trust-wall-title{

    font-size:64px;

    line-height:1.15;

    color:#fff;

    margin:0 0 18px;

    font-weight:700;

}
:where(.jc-reference-content) .trust-wall-sub{

    max-width:900px;

    margin:auto;

    color:rgba(255,255,255,.82);

    font-size:18px;

    line-height:1.8;

}
:where(.jc-reference-content) .trust-wall-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:20px;

}
:where(.jc-reference-content) .trust-wall-card{

    position:relative;

    overflow:hidden;

    border-radius:22px;

    background:#08131f;

    border:1px solid rgba(255,255,255,.08);

    transition:.35s;

}
:where(.jc-reference-content) .trust-wall-card:hover{

    transform:translateY(-4px);

    border-color:rgba(34,211,95,.35);

}
:where(.jc-reference-content) .trust-wall-card img{

    width:100%;

    height:370px;

    object-fit:cover;

    display:block;

}
:where(.jc-reference-content) .trust-wall-card::after{

    content:"";

    position:absolute;

    left:0;

    right:0;

    bottom:0;

    height:45%;

    background:linear-gradient(
        180deg,
        rgba(0,0,0,0),
        rgba(0,0,0,.82)
    );

    pointer-events:none;

}
:where(.jc-reference-content) .trust-wall-tag{

    position:absolute;

    top:18px;

    left:18px;

    z-index:3;

    padding:8px 16px;

    border-radius:999px;

    background:rgba(0,0,0,.62);

    backdrop-filter:blur(4px);

    color:#fff;

    font-size:13px;

    font-weight:600;

}
:where(.jc-reference-content) .trust-wall-overlay{

    position:absolute;

    left:0;

    right:0;

    bottom:18px;

    z-index:3;

    text-align:center;

}
:where(.jc-reference-content) .trust-wall-overlay h3{

    margin:0;

    color:#fff;

    font-size:20px;

    font-weight:700;

    text-shadow:0 2px 8px rgba(0,0,0,.6);

}
:where(.jc-reference-content) .trust-wall-badges{

    margin-top:34px;

    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    gap:14px;

}
:where(.jc-reference-content) .trust-wall-badges span{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:12px 22px;

    border-radius:999px;

    background:rgba(12,66,47,.45);

    border:1px solid rgba(34,211,95,.35);

    color:#34e06d;

    font-size:15px;

    font-weight:600;

    transition:.3s;

}
:where(.jc-reference-content) .trust-wall-badges span:hover{

    background:rgba(20,98,65,.65);

    transform:translateY(-2px);

}
@media(max-width:992px){:where(.jc-reference-content) .trust-wall-grid{

    grid-template-columns:repeat(2,1fr);

}


}
@media(max-width:768px){:where(.jc-reference-content) .trust-wall-section{

    padding:40px 12px;

}
:where(.jc-reference-content) .trust-wall-title{

    font-size:38px;

}
:where(.jc-reference-content) .trust-wall-sub{

    font-size:14px;

}
:where(.jc-reference-content) .trust-wall-grid{

    gap:12px;

}
:where(.jc-reference-content) .trust-wall-card img{

    height:180px;

}
:where(.jc-reference-content) .trust-wall-tag{

    top:10px;

    left:10px;

    padding:6px 10px;

    font-size:11px;

}
:where(.jc-reference-content) .trust-wall-overlay h3{

    font-size:16px;

}
:where(.jc-reference-content) .trust-wall-badges{

    gap:10px;

    margin-top:24px;

}
:where(.jc-reference-content) .trust-wall-badges span{

    padding:10px 14px;

    font-size:12px;

}


}
:where(.jc-reference-content) .project-review-section{
  padding: 50px 16px;
}
:where(.jc-reference-content) .project-review-container{
  max-width: 1280px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
:where(.jc-reference-content) .project-review-card{
  background: linear-gradient(90deg, #081b39 0%, #0b4d33 100%);
  border-radius: 26px;
  border: 1px solid rgba(255,255,255,.08);
  overflow: hidden;
}
:where(.jc-reference-content) .project-review-head{
  padding: 24px 28px 16px;
}
:where(.jc-reference-content) .project-location{
  display: inline-flex;
  align-items: center;
  padding: 10px 18px;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
  color: #fff;
  font-size: 15px;
  font-weight: 600;
}
:where(.jc-reference-content) .project-review-media{
  display: grid;
  grid-template-columns: 1fr;
}
:where(.jc-reference-content) .project-before,
:where(.jc-reference-content) .project-after{
  position: relative;
  overflow: hidden;
}
:where(.jc-reference-content) .project-before{ border-bottom: 2px solid rgba(34,211,95,.35); }
:where(.jc-reference-content) .project-before img,
:where(.jc-reference-content) .project-after video{
  width: 100%;
  display: block;
  object-fit: cover;
}
:where(.jc-reference-content) .project-before img{ height: 260px; }
:where(.jc-reference-content) .project-after video{ height: 340px; }
:where(.jc-reference-content) .project-after-mask{
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.30) 45%, rgba(0,0,0,.55) 100%);
  pointer-events: none;
}
:where(.jc-reference-content) .project-label{
  position: absolute;
  left: 18px;
  top: 18px;
  z-index: 3;
  padding: 8px 18px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .5px;
}
:where(.jc-reference-content) .before-label{ background: rgba(0,0,0,.72); color: #fff; }
:where(.jc-reference-content) .after-label{ background: #22d35f; color: #05140b; }
:where(.jc-reference-content) .project-review-content{
  padding: 28px;
}
:where(.jc-reference-content) .project-stars{ color: #38df72; font-size: 24px; letter-spacing: 4px; margin-bottom: 16px; }
:where(.jc-reference-content) .project-review-text{ color: #fff; font-size: 24px; line-height: 1.7; max-width: 900px; margin-bottom: 22px; font-style: italic; }
:where(.jc-reference-content) .project-review-author{ color: #fff; font-size: 20px; font-weight: 700; margin-bottom: 4px; }
:where(.jc-reference-content) .project-review-role{ color: rgba(255,255,255,.72); font-size: 15px; margin-bottom: 24px; }
:where(.jc-reference-content) .project-review-tags{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
:where(.jc-reference-content) .project-review-tags span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 18px;
  border-radius: 999px;
  background: rgba(12,66,47,.42);
  border: 1px solid rgba(34,211,95,.35);
  color: #34e06d;
  font-size: 14px;
  font-weight: 600;
}
@media(max-width:768px){:where(.jc-reference-content) .project-review-container{ grid-template-columns: 1fr; gap: 20px; }
:where(.jc-reference-content) .project-before img{ height: 180px; }
:where(.jc-reference-content) .project-after video{ height: 220px; }
:where(.jc-reference-content) .project-label{ top: 12px; left: 12px; font-size: 11px; padding: 6px 12px; }
:where(.jc-reference-content) .project-review-content{ padding: 18px; }
:where(.jc-reference-content) .project-stars{ font-size: 18px; margin-bottom: 12px; }
:where(.jc-reference-content) .project-review-text{ font-size: 16px; line-height: 1.7; margin-bottom: 16px; }
:where(.jc-reference-content) .project-review-author{ font-size: 18px; }
:where(.jc-reference-content) .project-review-role{ font-size: 13px; margin-bottom: 18px; }
:where(.jc-reference-content) .project-review-tags{ gap: 8px; }
:where(.jc-reference-content) .project-review-tags span{ font-size: 11px; padding: 8px 12px; }

}
:where(.jc-reference-content) .lead-pro-section{

padding:50px 16px;

}
:where(.jc-reference-content) .lead-pro-container{

max-width:1280px;

margin:auto;

padding:40px;

border-radius:24px;

background:linear-gradient(
90deg,
#081b39 0%,
#0b4d33 100%
);

border:1px solid rgba(255,255,255,.08);

}
:where(.jc-reference-content) .lead-pro-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:40px;

align-items:center;

}
:where(.jc-reference-content) .lead-pro-info h2{

margin:0 0 16px;

font-size:54px;

line-height:1.1;

color:#fff;

font-family:Georgia,serif;

}
:where(.jc-reference-content) .lead-pro-desc{

margin:0 0 24px;

font-size:16px;

line-height:1.8;

color:rgba(255,255,255,.82);

}
:where(.jc-reference-content) .lead-pro-badges{

display:flex;

flex-wrap:wrap;

gap:10px;

margin-bottom:28px;

}
:where(.jc-reference-content) .lead-pro-badges span{

padding:8px 16px;

border-radius:999px;

background:rgba(9,35,30,.55);

border:1px solid rgba(34,219,97,.45);

color:#3cff8f;

font-size:13px;

font-weight:700;

}
:where(.jc-reference-content) .lead-pro-list{

padding:22px;

border-radius:18px;

background:rgba(0,0,0,.18);

border:1px solid rgba(255,255,255,.08);

}
:where(.jc-reference-content) .lead-pro-list h3{

margin:0 0 14px;

font-size:22px;

color:#fff;

}
:where(.jc-reference-content) .lead-pro-list ul{

margin:0;

padding-left:20px;

}
:where(.jc-reference-content) .lead-pro-list li{

margin-bottom:10px;

color:#d7d7d7;

line-height:1.7;

}
:where(.jc-reference-content) .lead-pro-form{

padding:28px;

border-radius:20px;

background:rgba(0,0,0,.18);

border:1px solid rgba(255,255,255,.08);

}
:where(.jc-reference-content) .lead-row{

display:grid;

grid-template-columns:1fr 1fr;

gap:12px;

margin-bottom:12px;

}
:where(.jc-reference-content) .lead-pro-form input,
:where(.jc-reference-content) .lead-pro-form textarea{

width:100%;

padding:14px 16px;

border-radius:12px;

background:rgba(255,255,255,.05);

border:1px solid rgba(255,255,255,.08);

color:#fff;

font-size:14px;

outline:none;

box-sizing:border-box;

}
:where(.jc-reference-content) .lead-pro-form input::placeholder,
:where(.jc-reference-content) .lead-pro-form textarea::placeholder{

color:rgba(255,255,255,.45);

}
:where(.jc-reference-content) .lead-pro-form textarea{

height:130px;

resize:none;

margin:12px 0 18px;

}
:where(.jc-reference-content) .lead-submit-btn{

width:100%;

padding:16px;

border:none;

border-radius:999px;

background:linear-gradient(
135deg,
#22c55e,
#16a34a
);

color:#05280f;

font-size:18px;

font-weight:800;

cursor:pointer;

box-shadow:0 12px 30px rgba(34,197,94,.25);

transition:.3s;

}
:where(.jc-reference-content) .lead-submit-btn:hover{

transform:translateY(-2px);

box-shadow:0 16px 36px rgba(34,197,94,.35);

}
:where(.jc-reference-content) .lead-safe{

margin:16px 0 0;

font-size:12px;

text-align:center;

color:rgba(255,255,255,.55);

}
@media(max-width:768px){:where(.jc-reference-content) .lead-pro-section{

padding:30px 12px;

}
:where(.jc-reference-content) .lead-pro-container{

padding:20px;

}
:where(.jc-reference-content) .lead-pro-grid{

grid-template-columns:1fr;

gap:24px;

}
:where(.jc-reference-content) .lead-pro-info h2{

font-size:34px;

text-align:center;

}
:where(.jc-reference-content) .lead-pro-desc{

font-size:13px;

text-align:center;

}
:where(.jc-reference-content) .lead-pro-badges{

justify-content:center;

}
:where(.jc-reference-content) .lead-row{

grid-template-columns:1fr;

gap:10px;

}
:where(.jc-reference-content) .lead-pro-form{

padding:18px;

}


}
@media(max-width:768px){:where(.jc-reference-content) .lead-pro-section{

padding:24px 12px;

}
:where(.jc-reference-content) .lead-pro-container{

padding:18px;

}
:where(.jc-reference-content) .lead-pro-grid{

display:block;

}
:where(.jc-reference-content) .lead-pro-info h2{

font-size:36px;

line-height:1.15;

text-align:center;

margin-bottom:12px;

}
:where(.jc-reference-content) .lead-pro-desc{

font-size:14px;

line-height:1.7;

text-align:center;

margin-bottom:18px;

max-width:100%;

}
:where(.jc-reference-content) .lead-pro-badges{

display:flex;

justify-content:center;

gap:10px;

margin-bottom:18px;

}
:where(.jc-reference-content) .lead-pro-badges span:nth-child(3),
:where(.jc-reference-content) .lead-pro-badges span:nth-child(4){

display:none;

}
:where(.jc-reference-content) .lead-pro-badges span{

padding:10px 16px;

font-size:13px;

}
:where(.jc-reference-content) .lead-pro-list{

display:none;

}
:where(.jc-reference-content) .lead-pro-form{

margin-top:0;

padding:20px 16px;

border-radius:18px;

}
:where(.jc-reference-content) .lead-row{

grid-template-columns:1fr;

gap:10px;

}
:where(.jc-reference-content) .lead-pro-form input,
:where(.jc-reference-content) .lead-pro-form textarea{

padding:15px 16px;

font-size:14px;

}
:where(.jc-reference-content) .lead-pro-form textarea{

height:110px;

margin:10px 0 16px;

}
:where(.jc-reference-content) .lead-submit-btn{

padding:18px;

font-size:17px;

font-weight:800;

}
:where(.jc-reference-content) .lead-safe{

font-size:12px;

line-height:1.6;

margin-top:14px;

}


}
:where(.jc-reference-content) .lead-pro-form{

padding:28px;

border-radius:22px;

background:rgba(0,0,0,.18);

border:1px solid rgba(255,255,255,.08);

backdrop-filter:blur(6px);

}
:where(.jc-reference-content) .lead-field{

margin-bottom:18px;

}
:where(.jc-reference-content) .lead-field label{

display:block;

margin-bottom:8px;

font-size:15px;

font-weight:700;

color:#ffffff;

}
:where(.jc-reference-content) .lead-pro-form input,
:where(.jc-reference-content) .lead-pro-form textarea{

width:100%;

padding:16px 18px;

border-radius:16px;

border:1px solid rgba(255,255,255,.08);

background:rgba(255,255,255,.04);

color:#fff;

font-size:15px;

outline:none;

box-sizing:border-box;

transition:.3s;

}
:where(.jc-reference-content) .lead-pro-form input::placeholder,
:where(.jc-reference-content) .lead-pro-form textarea::placeholder{

color:rgba(255,255,255,.45);

}
:where(.jc-reference-content) .lead-pro-form input:focus,
:where(.jc-reference-content) .lead-pro-form textarea:focus{

border-color:rgba(36,220,90,.45);

background:rgba(255,255,255,.06);

box-shadow:0 0 0 3px rgba(36,220,90,.08);

}
:where(.jc-reference-content) .lead-pro-form textarea{

height:140px;

resize:none;

line-height:1.7;

font-family:inherit;

}
:where(.jc-reference-content) .lead-mobile-tip{

margin:10px 0 18px;

padding:12px 16px;

border-radius:12px;

background:rgba(36,220,90,.06);

border:1px solid rgba(36,220,90,.18);

font-size:13px;

line-height:1.6;

text-align:center;

color:#9ff8c3;

}
:where(.jc-reference-content) .lead-submit-btn{

width:100%;

height:62px;

border:none;

border-radius:999px;

background:linear-gradient(
135deg,
#22c55e,
#16a34a
);

color:#06280f;

font-size:20px;

font-weight:800;

cursor:pointer;

transition:.3s;

box-shadow:
0 12px 30px rgba(34,197,94,.28),
inset 0 1px 0 rgba(255,255,255,.25);

}
:where(.jc-reference-content) .lead-submit-btn:hover{

transform:translateY(-2px);

box-shadow:
0 18px 40px rgba(34,197,94,.38),
inset 0 1px 0 rgba(255,255,255,.35);

}
:where(.jc-reference-content) .lead-safe{

margin:16px 0 0;

font-size:12px;

line-height:1.6;

text-align:center;

color:rgba(255,255,255,.55);

}
@media(max-width:768px){:where(.jc-reference-content) .lead-pro-form{

padding:18px;

}
:where(.jc-reference-content) .lead-field{

margin-bottom:14px;

}
:where(.jc-reference-content) .lead-field label{

font-size:14px;

margin-bottom:6px;

}
:where(.jc-reference-content) .lead-pro-form input,
:where(.jc-reference-content) .lead-pro-form textarea{

padding:14px 16px;

font-size:14px;

border-radius:14px;

}
:where(.jc-reference-content) .lead-pro-form textarea{

height:120px;

}
:where(.jc-reference-content) .lead-mobile-tip{

font-size:12px;

padding:10px 12px;

margin:8px 0 14px;

}
:where(.jc-reference-content) .lead-submit-btn{

height:56px;

font-size:17px;

}
:where(.jc-reference-content) .lead-safe{

font-size:11px;

margin-top:14px;

}


}
:where(.jc-reference-content) .par-faq-section{

  margin:60px 0;
}
:where(.jc-reference-content) .par-faq-container{

  max-width:1280px;

  margin:auto;

  padding:0 12px;
}
:where(.jc-reference-content) .par-faq-head{

  text-align:center;

  margin-bottom:34px;
}
:where(.jc-reference-content) .par-faq-title{

  color:#fff;

  font-size:54px;

  line-height:1.15;

  font-weight:700;

  margin-bottom:16px;
}
:where(.jc-reference-content) .par-faq-sub{

  color:#d0d0d0;

  font-size:17px;

  line-height:1.8;

  max-width:900px;

  margin:auto;
}
:where(.jc-reference-content) .par-faq-wrap{

  display:flex;

  flex-direction:column;

  gap:14px;
}
:where(.jc-reference-content) .par-faq-item{

  background:#0b1020;

  border:1px solid rgba(255,255,255,.08);

  border-radius:20px;

  overflow:hidden;

  transition:.3s;
}
:where(.jc-reference-content) .par-faq-item:hover{

  border-color:rgba(30,215,96,.35);
}
:where(.jc-reference-content) .par-faq-item summary{

  list-style:none;

  cursor:pointer;

  padding:24px 26px;

  color:#fff;

  font-size:24px;

  font-weight:700;

  line-height:1.45;

  position:relative;

  transition:.3s;
}
:where(.jc-reference-content) .par-faq-item summary::-webkit-details-marker{

  display:none;
}
:where(.jc-reference-content) .par-faq-item summary::after{

  content:"+";

  position:absolute;

  right:26px;

  top:50%;

  transform:translateY(-50%);

  font-size:30px;

  font-weight:400;

  color:#1ed760;

  transition:.3s;
}
:where(.jc-reference-content) .par-faq-item[open] summary::after{

  transform:translateY(-50%) rotate(45deg);
}
:where(.jc-reference-content) .par-faq-content{

  padding:0 26px 24px;

  color:#d0d0d0;

  font-size:16px;

  line-height:1.9;

  max-width:1100px;
}
@media(max-width:768px){:where(.jc-reference-content) .par-faq-section{

  margin:40px 0;
}
:where(.jc-reference-content) .par-faq-head{

  margin-bottom:24px;
}
:where(.jc-reference-content) .par-faq-title{

  font-size:32px;

  line-height:1.25;
}
:where(.jc-reference-content) .par-faq-sub{

  font-size:14px;

  line-height:1.7;
}
:where(.jc-reference-content) .par-faq-wrap{

  gap:12px;
}
:where(.jc-reference-content) .par-faq-item{

  border-radius:16px;
}
:where(.jc-reference-content) .par-faq-item summary{

  padding:18px 18px;

  padding-right:54px;

  font-size:16px;

  line-height:1.5;
}
:where(.jc-reference-content) .par-faq-item summary::after{

  right:18px;

  font-size:24px;
}
:where(.jc-reference-content) .par-faq-content{

  padding:0 18px 18px;

  font-size:13px;

  line-height:1.8;
}


}
:where(.jc-reference-content) .footer{

padding:36px 16px 20px;

border-top:1px solid rgba(255,255,255,.08);

background:#060b18;

}
:where(.jc-reference-content) .footer-wrap{

max-width:1280px;

margin:auto;

display:flex;

justify-content:space-between;

align-items:flex-start;

gap:30px;

flex-wrap:wrap;

}
:where(.jc-reference-content) .footer-brand h3{

margin:0 0 12px;

font-size:28px;

font-weight:800;

color:#fff;

}
:where(.jc-reference-content) .footer-brand p{

margin:0 0 10px;

font-size:15px;

line-height:1.8;

color:rgba(255,255,255,.72);

max-width:560px;

}
:where(.jc-reference-content) .footer-copy{

font-size:13px !important;

color:rgba(255,255,255,.45) !important;

}
:where(.jc-reference-content) .footer-links{

display:flex;

align-items:center;

gap:14px;

flex-wrap:wrap;

}
:where(.jc-reference-content) .footer-links a{

display:inline-flex;

align-items:center;

justify-content:center;

padding:10px 18px;

border-radius:999px;

text-decoration:none;

background:rgba(255,255,255,.04);

border:1px solid rgba(255,255,255,.08);

color:#fff;

font-size:14px;

font-weight:600;

transition:.3s;

}
:where(.jc-reference-content) .footer-links a:hover{

border-color:rgba(36,220,90,.35);

background:rgba(36,220,90,.08);

transform:translateY(-2px);

}
:where(.jc-reference-content) .footer-bottom{

max-width:1280px;

margin:24px auto 0;

padding-top:18px;

border-top:1px solid rgba(255,255,255,.06);

text-align:center;

font-size:13px;

line-height:1.8;

color:rgba(255,255,255,.42);

}
@media(max-width:768px){:where(.jc-reference-content) .footer{

padding:28px 12px 18px;

}
:where(.jc-reference-content) .footer-wrap{

flex-direction:column;

gap:18px;

}
:where(.jc-reference-content) .footer-brand h3{

font-size:24px;

text-align:center;

}
:where(.jc-reference-content) .footer-brand p{

font-size:13px;

text-align:center;

max-width:100%;

}
:where(.jc-reference-content) .footer-links{

width:100%;

justify-content:center;

gap:10px;

}
:where(.jc-reference-content) .footer-links a{

padding:10px 14px;

font-size:13px;

}
:where(.jc-reference-content) .footer-bottom{

margin-top:18px;

padding-top:14px;

font-size:11px;

line-height:1.7;

}


}
:where(.jc-reference-content) .floating-contact{

  position:fixed;

  right:15px;

  bottom:220px;

  z-index:9999;

  display:flex;

  flex-direction:column;

  gap:10px;

}
:where(.jc-reference-content) .fc-btn{

  width:56px;

  height:56px;

  border-radius:50%;

  display:flex;

  align-items:center;

  justify-content:center;

  text-decoration:none;

  color:#fff;

  font-size:22px;

  box-shadow:
  0 8px 20px rgba(0,0,0,.25);

  transition:all .25s ease;

  -webkit-tap-highlight-color:transparent;

}
:where(.jc-reference-content) .fc-btn:hover{

  transform:translateY(-3px);

}
:where(.jc-reference-content) .fc-btn.email{

  background:#1a73e8;

}
:where(.jc-reference-content) .fc-btn.whatsapp{

  background:#25d366;

}
:where(.jc-reference-content) .fc-btn.wechat{

  background:#07c160;

}
@media(max-width:768px){:where(.jc-reference-content) .floating-contact{

    right:12px;

    bottom:max(12px,env(safe-area-inset-bottom));

    flex-direction:row;

    gap:8px;

  }
:where(.jc-reference-content) .fc-btn{

    width:44px;

    height:44px;

    font-size:20px;

  }


}
:where(.jc-reference-content) .wa-qr-modal{

  position:fixed;

  inset:0;

  z-index:10050;

  display:none;

  align-items:center;

  justify-content:center;

  padding:20px;

}
:where(.jc-reference-content) .wa-qr-modal.is-open{

  display:flex;

}
:where(.jc-reference-content) .wa-qr-backdrop{

  position:absolute;

  inset:0;

  background:rgba(3,7,18,.72);

  backdrop-filter:blur(8px);

}
:where(.jc-reference-content) .wa-qr-dialog{

  position:relative;

  width:min(92vw,380px);

  padding:26px 24px 24px;

  border:1px solid rgba(148,163,184,.22);

  border-radius:18px;

  background:#0b1220;

  color:#e5e7eb;

  text-align:center;

  box-shadow:0 24px 70px rgba(0,0,0,.48);

}
:where(.jc-reference-content) .wa-qr-close{

  position:absolute;

  top:12px;

  right:12px;

  width:34px;

  height:34px;

  border:0;

  border-radius:50%;

  background:rgba(148,163,184,.14);

  color:#e5e7eb;

  font-size:18px;

  line-height:1;

  cursor:pointer;

}
:where(.jc-reference-content) .wa-qr-close:hover{

  background:rgba(148,163,184,.24);

}
:where(.jc-reference-content) .wa-qr-badge{

  display:inline-flex;

  align-items:center;

  justify-content:center;

  padding:7px 14px;

  border-radius:999px;

  background:#25d366;

  color:#052e16;

  font-size:14px;

  font-weight:900;

}
:where(.jc-reference-content) .wa-qr-dialog h2{

  margin:16px 0 8px;

  font-size:24px;

  line-height:1.2;

}
:where(.jc-reference-content) .wa-qr-dialog p{

  margin:0;

  color:#94a3b8;

  font-size:14px;

  line-height:1.6;

}
:where(.jc-reference-content) .wa-qr-box{

  width:240px;

  max-width:100%;

  aspect-ratio:1;

  margin:18px auto;

  padding:12px;

  border-radius:16px;

  background:#fff;

}
:where(.jc-reference-content) .wa-qr-box img{

  display:block;

  width:100%;

  height:100%;

  object-fit:contain;

}
:where(.jc-reference-content) .wa-qr-open{

  display:flex;

  align-items:center;

  justify-content:center;

  width:100%;

  min-height:46px;

  border-radius:14px;

  background:#25d366;

  color:#052e16;

  font-weight:900;

}
body.jc-reference-page.wa-qr-lock{

  overflow:hidden;

}