.jop-front{--jop-navy:#0c2442;--jop-blue:#164c91;--jop-ink:#10213b;font-family:inherit;color:var(--jop-ink);width:100%;max-width:1500px;margin:0 auto;padding:0 18px 32px;box-sizing:border-box}.jop-front *{box-sizing:border-box}.jop-hero{min-height:345px;border-radius:6px;display:flex;align-items:center;background-image:linear-gradient(90deg,#f7f9fc 0%,#f7f9fc 36%,rgba(247,249,252,.88) 51%,rgba(247,249,252,.05) 83%),var(--jop-hero,linear-gradient(120deg,#e5edf5,#c5d6e7));background-position:center,right center;background-size:cover,cover;background-repeat:no-repeat;padding:45px 5%;overflow:hidden}.jop-hero-content{max-width:540px}.jop-eyebrow{font-size:12px;font-weight:700;letter-spacing:.17em;color:#193c6d;text-transform:uppercase;margin-bottom:18px}.jop-eyebrow:before{content:'';display:inline-block;width:34px;height:2px;background:#164c91;vertical-align:middle;margin-right:14px}.jop-hero h2{font-size:clamp(32px,4vw,52px)!important;font-weight:750!important;line-height:1.12!important;letter-spacing:-.03em;color:#0c2442!important;margin:0 0 18px!important;padding:0!important}.jop-hero p{font-size:16px;line-height:1.7;color:#344256;margin:0 0 22px}.jop-cta{display:inline-flex;align-items:center;gap:22px;background:#0b2b56;color:white!important;padding:13px 20px;border-radius:5px;text-decoration:none;font-weight:650;font-size:14px;transition:background .2s}.jop-cta:hover{background:#194b88}.jop-cta span{font-size:20px}.jop-cards{display:grid;grid-template-columns:repeat(var(--jop-cols,3),minmax(0,1fr));gap:20px;margin:22px 0 25px}.jop-card{min-width:0;border-radius:9px;overflow:hidden;background:#fff;box-shadow:0 4px 23px rgba(14,35,61,.075);border:1px solid #edf0f4;transition:transform .22s,box-shadow .22s}.jop-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(14,35,61,.14)}.jop-card-photo{height:clamp(135px,12vw,215px);overflow:hidden;background:#edf2f6}.jop-card-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}.jop-card:hover .jop-card-photo img{transform:scale(1.035)}.jop-card-bottom{display:flex;align-items:center;gap:13px;padding:18px 16px;min-height:106px}.jop-card-icon{flex:0 0 36px;color:#102b52}.jop-card-icon svg{width:30px;height:30px}.jop-card-copy{min-width:0;flex:1}.jop-card-copy h3{font-size:17px!important;line-height:1.25!important;color:#10213b!important;font-weight:700!important;margin:0 0 6px!important;padding:0!important}.jop-card-copy p{font-size:13px;line-height:1.5;color:#556171;margin:0}.jop-card-arrow{display:flex;align-items:center;justify-content:center;flex:0 0 35px;width:35px;height:35px;border-radius:50%;background:#f3f6fa;color:#0e2c52!important;font-size:20px;text-decoration:none!important}.jop-card-arrow:hover{background:#0c2b51;color:white!important}.jop-arrow-muted{opacity:.55}.jop-benefits-front{display:grid;grid-template-columns:repeat(4,1fr);background:#f7f9fb;border-radius:10px;padding:24px 14px;gap:8px}.jop-benefit{display:flex;align-items:center;justify-content:center;gap:14px;padding:8px 16px;border-right:1px solid #e0e6ed;font-size:14px;line-height:1.45;color:#173152}.jop-benefit:last-child{border-right:0}.jop-benefit svg{flex:0 0 29px;width:29px;height:29px}@media(max-width:980px){.jop-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.jop-benefits-front{grid-template-columns:repeat(2,1fr)}.jop-benefit:nth-child(2){border-right:0}}@media(max-width:600px){.jop-front{padding:0 12px 24px}.jop-hero{padding:36px 22px;min-height:330px;background-image:linear-gradient(90deg,rgba(248,250,253,.95),rgba(248,250,253,.83)),var(--jop-hero,linear-gradient(120deg,#e5edf5,#c5d6e7))}.jop-hero h2{font-size:34px!important}.jop-cards{grid-template-columns:1fr;gap:14px}.jop-card-photo{height:205px}.jop-benefits-front{grid-template-columns:1fr}.jop-benefit{justify-content:flex-start;border-right:0;border-bottom:1px solid #e0e6ed}.jop-benefit:last-child{border-bottom:0}}