/* JAVO benefits avatar and consistent navigation — 2026-10-26 */ body.javo-site #javo-preview .j-header .j-nav>a, body.javo-site #javo-preview .j-header .j-nav-group>summary{ font-family:'DM Sans',Arial,sans-serif;font-size:15px;font-weight:700;line-height:1.5;letter-spacing:.05em;text-transform:uppercase;padding-block:10px; } body.javo-site #javo-preview .j-benefits .j-benefits-hero{grid-template-columns:minmax(0,1fr) minmax(280px,380px)} body.javo-site #javo-preview .j-benefits .j-benefits-hero>img{width:360px;max-width:100%;height:auto;max-height:480px;object-fit:contain} @media(max-width:900px){ body.javo-site #javo-preview .j-benefits .j-benefits-hero{grid-template-columns:minmax(0,1fr) 260px;gap:28px} body.javo-site #javo-preview .j-benefits .j-benefits-hero>img{width:260px;max-height:380px} } @media(max-width:600px){ body.javo-site #javo-preview .j-benefits .j-benefits-hero{grid-template-columns:1fr;gap:24px} body.javo-site #javo-preview .j-benefits .j-benefits-hero>img{width:240px;max-height:340px} }

body.javo-site #javo-preview .j-benefits .j-benefits-hero{width:100%!important;max-width:1240px!important}body.javo-site #javo-preview .jb-hero-art{justify-self:end;width:100%;max-width:480px}body.javo-site #javo-preview .jb-hero-art p{max-width:none;margin:0}body.javo-site #javo-preview .jb-hero-art img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain}#javo-preview .jb-feature>p:has(>img){margin:0;max-width:none}#javo-preview .jb-feature>p>img{display:block;width:100%;height:290px;object-fit:cover}@media(max-width:800px){body.javo-site #javo-preview .jb-hero-art{max-width:340px}#javo-preview .jb-feature>p>img{height:240px}}
body.javo-site #javo-preview .j-benefits .j-page-top{padding-right:6%!important;background:radial-gradient(ellipse at 85% 0%,#234265 0%,#101f36 65%)}
/* JAVO benefits: visual member value — 2026-10-27 */
body.javo-site #javo-preview .j-benefits .j-benefits-hero{max-width:1240px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:30px}
body.javo-site #javo-preview .j-benefits .j-benefits-hero>img{width:460px;max-height:560px;justify-self:end;object-fit:contain}
#javo-preview .jb-heading{max-width:850px;margin-bottom:38px}
#javo-preview .jb-heading h2,#javo-preview .jb-support h2,#javo-preview .jb-portal h2{font-size:clamp(30px,3.3vw,44px);line-height:1.16;margin:14px 0 20px}
#javo-preview .jb-value p,#javo-preview .jb-value li{font-size:16px;line-height:1.8}
#javo-preview .jb-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
#javo-preview .jb-feature{background:white;border:1px solid #dce5ed;border-radius:20px;overflow:hidden}
#javo-preview .jb-feature>img{display:block;width:100%;height:290px;object-fit:cover}
#javo-preview .jb-feature>div{padding:30px}
#javo-preview .jb-feature h3{font:700 25px/1.3 'DM Sans',Arial,sans-serif;margin:14px 0 18px}
#javo-preview .jb-feature a,#javo-preview .jb-support a{color:#174f74;font-weight:700;text-decoration:underline;text-underline-offset:5px}
#javo-preview .jb-value .jb-note{font-size:13px;color:#596775;margin:16px 0}
#javo-preview .jb-support,#javo-preview .jb-portal{display:grid;grid-template-columns:1fr 1.15fr;gap:52px;align-items:center;margin-top:56px;padding:40px;border-radius:24px;background:#edf2f5}
#javo-preview .jb-support-art img{display:block;width:100%;height:370px;object-fit:contain}
#javo-preview .jb-value ul{margin:20px 0;padding-left:22px}
#javo-preview .jb-value li{margin-bottom:12px}
#javo-preview .jb-portal{grid-template-columns:1.1fr 1fr;background:#14283f;color:#fff}
#javo-preview .jb-portal h2,#javo-preview .jb-portal>div:first-child p,#javo-preview .jb-portal li{color:#fff!important}
#javo-preview .jb-portal .j-eyebrow{color:#ffbd71}
#javo-preview .jb-portal-preview{background:#f2f5f8;color:#18283f;border:6px solid #344960;border-radius:18px;box-shadow:0 20px 40px #0003;padding:24px;transform:rotate(1deg)}
#javo-preview .jb-preview-top{font-weight:800;font-size:24px;color:#144361;display:flex;justify-content:space-between;align-items:center}
#javo-preview .jb-preview-top span{font-size:10px;letter-spacing:.1em}
#javo-preview .jb-value .jb-preview-caption{font-size:11px;color:#586774;margin:8px 0 20px}
#javo-preview .jb-portal-preview h3{font:700 22px/1.35 'DM Sans',Arial,sans-serif;color:#18283f}
#javo-preview .jb-preview-card{background:#fff;padding:18px;border-radius:12px;border-left:4px solid #eba247;margin-top:20px}
#javo-preview .jb-preview-card>span{display:block;font-size:10px;letter-spacing:.1em}
#javo-preview .jb-preview-card>strong{font-size:20px}
#javo-preview .jb-preview-card p,#javo-preview .jb-preview-steps p{font-size:13px;margin:8px 0;color:#34475b}
#javo-preview .jb-preview-steps{padding:14px 0}
#javo-preview .jb-preview-tiles{display:grid;gap:10px}
#javo-preview .jb-preview-tiles>div{display:flex;justify-content:space-between;gap:10px;padding:12px;background:#fff;border-radius:8px;font-size:12px}
#javo-preview .jb-preview-tiles span{font-size:11px;color:#576675}
#javo-preview .jb-extras{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:40px 0}
#javo-preview .jb-extras article{background:#fff;border:1px solid #dce5ed;border-top:4px solid #eaa24a;border-radius:20px;padding:30px;box-shadow:0 6px 20px #14283f08}#javo-preview .jb-extras article p{margin:14px 0 0}#javo-preview .jb-extras article h3{margin:0}
#javo-preview .jb-extras h3{font:700 23px/1.3 'DM Sans',Arial,sans-serif}
@media(max-width:800px){
body.javo-site #javo-preview .j-benefits .j-benefits-hero{grid-template-columns:1fr;gap:20px}
body.javo-site #javo-preview .j-benefits .j-benefits-hero>img{width:340px;max-width:90%;max-height:430px;justify-self:end}
#javo-preview .jb-feature-grid,#javo-preview .jb-support,#javo-preview .jb-portal,#javo-preview .jb-extras{grid-template-columns:1fr;gap:24px}
#javo-preview .jb-support,#javo-preview .jb-portal{padding:25px;margin-top:32px}
#javo-preview .jb-feature>div{padding:24px}#javo-preview .jb-feature>img{height:240px}
#javo-preview .jb-support-art img{height:260px}
#javo-preview .jb-portal-preview{padding:18px;transform:none}
#javo-preview .jb-preview-tiles>div{flex-wrap:wrap}
}