/* subtitle-demo section - matches site design */
.subtitle-demo{border-top:1px solid rgba(255,255,255,0.06);position:relative}
.subtitle-demo .sd-wrap{display:flex;gap:6vw;align-items:center}
.subtitle-demo .sd-textcol{flex:0 0 38%}
.subtitle-demo .sd-viscol{flex:1;min-width:0}
.subtitle-demo .demo-intro{color:#8c8998!important;letter-spacing:.16em!important;margin:0 0 25px!important;font:10px/1 "IBM Plex Mono",monospace!important;text-transform:uppercase!important;display:flex;align-items:center;gap:10px}
.subtitle-demo .subtitle-desc{color:#85818f;margin:18px 0 0;font:11px/1.7 "IBM Plex Mono",monospace;letter-spacing:.02em;max-width:320px}
.subtitle-demo .demo-panel{background:#0d0d12bd;border:1px solid #ffffff24;border-radius:16px;overflow:hidden;position:relative;padding:16px;box-shadow:0 20px 50px rgba(0,0,0,0.5)}
.subtitle-demo .demo-panel img{width:100%;height:auto;display:block;border-radius:8px}
.subtitle-demo .sd-textcol h2{letter-spacing:-.07em!important;text-transform:uppercase!important;margin:0!important;font-size:clamp(46px,6vw,86px)!important;line-height:.96!important;font-family:Rajdhani,sans-serif!important;font-weight:700!important;color:#f3f2f5}
.subtitle-demo .sd-textcol h2 .sd-highlight{display:block;color:transparent!important;-webkit-text-stroke:1px #00d2ff!important;text-shadow:none!important;margin-top:2px}
@media(min-width:801px){.subtitle-demo .demo-panel{max-width:100%}}
@media(max-width:800px){
  .subtitle-demo .sd-wrap{flex-direction:column;gap:36px}
  .subtitle-demo .sd-textcol{flex:1;width:100%}
  .subtitle-demo .sd-textcol h2{font-size:clamp(32px,8vw,48px)!important;line-height:1.02!important}
}