/* Product Center: page tokens, structure, state, responsive behavior and accessibility. */
.jy-product-center{
  --product-stage-min-height:640px;
  --product-visual-size:min(44vw,42rem);
  --product-grid-color:var(--jy-engineering-blueprint);
  --product-grid-opacity:.16;
  --product-meta-gap:1.25rem;
  --product-transition-duration:620ms;
  --product-pointer-x:0;
  --product-pointer-y:0;
  --product-active-index:0;
  --product-direction:1;
  position:relative;
  overflow:clip;
  background:var(--jy-surface-page);
  color:var(--jy-text-primary);
  font-family:var(--jy-font-body);
}
.jy-product-center *{box-sizing:border-box}
.jy-product-center ::selection{background:var(--jy-technical-primary);color:var(--jy-text-inverse)}
.jy-product-center a{text-underline-offset:.22em}
.jy-product-center :where(a,button,[tabindex]):focus-visible{outline:3px solid var(--jy-focus-ring);outline-offset:3px}
.jy-product-center svg{display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.jy-product-center :where(button,a){-webkit-tap-highlight-color:transparent}
.jy-product-center .jy-container{width:min(calc(100% - 8rem),80rem)}
.jy-product-center h1,.jy-product-center h2,.jy-product-center h3,.jy-product-center p{margin-block:0}
.jy-product-center h1,.jy-product-center h2,.jy-product-center h3{font-family:var(--jy-font-display);text-wrap:balance}

/* 01 Product Hero */
.jy-product-hero{position:relative;display:grid;min-block-size:clamp(620px,72svh,760px);overflow:hidden;background:var(--jy-surface-dark-deep);color:var(--jy-text-inverse);isolation:isolate}
.jy-product-hero::before{position:absolute;z-index:-2;inset:0;content:"";background:linear-gradient(118deg,var(--jy-surface-dark-deep) 0%,var(--jy-surface-dark) 60%,var(--jy-surface-dark-raised) 100%)}
.jy-product-hero::after{position:absolute;z-index:-1;right:-10%;bottom:-38%;width:min(72vw,68rem);aspect-ratio:1;content:"";border:1px solid color-mix(in srgb,var(--jy-engineering-primary) 26%,transparent);border-radius:50%;box-shadow:inset 0 0 0 4.5rem color-mix(in srgb,var(--jy-surface-dark-deep) 32%,transparent),inset 0 0 0 4.58rem color-mix(in srgb,var(--jy-engineering-primary) 12%,transparent)}
.jy-product-hero__blueprint{position:absolute;z-index:-1;inset:0;overflow:hidden;color:color-mix(in srgb,var(--jy-engineering-blueprint) 40%,transparent);pointer-events:none}
.jy-product-hero__blueprint::before{position:absolute;inset:11% 4% 8% 46%;content:"";opacity:.32;background-image:linear-gradient(currentColor 1px,transparent 1px),linear-gradient(90deg,currentColor 1px,transparent 1px);background-size:4rem 4rem;mask-image:linear-gradient(90deg,transparent,var(--jy-surface-dark) 24%,var(--jy-surface-dark) 82%,transparent)}
.jy-product-hero__blueprint span{position:absolute;font:600 .75rem/1 var(--jy-font-body);letter-spacing:.14em}
.jy-product-hero__blueprint span:first-child{top:24%;right:7%}
.jy-product-hero__blueprint span:nth-child(2){right:26%;bottom:13%}
.jy-product-hero__blueprint i{position:absolute;right:23%;bottom:22%;width:16rem;height:16rem;border:1px solid currentColor;border-radius:50%}
.jy-product-hero__container{display:flex;padding-block:clamp(9rem,18vh,12rem) clamp(4.5rem,9vh,7rem);flex-direction:column;justify-content:space-between;gap:3rem}
.jy-product-hero__header{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(17rem,.55fr);align-items:end;gap:4rem}
.jy-product-hero__copy>p:first-child,.jy-product-section-head>div>p:first-child,.jy-product-explorer__head>p,.jy-product-selection__copy>p:first-child{margin-bottom:1.25rem;color:var(--jy-engineering-primary);font-size:.75rem;font-weight:750;letter-spacing:.14em;line-height:1.2}
.jy-product-hero h1{max-inline-size:10ch;min-block-size:1.05em;font-size:clamp(3.2rem,5vw,4rem);font-weight:700;line-height:1.125;letter-spacing:-.025em}
.jy-product-hero__lead{max-inline-size:36rem;margin-top:1.75rem;color:color-mix(in srgb,var(--jy-text-inverse) 76%,transparent);font-size:1.125rem;line-height:1.67}
.jy-product-hero__summary{display:grid;margin:0;padding:0;border-top:1px solid var(--jy-border-inverse-soft);list-style:none}
.jy-product-hero__summary li{position:relative;padding:1rem 0 1rem 1.6rem;border-bottom:1px solid var(--jy-border-inverse-soft);color:color-mix(in srgb,var(--jy-text-inverse) 82%,transparent);font-size:.875rem}
.jy-product-hero__summary li::before{position:absolute;top:50%;left:0;width:.5rem;height:.5rem;content:"";border:1px solid var(--jy-engineering-primary);border-radius:2px;transform:translateY(-50%) rotate(45deg)}
.jy-product-hero__actions,.jy-product-selection__actions{display:flex;flex-wrap:wrap;gap:1rem}
.jy-product-action{display:inline-flex;min-block-size:54px;padding-inline:1.6rem;align-items:center;justify-content:space-between;gap:2.5rem;border:1px solid currentColor;border-radius:var(--jy-radius-sm);font-size:1rem;font-weight:700;line-height:1.2;text-decoration:none;transition:background-color var(--jy-duration-fast) ease,border-color var(--jy-duration-fast) ease,color var(--jy-duration-fast) ease}
.jy-product-action svg{width:1.25rem;height:1.25rem;flex:none}
.jy-product-action--primary{border-color:var(--jy-action-primary);background:var(--jy-action-primary);color:var(--jy-text-inverse)}
.jy-product-action--primary:hover{border-color:var(--jy-action-primary-hover);background:var(--jy-action-primary-hover)}
.jy-product-action--secondary{border-color:color-mix(in srgb,var(--jy-text-inverse) 62%,transparent);background:transparent;color:var(--jy-text-inverse)}
.jy-product-action--secondary:hover{border-color:var(--jy-text-inverse);background:color-mix(in srgb,var(--jy-text-inverse) 9%,transparent)}

/* Shared section heading */
.jy-product-section-head{display:flex;align-items:end;justify-content:space-between;gap:3rem}
.jy-product-section-head>div{max-inline-size:49rem}
.jy-product-section-head h2,.jy-product-selection h2{font-size:clamp(2rem,3.4vw,2.5rem);font-weight:700;line-height:1.25;letter-spacing:-.018em}
.jy-product-section-head h2+p,.jy-product-selection h2+p{max-inline-size:68ch;margin-top:1.35rem;color:var(--jy-text-secondary);font-size:1rem;line-height:1.75}

/* 02 Product Explorer */
.jy-product-explorer{position:relative;scroll-margin-top:5rem;overflow:hidden;background:var(--jy-surface-page);isolation:isolate}
.jy-product-explorer__technical-bg{position:absolute;z-index:-1;inset:0;color:var(--product-grid-color);pointer-events:none}
.jy-product-explorer__technical-bg::before{position:absolute;inset:0;content:"";opacity:var(--product-grid-opacity);background-image:linear-gradient(currentColor 1px,transparent 1px),linear-gradient(90deg,currentColor 1px,transparent 1px);background-size:5rem 5rem;mask-image:linear-gradient(90deg,transparent,var(--jy-surface-dark) 46%,var(--jy-surface-dark))}
.jy-product-explorer__technical-bg::after{position:absolute;top:13%;right:8%;width:min(42vw,38rem);aspect-ratio:1;content:"";border:1px solid color-mix(in srgb,var(--product-grid-color) 28%,transparent);border-radius:50%}
.jy-product-explorer__technical-bg>span{position:absolute;right:3rem;bottom:2rem;color:color-mix(in srgb,var(--product-grid-color) 55%,transparent);font-size:.75rem;font-weight:700;letter-spacing:.16em;transform:translate(calc(var(--product-pointer-x) * 8px),calc(var(--product-pointer-y) * 6px))}
.jy-product-explorer__technical-bg>i,.jy-product-explorer__technical-bg>b{position:absolute;display:block;background:color-mix(in srgb,var(--product-grid-color) 38%,transparent)}
.jy-product-explorer__technical-bg>i{top:50%;right:2rem;width:22%;height:1px;transform:translateY(-50%)}
.jy-product-explorer__technical-bg>b{top:12%;right:28%;width:1px;height:76%}
.jy-product-explorer>.jy-container{padding-block:5rem 4rem}
.jy-product-explorer__head{display:flex;min-height:3rem;align-items:center;justify-content:space-between;border-bottom:1px solid var(--jy-border-default)}
.jy-product-explorer__head>p{margin:0;color:var(--jy-technical-primary)}
.jy-product-explorer__counter{display:flex;align-items:center;gap:.65rem;color:var(--jy-text-secondary);font-size:.875rem;font-variant-numeric:tabular-nums}
.jy-product-explorer__counter [data-product-current]{color:var(--jy-text-primary);font-size:1.5rem;font-weight:750}
.jy-product-explorer__layout{display:grid;min-height:var(--product-stage-min-height);grid-template-columns:minmax(20rem,.8fr) minmax(0,1.65fr);align-items:stretch;gap:clamp(2rem,4.5vw,5rem)}
.jy-product-explorer__content{display:grid;min-width:0;padding-block:clamp(3rem,6vw,5.5rem);grid-template:1fr/1fr}
.jy-product-explorer__panel{grid-area:1/1;display:flex;min-width:0;max-width:30rem;flex-direction:column;align-self:center;visibility:hidden;opacity:0;pointer-events:none}
.jy-product-explorer__panel[data-product-content-state="active"],.jy-product-explorer__panel[data-product-content-state="incoming"],.jy-product-explorer__panel[data-product-content-state="outgoing"]{visibility:visible}
.jy-product-explorer__panel[data-product-content-state="active"]{opacity:1;pointer-events:auto}
.jy-product-explorer__panel[data-product-content-state="incoming"]{animation:jy-product-meta-in 420ms var(--jy-ease-reveal) both}
.jy-product-explorer__panel[data-product-content-state="outgoing"]{animation:jy-product-meta-out 260ms ease both}
@keyframes jy-product-meta-in{from{opacity:0;transform:translateX(calc(var(--product-direction) * 2rem))}to{opacity:1;transform:none}}
@keyframes jy-product-meta-out{from{opacity:1;transform:none}to{opacity:0;transform:translateX(calc(var(--product-direction) * -1.4rem))}}
.jy-product-explorer__number{color:var(--jy-action-primary);font-size:.75rem;font-weight:750;letter-spacing:.16em;font-variant-numeric:tabular-nums}
.jy-product-explorer__identity{margin-top:1.25rem}
.jy-product-explorer__identity h2{min-block-size:1.1em;font-size:clamp(3.2rem,5vw,4rem);font-weight:700;line-height:1.125;letter-spacing:-.025em}
.jy-product-explorer__name-en{margin-top:.8rem;color:var(--jy-technical-primary);font-size:.75rem;font-weight:750;letter-spacing:.14em}
.jy-product-explorer__description{max-inline-size:32rem;margin-top:1.65rem;color:var(--jy-text-secondary);font-size:1rem;line-height:1.75}
.jy-product-explorer__function{margin-top:.8rem;color:var(--jy-text-primary);font-size:.875rem;font-weight:700;line-height:1.6}
.jy-product-explorer__specs{display:grid;margin:2rem 0 0;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--jy-border-default)}
.jy-product-explorer__specs>div{min-width:0;padding:1rem 1rem 1rem 0;border-bottom:1px solid var(--jy-border-default)}
.jy-product-explorer__specs>div:nth-child(odd){border-right:1px solid var(--jy-border-default)}
.jy-product-explorer__specs>div:nth-child(even){padding-left:1rem}
.jy-product-explorer__specs dt{color:var(--jy-text-secondary);font-size:.75rem}
.jy-product-explorer__specs dd{margin:.45rem 0 0;color:var(--jy-text-primary);font-size:.875rem;font-weight:700;font-variant-numeric:tabular-nums}
.jy-product-explorer__applications{display:grid;margin-top:1.25rem;grid-template-columns:6rem minmax(0,1fr);align-items:start;gap:1rem;color:var(--jy-text-secondary);font-size:.75rem}
.jy-product-explorer__applications>div{display:flex;flex-wrap:wrap;gap:.5rem}
.jy-product-explorer__applications>div span{padding:.25rem .45rem;border:1px solid var(--jy-border-default);border-radius:2px;color:var(--jy-text-primary)}
.jy-product-link{display:inline-flex;width:max-content;max-width:100%;min-height:48px;margin-top:1.7rem;padding:.65rem .9rem;align-items:center;gap:1.25rem;border-radius:var(--jy-radius-sm);color:var(--jy-technical-primary);font-size:.875rem;font-weight:750;text-decoration:none;transition:background-color var(--jy-duration-fast) ease,color var(--jy-duration-fast) ease}
.jy-product-link:hover{background:var(--jy-technical-soft);color:var(--jy-technical-hover)}
.jy-product-link svg{width:1.15rem;height:1.15rem;flex:none}
.jy-product-explorer__stage{position:relative;display:grid;min-width:0;min-height:var(--product-stage-min-height);place-items:center;perspective:1200px;touch-action:pan-y;user-select:none}
.jy-product-explorer__visual{position:relative;grid-area:1/1;display:grid;width:var(--product-visual-size);max-width:100%;aspect-ratio:1;place-items:center;visibility:hidden;opacity:0;pointer-events:none;will-change:transform,opacity,filter}
.jy-product-explorer__visual picture,.jy-product-explorer__visual img{display:block;width:100%;height:100%}
.jy-product-explorer__visual img{object-fit:contain;filter:drop-shadow(0 2.2rem 2.4rem color-mix(in srgb,var(--jy-surface-dark) 17%,transparent))}
.jy-product-explorer__visual[data-product-visual-state="active"],.jy-product-explorer__visual[data-product-visual-state="incoming"],.jy-product-explorer__visual[data-product-visual-state="outgoing"]{visibility:visible}
.jy-product-explorer__visual[data-product-visual-state="active"]{opacity:1;transform:translate(calc(var(--product-pointer-x) * 4px),calc(var(--product-pointer-y) * 4px)) rotateX(calc(var(--product-pointer-y) * -1.5deg)) rotateY(calc(var(--product-pointer-x) * 2deg))}
.jy-product-explorer__visual[data-product-visual-state="incoming"]{animation:jy-product-visual-in var(--product-transition-duration) var(--jy-ease-reveal) both}
.jy-product-explorer__visual[data-product-visual-state="outgoing"]{animation:jy-product-visual-out var(--product-transition-duration) var(--jy-ease-reveal) both}
@keyframes jy-product-visual-in{from{opacity:0;filter:blur(4px);transform:translateX(calc(var(--product-direction) * 52px)) scale(.94)}to{opacity:1;filter:blur(0);transform:none}}
@keyframes jy-product-visual-out{from{opacity:1;filter:blur(0);transform:none}to{opacity:0;filter:blur(4px);transform:translateX(calc(var(--product-direction) * -40px)) scale(.92)}}
.jy-product-explorer__placeholder{position:absolute;right:8%;bottom:7%;max-width:17rem;padding:.65rem .8rem;border:1px solid var(--jy-border-strong);border-radius:var(--jy-radius-sm);background:var(--jy-surface-elevated);color:var(--jy-text-secondary);font-size:.75rem;line-height:1.45;text-align:center}
.jy-product-explorer__stage-code{position:absolute;top:2.2rem;right:0;display:grid;justify-items:end;color:color-mix(in srgb,var(--jy-engineering-blueprint) 70%,transparent);font-size:.75rem;letter-spacing:.12em}
.jy-product-explorer__stage-code b{margin-top:.35rem;color:var(--jy-text-primary);font-size:1.5rem;font-weight:750;font-variant-numeric:tabular-nums}
.jy-product-explorer__controls{position:absolute;right:0;bottom:2rem;display:flex;gap:.65rem}
.jy-product-explorer__controls button,.jy-product-series__controls button{display:grid;width:48px;height:48px;padding:0;place-items:center;border:1px solid var(--jy-border-strong);border-radius:var(--jy-radius-sm);background:var(--jy-surface-elevated);color:var(--jy-text-primary);cursor:pointer;transition:background-color var(--jy-duration-fast) ease,color var(--jy-duration-fast) ease,border-color var(--jy-duration-fast) ease}
.jy-product-explorer__controls button:hover,.jy-product-series__controls button:hover{border-color:var(--jy-technical-primary);background:var(--jy-technical-soft);color:var(--jy-technical-hover)}
.jy-product-explorer__controls svg,.jy-product-series__controls svg{width:1.1rem;height:1.1rem}
.jy-product-explorer__nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--jy-border-default)}
.jy-product-explorer__nav button{position:relative;display:grid;min-width:0;min-height:76px;padding:1rem .75rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.65rem;border:0;border-right:1px solid var(--jy-border-default);background:transparent;color:var(--jy-text-secondary);text-align:left;cursor:pointer}
.jy-product-explorer__nav button:last-child{border-right:0}
.jy-product-explorer__nav button::before{position:absolute;top:-1px;right:0;left:0;height:3px;content:"";background:var(--jy-technical-primary);transform:scaleX(0);transform-origin:left;transition:transform 320ms var(--jy-ease-reveal)}
.jy-product-explorer__nav button[aria-selected="true"]{background:var(--jy-surface-elevated);color:var(--jy-text-primary)}
.jy-product-explorer__nav button[aria-selected="true"]::before{transform:scaleX(1)}
.jy-product-explorer__nav button span{color:var(--jy-technical-primary);font-size:.75rem;font-variant-numeric:tabular-nums}
.jy-product-explorer__nav button strong{overflow-wrap:anywhere;font-size:.875rem}

