@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
.category-tabs>button,.world-selector>button{transition:transform .22s ease,box-shadow .22s ease!important;position:relative}
.category-tabs>button.explore-lit,.world-selector>button.explore-lit{box-shadow:0 14px 32px #20352d22!important;background-image:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),#80d4c338,transparent 65%)!important}
.pill,.text-link{transition:translate .2s ease,box-shadow .2s ease!important}
.pill:hover,.text-link:hover{translate:0 -3px;box-shadow:0 8px 20px #20352d20}
.pill:active,.text-link:active{translate:0 0}
.process-card .process-number{transition:background .3s ease,scale .3s ease}
.process-card:hover .process-number{background:#397366;scale:1.1}
}
.detail-open{position:absolute;right:20px;top:20px;z-index:4;display:flex;align-items:center;gap:8px;padding:12px 16px;border:1px solid #ffffff70;border-radius:30px;background:#20352ddc;color:white;font:inherit;font-size:13px;cursor:pointer;backdrop-filter:blur(12px)}
.detail-open svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6}
.detail-open:focus-visible,.detail-viewer button:focus-visible,.detail-canvas:focus-visible{outline:3px solid #73cabd;outline-offset:3px}
.detail-viewer{box-sizing:border-box;width:calc(100vw - 40px);height:calc(100dvh - 40px);max-width:1600px;max-height:none;padding:0;border:1px solid #537169;border-radius:24px;background:#12241f;color:#f2f7f2;overflow:hidden}
.detail-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.detail-viewer::backdrop{background:#091611e8;backdrop-filter:blur(14px)}
.detail-viewer header,.detail-viewer footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;background:#192e27}
.detail-viewer h2{font-size:22px;margin:3px 0 0;color:#fff}
.detail-kicker{font-size:10px;letter-spacing:.14em;color:#a4c4b7}
.detail-viewer button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 14px;border:1px solid #6b8b7e;border-radius:24px;background:#28493c;color:#fff;font:inherit;cursor:pointer}
.detail-viewer button:disabled{opacity:.35;cursor:default}
.detail-viewer [data-detail="close"]{font-size:26px}
.detail-canvas{position:relative;display:grid;place-items:center;overflow:hidden;touch-action:none;background:radial-gradient(ellipse at center,#496052,#10211b)}
.detail-canvas img{width:100%;height:100%;min-height:0;object-fit:contain;user-select:none;pointer-events:none;will-change:transform}
.detail-canvas.is-zoomed{cursor:grab}.detail-canvas.is-zoomed:active{cursor:grabbing}
.detail-gallery,.detail-zoom{display:flex;align-items:center;gap:8px}.detail-gallery[hidden]{display:none}
.detail-zoom output{min-width:48px;text-align:center;font-size:13px;font-variant-numeric:tabular-nums}
.detail-viewer button.detail-launch{background:#e3efe5;color:#20352d;border-color:#e3efe5}
@media(max-width:600px){
.detail-open{top:16px;right:14px;padding:10px;min-width:40px;min-height:40px}.detail-open span{display:none}
.detail-viewer{width:calc(100vw - 16px);height:calc(100dvh - 16px);border-radius:18px}
.detail-viewer header,.detail-viewer footer{padding:12px;gap:10px}.detail-viewer h2{font-size:18px}
.detail-viewer footer{flex-wrap:wrap}.detail-viewer .detail-zoom{gap:4px}.detail-viewer [data-detail="reset"]{font-size:12px;padding:8px}.detail-viewer .detail-launch{width:100%}
#product-showcase .product-preview-badge{max-width:calc(100% - 78px);box-sizing:border-box}
}
@media(prefers-reduced-motion:no-preference){.detail-viewer[open]{animation:detail-arrive .25s ease-out}@keyframes detail-arrive{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}}

/* Let the configurator screenshot stand on its own in product examples. */
#product-showcase{background:#f4f7f3}
#product-showcase .product-example{display:flex;flex-direction:column;aspect-ratio:auto;min-height:0;background:transparent;border:0;border-radius:0;overflow:visible;gap:0}
#product-showcase .product-example-preview{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16/9;background:#fff;border:0;border-radius:16px;overflow:hidden}
#product-showcase .product-example-preview img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:center;padding:0;background:#fff}
#product-showcase .product-example-preview:after{display:none}
#product-showcase .product-example-copy{position:static;z-index:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 20px;padding:20px 4px 30px;background:transparent;pointer-events:auto}
#product-showcase .product-example-copy .eyebrow{display:block;grid-column:1;color:#667f72}
#product-showcase .product-example-copy h2{grid-column:1;color:#20352d;margin:0;font-size:clamp(23px,2.5vw,34px)}
#product-showcase .product-example-copy>p:not(.eyebrow){grid-column:1;color:#52655b;margin:0;max-width:75ch}
#product-showcase .product-example-copy .pill{grid-column:2;grid-row:1/4;align-self:center;background:#20352d;color:#fff;pointer-events:auto}
@media(max-width:760px){
 #product-showcase .product-example{min-height:0}
 #product-showcase .product-example-preview{aspect-ratio:4/3}
 #product-showcase .product-example-copy{grid-template-columns:1fr;padding:16px 2px 28px}
 #product-showcase .product-example-copy .pill{grid-column:1;grid-row:auto;justify-self:start}
}
@media(max-width:600px){
 #product-showcase .product-example{min-height:0!important}
 #product-showcase .product-example-preview{position:relative!important;aspect-ratio:4/3!important;height:auto!important}
 #product-showcase .product-example-preview img{object-fit:contain!important;padding:0!important}
}