*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f8fd;color:#132b46;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}body.dark{background:#071b31;color:#edf6ff}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #3ba7ff;outline-offset:4px}.wrap{width:min(1050px,calc(100% - 34px));margin:auto}.topbar{background:#081c38;color:white;border-bottom:1px solid #2d5175}.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:68px}.j4brand{display:flex;align-items:center;gap:9px;font-weight:900;white-space:nowrap}.j4brand img{height:41px;width:41px;border-radius:10px}.navback{font-weight:700;font-size:13px;color:#cfebff}.navback:hover{text-decoration:underline}.product-hero{padding:46px 0 30px;background:linear-gradient(120deg,#09234d,#1551a8);color:white}.product-hero.green{background:linear-gradient(120deg,#062f21,#0a633f)}.hero-row{display:flex;align-items:center;gap:25px}.hero-row img{width:112px;height:112px;border-radius:25px;box-shadow:0 15px 36px #001b2633}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#b9d7f3;font-weight:800}h1{font-size:clamp(35px,7vw,62px);line-height:1.06;letter-spacing:-2px;margin:10px 0 12px}p{line-height:1.7}.hero-description{color:#d8efff;font-size:15px;max-width:640px;margin:0}.green .hero-description{color:#c0f3da}.page-main{padding:36px 0 65px}.gallery-intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:17px}.gallery-intro h2{font-size:clamp(24px,4vw,33px);margin:0}.gallery-intro p{color:#657c92;font-size:13px;max-width:380px;margin:0}.gallery{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:8px;padding:6px 3px 20px;-webkit-overflow-scrolling:touch}.shot{background:white;flex:0 0 min(290px,74vw);scroll-snap-align:start;border:1px solid #d8e5ef;border-radius:22px;overflow:hidden;box-shadow:0 10px 25px #00142913}.shot figure{margin:0}.shot img{width:100%;height:500px;object-fit:cover;object-position:top;display:block;background:#eaf0f5}.shot figcaption{padding:12px 14px;font-size:13px;font-weight:800}.shot figcaption span{display:block;font-weight:400;font-size:11px;color:#657c92;padding-top:3px}.fineprint{font-size:11px;color:#657c92;margin:2px 0 28px}.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.panel{border:1px solid #d7e5f0;border-radius:20px;background:white;padding:25px;box-shadow:0 8px 20px #062b4410}.panel h2{font-size:22px;margin:0 0 10px}.panel p{color:#536c83;font-size:14px}.feature-list{margin:14px 0 0;padding:0;list-style:none}.feature-list li{display:flex;gap:9px;align-items:start;margin:12px 0;font-size:14px}.tick{color:#15975e;font-weight:900}.cta-panel{background:#e6f1ff;border-color:#b6d8fe}.cta-panel.green{background:#e1f6ec;border-color:#b3ddc5}.cta-panel .primary{background:#155bdd;color:white}.cta-panel.green .primary{background:#087348}.btn{display:flex;justify-content:center;align-items:center;border-radius:11px;font-size:15px;font-weight:800;padding:15px 20px;text-align:center;width:100%;margin-top:16px}.secondary{border:1px solid #aec9df;background:transparent}.cta-panel small{display:block;color:#45647c;font-size:11px;line-height:1.6;margin-top:10px}.site-foot{border-top:1px solid #d8e5ef;padding:26px 0;color:#6a8198;font-size:12px;display:flex;justify-content:space-between;gap:15px}.site-foot a{color:#1c6cba;font-weight:800}.preview-alert{background:#f4f8ff;border:1px solid #bcd4ee;padding:11px 13px;border-radius:12px;font-size:12px;color:#406284;margin-top:18px}.green .preview-alert{background:#e9f8ee}.small-label{font-size:10px;color:#6a8ba6;text-transform:uppercase;font-weight:900;letter-spacing:2px}.signup-detail{font-size:12px;color:#556f85;margin:14px 0 0}.product-gallery-link{color:#155cbe;font-size:13px;font-weight:800}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:650px){.hero-row{gap:14px;align-items:center}.hero-row img{height:88px;width:88px;border-radius:18px}h1{font-size:38px}.product-hero{padding:33px 0 29px}.gallery-intro{display:block}.gallery-intro p{margin-top:8px}.page-main{padding-top:26px}.two-col{grid-template-columns:1fr}.panel{padding:22px}.gallery .shot{flex-basis:74vw}.shot img{height:440px}.site-foot{display:block}.site-foot a{display:block;margin-top:9px}}

/* v8 product image galleries */
.gallery{overscroll-behavior-x:contain}.gallery .shot{flex-basis:min(300px,78vw)}
.shot img{height:540px;object-fit:cover;object-position:top}.shot figcaption{min-height:61px}
@media(max-width:650px){.gallery .shot{flex-basis:79vw}.shot img{height:475px}}

/* v9: each screenshot is an intentional editorial crop. Never crop a second time in gallery. */
.gallery{align-items:start;scroll-snap-type:x mandatory;scroll-padding:12px;padding-bottom:22px}
.gallery .shot{flex:0 0 min(318px,80vw)}
.gallery .shot img{width:100%;height:auto;max-height:none;object-fit:contain;object-position:center top;display:block}
.gallery .shot figcaption{min-height:60px}
@media(max-width:650px){.gallery .shot{flex-basis:min(315px,80vw)}.gallery .shot img{height:auto}}