:root{--jgreen:#00651f;--jgreen2:#0b7a28;--jdark:#053b13;--jsoft:#f4fff4;--jline:#d8ead9;--jaccent:#5aa22d}.jonatech-home{font-family:Inter, Arial, Helvetica, sans-serif!important;color:#111!important;line-height:1.32!important;background:#fff!important;overflow:hidden!important;width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding:0!important}.jonatech-home *{box-sizing:border-box!important;font-family:Inter, Arial, Helvetica, sans-serif!important}.jonatech-home img{max-width:100%!important;height:auto;display:block!important}.jonatech-home a{text-decoration:none!important}.jcontainer{max-width:1360px!important;margin:0 auto!important;padding-left:62px!important;padding-right:62px!important}.jtopbar{height:40px!important;background:#00651f!important;color:#fff!important;font-size:13px!important}.jtopbar__in{display:flex!important;justify-content:space-between!important;align-items:center!important;height:40px!important}.jtopbar__left,.jtopbar__right{display:flex!important;align-items:center!important;gap:26px!important}.jtopbar__right em{font-style:normal!important;font-size:11px!important;line-height:1.1!important;text-align:right!important;letter-spacing:.5px!important}.jnav{height:110px!important;background:rgba(255,255,255,.90)!important;position:relative!important;z-index:5!important}.jnav__in{display:grid!important;grid-template-columns:1fr 140px!important;align-items:center!important;height:110px!important;gap:20px!important}.jnav__logo img{width:292px!important;max-height:98px!important;object-fit:contain!important}.jnav__menu{display:flex!important;justify-content:center!important;gap:48px!important;align-items:center!important}.jnav__menu a{font-size:12px!important;color:#111!important;font-weight:700!important;padding:12px 0!important;position:relative!important;white-space:nowrap!important}.jnav__menu a.active{color:#00651f!important}.jnav__menu a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#00651f}.jnav__quote{background:linear-gradient(135deg,#007428,#004d19)!important;color:#fff!important;border-radius:9px!important;font-size:13px!important;font-weight:800!important;text-align:center!important;padding:16px 18px!important}.jhero{position:relative!important;background:linear-gradient(90deg,#f5fff3 0%,#fff 44%,#effdea 100%)!important;min-height:402px!important;padding:0 0 62px!important;overflow:hidden!important;margin-top:0!important;padding-top:34px!important}.jhero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 3% 15%,rgba(69,145,30,.25),transparent 18%),radial-gradient(circle at 97% 63%,rgba(11,104,35,.15),transparent 23%);pointer-events:none}.jhero__wrap{position:relative!important;z-index:2!important;display:grid!important;grid-template-columns:43% 57%!important;align-items:center!important;padding-top:18px!important}.jhero__copy h1{font-size:37px!important;line-height:1.05!important;margin:0 0 15px!important;font-weight:900!important;color:#073f17!important;letter-spacing:-.8px!important;max-width:570px!important;text-transform:uppercase!important}.jhero__copy p{font-size:16px!important;line-height:1.3!important;margin:0 0 22px!important;max-width:530px!important;color:#111!important}.jhero__actions{display:flex!important;gap:18px!important;align-items:center!important}.jbtn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;border-radius:8px!important;padding:14px 23px!important;font-size:12px!important;font-weight:900!important;letter-spacing:.1px!important;border:2px solid #00651f!important;white-space:nowrap!important;line-height:1!important}.jbtn--solid{background:linear-gradient(135deg,#007428,#004d19)!important;color:#fff!important;box-shadow:0 5px 12px rgba(0,85,22,.22)!important}.jbtn--outline{background:#fff!important;color:#064f19!important}.jbtn--small{padding:12px 16px!important;font-size:11px!important}.jbtn--center{margin:16px auto 0!important;width:max-content!important}.jfeatures{display:flex!important;gap:42px!important;margin-top:34px!important}.jfeatures div{display:grid!important;grid-template-columns:48px 1fr!important;grid-template-rows:auto auto!important;column-gap:11px!important;max-width:170px!important;align-items:center!important}.jfeatures span{grid-row:1/3!important;width:48px!important;height:48px!important;border:2px solid #00651f!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#00651f!important;background:#fff!important;font-size:20px!important}.jfeatures b{font-size:12px!important;color:#111!important;font-weight:900!important}.jfeatures small{font-size:10px!important;line-height:1.18!important;color:#111!important}.jhero__visual{position:relative!important;min-height:330px!important}.jhero__equipment{position:absolute!important;left:1%!important;right:3%!important;top:5px!important;z-index:2!important}.jhero__equipment img{width:100%!important;filter:drop-shadow(0 12px 18px rgba(0,0,0,.18))!important}.jhero__solar{position:absolute!important;right:-44px!important;top:25px!important;width:30%!important;z-index:1!important;border-radius:10px!important;overflow:hidden!important}.jwave{position:absolute!important;left:-5%!important;right:-5%!important;bottom:-28px!important;height:96px!important;background:#fff!important;border-top:7px solid #5aa22d!important;border-radius:50% 50% 0 0/100% 100% 0 0!important;z-index:3!important}.jsection{max-width:1360px!important;margin:0 auto!important;padding:23px 62px!important}.jhead{text-align:center!important;margin-bottom:18px!important}.jhead h2{font-size:27px!important;letter-spacing:.5px!important;line-height:1!important;color:#00651f!important;margin:0 0 8px!important;font-weight:900!important;text-transform:uppercase!important}.jhead p{margin:0 auto!important;font-size:13px!important;line-height:1.35!important;max-width:760px!important;color:#111!important}.jservices{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:16px!important}.jcard{position:relative!important;background:#fff!important;border:1px solid #d7d7d7!important;border-radius:9px!important;overflow:hidden!important;padding:0 0 21px!important;box-shadow:0 8px 25px rgba(0,0,0,.04)!important;min-height:248px!important}.jcard__img{height:101px!important;overflow:hidden!important}.jcard__img img{width:100%!important;height:100%!important;object-fit:cover!important}.jcard__icon{width:58px!important;height:58px!important;border-radius:50%!important;background:#00651f!important;border:4px solid #fff!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:24px!important;margin:-29px 0 8px 22px!important;position:relative!important;z-index:2!important;box-shadow:0 4px 10px rgba(0,0,0,.14)!important}.jcard h3{font-size:15px!important;line-height:1.09!important;margin:0 18px 10px!important;font-weight:900!important;color:#111!important;text-transform:uppercase!important;letter-spacing:0!important}.jcard p{font-size:12px!important;line-height:1.35!important;margin:0 18px!important;color:#1e1e1e!important}.jabout{max-width:1360px!important;margin:0 auto!important;padding:4px 62px 10px!important;display:grid!important;grid-template-columns:48% 35% 17%!important;gap:32px!important;align-items:center!important}.jabout__img img{border-radius:10px!important;width:100%!important;height:250px!important;object-fit:cover!important}.jabout__copy span{font-weight:900!important;color:#00651f!important;font-size:15px!important}.jabout__copy h2{margin:4px 0 12px!important;color:#073f17!important;font-size:30px!important;line-height:1!important;font-weight:900!important;text-transform:uppercase!important}.jabout__copy p{font-size:13px!important;line-height:1.35!important;margin:0 0 11px!important;color:#111!important}.jabout__copy ul{padding:0!important;margin:0 0 14px!important;list-style:none!important}.jabout__copy li{font-size:12px!important;margin:7px 0!important;position:relative!important;padding-left:22px!important;color:#111!important}.jabout__copy li:before{content:"✓";position:absolute;left:0;top:0;width:15px;height:15px;border-radius:50%;background:#00651f;color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center}.jabout__stamp img{width:155px!important;margin:auto!important;opacity:.95!important}.jprojectgrid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:16px!important;align-items:center!important}.jprojectgrid div{height:95px!important;border-radius:8px!important;overflow:hidden!important}.jprojectgrid img{height:100%!important;width:100%!important;object-fit:cover!important}.jprojects{padding-top:12px!important;padding-bottom:6px!important}.jprocess{max-width:1360px!important;margin:0 auto!important;padding:2px 62px 28px!important}.jsteps{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:18px!important;position:relative!important}.jstep{text-align:center!important;position:relative!important}.jstep:not(:last-child):after{content:"";position:absolute;left:72%;top:34px;width:72%;border-top:2px dashed #00651f}.jstep__icon{width:65px!important;height:65px!important;margin:0 auto 11px!important;border-radius:50%!important;border:3px solid #00651f!important;background:#f7fff4!important;color:#00651f!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:27px!important;position:relative!important;z-index:2!important}.jstep h3{font-size:12px!important;line-height:1.16!important;margin:0 0 5px!important;font-weight:900!important;text-transform:uppercase!important;color:#111!important}.jstep p{font-size:10.5px!important;line-height:1.25!important;margin:0!important;color:#111!important}.jstats{background:linear-gradient(90deg,#005a1d,#007628)!important;color:#fff!important}.jstats__wrap{display:grid!important;grid-template-columns:repeat(4,1fr)!important;padding-top:21px!important;padding-bottom:21px!important}.jstat{display:grid!important;grid-template-columns:52px auto!important;grid-template-rows:auto auto!important;align-items:center!important;border-right:1px solid rgba(255,255,255,.55)!important;padding:0 32px!important}.jstat:last-child{border-right:0!important}.jstat span{grid-row:1/3!important;font-size:35px!important;line-height:1!important;color:#fff!important}.jstat b{font-size:27px!important;line-height:.95!important;color:#fff!important;font-weight:900!important}.jstat small{font-size:12px!important;line-height:1.1!important;max-width:190px!important;color:#fff!important}.jtestimonials{padding-top:18px!important;padding-bottom:22px!important}.jquotegrid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:46px!important;max-width:1110px!important;margin:0 auto!important}.jquotegrid blockquote{border:1px solid #dcdcdc!important;border-radius:10px!important;margin:0!important;padding:20px 28px!important;background:#fff!important;min-height:126px!important;box-shadow:0 8px 20px rgba(0,0,0,.03)!important}.jquotegrid span{font-size:40px!important;color:#00651f!important;line-height:.5!important;font-weight:900!important}.jquotegrid p{font-size:13px!important;line-height:1.32!important;margin:4px 0 14px!important;color:#111!important}.jquotegrid cite{font-style:normal!important;font-size:13px!important;font-weight:800!important;color:#111!important}.jquotegrid small{display:block!important;font-weight:400!important}.jcta{background:linear-gradient(90deg,rgba(218,248,199,.94),rgba(255,255,255,.94),rgba(207,247,190,.94)),radial-gradient(circle at left,rgba(0,101,31,.25),transparent 34%)!important}.jcta__in{min-height:96px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:30px!important}.jcta h2{margin:0!important;color:#073f17!important;font-size:29px!important;line-height:1!important;font-weight:900!important;max-width:360px!important;text-transform:uppercase!important}.jcta p{margin:0!important;font-size:13px!important;line-height:1.35!important;max-width:360px!important;color:#111!important}.jfooter{background:linear-gradient(90deg,#004616,#00671f)!important;color:#fff!important;padding-top:24px!important}.jfooter__grid{display:grid!important;grid-template-columns:1.3fr 1fr 1.45fr 1.3fr!important;gap:54px!important;padding-bottom:26px!important;border-bottom:1px solid rgba(255,255,255,.35)!important}.jfooter img{width:185px!important;margin-bottom:12px!important;filter:brightness(0) invert(1)!important}.jfooter p,.jfooter a{color:#fff!important;font-size:12px!important;line-height:1.35!important;margin:0 0 7px!important;display:block!important}.jfooter h4{font-size:13px!important;margin:0 0 11px!important;color:#fff!important;font-weight:900!important}.jsocial{display:flex!important;gap:10px!important;margin-top:12px!important}.jsocial span{width:21px!important;height:21px!important;border-radius:50%!important;background:#fff!important;color:#00651f!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:10px!important;font-weight:900!important}.jfooter__bottom{height:38px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;color:#fff!important;font-size:11px!important}@media(max-width:1200px){.jcontainer,.jsection,.jabout,.jprocess{padding-left:28px!important;padding-right:28px!important}.jnav__menu{gap:22px!important}.jservices{grid-template-columns:repeat(3,1fr)!important}.jhero__wrap{grid-template-columns:1fr!important}.jhero{margin-top:0!important;padding-top:30px!important}.jhero__visual{min-height:330px!important}.jsteps{grid-template-columns:repeat(3,1fr)!important;row-gap:28px!important}.jstep:after{display:none!important}.jfooter__grid{grid-template-columns:1fr 1fr!important}}@media(max-width:767px){.jtopbar,.jnav__menu{display:none!important}.jnav{height:auto!important}.jnav__in{display:flex!important;justify-content:space-between!important;height:auto!important;padding-top:12px!important;padding-bottom:12px!important}.jnav__logo img{width:215px!important}.jhero{padding-top:22px!important}.jhero__copy h1{font-size:30px!important}.jhero__actions,.jfeatures,.jcta__in{flex-direction:column!important;align-items:flex-start!important}.jservices,.jabout,.jprojectgrid,.jquotegrid,.jstats__wrap,.jfooter__grid{grid-template-columns:1fr!important}.jabout__stamp{display:none!important}.jhero__visual{min-height:230px!important}.jstat{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.35)!important;padding:12px 0!important}.jfooter__bottom{height:auto!important;display:block!important;padding-top:15px!important;padding-bottom:15px!important}.jcta h2{font-size:24px!important}}

/* v1.0.4: shortcode content only. Hide any legacy plugin header/footer markup if cached by builder. */
.jonatech-home .jtopbar,.jonatech-home .jnav,.jonatech-home .jfooter{display:none!important;}

/* v1.0.6: prevent broken icon text from overflowing and keep process/stats stable */
.jonatech-home .jstep__icon,
.jonatech-home .jstat span{
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:clip!important;
  font-family:Inter, Arial, Helvetica, sans-serif!important;
}

/* v1.0.7: remove duplicate CTA from home shortcode; footer plugin handles CTA/footer. */
.jonatech-home .jcta{display:none!important;height:0!important;min-height:0!important;padding:0!important;margin:0!important;overflow:hidden!important;}

/* v1.0.8: approved icon style for process and stats */
.jonatech-home .jstep__icon,
.jonatech-home .jstat span{
  font-size:0!important;
  line-height:0!important;
}
.jonatech-home .jstep__icon .jh-svg{
  width:34px!important;
  height:34px!important;
  display:block!important;
  color:#00651f!important;
}
.jonatech-home .jstep:not(:last-child):after{
  border-top:2px dashed #00651f!important;
}
.jonatech-home .jstep:not(:last-child):before{
  content:""!important;
  position:absolute!important;
  right:-6px!important;
  top:29px!important;
  width:0!important;
  height:0!important;
  border-top:6px solid transparent!important;
  border-bottom:6px solid transparent!important;
  border-left:10px solid #00651f!important;
}
.jonatech-home .jstat span{
  width:52px!important;
  height:52px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#fff!important;
}
.jonatech-home .jstat span .jh-svg{
  width:42px!important;
  height:42px!important;
  display:block!important;
  color:#fff!important;
}
.jonatech-home .jstat small{
  text-transform:uppercase!important;
}
@media(max-width:1200px){
  .jonatech-home .jstep:not(:last-child):before{display:none!important;}
}


/* v1.0.9: approved services icons */
.jonatech-home .jcard__icon{
  font-size:0!important;
  line-height:0!important;
}
.jonatech-home .jcard__icon .jh-svg{
  width:26px!important;
  height:26px!important;
  display:block!important;
  color:#fff!important;
}


/* v1.1.0: service upload icon support + admin service editor */
.jonatech-home .jcard__icon img.jh-service-uploaded-icon{
  width:28px!important;
  height:28px!important;
  object-fit:contain!important;
  display:block!important;
  filter:none!important;
}
.jh-admin-services{
  display:grid;
  grid-template-columns:repeat(2,minmax(280px,1fr));
  gap:16px;
  max-width:1200px;
}
.jh-admin-service-card{
  background:#fff;
  border:1px solid #ccd0d4;
  border-radius:8px;
  padding:16px;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
}
.jh-admin-service-card h3{
  margin-top:0;
}
@media(max-width:900px){
  .jh-admin-services{grid-template-columns:1fr;}
}
