.demo-nav-link{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff!important;padding:10px 14px;border-radius:14px;box-shadow:0 12px 28px rgba(124,58,237,.22)}
.sm-demo-live-strip{max-width:1180px;margin:16px auto 0;padding:14px 18px;border:1px solid rgba(124,58,237,.18);border-radius:18px;background:linear-gradient(135deg,rgba(124,58,237,.1),rgba(14,34,77,.05));color:#0b1736;box-shadow:0 14px 40px rgba(12,22,45,.08)}
.sm-demo-live-strip a{font-weight:900;color:#6d28d9;text-decoration:none;margin-left:8px}.sm-demo-main{max-width:1180px;margin:0 auto;padding:34px 18px 64px}.sm-demo-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;padding:34px;border-radius:34px;background:radial-gradient(circle at top left,rgba(168,85,247,.18),transparent 40%),linear-gradient(135deg,#fff,#f6f3ff);box-shadow:0 25px 70px rgba(25,16,60,.13);border:1px solid rgba(124,58,237,.12)}
.sm-demo-copy h1{font-size:clamp(34px,6vw,68px);line-height:.95;margin:10px 0 16px;color:#0b1736}.sm-demo-copy p{font-size:18px;color:#647084;max-width:680px}.sm-kicker{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(124,58,237,.12);color:#6d28d9;font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.06em}.sm-demo-reset-note{margin:18px 0;padding:16px 18px;border-radius:18px;background:#fff;border:1px solid rgba(124,58,237,.16);color:#24324b}.sm-demo-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.sm-demo-visual{text-align:center}.sm-demo-visual img{max-width:420px;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 28px 45px rgba(124,58,237,.24))}.sm-demo-section{margin-top:30px;padding:30px;border-radius:30px;background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 18px 55px rgba(15,23,42,.08)}.sm-section-head h2{font-size:34px;margin:8px 0;color:#0b1736}.sm-section-head p{color:#6b7280}.sm-demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.sm-demo-card{padding:22px;border-radius:24px;background:linear-gradient(180deg,#fff,#faf7ff);border:1px solid rgba(124,58,237,.16);box-shadow:0 18px 45px rgba(31,20,77,.08);display:flex;flex-direction:column;gap:12px}.sm-demo-card h3{font-size:22px;margin:0;color:#0b1736}.sm-demo-card p{color:#667085;margin:0;min-height:54px}.sm-demo-panel{width:max-content;padding:7px 10px;border-radius:999px;background:linear-gradient(135deg,#7c3aed,#0b2a5b);color:#fff;font-size:12px;font-weight:900}.sm-demo-creds{display:grid;gap:10px}.sm-demo-creds div{background:#f4f1ff;border-radius:14px;padding:10px}.sm-demo-creds strong{display:block;font-size:12px;color:#667085;text-transform:uppercase;letter-spacing:.06em}.sm-demo-creds code{font-weight:900;color:#121c35;word-break:break-all}.sm-demo-login-btn{width:100%;text-align:center;margin-top:auto}.sm-feature-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.sm-feature-list span{padding:12px 14px;border-radius:14px;background:#f3efff;color:#2b1a58;font-weight:800}.sm-demo-features{background:linear-gradient(135deg,#0b1736,#24105a);color:#fff}.sm-demo-features h2,.sm-demo-features .sm-section-head p{color:#fff}.sm-demo-features .sm-kicker{background:rgba(255,255,255,.12);color:#fff}.sm-demo-features .sm-feature-list span{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.12)}
@media(max-width:900px){.sm-demo-hero{grid-template-columns:1fr;padding:24px}.sm-demo-grid{grid-template-columns:1fr}.sm-demo-copy h1{font-size:42px}.sm-demo-main{padding:22px 12px 48px}.sm-demo-actions .btn{width:100%;text-align:center}}

/* SupportMora Demo v1.02 reset status polish */
.sm-demo-reset-panel{border:1px solid rgba(124,58,237,.22);box-shadow:0 18px 44px rgba(124,58,237,.15);}
.sm-demo-reset-panel p{margin:8px 0 12px;color:#334155;line-height:1.55;}
.sm-demo-reset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px;}
.sm-demo-reset-grid>div{padding:12px;border-radius:16px;background:rgba(255,255,255,.88);border:1px solid rgba(124,58,237,.13);}
.sm-demo-reset-grid span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:900;margin-bottom:5px;}
.sm-demo-reset-grid strong{display:block;color:#24115c;font-size:14px;line-height:1.25;}
@media(max-width:900px){.sm-demo-reset-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.sm-demo-reset-grid{grid-template-columns:1fr}}