/* 03 Product Series */
.jy-product-series{padding-block:clamp(6rem,10vw,9rem);overflow:hidden;background:var(--jy-surface-elevated)}
.jy-product-series__controls{display:flex;flex:none;gap:.65rem}
.jy-product-series__viewport{margin-top:3rem;overflow:visible}
.jy-product-series__rail{align-items:stretch}
.jy-product-series__card{height:auto;min-height:32rem;border:1px solid var(--jy-border-default);border-radius:var(--jy-radius-md);overflow:hidden;background:var(--jy-surface-card);transition:transform var(--jy-duration-base) var(--jy-ease-reveal),border-color var(--jy-duration-base) ease,box-shadow var(--jy-duration-base) ease}
.jy-product-series__card:hover,.jy-product-series__card:focus-within{border-color:var(--jy-border-strong);box-shadow:0 1rem 2.5rem color-mix(in srgb,var(--jy-surface-dark) 8%,transparent);transform:translateY(-4px)}
.jy-product-series__card>a{display:grid;height:100%;min-height:inherit;grid-template-rows:19rem 1fr;color:inherit;text-decoration:none}
.jy-product-series__media{position:relative;display:grid;overflow:hidden;place-items:center;background:var(--jy-surface-soft)}
.jy-product-series__media picture,.jy-product-series__media img{display:block;width:100%;height:100%}
.jy-product-series__media img{padding:1.5rem;object-fit:contain;transition:transform 260ms var(--jy-ease-reveal)}
.jy-product-series__card:hover img,.jy-product-series__card:focus-within img{transform:scale(1.025)}
.jy-product-series__media>span{position:absolute;top:1rem;left:1rem;color:var(--jy-technical-primary);font-size:.75rem;font-weight:750;font-variant-numeric:tabular-nums}
.jy-product-series__copy{display:flex;padding:1.5rem;flex-direction:column}
.jy-product-series__copy h3{font-family:var(--jy-font-body);font-size:1.5rem;font-weight:750;line-height:1.42}
.jy-product-series__copy p{margin-top:.75rem;color:var(--jy-text-secondary);font-size:.875rem;line-height:1.65}
.jy-product-series__facts{display:flex;margin-top:1rem;flex-wrap:wrap;gap:.5rem;color:var(--jy-text-secondary);font-size:.75rem;font-variant-numeric:tabular-nums}
.jy-product-series__facts span{padding:.35rem .5rem;border:1px solid var(--jy-border-default);border-radius:2px}
.jy-product-series__copy>span:last-child{display:flex;margin-top:auto;padding-top:1.25rem;align-items:center;justify-content:space-between;color:var(--jy-technical-primary);font-size:.875rem;font-weight:750}
.jy-product-series__copy>span:last-child svg{width:1rem;height:1rem}
.jy-product-series__all{margin-top:2rem}

