#jsd-product{--ink:#17323b;--muted:#526970;--navy:#073e47;--deep:#082e37;--blue:#087ab3;--line:#dbe5e8;--pale:#f2f6f7;--green:#a9d071}
#jsd-product,#jsd-product *{box-sizing:border-box}
#jsd-product{scroll-behavior:smooth;scroll-padding-top:88px}
#jsd-product{margin:0;color:var(--ink);font-family:Arial,"Segoe UI",sans-serif;font-size:16px;line-height:1.7;background:#fff}
#jsd-product a{color:#0670a6;text-decoration-thickness:1px;text-underline-offset:4px}
#jsd-product a:hover{color:#064c77}
#jsd-product button,#jsd-product a,#jsd-product summary{touch-action:manipulation}
#jsd-product a:focus-visible,#jsd-product summary:focus-visible,#jsd-product .table-scroll:focus-visible{outline:3px solid #ddad29;outline-offset:4px}
#jsd-product .eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;margin:0 0 15px;color:var(--green)}
#jsd-product .button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 20px;border-radius:5px;background:var(--blue);color:white;font-weight:700;font-size:13px;line-height:1.5;text-decoration:none}
#jsd-product .button:hover{background:#065d88;color:#fff}
#jsd-product .page-nav{display:flex;justify-content:center;gap:30px;border-bottom:1px solid var(--line);padding:17px 24px;background:#fff;position:sticky;top:0;z-index:3}
#jsd-product .page-nav a{font-size:11px;font-weight:700;text-decoration:none;white-space:nowrap;color:#385d68}
#jsd-product .body-grid{max-width:1280px;margin:0 auto;padding:0 34px 64px;display:grid;grid-template-columns:minmax(0,1fr) 274px;gap:56px}
#jsd-product .body-grid article{min-width:0}
#jsd-product .copy-section{padding:44px 0;border-bottom:1px solid var(--line);scroll-margin-top:70px}
#jsd-product .section-kicker{color:#397987;font-size:10px;letter-spacing:1.7px;font-weight:800;margin:0 0 11px!important}
#jsd-product h2{font-size:30px;line-height:1.2;letter-spacing:-.75px;margin:0 0 19px}
#jsd-product h3{font-size:19px;line-height:1.4;margin:27px 0 11px;letter-spacing:-.2px}
#jsd-product .copy-section p,#jsd-product .copy-section li{font-size:14px;line-height:1.85;color:#425c66}
#jsd-product .copy-section p{margin:13px 0}
#jsd-product .copy-section li{margin-bottom:9px}
#jsd-product .copy-section ul,#jsd-product .copy-section ol{padding-left:22px}
#jsd-product .table-scroll{overflow-x:auto;max-width:100%;border:1px solid var(--line);border-radius:8px;margin:23px 0;scrollbar-width:thin}
#jsd-product table{border-collapse:collapse;width:100%;font-size:12px;line-height:1.65}
#jsd-product th{text-align:left;background:#eaf2f4;color:#234c58;font-size:11px;letter-spacing:.02em}
#jsd-product th,#jsd-product td{padding:14px 16px;vertical-align:top;border-bottom:1px solid var(--line)}
#jsd-product td:first-child{font-weight:700;color:#244c59;width:24%}
#jsd-product tr:last-child td{border-bottom:0}
#jsd-product tbody tr:nth-child(even){background:#f8fafb}
#jsd-product .review-card{margin-top:46px;background:var(--pale);border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:9px;padding:24px 22px;align-self:start;position:sticky;top:81px;scroll-margin-top:82px}
#jsd-product .review-card h2{font-size:25px;line-height:1.25}
#jsd-product .review-card p,#jsd-product .review-card li{font-size:12px;color:var(--muted);line-height:1.75}
#jsd-product .review-card ul{padding-left:17px;margin:20px 0}
#jsd-product .review-card li{margin:7px 0}
#jsd-product .review-card .button{width:100%}
#jsd-product .review-card .review-note{font-size:10px;margin-bottom:0}
#jsd-product .faq details{border-top:1px solid var(--line);padding:16px 0}
#jsd-product .faq details:last-child{border-bottom:1px solid var(--line)}
#jsd-product .faq summary{cursor:pointer;font-weight:700;font-size:14px;line-height:1.5;padding-right:20px}
#jsd-product .faq details[open] summary{color:#0472a5}
#jsd-product .faq details p{padding-left:16px;border-left:3px solid #c7dde3;margin:16px 0 0}
#jsd-product .bottom-cta{max-width:1212px;margin:0 auto 54px;background:var(--deep);border-radius:12px;padding:38px;display:flex;justify-content:space-between;align-items:center;gap:32px;color:#fff}
#jsd-product .bottom-cta h2{font-size:31px;margin:0}
#jsd-product .bottom-cta .button{flex-shrink:0}
@media(max-width:1040px){#jsd-product .body-grid{gap:30px;grid-template-columns:minmax(0,1fr) 245px}
#jsd-product .bottom-cta{margin-left:24px;margin-right:24px}}
@media(max-width:760px){#jsd-product .page-nav{justify-content:flex-start;overflow-x:auto;gap:22px;padding:15px 20px}
#jsd-product .body-grid{display:flex;flex-direction:column;padding:0 20px 30px;gap:0}
#jsd-product .review-card{position:static;order:-1;margin-top:28px;padding:21px}
#jsd-product .review-card h2 br{display:none}
#jsd-product .review-card h2{font-size:23px;margin-bottom:10px}
#jsd-product .review-card ul{display:grid;grid-template-columns:1fr 1fr;gap:3px 20px;margin:12px 0 18px}
#jsd-product .copy-section{padding:33px 0}
#jsd-product h2{font-size:27px}
#jsd-product h3{font-size:18px}
#jsd-product .copy-section p,#jsd-product .copy-section li{font-size:14px}
#jsd-product .table-scroll{margin:20px 0}
#jsd-product table{min-width:590px}
#jsd-product th,#jsd-product td{padding:13px}
#jsd-product .bottom-cta{margin:0 20px 34px;padding:25px;display:block}
#jsd-product .bottom-cta h2{font-size:26px}
#jsd-product .bottom-cta .button{margin-top:23px}}
@media(prefers-reduced-motion:reduce){#jsd-product{scroll-behavior:auto}}
#jsd-product .front-container{width:min(1400px,calc(100% - 40px));margin:0 auto}
#jsd-product .front-breadcrumb,#jsd-product .front-hero{font-family:Poppins,Arial,sans-serif}
#jsd-product .front-breadcrumb{background:#fff;border-top:1px solid #edf0f3}
#jsd-product .front-breadcrumb .front-container{display:flex;flex-wrap:wrap;gap:8px;padding:14px 0;font-size:13px;line-height:18px;color:#667286}
#jsd-product .front-breadcrumb a{color:#0078d2;text-decoration:underline;text-underline-offset:2px}
#jsd-product .front-hero{position:relative;overflow:hidden;padding:58px 0 46px;color:#252932;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,rgba(0,92,163,.08) 1px,transparent 1px,transparent 72px)}
#jsd-product .front-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}
#jsd-product .front-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:42px;align-items:center}
#jsd-product .front-visual{position:relative;display:grid;place-items:center;width:min(100%,520px);min-height:390px;margin:0 auto;background:transparent;border:0;box-shadow:none}
#jsd-product .front-visual img{display:block;width:min(86%,460px);max-width:100%;height:auto;object-fit:contain;transform:none;filter:drop-shadow(0 16px 18px rgba(31,45,61,.16));padding:0;border:0;border-radius:0;background:transparent}
#jsd-product .front-eyebrow{font-size:13px;font-weight:800;line-height:18px;letter-spacing:1.56px;color:#005ca3;margin:0 0 10px}
#jsd-product .front-copy h1{max-width:700px;margin:0 0 14px;color:#343741;font-family:Poppins,Arial,sans-serif;font-size:clamp(34px,4vw,58px);font-weight:800;line-height:1.05;letter-spacing:-.035em}
#jsd-product .front-copy h2{max-width:640px;margin:0 0 24px;color:#343741;font-family:Poppins,Arial,sans-serif;font-size:clamp(21px,2.1vw,31px);font-weight:700;line-height:1.22;letter-spacing:-.015em}
#jsd-product .front-intro{max-width:630px;margin:0 0 24px;color:#3f4653;font-size:20px;line-height:1.5}
#jsd-product .front-actions{display:flex;gap:14px;flex-wrap:wrap}
#jsd-product .front-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:13px 22px;border-radius:6px;font-family:Poppins,Arial,sans-serif;font-size:16px;font-weight:700;line-height:1.3;text-align:center;text-decoration:none;transition:background-color .2s,color .2s}
#jsd-product .front-primary{background:#0078d2;color:#fff}
#jsd-product .front-primary:hover{background:#005ca3;color:#fff}
#jsd-product .front-secondary{background:#d8ecfd;color:#003f6d}
#jsd-product .front-secondary:hover{background:#c4e2fb;color:#003f6d}
#jsd-product .front-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)}
#jsd-product .front-metrics>div{min-height:118px;padding:22px 24px;background:rgba(255,255,255,.86);backdrop-filter:blur(10px)}
#jsd-product .front-metrics strong{display:block;color:#005ca3;font-size:clamp(22px,2vw,30px);font-weight:700;line-height:1.05}
#jsd-product .front-metrics span{display:block;margin-top:9px;color:#4a5160;font-size:13px;line-height:18px}
#jsd-product .visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:991px){#jsd-product .front-grid{display:flex;flex-direction:column;gap:28px;align-items:stretch}
#jsd-product .front-copy{order:1}
#jsd-product .front-visual{order:2;width:min(100%,390px);min-height:0}
#jsd-product .front-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
#jsd-product .front-copy h1,#jsd-product .front-copy h2,#jsd-product .front-intro{max-width:none}}
@media(max-width:767px){#jsd-product .front-container{width:calc(100% - 30px)}
#jsd-product .front-breadcrumb .front-container{font-size:11px;line-height:17px;gap:5px;padding:12px 0}
#jsd-product .front-hero{padding:26px 0}
#jsd-product .front-grid{gap:18px}
#jsd-product .front-copy h1{font-size:32px;line-height:1.08;margin-bottom:10px}
#jsd-product .front-copy h2{font-size:18px;line-height:1.28;margin-bottom:14px}
#jsd-product .front-intro{font-size:15px;line-height:1.55;margin-bottom:16px}
#jsd-product .front-eyebrow{font-size:11px;letter-spacing:1.2px}
#jsd-product .front-actions{display:grid;grid-template-columns:1fr;gap:10px}
#jsd-product .front-button{padding:12px 16px;font-size:14px}
#jsd-product .front-visual{width:min(100%,300px);margin-top:4px}
#jsd-product .front-visual img{width:100%}
#jsd-product .front-metrics{margin-top:24px}
#jsd-product .front-metrics>div{min-height:88px;padding:16px 14px}
#jsd-product .front-metrics strong{font-size:18px}
#jsd-product .front-metrics span{margin-top:6px;font-size:12px;line-height:16px}}
@media(prefers-reduced-motion:reduce){#jsd-product .front-button{transition:none}}
#jsd-product .oem-strip{padding:30px 0 26px;background:#fff;border-bottom:1px solid #e1e4ea;font-family:Poppins,Arial,sans-serif;scroll-margin-top:0}
#jsd-product .oem-grid{display:grid;grid-template-columns:1.35fr repeat(5,minmax(0,1fr));gap:28px;align-items:center}
#jsd-product .oem-grid>p{max-width:210px;margin:0;color:#384254;font-size:15px;font-weight:600;line-height:21px}
#jsd-product .oem-logo{display:flex;align-items:center;justify-content:center;min-height:68px;padding:8px 12px;opacity:1;filter:none;transition:transform .2s ease}
#jsd-product .oem-logo:hover{transform:translateY(-2px)}
#jsd-product .oem-logo img{display:block;max-width:min(150px,100%);max-height:48px;width:auto;height:auto;object-fit:contain}
@media(max-width:991px){#jsd-product .oem-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 20px}
#jsd-product .oem-grid>p{grid-column:1/-1;max-width:none;text-align:center}
#jsd-product .oem-logo{padding:8px;min-height:60px}}
@media(max-width:600px){#jsd-product .oem-strip{padding:24px 0 20px}
#jsd-product .oem-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 12px}
#jsd-product .oem-grid>p{flex:0 0 100%;font-size:14px;margin-bottom:6px}
#jsd-product .oem-logo{flex:0 0 calc((100% - 24px)/3);padding:6px;min-height:60px}}
@media(prefers-reduced-motion:reduce){#jsd-product .oem-logo{transition:none}
#jsd-product .oem-logo:hover{transform:none}}
#jsd-product{width:100%;max-width:none!important;margin:0;padding:0;}
#jsd-product .review-card{width:100%;max-width:100%;min-width:0;overflow-wrap:anywhere;}
@media(max-width:760px){#jsd-product .review-card ul{grid-template-columns:repeat(2,minmax(0,1fr));}}
#jsd-product .bottom-cta h2{color:#fff;}
