.jmg-demo{font-family:Boing,sans-serif;color:#0b0d12;background:#fff;-webkit-font-smoothing:antialiased}
.jmg-demo *{box-sizing:border-box}
.jmg-demo-inner{max-width:1240px;margin:0 auto}
.jmg-demo-head{display:flex;flex-wrap:wrap;gap:24px 30px;align-items:flex-end;justify-content:space-between;margin-bottom:40px} 
.jmg-demo-kicker{font-family:'MazzardH',sans-serif;font-weight:700;font-size:20px;color:#1a5cff;margin:0 0 14px}
.jmg-demo-head h2{font-family:'Boing',sans-serif;font-weight:800;font-size:clamp(40px,4.4vw,48px);line-height:1.02;letter-spacing:-.025em;margin:0;max-width:650px;}
.jmg-demo-head h2 span{color:#1a5cff}
.jmg-demo-intro{flex:0 1 360px;margin:0;font-size:18px;line-height:1.55;color:#3a4152}
.jmg-demo-panel{background:#eef2fb;border-radius:32px;padding:clamp(28px,4vw,48px);display:flex;flex-direction:column;gap:28px}
.jmg-demo-chips{display:flex;flex-wrap:wrap;gap:10px}
.jmg-demo-chip{font-family:'MazzardH',sans-serif;font-weight:700;font-size:16px !important;padding:12px 30px !important;border-radius:999px;border:1px solid #0b0d12;box-shadow:none !important;background:#fff !important;color:#0b0d12 !important;cursor:pointer;transition:all .15s}
.jmg-demo-chip:hover{border-color:#1a5cff;background:#1a5cff !important; color:#fff !important; } 
.jmg-demo-chip.is-on{background:#1a5cff !important;color:#fff !important;border-color:#1a5cff !important;}
.jmg-demo-q{display:flex;align-items:center;gap:12px;border:2px solid #0b0d12;border-radius:999px;padding:8px 8px 8px 24px;background:#fff}
.jmg-demo-qtext{flex:1;min-width:0;font-family:'MazzardH',sans-serif;font-weight:700;font-size:clamp(17px,1.6vw,21px);color:#0b0d12;line-height:1.3} 
.jmg-demo-ask{flex:none;background:#1a5cff;color:#fff;font-family:Boing,sans-serif;font-weight:500;font-size:16px;padding:14px 24px;border-radius:999px;border:0;cursor:pointer;white-space:nowrap}
.jmg-demo-ask:hover{background:#0b3fcf}
.jmg-demo-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;min-height:400px;}
.jmg-demo-card{background:#fff;border-radius:20px;padding:24px;min-height:260px;display:flex;flex-direction:column;gap:14px;box-shadow:0 12px 40px rgba(11,13,18,.06)}
.jmg-demo-card-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #dfe5f2}
.jmg-demo-plat{font-family:'MazzardH',sans-serif;font-weight:700;font-size:16px}
.jmg-demo-status{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#7a8296}
.jmg-demo-status.is-done{color:#1a5cff}
.jmg-demo-body{margin:0;font-size:15px;line-height:1.65;color:#0b0d12;flex:1}
.jmg-demo-hl{font-weight:600;background:#eef2fb;border-radius:4px;padding:1px 4px}
.jmg-demo-cursor{display:inline-block;width:2px;height:1.1em;background:#1a5cff;vertical-align:text-bottom;margin-left:2px;animation:jmgDemoBlink 1s steps(1) infinite}
.jmg-demo-src{display:none;padding-top:12px;border-top:1px solid #dfe5f2;font-size:12px;color:#7a8296;animation:jmgDemoRise .4s ease both}
.jmg-demo-src.is-on{display:block}
.jmg-demo-note{margin:20px 0 0;font-size:13px;color:#7a8296;text-align:center; }
.jmg-demo-note em{font-style:normal;color:#1a5cff;font-weight:600}
@keyframes jmgDemoBlink{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes jmgDemoRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (max-width:767px){	
	.jmg-demo-q{flex-wrap:wrap;border-radius:24px;padding:16px}
	.jmg-demo-ask{width:100%}
	.jmg-demo-cards{min-height:450px;} 
}