.v9-demo-body{min-height:100vh;background:linear-gradient(135deg,#FDFDFE,#F6FAFF);color:#0C2D67;font-family:Inter,'Segoe UI',Arial,sans-serif}
.v9-demo-top{background:#fff;border-bottom:1px solid #e1eaf6}
.v9-demo-topinner{max-width:1240px;margin:auto;min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px}
.v9-demo-topinner img{width:156px;max-width:33vw;object-fit:contain}.v9-demo-pill{display:flex;gap:6px;align-items:center;flex-direction:column;text-align:center}
.v9-demo-pill strong{font-size:10px;letter-spacing:1.5px;color:#0F64E2}.v9-demo-pill span{font-size:10px;color:#7688a4}
.v9-editlink{font-size:12px;font-weight:800;padding:12px 15px;background:#edf4ff;border-radius:10px;white-space:nowrap}
.v9-demo-intro{max-width:1240px;padding:45px 24px 28px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px}
.v9-demo-intro img{height:90px;max-width:100px;object-fit:contain}.v9-demo-intro h1{font-size:clamp(38px,5vw,68px);margin:6px 0 8px;letter-spacing:-2px}
.v9-demo-intro p{font-size:15px;color:#586e8b;line-height:1.65;max-width:720px;margin:0}
.v9-device{max-width:1240px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#607791;font-weight:700;padding:12px 24px}
.v9-preview-container{max-width:1240px;margin:0 auto;padding:0 24px 28px}
.v9-live-demo{min-height:450px;width:100%;border:1px solid #d5e0ee;border-radius:17px;box-shadow:0 20px 65px #0C2D6716;overflow:hidden}
.v9-live-demo .tenant-head{border-radius:17px 17px 0 0}
.v9-demo-actions{max-width:1240px;margin:0 auto 30px;padding:18px 24px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.v9-demo-actions p{flex:1 1 100%;font-size:12px;color:#5b6c88;margin:0}
.v9-demo-actions a{background:#0F64E2;color:white;font-weight:800;font-size:12px;padding:12px 18px;border-radius:10px}
.v9-demo-actions a+a{color:#0C2D67;background:#e5effe}
.v9-demo-footer{background:#0C2D67;color:white;padding:30px 24px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px}
.v9-demo-footer small{color:#F4B517;font-size:12px}.v9-demo-footer span{color:#b0c8e8}
@media(max-width:700px){.v9-demo-topinner{padding:11px 14px;min-height:68px}.v9-demo-pill{display:none}.v9-editlink{font-size:10px;padding:9px}.v9-demo-intro{padding:30px 15px 18px}.v9-demo-intro img{height:65px;max-width:66px}.v9-demo-intro h1{font-size:36px}.v9-demo-intro p{font-size:12px}.v9-device,.v9-preview-container{padding-left:12px;padding-right:12px}.v9-demo-actions{padding:12px}.v9-demo-footer{text-align:center}}