/* Product lab application styling */
.visual-story{display:grid;grid-template-columns:.86fr 1.14fr;gap:54px;align-items:center;margin:-20px 0 5px;padding:0 0 70px;border-bottom:1px solid #dbe8eb}.visual-story-copy h2{font-size:clamp(40px,4.3vw,64px);line-height:1.07;letter-spacing:-.07em;margin:18px 0}.visual-story-copy h2 em{font-style:normal;color:#138b91}.visual-story-copy>p:not(.overline){max-width:480px;color:#6c838e;font-size:13px;line-height:1.95}.story-points{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;color:#4b6c78;font-size:10px}.story-points span{display:flex;align-items:center;gap:8px}.story-points b{color:#148c8a;font:10px ui-monospace,monospace}.visual-story-art{margin:0;position:relative;background:#07192c;border-radius:18px;overflow:hidden;box-shadow:0 26px 60px rgba(7,25,44,.18)}.visual-story-art img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover;opacity:.92}.visual-story-art figcaption{position:absolute;left:18px;bottom:15px;color:#8cc7c1;font:9px ui-monospace,monospace;letter-spacing:.08em}@media(max-width:760px){.visual-story{grid-template-columns:1fr;gap:30px;padding-bottom:48px}.visual-story-art{order:-1}.visual-story-copy h2{font-size:42px}.story-points{gap:14px}}
/* Keep the two flagship demos visible together instead of hiding them behind tabs. */
.product-lab .lab-tabs{display:none}
.product-lab .lab-stage{display:grid;grid-template-columns:1fr;gap:34px;min-height:0;background:transparent;border:0;box-shadow:none;padding:0;color:#e5f3f4}
.product-lab .lab-stage .lab-scene,.product-lab .lab-stage .lab-scene.active{display:block;min-width:0;min-height:570px;background:#071d31;border:1px solid #21465b;border-radius:18px;padding:34px;animation:none}
.product-lab{position:relative}
.product-lab .lab-stage{min-height:520px}
.sdm-sandbox{margin-top:30px;display:grid;grid-template-columns:220px 1fr;gap:22px}
.sdm-controls{border-right:1px solid #21465b;padding-right:20px;display:grid;align-content:start;gap:16px}
.sdm-controls>div{display:grid;gap:7px}
.sdm-controls label{font-size:10px;color:#82a6b1;display:flex;justify-content:space-between}
.sdm-controls select,.sdm-controls input{width:100%;background:#10344b;border:1px solid #2c6070;border-radius:6px;color:#eaf6f4;padding:9px;font-size:11px}
.sdm-controls input{padding:0;accent-color:#34beb2}
.lab-primary{border:0;border-radius:7px;background:linear-gradient(135deg,#20b0a5,#45d2bd);color:#062033;padding:11px 12px;font-size:11px;font-weight:750;cursor:pointer}
.lab-primary:disabled{opacity:.6;cursor:wait}
.lab-primary.is-running span{display:inline-block;animation:spin .8s linear infinite}
.sdm-result{display:grid;align-content:start;gap:14px}
.result-head{display:flex;justify-content:space-between;align-items:end}
.result-head div{display:grid;gap:6px}.result-head small{color:#7197a2;font:9px ui-monospace,monospace}.result-head b{font-size:14px}.result-head strong{color:#55cfbd;font-size:11px}
.sdm-chart{height:170px;display:flex;align-items:end;gap:9px;border:1px solid #1f4b5c;border-radius:8px;padding:10px;background:linear-gradient(180deg,#0c2b42,#092238)}
.sdm-chart i{display:block;flex:1;height:40%;background:linear-gradient(#52d3c7,#176a78);border-radius:4px 4px 0 0;animation:bar-rise 1.8s ease-in-out infinite alternate}
.sdm-chart i:nth-child(2){height:68%;animation-delay:.15s}.sdm-chart i:nth-child(3){height:52%;animation-delay:.3s}.sdm-chart i:nth-child(4){height:82%;animation-delay:.45s}.sdm-chart i:nth-child(5){height:60%;animation-delay:.6s}.sdm-chart i:nth-child(6){height:74%;animation-delay:.75s}.sdm-chart i:nth-child(7){height:48%;animation-delay:.9s}.sdm-chart i:nth-child(8){height:66%;animation-delay:1.05s}
.sdm-progress{display:flex;align-items:center;gap:12px}.sdm-progress>span{height:6px;flex:1;background:#173b52;border-radius:99px;overflow:hidden}.sdm-progress i{display:block;width:0;height:100%;background:#43cbbb;border-radius:inherit;transition:width .15s linear}.sdm-progress>b{font:11px ui-monospace,monospace;color:#dff5f1;min-width:34px;text-align:right}
.result-meta{display:flex;justify-content:space-between;gap:12px;color:#6d97a3;font-size:10px;border-top:1px solid #21465b;padding-top:14px}.result-meta b{color:#e4f3f1;font-weight:500}
.run-archive{grid-column:1/-1;border-top:1px solid #21465b;padding-top:16px;display:grid;gap:10px}.run-archive>small{color:#7197a2;font:9px ui-monospace,monospace}.run-archive>div{display:flex;gap:8px;overflow:auto}.run-archive button{display:grid;gap:5px;min-width:170px;text-align:left;border:1px solid #27566a;background:#0f3046;color:#b5d6d5;border-radius:7px;padding:10px;cursor:pointer}.run-archive button span{font:10px ui-monospace,monospace;color:#5ed0c3}.run-archive button em{font-style:normal;color:#5bc4ae;font-size:10px}.run-archive button b{font-size:10px;font-weight:500}
.forum-sandbox{margin-top:28px;background:#f4fafb;color:#17394b;border-radius:10px;overflow:hidden}.forum-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #d6e8ea}.forum-head div{display:grid;gap:6px}.forum-head small{font-size:9px;color:#7b959e}.forum-head b{font-size:16px}.forum-head button{border:1px solid #add7d2;background:#fff;color:#167f78;border-radius:6px;padding:9px 12px;font-size:10px;cursor:pointer}.forum-layout{display:grid;grid-template-columns:1fr 1fr;min-height:235px}.forum-list{border-right:1px solid #d6e8ea;padding:12px}.forum-post{display:grid;gap:6px;width:100%;text-align:left;border:0;border-bottom:1px solid #e0edef;background:transparent;padding:13px 10px;cursor:pointer}.forum-post.active{background:#e0f3ef;border-radius:6px}.forum-post span{font-size:9px;color:#198a82}.forum-post b{font-size:11px;color:#163c50}.forum-post small{font-size:9px;color:#89a0a6}.forum-detail{padding:24px 22px}.forum-detail>div{display:flex;justify-content:space-between;color:#238b84;font-size:9px}.forum-detail>div small{color:#98aeb3}.forum-detail h3{font-size:18px;line-height:1.4;margin:24px 0 12px}.forum-detail>p{font-size:11px;line-height:1.8;color:#68818a}.forum-replies{display:flex;justify-content:space-between;border-top:1px solid #dbeaec;padding-top:14px;margin-top:25px;color:#18867d;font-size:10px}.forum-replies span{color:#91a7ad}.forum-compose{display:grid;gap:8px;padding:18px 20px;background:#edf7f7;color:#55717b;font-size:10px}.forum-compose[hidden]{display:none}.forum-compose input,.forum-compose textarea{font:inherit;border:1px solid #c4dfe1;border-radius:6px;padding:9px;resize:vertical}.forum-compose>div{display:flex;gap:10px;align-items:center}.forum-compose>div button:last-child{border:0;background:transparent;color:#6b858d;font-size:10px;cursor:pointer}
@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){.product-lab .lab-stage{min-height:0}.sdm-sandbox{grid-template-columns:1fr}.sdm-controls{border-right:0;border-bottom:1px solid #21465b;padding:0 0 18px}.result-meta{flex-direction:column;gap:6px}.forum-layout{grid-template-columns:1fr}.forum-list{border-right:0;border-bottom:1px solid #d6e8ea}.forum-detail{min-height:210px}.forum-head{align-items:start;gap:12px}.forum-head b{font-size:14px}.forum-head button{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.sdm-chart i,.lab-primary.is-running span{animation:none}}
/* Full-width product showcase: each flagship demo gets its own stage. */
.product-lab{display:block;padding-top:120px;padding-bottom:120px}
.product-lab-heading{max-width:900px;margin:0 auto 48px}
.product-lab-heading>p:not(.overline){max-width:620px}
.product-lab .lab-stage{width:min(1280px,100%);margin:0 auto}
.product-lab .lab-stage .lab-scene{width:100%;box-sizing:border-box}
.product-lab .lab-stage .lab-scene[data-scene="campus"]{min-height:620px}
.product-lab .lab-stage .lab-scene[data-scene="campus"] .forum-layout{min-height:340px}
@media(max-width:760px){.product-lab{padding-top:78px;padding-bottom:78px}.product-lab-heading{margin-bottom:32px}.product-lab .lab-stage .lab-scene[data-scene="campus"]{min-height:0}}