.demo-hero{padding:1.5rem 0 2rem}
.split{display:grid;grid-template-columns:1.15fr .85fr;border:1px solid #2a241c}
@media(max-width:860px){.split{grid-template-columns:1fr}}
.player{background:#0e0c0a;position:relative}
.player img{width:100%;aspect-ratio:16/10;object-fit:cover}
.playbar{display:flex;align-items:center;gap:.55rem;padding:.45rem .7rem;border-top:1px solid #2a241c;font-size:.68rem;color:#9a8f82}
.playbar .rec{width:7px;height:7px;background:#e24b4b;border-radius:50%}
.playbar .bar{flex:1;height:3px;background:#2a241c}
.playbar .bar i{display:block;width:38%;height:100%;background:#d4a574}
.side{padding:1.1rem 1.05rem;border-left:1px solid #2a241c}
@media(max-width:860px){.side{border-left:none;border-top:1px solid #2a241c}}
.side h1{font-size:clamp(1.12rem,2.8vw,1.42rem);color:#fff;margin-bottom:.4rem;line-height:1.3}
.side h1 em{font-style:normal}
.side .lead{color:#9a8f82;font-size:.82rem;margin-bottom:.75rem}
.side-btns{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.8rem}
.kpis{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.72rem;color:#9a8f82;margin-bottom:.75rem}
.kpis strong{color:#fff}
.checks li{font-size:.76rem;color:#c9bfb2;padding:.28rem 0;border-bottom:1px solid #221d18;display:flex;gap:.4rem}
.checks li:last-child{border-bottom:none}
.checks li::before{content:"▶";color:#e24b4b;font-size:.58rem}

.chap{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #2a241c}
@media(max-width:768px){.chap{grid-template-columns:1fr}}
.ch{padding:.95rem .85rem;border-right:1px solid #2a241c}
.ch:last-child{border-right:none}
@media(max-width:768px){.ch{border-right:none;border-bottom:1px solid #2a241c}.ch:last-child{border-bottom:none}}
.ch .tc{font-size:.64rem;color:#d4a574;margin-bottom:.28rem}
.ch h3{font-size:.84rem;color:#fff;margin-bottom:.22rem}
.ch p{font-size:.74rem;color:#9a8f82}

.ctrl{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #2a241c}
@media(max-width:768px){.ctrl{grid-template-columns:1fr}}
.ct{padding:.95rem .85rem;border-right:1px solid #2a241c;text-align:center}
.ct:last-child{border-right:none}
@media(max-width:768px){.ct{border-right:none;border-bottom:1px solid #2a241c}.ct:last-child{border-bottom:none}}
.ct .ic{font-size:.7rem;letter-spacing:.08em;color:#e24b4b;margin-bottom:.3rem}
.ct h3{font-size:.84rem;color:#fff;margin-bottom:.2rem}
.ct p{font-size:.74rem;color:#9a8f82}

.cap-pair{display:grid;grid-template-columns:1fr 1fr;border:1px solid #2a241c}
@media(max-width:768px){.cap-pair{grid-template-columns:1fr}}
.cap{border-right:1px solid #2a241c}
.cap:last-child{border-right:none}
@media(max-width:768px){.cap{border-right:none;border-bottom:1px solid #2a241c}.cap:last-child{border-bottom:none}}
.cap .hd{padding:.4rem .8rem;border-bottom:1px solid #2a241c;font-size:.64rem;letter-spacing:.06em;color:#9a8f82}
.cap ul{padding:.7rem .85rem}
.cap li{font-size:.76rem;color:#c9bfb2;padding:.2rem 0}
.shot{margin-top:1rem;max-width:640px;border:1px solid #2a241c}

.demo-cta{border-top:1px solid #2a241c;padding:2rem 0;text-align:center}
.demo-cta h2{font-size:1.08rem;color:#fff;margin-bottom:.28rem}
.demo-cta p{color:#9a8f82;font-size:.8rem;margin-bottom:.9rem}