.demo-section{background-color:#fff;position:relative;overflow:hidden}.demo-hero{background:linear-gradient(135deg,#f8f9fc 0,#e8ebf4 100%);padding:120px 0 80px;position:relative;overflow:hidden}.demo-hero::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(77,101,255,.1) 0,transparent 70%);border-radius:50%}.demo-hero::after{content:'';position:absolute;bottom:-40%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,rgba(102,126,234,.08) 0,transparent 70%);border-radius:50%}.demo-container{position:relative;z-index:1}.demo-header{text-align:center;margin-bottom:60px;max-width:900px;margin-left:auto;margin-right:auto}.demo-header h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;margin-bottom:24px;color:#1a1f36;line-height:1.2;letter-spacing:-.02em}.demo-header .subtitle{font-size:1.25rem;color:#64748b;line-height:1.6;margin-bottom:0}.demo-content-section{padding:80px 0;background:#fff}.demo-embed-wrapper{background:#fff;border-radius:16px;padding:0;box-shadow:0 20px 60px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.04);overflow:hidden;max-width:1200px;margin:0 auto}.demo-iframe-container{position:relative;width:100%;aspect-ratio:16/9;background:#f9fafb}.demo-iframe-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;background:#fff}.demo-cta-section{background:linear-gradient(135deg,#1a1f36 0,#2d3561 100%);padding:100px 0;text-align:center;position:relative;overflow:hidden}.demo-cta-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.demo-cta-content{position:relative;z-index:1;max-width:600px;margin:0 auto}.demo-cta-section h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:#fff;margin-bottom:20px;letter-spacing:-.01em}.demo-cta-section p{font-size:1.125rem;color:rgba(255,255,255,.8);margin-bottom:40px;line-height:1.6}.btn-primary-demo{display:inline-block;background:#4d65ff;color:#fff;padding:16px 32px;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;transition:.3s;box-shadow:0 4px 14px rgba(77,101,255,.25)}.btn-primary-demo:hover{background:#3d51db;transform:translateY(-2px);box-shadow:0 8px 20px rgba(77,101,255,.35)}.btn-secondary-demo{display:inline-block;background:rgba(255,255,255,.1);color:#fff;padding:16px 32px;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;transition:.3s;border:2px solid rgba(255,255,255,.2);margin-left:16px}.btn-secondary-demo:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);transform:translateY(-2px)}.demo-features{padding:60px 0;background:#f8f9fc}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;max-width:1000px;margin:0 auto}.feature-card{background:#fff;padding:32px;border-radius:12px;text-align:center;transition:.3s;border:1px solid rgba(0,0,0,.06)}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.08)}.feature-icon{width:48px;height:48px;margin:0 auto 20px;background:linear-gradient(135deg,#4d65ff 0,#667eea 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px}.feature-card h3{font-size:1.25rem;font-weight:600;color:#1a1f36;margin-bottom:12px}.feature-card p{font-size:.95rem;color:#64748b;line-height:1.6;margin:0}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.demo-loading{display:flex;align-items:center;justify-content:center;height:400px;background:#f9fafb;border-radius:16px;animation:2s ease-in-out infinite pulse}.demo-loading-text{font-size:1rem;color:#64748b;font-weight:500}@media (max-width:991px){.demo-hero{padding:100px 0 60px}.demo-header h1{font-size:2.5rem}.demo-content-section{padding:60px 0}.demo-cta-section{padding:80px 0}}@media (max-width:768px){.demo-hero{padding:80px 0 40px}.demo-header{margin-bottom:40px}.demo-header h1{font-size:2rem}.demo-header .subtitle{font-size:1.1rem}.demo-embed-wrapper{border-radius:12px;margin:0 20px}.demo-iframe-container{aspect-ratio:16/10}.btn-primary-demo,.btn-secondary-demo{display:block;width:100%;max-width:280px;margin:0 auto 16px}.btn-secondary-demo{margin-left:auto}.features-grid{grid-template-columns:1fr;gap:24px}.demo-cta-section h2{font-size:1.75rem}}@media (max-width:479px){.demo-hero{padding:60px 0 30px}.demo-header h1{font-size:1.75rem}.demo-header .subtitle{font-size:1rem}.demo-embed-wrapper{margin:0 16px;padding:0}.demo-content-section{padding:40px 0}.demo-cta-section{padding:60px 0}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:.6s ease-out forwards fadeInUp}.gradient-text{background:linear-gradient(135deg,#4d65ff 0,#667eea 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}