.jhy .jhy-front{font-family:Poppins,Arial,sans-serif;font-size:16px;line-height:1.6;color:#252932;background:#fff}
.jhy .jhy-front-container{width:min(1400px,calc(100% - 40px));margin:0 auto}
.jhy .jhy-front a{color:#0078d2;text-decoration:none}
.jhy .jhy-front a:hover{text-decoration:underline}
.jhy .jhy-breadcrumbs{background:#fff;border-bottom:1px solid #f1f4f8}
.jhy .jhy-breadcrumbs .jhy-front-container{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:14px 0;color:#687082;font-size:13px;line-height:18px}
.jhy .jhy-breadcrumbs a{text-decoration:underline;text-underline-offset:2px}
.jhy .jhy-front .jhy-hero{position:relative;overflow:hidden;padding:58px 0 46px;border:0;background:linear-gradient(125deg,rgba(245,247,250,.96),rgba(237,244,250,.94) 52%,rgba(216,236,253,.78)),repeating-linear-gradient(90deg,rgba(0,92,163,.08) 0 1px,transparent 1px 72px)}
.jhy .jhy-front .jhy-hero:after{content:"";position:absolute;right:-14rem;top:-16rem;width:42rem;height:42rem;border-radius:50%;background:radial-gradient(circle,rgba(134,188,37,.26),transparent 64%);pointer-events:none}
.jhy .jhy-front .jhy-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}
.jhy .jhy-front .jhy-hero-copy{display:block;min-width:0}
.jhy .jhy-front .jhy-eyebrow{margin:0 0 10px;color:#005ca3;font-size:13px;line-height:18px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.jhy .jhy-front h1{max-width:700px;margin:0 0 14px;color:#343741;font-family:Poppins,Arial,sans-serif;font-size:clamp(34px,4vw,58px);line-height:1.05;letter-spacing:-.035em;font-weight:800}
.jhy .jhy-front .jhy-hero h2{max-width:640px;margin:0 0 24px;color:#343741;font-family:Poppins,Arial,sans-serif;font-size:clamp(21px,2.1vw,31px);line-height:1.22;letter-spacing:-.015em;font-weight:700}
.jhy .jhy-front .jhy-hero h2:before{display:none}
.jhy .jhy-front .jhy-hero-description{max-width:630px;margin:0 0 24px;color:#3f4653;font-size:20px;line-height:1.5}
.jhy .jhy-front .jhy-hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.jhy .jhy-front .jhy-hero-btn{display:inline-flex;align-items:center;justify-content:center;min-width:146px;border:0;border-radius:6px;padding:13px 22px;font-size:16px;font-weight:700;line-height:1.3;text-decoration:none;transition:background-color .3s}
.jhy .jhy-front .jhy-hero-btn-primary{background:#0078d2;color:#fff}
.jhy .jhy-front .jhy-hero-btn-primary:hover{background:#005ca3;color:#fff;text-decoration:none}
.jhy .jhy-front .jhy-hero-btn-secondary{background:#d8ecfd;color:#003f6d}
.jhy .jhy-front .jhy-hero-btn-secondary:hover{background:#b1d9fb;color:#003f6d;text-decoration:none}
.jhy .jhy-front .jhy-hero-visual{position:relative;width:100%;min-height:390px;margin:0 auto;display:grid;place-items:center;perspective:none;background:transparent}
.jhy .jhy-front .jhy-keypad-photo{position:relative;z-index:2;width:100%;margin:0;display:flex;align-items:center;justify-content:center;background:transparent;box-shadow:none;transform:none;border:0;padding:0;overflow:visible;aspect-ratio:auto}
.jhy .jhy-front .jhy-keypad-photo img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;transform:none;border:0;border-radius:0;background:transparent;box-shadow:none;filter:drop-shadow(0 16px 18px rgba(31,45,61,.16))}
.jhy .jhy-metrics{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:42px;background:rgba(0,92,163,.18);border:1px solid rgba(0,92,163,.18);box-shadow:0 24px 50px rgba(22,34,48,.08)}
.jhy .jhy-metrics>div{min-height:118px;padding:22px 24px;background:rgba(255,255,255,.86);backdrop-filter:blur(10px)}
.jhy .jhy-metrics strong{display:block;color:#005ca3;font-size:clamp(22px,2vw,30px);font-weight:700;line-height:1.05}
.jhy .jhy-metrics span{display:block;margin-top:9px;color:#4a5160;font-size:13px;line-height:18px}
.jhy .jhy-support-band{padding:30px 0 26px;background:#fff;border-bottom:1px solid #e1e4ea}
.jhy .jhy-support-grid{display:grid;grid-template-columns:1.35fr repeat(5,minmax(0,1fr));gap:28px;align-items:center}
.jhy .jhy-support-grid>p{max-width:210px;margin:0;color:#384254;font-size:15px;line-height:21px;font-weight:600}
.jhy .jhy-support-logo{display:flex;align-items:center;justify-content:center;min-width:0;min-height:68px;padding:8px 12px;transition:transform .2s ease}
.jhy .jhy-support-logo:hover{transform:translateY(-2px)}
.jhy .jhy-support-logo img{display:block;max-width:min(150px,100%);max-height:48px;width:auto;height:auto;object-fit:contain}
@media(max-width:991px){.jhy .jhy-front .jhy-hero-grid{grid-template-columns:1fr;gap:28px}.jhy .jhy-front .jhy-hero-copy{order:1}.jhy .jhy-front .jhy-hero-visual{order:2;max-width:620px;min-height:0}.jhy .jhy-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.jhy .jhy-support-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.jhy .jhy-support-grid>p{grid-column:1/-1;max-width:none;text-align:center}}
@media(max-width:767px){.jhy .jhy-front-container{width:calc(100% - 30px)}.jhy .jhy-front .jhy-hero{padding:22px 0 18px}.jhy .jhy-front .jhy-hero-grid{gap:14px}.jhy .jhy-front h1{font-size:28px;line-height:1.08;margin-bottom:8px}.jhy .jhy-front .jhy-hero h2{font-size:16px;line-height:1.28;margin-bottom:10px}.jhy .jhy-front .jhy-hero-description{font-size:14px;line-height:1.48;margin-bottom:12px}.jhy .jhy-front .jhy-hero-actions{display:grid;grid-template-columns:1fr;gap:8px}.jhy .jhy-front .jhy-hero-btn{width:100%;min-width:0;padding:11px 14px}.jhy .jhy-front .jhy-hero-visual{max-width:360px;margin:4px auto 0}.jhy .jhy-metrics{margin-top:20px}.jhy .jhy-metrics>div{min-height:82px;padding:14px 12px}.jhy .jhy-metrics strong{font-size:18px}.jhy .jhy-metrics span{margin-top:5px;font-size:12px;line-height:16px}.jhy .jhy-support-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.jhy .jhy-support-band{padding:22px 0}.jhy .jhy-breadcrumbs .jhy-front-container{font-size:11px;gap:6px;padding:12px 0}}