/* Scoped additions only. The Revision 23 hero, identity, navigation and footer remain intact. */
:root{--merge-blue:oklch(.488 .224 266);--merge-yellow:oklch(.86 .14 87);--merge-orange:oklch(.676 .226 38);--merge-paper:oklch(.984 .004 73);--merge-ink:oklch(.17 .009 64)}
.merged-scene{position:relative;isolation:isolate;overflow:hidden}
.merged-scene>.scene-content{position:absolute;inset:0;width:100%;height:100%;margin:0;border:0}
.retained-kinetic{background:var(--merge-orange)}
.retained-kinetic canvas{display:block;width:100%;height:100%}
.scene-selector{position:absolute;z-index:8;left:20px;top:20px;display:flex;gap:3px;background:var(--merge-paper);padding:3px;border:1px solid color-mix(in srgb,var(--merge-ink) 15%,transparent)}
.scene-selector button{font-size:10px;padding:10px 13px;color:var(--merge-ink)}
.scene-selector button[aria-pressed=true]{background:var(--merge-ink);color:var(--merge-paper)}
.scene-selector button:focus-visible,.kinetic-caption button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.kinetic-caption{position:absolute;inset:auto 22px 20px;display:flex;justify-content:space-between;align-items:end;gap:18px;color:var(--merge-ink);font-size:10px;line-height:1.6}
.kinetic-caption>span{max-width:200px;padding:5px 8px;background:var(--merge-orange)}
.kinetic-caption>div{display:flex;gap:14px;white-space:nowrap;background:var(--merge-orange);padding:3px 8px}
.kinetic-caption button{font-size:10px;border-bottom:1px solid currentColor;padding:5px 0}
.merged-scene[data-art=dominoes] .light-controls{top:76px}
.merged-scene .chain-bottom{left:22px;right:22px}

/* Give the two introductions distinct color and a visible path into the existing tools. */
.product-intro[data-product=advantage]{--product-field:var(--merge-blue);--product-ink:var(--merge-paper)}
.product-intro[data-product=adventure]{--product-field:var(--merge-yellow);--product-ink:var(--merge-ink)}
.product-intro .product-atmosphere{background:var(--product-field);color:var(--product-ink)}
.product-intro .product-atmosphere-wash{background:none}
.product-intro .product-intro-title{z-index:2}
.product-intro .product-intro-title h1 em,.product-intro .product-intro-title .eyebrow,.product-intro .product-intro-title>p:not(.eyebrow){color:var(--product-ink)}
.product-intro .product-intro-title>p:not(.eyebrow){opacity:.85}
.product-intro .product-atmosphere canvas{mix-blend-mode:screen;opacity:.42;bottom:0;height:66%;pointer-events:none}
.product-intro[data-product=adventure] .product-atmosphere canvas{filter:grayscale(1) invert(1);mix-blend-mode:multiply;opacity:.3}
.product-intro .atmosphere-touch,.product-intro .product-motion{color:var(--product-ink)}
.product-intro .atmosphere-touch span{color:var(--product-ink)}
.product-intro .product-motion{border-color:currentColor}
.product-intro .product-conversation{background:var(--merge-paper)}
.product-intro .conversation-explanation{font-size:12px;line-height:1.75;color:color-mix(in srgb,var(--merge-ink) 76%,var(--merge-paper))}
.product-intro .product-lead{color:color-mix(in srgb,var(--merge-ink) 80%,var(--merge-paper))}
.workspace-entry{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;margin-top:12px;border-top:1px solid color-mix(in srgb,var(--merge-ink) 22%,transparent);color:var(--merge-ink);font-size:12px;font-weight:550}
.workspace-entry small{display:block;margin-top:4px;font-size:9px;line-height:1.5;font-weight:400;color:color-mix(in srgb,var(--merge-ink) 70%,var(--merge-paper))}
.workspace-entry:hover{color:var(--merge-blue)}
.workspace-entry:focus-visible{outline:2px solid var(--merge-blue);outline-offset:5px}
.product-intro{height:auto;min-height:calc(100svh - 98px)}
.product-intro-body{min-height:575px}
.product-intro .conversation-next>p{font-size:10px;line-height:1.6}
.ecosystem-map>a:nth-child(3){background:var(--merge-blue);color:var(--merge-paper)}
.ecosystem-map>a:nth-child(4){background:var(--merge-yellow);color:var(--merge-ink)}
.ecosystem-map>a:nth-child(3)>span,.ecosystem-map>a:nth-child(3)>small{color:var(--merge-paper);opacity:.85}
.ecosystem-map>a:nth-child(4)>span,.ecosystem-map>a:nth-child(4)>small{color:var(--merge-ink);opacity:.8}
@media(max-width:760px){
 .scene-selector{left:12px;top:12px}.scene-selector button{font-size:9px;padding:8px 10px}
 .kinetic-caption{left:12px;right:12px;bottom:12px;font-size:8px;gap:8px}.kinetic-caption>span{max-width:140px}.kinetic-caption button{font-size:9px}.kinetic-caption>div{gap:10px}
 .merged-scene[data-art=dominoes] .light-controls{top:61px;left:12px;right:12px}.merged-scene .light-label{display:none}
 .product-intro .product-atmosphere{min-height:360px}.product-intro-body{min-height:0}.product-intro .conversation-explanation{font-size:12px}
 .product-intro .product-atmosphere canvas{left:22%;width:85%;height:74%}
}