.demo-section{padding:80px 0;background:linear-gradient(180deg,#f8faff,#fff);overflow:hidden}.demo-content{max-width:580px}.demo-badge{display:inline-block;background:#f57c1f1a;color:#f57c1f;font-size:.75rem;font-weight:600;padding:6px 16px;border-radius:50px;letter-spacing:1px;margin-bottom:16px;text-transform:uppercase}.demo-title{font-size:2.8rem;font-weight:800;color:#0a2463;line-height:1.1;margin-bottom:20px}.demo-title .highlight{color:#f57c1f}.demo-text{font-size:1rem;color:#4a5568;line-height:1.8;margin-bottom:24px;text-align:justify}.text-gradient{background:linear-gradient(135deg,#f57c1f,#ff8c38);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.demo-features{list-style:none;padding:0;margin:0 0 28px;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.demo-features li{display:flex;align-items:center;gap:10px;font-size:.9rem;color:#2d3748}.demo-features li i{color:#f57c1f;font-size:1.1rem;flex-shrink:0}.demo-btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#0a2463,#1a4a8a);color:#fff;padding:12px 32px;border-radius:10px;font-weight:600;font-size:.95rem;border:none;transition:all .3s ease;text-decoration:none}.demo-btn:hover{background:linear-gradient(135deg,#0d2d7a,#1f5a9e);transform:translateY(-3px);box-shadow:0 8px 30px #0a246333;color:#fff}.demo-btn i{font-size:1.1rem}.demo-video-wrapper{position:relative;width:100%;max-width:560px;margin:0 auto}.demo-video-thumbnail{position:relative;border-radius:16px;overflow:hidden;cursor:pointer;box-shadow:0 10px 40px #0a24631a;transition:transform .3s ease,box-shadow .3s ease;aspect-ratio:16/9;background:#0a2463}.demo-video-thumbnail:hover{transform:scale(1.02);box-shadow:0 16px 50px #0a246326}.demo-video-thumbnail:hover .demo-play-button{background:#f57c1f;transform:scale(1.1) translate(-50%,-50%)}.demo-video-img{width:100%;height:100%;object-fit:cover;display:block}.demo-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;background:#f57c1fe6;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,background .3s ease;box-shadow:0 4px 20px #f57c1f66;pointer-events:none}.demo-play-button i{font-size:2rem;color:#fff;margin-left:4px}.video-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:9999;animation:fadeIn .3s ease}.video-modal.active{display:flex;align-items:center;justify-content:center}.video-modal-content{position:relative;width:95%;max-width:1200px;height:90vh;max-height:800px}.video-responsive{width:100%;height:100%;border-radius:12px;overflow:hidden}.video-responsive iframe{width:100%;height:100%;border:none}.video-close-btn{position:fixed;top:30px;right:30px;width:50px;height:50px;background:#ffffff26;border:2px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;font-size:1.4rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:10;padding:0;line-height:1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.video-close-btn:hover{background:#f57c1f;border-color:#f57c1f;transform:rotate(90deg) scale(1.1);box-shadow:0 4px 20px #f57c1f66}.video-close-btn i{font-size:1.4rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 992px){.demo-section{padding:60px 0}.demo-title{font-size:2.2rem}.demo-content{max-width:100%;text-align:center}.demo-features{justify-content:center;grid-template-columns:1fr 1fr}.demo-features li,.demo-btn{justify-content:center}.demo-video-wrapper{max-width:100%}.video-close-btn{top:25px;right:25px;width:46px;height:46px;font-size:1.3rem}.video-close-btn i{font-size:1.3rem}}@media (max-width: 768px){.demo-section{padding:50px 0}.demo-title{font-size:1.8rem}.demo-text{font-size:.95rem;text-align:justify}.demo-features{grid-template-columns:1fr;gap:8px}.demo-features li{justify-content:center;font-size:.85rem}.demo-play-button{width:56px;height:56px}.demo-play-button i{font-size:1.6rem}.video-modal-content{width:100%;height:100%;max-height:100vh;border-radius:0}.video-responsive{border-radius:0}.video-close-btn{top:20px;right:20px;width:44px;height:44px;font-size:1.2rem;background:#000c;border-color:#ffffff4d}.video-close-btn i{font-size:1.2rem}}@media (max-width: 480px){.demo-section{padding:40px 0}.demo-title{font-size:1.5rem}.demo-badge{font-size:.65rem;padding:4px 12px}.demo-btn{padding:10px 24px;font-size:.85rem;width:100%;justify-content:center}.demo-play-button{width:48px;height:48px}.demo-play-button i{font-size:1.4rem}.video-close-btn{top:15px;right:15px;width:40px;height:40px;font-size:1rem;background:#000c;border-color:#ffffff4d}.video-close-btn i{font-size:1rem}}