.demo-video{position:relative;background:#f2f7f5;padding:80px 0;margin:0;color:#183b43}
.demo-video__layout{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,1.7fr);align-items:center;gap:56px}
.demo-video__eyebrow{font-size:12px;font-weight:700;letter-spacing:1.8px;color:#247c34}
.demo-video h2{font-size:38px;line-height:1.15;margin:16px 0 20px}
.demo-video__intro p{font-size:18px;line-height:1.65;margin:0 0 20px}
.demo-video__intro ul{padding-left:22px;line-height:1.9;font-size:16px;margin:0 0 24px}
.demo-video__intro .demo-video__note{font-size:13px;color:#526c70}
.demo-video__player{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 16px 44px #16374720;background:#fff;aspect-ratio:16/9}
.demo-video__player video{display:block;width:100%;height:100%;object-fit:contain}
.demo-video__play{position:absolute;inset:0;width:100%;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:16px;color:white;background:linear-gradient(0deg,#16374755,#16374708);font:inherit;text-shadow:0 1px 4px #0008}
.demo-video__play>span:last-child{background:#163747ee;padding:12px 18px;border-radius:8px;text-align:left;font-weight:600}
.demo-video__play small{display:block;font-size:13px;font-weight:400;margin-top:4px}
.demo-video__icon{display:grid;place-items:center;background:#299e29;border:3px solid white;border-radius:50%;height:76px;width:76px;font-size:27px;padding-left:4px;box-shadow:0 6px 20px #16374740}
.demo-video__play:hover .demo-video__icon{background:#207d20}
.demo-video__play:focus-visible{outline:4px solid #163747;outline-offset:-5px}
.demo-video__play[hidden]{display:none}
.demo-video__all{display:inline-block;color:#246b32;text-decoration:underline;font-weight:600;margin-top:6px}
@media(max-width:800px){.demo-video{padding:48px 0}.demo-video__layout{grid-template-columns:1fr;gap:24px}.demo-video h2{font-size:30px}.demo-video__intro ul{margin-bottom:12px}.demo-video__icon{height:58px;width:58px;font-size:22px}.demo-video__play{gap:10px}.demo-video__play>span:last-child{font-size:14px;padding:9px 12px}}

