/* JBJ homepage — professional dark identity, 2026-09-27 */
:root{--jbj-green:#65a844;--jbj-green-soft:#83c65d;--jbj-black:#0d0f10;--jbj-panel:#171a1b;--jbj-panel-2:#1d2122;--jbj-line:#2b3130;--jbj-text:#f3f5f2;--jbj-muted:#a9b0aa}
.hero{background:radial-gradient(circle at 82% 34%,rgba(101,168,68,.12),transparent 24%),linear-gradient(110deg,#0b0d0e 0%,#121516 62%,#171b1a 100%)!important}
.hero .kicker,.head .kicker{color:#83c65d!important}.hero p{color:#b5bcb6!important}
.hero h1 span{color:#83c65d!important;text-shadow:none!important}
.btn.deep-red{background:#65a844!important;border-color:#73b751!important;color:#081008!important;box-shadow:none!important}
.hero .btn.alt{background:#171a1b!important;border-color:#3b4340!important;color:#f4f6f3!important}
.quick .chip{background:#151819!important;border-color:#303735!important;color:#d8ddd9!important}
.recent-results{background:linear-gradient(180deg,#121516,#101213)!important;border-color:#272d2b!important}
.results-image-link{border-color:#303835!important;background:#111!important;box-shadow:0 18px 50px rgba(0,0,0,.25)!important}
.jbj-story,.jbj-promise{background:linear-gradient(180deg,#191d1e,#141718)!important;border-color:#2c3330!important;color:#f3f5f2!important}
.jbj-story p,.jbj-promise p,.jbj-promise ul{color:#a9b0aa!important}


/* 2026-09-27 — simplified premium homepage */
.home-simple{min-height:560px}
.home-simple .hero-in{max-width:820px;padding:105px 0 92px}
.home-simple h1{font-size:clamp(48px,6.5vw,82px)}
.home-check{padding:46px 0!important;background:#0d0f10!important}
.home-check-card{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 34px;background:linear-gradient(135deg,#191d1e,#141718);border:1px solid #303735;border-radius:14px}
.home-check-card h2{margin:5px 0 7px;font-size:32px;letter-spacing:-1px}.home-check-card p{margin:0;color:#a9b0aa;max-width:650px}
.home-job-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}
.home-job-grid article{display:flex;flex-direction:column;gap:5px;padding:20px;background:#171a1b;border:1px solid #2d3431;border-radius:11px}
.home-job-grid span{font-size:13px;color:#aab2ac}.home-job-grid strong{font-size:19px;color:#f3f5f2}.home-job-grid small{color:#83c65d;font-weight:700}
.home-end{padding:52px 0!important;background:#0b0d0e!important;border-top:1px solid #252b29}
.home-end-inner{display:flex;justify-content:space-between;align-items:center;gap:28px}.home-end h2{margin:6px 0;font-size:32px;color:#f3f5f2}.home-end p{color:#a9b0aa;max-width:720px;margin-bottom:0}
.home-menu-button{flex:none!important;display:flex!important;margin:0!important}
@media(max-width:760px){.home-check-card,.home-end-inner{align-items:flex-start;flex-direction:column}.home-job-grid{grid-template-columns:1fr 1fr}.home-simple .hero-in{padding:72px 0 62px}}
@media(max-width:480px){.home-job-grid{grid-template-columns:1fr}.home-check-card{padding:24px}.home-check-card .btn{width:100%;text-align:center}}

/* 2026-09-27 homepage balance correction */
.home-simple{min-height:0!important}
.home-simple .hero-in{padding:72px 0 64px!important;max-width:900px}
.home-simple h1{margin-top:12px}
.home-intro-secondary{font-size:16px!important;max-width:820px!important;margin-top:12px}
.home-check{padding:42px 0!important}
.home-payment{padding:46px 0!important;background:#101314!important;border-top:1px solid #272d2b}
.payment-inner{display:flex;align-items:center;justify-content:space-between;gap:38px}
.payment-inner h2{font-size:34px;margin:5px 0 8px;color:#f3f5f2}.payment-inner p{color:#a9b0aa;max-width:700px;margin:0}
.payment-brands{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.payment-brands strong{display:inline-flex;align-items:center;justify-content:center;min-width:120px;padding:13px 18px;background:#f2f4f2;color:#111;border-radius:7px;font-size:18px;letter-spacing:-.4px}
@media(max-width:760px){.home-simple .hero-in{padding:54px 0 48px!important}.payment-inner{align-items:flex-start;flex-direction:column}.home-payment{padding:38px 0!important}}

/* 2026-09-27 — fuller homepage service overview + premium menu */
.home-simple .hero-in{padding:52px 0 46px!important}
.home-simple h1{font-size:clamp(42px,5.7vw,72px)!important}
.home-services{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}
.home-services a{display:flex;flex-direction:column;gap:5px;padding:18px 19px;background:linear-gradient(145deg,#191d1e,#121516);border:1px solid #303735;border-radius:12px;text-decoration:none;transition:.2s ease}
.home-services a:hover{border-color:#65a844;transform:translateY(-2px)}
.home-services strong{color:#f3f5f2;font-size:17px}.home-services span{color:#9da59f;font-size:13px;line-height:1.45}
.menu-panel{background:linear-gradient(180deg,#111415 0%,#0c0e0f 100%)!important;border-left:1px solid #303735!important}
.menu-brand{padding:28px 28px 20px;border-bottom:1px solid #292f2d}
.menu-brand img{display:block;width:190px;max-width:72%;height:auto}.menu-brand span{display:block;margin-top:10px;color:#7f8781;font-size:10px;font-weight:800;letter-spacing:1.7px}
.menu-top{padding:20px 28px 12px!important}.menu-top strong{color:#83c65d!important;font-size:12px!important;letter-spacing:2px!important}
.menu-intro{display:flex;flex-direction:column;gap:5px;margin:0 28px 18px;padding:17px 18px;background:#171a1b;border:1px solid #2d3431;border-radius:10px}
.menu-intro strong{color:#f3f5f2;font-size:18px}.menu-intro span{color:#969e98;font-size:13px;line-height:1.45}
.menu-group{color:#6f7771!important;letter-spacing:1.8px!important;font-size:11px!important;padding-left:28px!important;padding-right:28px!important}
.menu-links{margin:0 28px!important}.menu-links a{padding:17px 8px!important;font-size:17px!important;border-color:#282e2c!important}.menu-links a:hover{color:#83c65d!important;padding-left:13px!important}
.menu-actions{margin:24px 28px 32px!important;padding-top:20px!important;border-top:1px solid #292f2d}
@media(max-width:760px){.home-services{grid-template-columns:1fr 1fr}.home-simple .hero-in{padding:38px 0 38px!important}.home-simple h1{font-size:42px!important}}
@media(max-width:480px){.home-services{grid-template-columns:1fr}.home-services a{padding:15px 17px}.menu-brand{padding-top:22px}.menu-links a{padding:15px 6px!important}}

/* 2026-09-27 — stronger first-screen introduction */
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.hero-actions .btn{min-width:190px;text-align:center}
.hero-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:20px;padding-top:18px;border-top:1px solid #2b3130}
.hero-trust span{color:#aeb6b0;font-size:12px;font-weight:700;letter-spacing:.2px}
.klarna-badge{display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;border-radius:7px;overflow:hidden;min-width:120px;height:49px}
.klarna-badge img{display:block;width:120px;height:49px;object-fit:contain}
@media(max-width:480px){.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%}.hero-trust{gap:10px 14px}.hero-trust span{font-size:11px}}

/* 2026-09-27 — mobile hero visibility fix: remove blank first-screen void */
@media(max-width:760px){
  .hero.home-simple{display:block!important;visibility:visible!important;opacity:1!important;min-height:0!important;height:auto!important;padding:0!important;background:radial-gradient(circle at 82% 18%,rgba(101,168,68,.13),transparent 28%),linear-gradient(135deg,#0b0d0e,#141817)!important}
  .hero.home-simple .wrap{display:block!important}
  .hero.home-simple .hero-in{display:block!important;visibility:visible!important;opacity:1!important;min-height:0!important;height:auto!important;padding:34px 22px 36px!important}
  .hero.home-simple .hero-in>div{display:block!important;visibility:visible!important;opacity:1!important}
  .hero.home-simple .kicker{display:block!important}
  .hero.home-simple h1{display:block!important;margin:9px 0 15px!important;font-size:38px!important;line-height:1.04!important}
  .hero.home-simple p{display:block!important;font-size:15px!important;line-height:1.6!important;margin:0 0 10px!important}
  .home-intro-secondary{display:block!important}
  .hero-actions,.hero-trust,.home-services{display:flex!important}
  .home-services{display:grid!important}
}