/* Product scenes: quiet depth, staged evidence and a traceable source network. */
.product-row{grid-template-areas:"copy scene";gap:92px;align-items:center;margin-bottom:112px}
.product-row:nth-of-type(even){grid-template-areas:"scene copy"}
.product-copy{grid-area:copy}
.product-scene{grid-area:scene;background:#101115;border:1px solid #ffffff08;border-radius:22px;height:490px}
.product-scene .scene-haze{inset:-20%;background:radial-gradient(ellipse at 18% 22%,#32435488,transparent 55%),radial-gradient(ellipse at 90% 80%,#862d3280,transparent 62%),#101115;filter:blur(28px);transform:scale(1.12);animation:dotAtmosphere 18s ease-in-out infinite alternate;animation-play-state:paused}
.product-scene.is-visible .scene-haze{animation-play-state:running}
.product-scene .scene-floor{opacity:.18}
.product-scene .scan-lines{opacity:.22}
.product-scene .floating-panel{width:79%;padding:24px;border:1px solid #ffffff20;background:linear-gradient(135deg,#1a1e22f5,#0c1013f5);border-radius:14px;box-shadow:0 26px 55px #0007,inset 0 1px #ffffff07;transform:none;animation:none}
.product-scene .floating-panel dl>div{border-top-color:#ffffff0e;padding:14px 0}
.product-scene .floating-panel dt,.product-scene .brief-query,.product-scene .flow-step p{color:#969ca6}
.product-scene .floating-panel dd{color:#e2e5e9}
.product-scene .floating-panel dd.red-text{color:#ff7b81}
.product-scene .panel-label{color:#b7bdc7;border-bottom-color:#ffffff0e}
.product-scene .asset-profile h4{color:#eef0f3}
.product-scene .asset-profile p,.product-scene .panel-foot{color:#747d89}
.product-scene .panel-foot{border-top-color:#ffffff10}
.product-scene .brief-query{background:#262a30;border-color:#ffffff0d}
.product-scene .brief-copy{color:#9ba3ad;line-height:1.85}
.product-scene .brief-copy strong{color:#eceff3}
.product-scene .evidence-tags span{background:#351a20;border-color:#70323b66;color:#ff9ca2}
.product-scene .flow-step{border-color:#ffffff0d}
.product-scene .flow-step b{background:#24282d;border-color:#ffffff13;color:#9da4ad}
.product-scene .flow-step strong{color:#e1e5eb}
.product-scene .flow-step>span{color:#f36e77}
.product-scene .scene-caption{color:#929ba6;font-size:7px;letter-spacing:1.9px;bottom:24px}
.product-scene .signal-lanes{opacity:.45}
.product-scene .signal-lanes i:after{animation-play-state:paused}
.product-scene.is-visible .signal-lanes i:after{animation-play-state:running}
.product-scene .chip-board{animation:none;box-shadow:none;transform:perspective(850px) rotateX(38deg) rotateZ(-24deg)}
.product-scene .chip-core{background:linear-gradient(135deg,#31343a,#101318);box-shadow:5px 7px #15171b,7px 9px #40434b,0 20px 60px #e3273026;border-color:#757b8866}
.product-scene .chip-core:before{border-color:#65707c77}
.product-scene .chip-core span{font-size:10px;letter-spacing:1.4px;color:#d6dbe3}
.product-scene .chip-core small{color:#87929f}
.product-scene .chip-tag{color:#a6afb9}
.detail-motion-ready .product-scene .panel-motion-item{opacity:0;transform:translateY(8px)}
.detail-motion-ready .product-scene.has-entered .panel-motion-item{animation:dotEvidenceEnter .62s cubic-bezier(.22,.7,.25,1) both;animation-delay:var(--evidence-delay,0ms);animation-play-state:paused}
.detail-motion-ready .product-scene.has-entered.is-visible .panel-motion-item{animation-play-state:running}
.marquee-section{overflow:hidden;padding:46px 0 20px}
.marquee{mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marquee-track{animation-duration:66s;will-change:transform;gap:12px;padding:7px 0}
.reverse .marquee-track{animation-duration:78s}
.marquee-track span{background:#111316;border-color:#ffffff14;color:#8f97a1;border-radius:999px;padding:10px 17px}
.marquee-track span:before{width:5px;height:5px;border:0;border-radius:50%;background:#e5515e;transform:none;margin:0 9px 2px 0;vertical-align:middle}
.marquee-track span:nth-child(3n+1){color:#c2c8cf}
.marquee:hover .marquee-track,.marquee:focus-within .marquee-track{animation-play-state:paused}
.sources.evidence-network{text-align:left;padding:38px 0 120px;display:grid;grid-template-columns:1fr 1fr;gap:92px;align-items:center}
.evidence-network .evidence-intro h2{font-size:43px;line-height:1.12;letter-spacing:-1.8px;margin:20px 0}
.evidence-network .evidence-intro>p{color:#9199a3;font-size:15px;line-height:1.75;max-width:420px;margin:0}
.evidence-network .evidence-intro>.text-link{display:inline-block;margin-top:28px}
.evidence-trace{list-style:none;margin:30px 0 0;padding:0;max-width:440px;position:relative}
.evidence-trace:before{content:"";position:absolute;left:14px;top:15px;bottom:26px;width:1px;background:#ffffff12}
.evidence-trace li{display:grid;grid-template-columns:30px 1fr;column-gap:15px;align-items:start;position:relative;padding:0 0 22px}
.evidence-trace li:last-child{padding-bottom:0}
.evidence-trace li>b{font:9px var(--mono);background:#0c0e11;border:1px solid #30353c;color:#6e7886;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;transition:color .5s,border-color .5s,background .5s}
.evidence-trace li strong{display:block;font-size:12px;font-weight:500;color:#969ea9;padding-top:1px;transition:color .5s}
.evidence-trace li span{display:block;font-size:10px;line-height:1.6;color:#666f7a;margin-top:5px}
.evidence-trace li.active>b{color:#ff9ba1;border-color:#c64a59;background:#35191f;box-shadow:0 0 18px #d9323d18}
.evidence-trace li.active strong{color:#eef0f3}
.evidence-trace li.completed>b{color:#bf7780;border-color:#61343d}
.evidence-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.evidence-tile{position:relative;aspect-ratio:1;min-width:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;padding:15px 8px;border-radius:15px;border:1px solid #ffffff13;background:linear-gradient(145deg,#1a1d22,#101215);text-align:center;transition:background .35s,border-color .35s,transform .35s;box-shadow:inset 0 1px #ffffff04}
.evidence-tile>svg{width:33px;height:33px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;color:#858f9e;transition:color .35s}
.evidence-tile strong{display:block;color:#c3c9d2;font-size:11px;font-weight:500}
.evidence-tile small{display:block;color:#626d7d;font-family:var(--mono);font-size:7px;letter-spacing:.35px;margin-top:6px}
.evidence-tile:hover,.evidence-tile:focus-visible{background:linear-gradient(145deg,#262126,#171216);border-color:#ba53626b;transform:translateY(-3px)}
.evidence-tile:hover>svg,.evidence-tile:focus-visible>svg{color:#ff858e}
.evidence-tile:focus-visible{outline:2px solid #ed5968;outline-offset:4px}
.detail-motion-ready .evidence-tiles .evidence-tile{opacity:0;translate:0 12px}
.detail-motion-ready .evidence-network.has-entered .evidence-tile{animation:dotTileEnter .7s cubic-bezier(.22,.7,.25,1) both;animation-delay:var(--evidence-delay,0ms);animation-play-state:paused}
.detail-motion-ready .evidence-network.is-visible .evidence-tile{animation-play-state:running}
@keyframes dotEvidenceEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes dotTileEnter{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@keyframes dotAtmosphere{0%{translate:-12px -9px;scale:1}100%{translate:18px 15px;scale:1.08}}
@media(max-width:1100px){.product-row,.sources.evidence-network{gap:48px}.product-scene{height:440px}.product-scene .floating-panel{width:86%;padding:19px}.evidence-network .evidence-intro h2{font-size:36px}.evidence-tiles{gap:9px}.evidence-tile{gap:12px}.evidence-tile strong{font-size:10px}.evidence-tile small{font-size:6px}}
@media(max-width:760px){.product-row,.product-row:nth-of-type(even){grid-template-areas:"copy" "scene";gap:28px;margin-bottom:76px}.product-scene{height:390px;border-radius:15px}.product-scene .floating-panel{width:85%;max-width:370px}.product-scene .scene-caption{font-size:6px}.sources.evidence-network{grid-template-columns:1fr;gap:38px;padding:0 0 74px}.evidence-network .evidence-intro h2{font-size:35px;letter-spacing:-1.3px}.evidence-network .evidence-intro>p{font-size:14px}.evidence-trace{margin-top:28px}.evidence-tiles{gap:10px}.evidence-tile{border-radius:12px;padding:13px 5px}.evidence-tile>svg{width:29px;height:29px}.evidence-tile strong{font-size:10px}.evidence-tile small{font-size:6px}.marquee-section{padding:30px 0 8px}.marquee-track{gap:9px}.marquee-track span{padding:9px 12px}}
@media(prefers-reduced-motion:reduce){.detail-motion-ready .product-scene .panel-motion-item,.detail-motion-ready .evidence-tiles .evidence-tile{opacity:1;transform:none;translate:none;animation:none}.product-scene .scene-haze,.product-scene .signal-lanes i:after,.marquee-track{animation:none}.evidence-tile:hover{transform:none}}