/* 04 Selection Matrix */
.jy-product-matrix{scroll-margin-top:5rem;padding-block:clamp(6rem,10vw,9rem);background:var(--jy-surface-page)}
.jy-product-matrix__legend{display:flex;margin-top:2rem;flex-wrap:wrap;gap:1.25rem;color:var(--jy-text-secondary);font-size:.75rem}
.jy-product-matrix__legend>span{display:flex;align-items:center;gap:.45rem}
.jy-product-matrix__legend i{display:block;width:.7rem;height:.7rem;border:1px solid currentColor;border-radius:2px}
.jy-product-matrix__legend [data-capability="recommended"] i{border-color:var(--jy-status-success);background:var(--jy-status-success)}
.jy-product-matrix__legend [data-capability="suitable"] i{border-color:var(--jy-technical-primary);background:var(--jy-technical-primary)}
.jy-product-matrix__legend [data-capability="conditional"] i{border-color:var(--jy-status-warning);background:transparent}
.jy-product-matrix__scroll{margin-top:1.5rem;overflow-x:auto;border:1px solid var(--jy-border-default);border-radius:var(--jy-radius-md);background:var(--jy-surface-elevated);overscroll-behavior-inline:contain}
.jy-product-matrix table{width:100%;min-width:68rem;border-collapse:separate;border-spacing:0;text-align:center}
.jy-product-matrix caption{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.jy-product-matrix th,.jy-product-matrix td{height:4rem;padding:.75rem;border-right:1px solid var(--jy-border-default);border-bottom:1px solid var(--jy-border-default)}
.jy-product-matrix tr:last-child th,.jy-product-matrix tr:last-child td{border-bottom:0}
.jy-product-matrix th:last-child,.jy-product-matrix td:last-child{border-right:0}
.jy-product-matrix thead th{background:var(--jy-surface-soft);font-size:.75rem;font-weight:750}
.jy-product-matrix thead th a{display:flex;min-height:44px;align-items:center;justify-content:center;color:var(--jy-technical-primary)}
.jy-product-matrix tbody th{position:sticky;z-index:1;left:0;min-width:12rem;background:var(--jy-surface-elevated);font-size:.875rem;text-align:left}
.jy-product-matrix tbody td span{display:inline-flex;min-width:4.5rem;min-height:30px;padding:.35rem .55rem;align-items:center;justify-content:center;border:1px solid currentColor;border-radius:2px;font-size:.75rem;font-weight:750}
.jy-product-matrix td[data-capability="recommended"] span{border-color:var(--jy-status-success);background:color-mix(in srgb,var(--jy-status-success) 10%,transparent);color:var(--jy-status-success)}
.jy-product-matrix td[data-capability="suitable"] span{border-color:var(--jy-technical-primary);background:var(--jy-technical-soft);color:var(--jy-technical-hover)}
.jy-product-matrix td[data-capability="conditional"] span{border-color:var(--jy-status-warning);color:var(--jy-status-warning)}
.jy-product-matrix__notice{display:flex;margin-top:1.25rem;align-items:center;justify-content:space-between;gap:2rem}
.jy-product-matrix__notice p{max-width:58rem;color:var(--jy-text-secondary);font-size:.75rem;line-height:1.65}
.jy-product-matrix__notice .jy-product-link{flex:none;margin-top:0}

/* 05 Engineering Range */
.jy-product-engineering{padding-block:clamp(6rem,10vw,9rem);background:var(--jy-surface-dark-deep);color:var(--jy-text-inverse)}
.jy-product-engineering .jy-product-section-head h2{color:var(--jy-text-inverse)}
.jy-product-engineering .jy-product-section-head h2+p{color:color-mix(in srgb,var(--jy-text-inverse) 70%,transparent)}
.jy-product-engineering__board{display:grid;margin-top:3rem;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--jy-border-inverse-soft);border-bottom:1px solid var(--jy-border-inverse-soft)}
.jy-product-engineering__board article{position:relative;min-height:19rem;padding:1.5rem;border-right:1px solid var(--jy-border-inverse-soft)}
.jy-product-engineering__board article:last-child{border-right:0}
.jy-product-engineering__board article>span{color:var(--jy-engineering-primary);font-size:.75rem;font-weight:750;font-variant-numeric:tabular-nums}
.jy-product-engineering__board h3{margin-top:3.8rem;color:color-mix(in srgb,var(--jy-text-inverse) 66%,transparent);font-family:var(--jy-font-body);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.jy-product-engineering__board p{margin-top:1rem;color:var(--jy-text-inverse);font-size:clamp(1rem,1.6vw,1.5rem);font-weight:700;font-variant-numeric:tabular-nums;line-height:1.5}
.jy-product-engineering__board small{position:absolute;right:1.5rem;bottom:1.5rem;left:1.5rem;color:color-mix(in srgb,var(--jy-text-inverse) 48%,transparent);font-size:.75rem}

/* 06 Industry Mapping */
.jy-product-industries{padding-block:clamp(6rem,10vw,9rem);background:var(--jy-surface-page)}
.jy-product-industries__grid{display:grid;margin-top:3rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.jy-product-industries__item{display:grid;min-width:0;overflow:hidden;border:1px solid var(--jy-border-default);border-radius:var(--jy-radius-md);background:var(--jy-surface-elevated);grid-template-rows:14rem 1fr}
.jy-product-industries__media{overflow:hidden;background:var(--jy-surface-soft)}
.jy-product-industries__media picture,.jy-product-industries__media img{display:block;width:100%;height:100%}
.jy-product-industries__media img{object-fit:cover;transition:transform 260ms var(--jy-ease-reveal)}
.jy-product-industries__item:hover .jy-product-industries__media img,.jy-product-industries__item:focus-within .jy-product-industries__media img{transform:scale(1.025)}
.jy-product-industries__copy{display:flex;padding:1.5rem;flex-direction:column}
.jy-product-industries__copy>span{color:var(--jy-technical-primary);font-size:.75rem;font-weight:750;font-variant-numeric:tabular-nums}
.jy-product-industries__copy h3{margin-top:.75rem;font-size:1.5rem;line-height:1.42}
.jy-product-industries__copy>p{margin-top:.85rem;color:var(--jy-text-secondary);font-size:.875rem;line-height:1.65}
.jy-product-industries__copy>div{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--jy-border-default)}
.jy-product-industries__copy small{color:var(--jy-text-secondary);font-size:.75rem}
.jy-product-industries__copy ul{display:flex;margin:.65rem 0 0;padding:0;flex-wrap:wrap;gap:.45rem;list-style:none}
.jy-product-industries__copy li a{display:inline-flex;min-width:44px;min-height:44px;padding:.35rem .5rem;align-items:center;justify-content:center;border:1px solid var(--jy-border-default);border-radius:2px;color:var(--jy-text-primary);font-size:.75rem;text-decoration:none}
.jy-product-industries__copy li a:hover{border-color:var(--jy-technical-primary);color:var(--jy-technical-hover)}
.jy-product-industries__copy>a{display:flex;min-height:44px;margin-top:auto;padding-top:1.4rem;align-items:flex-end;justify-content:space-between;color:var(--jy-technical-primary);font-size:.875rem;font-weight:750;text-decoration:none}
.jy-product-industries__copy>a svg{width:1rem;height:1rem}

/* 07 Selection CTA */
.jy-product-selection{scroll-margin-top:5rem;position:relative;overflow:hidden;background:var(--jy-surface-dark);color:var(--jy-text-inverse)}
.jy-product-selection__layout{display:grid;min-height:720px;padding-block:clamp(6rem,10vw,9rem);grid-template-columns:minmax(0,.9fr) minmax(28rem,1.1fr);align-items:center;gap:clamp(3rem,6vw,7rem)}
.jy-product-selection__copy>p:first-child{color:var(--jy-engineering-primary)}
.jy-product-selection h2{max-inline-size:11ch;color:var(--jy-text-inverse)}
.jy-product-selection h2+p{color:color-mix(in srgb,var(--jy-text-inverse) 72%,transparent)}
.jy-product-selection__copy>ul{display:grid;margin:2rem 0 0;padding:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;list-style:none}
.jy-product-selection__copy>ul li{display:flex;min-height:48px;padding:.75rem;align-items:center;gap:.75rem;border:1px solid var(--jy-border-inverse-soft);border-radius:var(--jy-radius-sm);color:color-mix(in srgb,var(--jy-text-inverse) 82%,transparent);font-size:.75rem}
.jy-product-selection__copy>ul span{color:var(--jy-engineering-primary);font-variant-numeric:tabular-nums}
.jy-product-selection__actions{margin-top:2rem}
.jy-product-selection__drawing{position:relative;display:grid;min-width:0;aspect-ratio:720/620;place-items:center;color:var(--jy-engineering-primary)}
.jy-product-selection__drawing>svg{width:100%;height:100%}
.jy-product-selection__guides{opacity:.2;stroke:var(--jy-engineering-blueprint);stroke-width:1}
.jy-product-selection__valve{stroke-width:3}
.jy-product-selection__valve [data-selection-part="ball"]{stroke-width:2}
.jy-product-selection__labels{opacity:.42;stroke:var(--jy-engineering-blueprint);stroke-width:1}
.jy-product-selection__drawing>ol{position:absolute;inset:0;margin:0;padding:0;list-style:none;pointer-events:none}
.jy-product-selection__drawing>ol li{position:absolute;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.5rem;color:color-mix(in srgb,var(--jy-text-inverse) 76%,transparent);font-size:.75rem}
.jy-product-selection__drawing>ol li span{color:var(--jy-engineering-primary);font-variant-numeric:tabular-nums}
.jy-product-selection__drawing>ol li:nth-child(1){top:10%;left:1%}
.jy-product-selection__drawing>ol li:nth-child(2){top:19%;right:1%}
.jy-product-selection__drawing>ol li:nth-child(3){right:1%;bottom:18%}
.jy-product-selection__drawing>ol li:nth-child(4){bottom:9%;left:1%}
.jy-product-selection__drawing>span{position:absolute;right:1rem;bottom:1rem;color:color-mix(in srgb,var(--jy-text-inverse) 45%,transparent);font-size:.75rem;letter-spacing:.12em}

/* Tablet */
@media(max-width:1100px){
  .jy-product-center .jy-container{width:min(calc(100% - 4rem),80rem)}
  .jy-product-explorer{--product-stage-min-height:520px;--product-visual-size:min(68vw,37rem)}
  .jy-product-explorer__layout{grid-template-columns:1fr;gap:0}
  .jy-product-explorer__content{min-height:36rem;padding-block:3.5rem 1rem}
  .jy-product-explorer__panel{max-width:none;align-self:start}
  .jy-product-explorer__stage{min-height:var(--product-stage-min-height)}
  .jy-product-explorer__stage-code{top:1rem}
  .jy-product-explorer__controls{bottom:1rem}
  .jy-product-engineering__board{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jy-product-engineering__board article{min-height:14rem;border-bottom:1px solid var(--jy-border-inverse-soft)}
  .jy-product-engineering__board article:nth-child(2n){border-right:0}
  .jy-product-engineering__board article:last-child{grid-column:1/-1;border-bottom:0}
  .jy-product-engineering__board h3{margin-top:2rem}
  .jy-product-industries__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jy-product-selection__layout{grid-template-columns:1fr;gap:2rem}
  .jy-product-selection__drawing{width:min(100%,42rem);justify-self:center}
}

@media(max-width:767px){
  .jy-product-center .jy-container{width:min(calc(100% - 2.5rem),80rem)}
  .jy-product-hero{min-block-size:680px}
  .jy-product-hero__container{padding-block:7.5rem 3rem}
  .jy-product-hero__header{grid-template-columns:1fr;gap:2rem}
  .jy-product-hero h1{font-size:clamp(3.2rem,14vw,4rem)}
  .jy-product-hero__lead{font-size:1rem}
  .jy-product-hero__summary{grid-template-columns:1fr}
  .jy-product-hero__summary li{padding-block:.75rem}
  .jy-product-hero__actions{display:grid;grid-template-columns:1fr}
  .jy-product-action{width:100%;min-block-size:54px}
  .jy-product-section-head{display:block}
  .jy-product-section-head h2,.jy-product-selection h2{font-size:clamp(2rem,11vw,2.5rem)}
  .jy-product-explorer{--product-stage-min-height:420px;--product-visual-size:min(88vw,24rem);--product-grid-opacity:.1}
  .jy-product-explorer>.jy-container{padding-block:3.25rem 2rem}
  .jy-product-explorer__layout{display:grid;min-height:0;grid-template-columns:1fr;grid-template-rows:auto auto}
  .jy-product-explorer__content{display:contents;min-height:0;padding:0}
  .jy-product-explorer__panel{display:none;max-width:none}
  .jy-product-explorer__panel[data-product-content-state="active"]{display:contents}
  .jy-product-explorer__number{grid-column:1;grid-row:1;margin-top:2rem}
  .jy-product-explorer__identity{grid-column:1;grid-row:2;margin-top:.75rem}
  .jy-product-explorer__identity h2{font-size:clamp(3.2rem,15vw,4rem)}
  .jy-product-explorer__stage{grid-column:1;grid-row:3;margin-top:.75rem;min-height:var(--product-stage-min-height)}
  .jy-product-explorer__description{grid-column:1;grid-row:4;margin-top:1.6rem}
  .jy-product-explorer__function{grid-column:1;grid-row:5}
  .jy-product-explorer__specs{grid-column:1;grid-row:6;margin-top:1.5rem}
  .jy-product-explorer__applications{grid-column:1;grid-row:7}
  .jy-product-explorer__panel>.jy-product-link{grid-column:1;grid-row:8}
  .jy-product-explorer__stage-code{top:1rem;right:.25rem}
  .jy-product-explorer__controls{right:.25rem;bottom:.25rem}
  .jy-product-explorer__controls button{width:48px;height:48px}
  .jy-product-explorer__placeholder{right:1rem;bottom:3.75rem;left:1rem;max-width:none}
  .jy-product-explorer__nav{margin-top:2rem;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(8.4rem,42vw);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin}
  .jy-product-explorer__nav button{min-height:64px;scroll-snap-align:start}
  .jy-product-series,.jy-product-matrix,.jy-product-engineering,.jy-product-industries{padding-block:5.5rem}
  .jy-product-series__controls{margin-top:1.5rem}
  .jy-product-series__viewport{margin-top:2rem}
  .jy-product-series__card{min-height:30rem}
  .jy-product-series__card>a{grid-template-rows:17rem 1fr}
  .jy-product-matrix__legend{gap:.8rem}
  .jy-product-matrix__scroll{border-radius:var(--jy-radius-sm)}
  .jy-product-matrix table{min-width:58rem}
  .jy-product-matrix__notice{display:block}
  .jy-product-matrix__notice .jy-product-link{margin-top:1rem}
  .jy-product-engineering__board{grid-template-columns:1fr}
  .jy-product-engineering__board article,.jy-product-engineering__board article:nth-child(2n){min-height:11rem;border-right:0;border-bottom:1px solid var(--jy-border-inverse-soft)}
  .jy-product-engineering__board article:last-child{grid-column:auto;border-bottom:0}
  .jy-product-industries__grid{grid-template-columns:1fr}
  .jy-product-industries__item{grid-template-rows:13rem 1fr}
  .jy-product-selection__layout{min-height:0;padding-block:5.5rem}
  .jy-product-selection__copy>ul{grid-template-columns:1fr}
  .jy-product-selection__actions{display:grid;grid-template-columns:1fr}
  .jy-product-selection__drawing{margin-top:1rem}
  .jy-product-selection__drawing>ol{display:none}
}

@media(max-width:420px){
  .jy-product-center .jy-container{width:calc(100% - 2rem)}
  .jy-product-explorer__specs{grid-template-columns:1fr}
  .jy-product-explorer__specs>div:nth-child(odd){border-right:0}
  .jy-product-explorer__specs>div:nth-child(even){padding-left:0}
  .jy-product-explorer__applications{grid-template-columns:1fr}
}

/* Motion and system accommodations */
@media(prefers-reduced-motion:reduce){
  .jy-product-center{--product-transition-duration:1ms}
  .jy-product-center *{scroll-behavior:auto!important}
  .jy-product-explorer__technical-bg>span,.jy-product-explorer__visual[data-product-visual-state],.jy-product-explorer__panel[data-product-content-state]{transform:none!important;animation:none!important;transition:none!important;filter:none!important}
  .jy-product-series__card,.jy-product-series__media img,.jy-product-industries__media img{transform:none!important;transition:none!important}
  .jy-product-selection__drawing{animation:none!important}
}

@media(forced-colors:active){
  .jy-product-center{--product-grid-opacity:0}
  .jy-product-hero,.jy-product-engineering,.jy-product-selection{background:Canvas;color:CanvasText}
  .jy-product-hero::before,.jy-product-hero::after,.jy-product-hero__blueprint,.jy-product-explorer__technical-bg{display:none}
  .jy-product-action,.jy-product-link,.jy-product-explorer__controls button,.jy-product-series__controls button,.jy-product-explorer__nav button,.jy-product-matrix__scroll,.jy-product-series__card,.jy-product-industries__item{border:1px solid ButtonText;background:Canvas;color:LinkText;forced-color-adjust:auto}
  .jy-product-explorer__nav button[aria-selected="true"]{outline:2px solid Highlight;outline-offset:-3px}
  .jy-product-matrix td span{border:1px solid CanvasText;background:Canvas!important;color:CanvasText!important}
  .jy-product-matrix td[data-capability="recommended"] span{outline:2px solid Highlight}
  .jy-product-selection__drawing{color:CanvasText}
}