/* Homepage only: controls at the top and uncropped four-car photograph. */
.hero{display:flex;flex-direction:column;min-height:auto}
.hero>nav.topbar{order:0;padding:16px 0;gap:16px;flex-wrap:wrap;min-height:82px}
.topbar .nav{margin-inline-start:auto;flex-wrap:wrap;gap:6px}
.topbar .nav-link{display:inline-flex;align-items:center;gap:7px}
.topbar .nav-link:first-child::before{content:"ⓘ";font-size:19px}
.topbar .nav-link:nth-child(2)::before{content:"↓";font-size:20px}
.topbar .client-login::before{content:"";width:16px;height:16px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' d='M20 21v-2a7 7 0 0 0-14 0v2M17 7a4 4 0 1 1-8 0 4 4 0 0 1 8 0'/%3E%3C/svg%3E") center/contain no-repeat;font-size:19px;margin-inline-end:7px}
.home-controls{display:flex;align-items:center;gap:12px;margin-inline-start:auto;flex-wrap:wrap}
body .home-controls #jpower-language-switcher,body .home-controls #jpower-whatsapp-float{position:static;inset:auto;box-shadow:none;min-height:44px;box-sizing:border-box;z-index:auto}
.hero .hero-content{order:1;min-height:0;text-align:center;padding:48px 0 0;align-content:start}
.hero-copy{width:min(860px,100%);margin:auto}
.hero h1{font-size:clamp(38px,5vw,66px);max-width:none;margin:18px 0}
.hero .lead{max-width:760px;margin-inline:auto}
.hero .actions,.hero .quick-features{justify-content:center}
.hero .hero-photo{order:2;position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;margin-top:-12vw;pointer-events:none}
.hero::before,.hero::after{display:none}
@media(max-width:700px){
 .hero>nav.topbar{justify-content:center;padding:14px 0;gap:12px}
 .topbar .brand{margin-inline-end:auto}
 .topbar .nav{margin:0;gap:0}
 .topbar .nav-link,.topbar .client-login{font-size:11px;padding:8px}
 .home-controls{margin:0;width:100%;justify-content:space-between;gap:8px}
 body .home-controls #jpower-whatsapp-float{padding:12px;font-size:12px}
 .hero .hero-content{padding:32px 0 0}
 .hero .hero-photo{margin-top:-4vw}
 .hero h1{font-size:38px}
 .hero .actions{display:flex;flex-wrap:wrap}
 .hero .button{width:auto;flex:1;min-width:150px;font-size:12px}
 .hero .quick-features{font-size:10px}
}

.quick-features span::before{margin-inline-end:7px;color:#8ed5ff}.quick-features span:nth-child(1)::before{content:"⌘"}.quick-features span:nth-child(2)::before{content:"⌁"}.quick-features span:nth-child(3)::before{content:"↻"}

.eyebrow{line-height:1.7}.brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:820px){.brand-grid{grid-template-columns:1fr}}