.product-presentation {
  margin: 0 0 38px;
  padding: 38px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: radial-gradient(circle at 72% 40%, rgba(51,156,255,.14), transparent 38%), linear-gradient(145deg,var(--surface),var(--surface2));
}
.presentation-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:30px; }
.presentation-heading span,.demo-label { color:var(--accent); font-size:10px; font-weight:800; letter-spacing:1.8px; }
.presentation-heading h3 { max-width:700px; margin:0; font-size:clamp(28px,3.8vw,48px); line-height:1.04; letter-spacing:-2.5px; text-align:right; }
.presentation-stage { display:grid; grid-template-columns:.7fr 1.3fr; gap:18px; min-height:560px; }
.demo-panel { position:relative; min-width:0; display:grid; place-items:center; padding:48px 24px 25px; overflow:hidden; border:1px solid var(--line); border-radius:20px; background:rgba(7,10,17,.56); }
.demo-label { position:absolute; top:20px; left:22px; }
.video-phone { width:230px; height:490px; padding:8px; overflow:hidden; border:1px solid rgba(255,255,255,.2); border-radius:38px; background:#05070b; box-shadow:0 30px 65px rgba(0,0,0,.4); }
.video-phone video { width:100%; height:100%; display:block; object-fit:cover; border-radius:30px; background:#05070b; }
.portal-demo img { width:100%; max-height:480px; object-fit:contain; filter:drop-shadow(0 30px 35px rgba(0,0,0,.32)); }
body.light .demo-panel { background:rgba(255,255,255,.64); }
@media(max-width:800px){.product-presentation{padding:24px 16px}.presentation-heading{display:block}.presentation-heading h3{margin-top:12px;text-align:left}.presentation-stage{grid-template-columns:1fr;min-height:0}.demo-panel{min-height:420px}.video-phone{width:190px;height:405px}.portal-demo{min-height:340px}.portal-demo img{width:110%;max-width:none}}