.semantic-scene{aspect-ratio:600/400}.F1 .scene figure:has(.semantic-scene){aspect-ratio:600/400}.semantic-scene svg{height:100%;width:100%;position:relative;z-index:2;filter:none;transform:none}.semantic-scene .scene-input,.semantic-scene .scene-output{transform-box:fill-box;transform-origin:center}.semantic-scene .scene-process{transform:none!important}.semantic-scene .lab-replay{right:8px;bottom:8px;min-height:44px}.flow-dot{pointer-events:none}
.F1 .scene figure:has(.semantic-scene){aspect-ratio:auto;display:block}.semantic-scene{height:auto;aspect-ratio:auto;padding-bottom:52px}.semantic-scene svg{height:auto;aspect-ratio:600/400}.semantic-scene .lab-replay{bottom:6px}
.F1 .product-list{gap:16px 32px}.F1 .product{position:relative;isolation:isolate;border:0;padding:32px 24px;overflow:visible}.F1 .product::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,#ffffffc9,#e0edf754 47%,#ffffffab 51%,#c9dced5c);border:1px solid #fff;border-right:3px solid #b8cde2;border-bottom:2px solid #c2d3e4;border-radius:5px;box-shadow:inset 0 0 0 1px #b7c9dc66,0 5px 12px #36537508;pointer-events:none}.product-edge{position:absolute;inset:0 20px auto;height:2px;background:linear-gradient(90deg,transparent,#78a9db88,#fff,transparent);pointer-events:none;opacity:.18}.F1 .product h3,.F1 .product p,.F1 .product a{filter:none;transform:none}.F1 .product h3{color:#182a3a}.F1 .product p{color:#475c70}
@media(max-width:719px){.F1 .product{padding:24px 16px}.F1 .product-list{gap:12px}.semantic-scene svg text{font-weight:500}}
@media(prefers-reduced-motion:reduce){.product-edge{opacity:.3!important}.flow-dot{opacity:0!important}}