:root{--hwm-demo-cta-start: #ff6b35;--hwm-demo-cta-end: #e55a2b;--hwm-demo-cta-shadow: rgb(255, 107, 53, .35);--hwm-demo-cta-shadow-hover: rgb(255, 107, 53, .45)}.demo-timer-badge{display:inline-flex;align-items:center;font-size:var(--hwm-font-size-base);padding:.5rem .85rem;white-space:nowrap}.hwm-demo-cta{background:linear-gradient(135deg,var(--hwm-demo-cta-start) 0%,var(--hwm-demo-cta-end) 100%);color:#fff!important;border:none;font-weight:600;box-shadow:0 2px 8px var(--hwm-demo-cta-shadow);transition:transform .2s ease,box-shadow .2s ease}.hwm-demo-cta:hover,.hwm-demo-cta:focus{color:#fff!important;transform:translateY(-1px);box-shadow:0 6px 20px var(--hwm-demo-cta-shadow-hover)}.demo-hints{position:relative;margin-top:var(--hwm-space-4);margin-bottom:var(--hwm-space-4);padding:var(--hwm-space-4) var(--hwm-space-5);background:var(--hwm-state-info-surface);color:var(--hwm-text-primary);border:1px solid var(--hwm-border-default);border-left:6px solid var(--hwm-color-primary);border-radius:var(--hwm-radius-card);box-shadow:var(--hwm-shadow-card-soft)}.demo-hints[hidden]{display:none}.demo-hints-title{display:flex;align-items:center;gap:var(--hwm-space-2);margin:0 0 var(--hwm-space-2) 0;font-size:var(--hwm-font-size-lg);font-weight:700;color:var(--hwm-text-primary)}.demo-hints-title .bi{color:var(--hwm-color-primary)}.demo-hints-lead{margin:0 0 var(--hwm-space-3) 0;color:var(--hwm-text-secondary)}.demo-hints-actions{display:flex;flex-wrap:wrap;gap:var(--hwm-space-2)}.demo-hint-chip{display:inline-flex;align-items:center;gap:.4rem;min-height:var(--hwm-touch-target-min);padding:.5rem .9rem;background:var(--hwm-surface-card);color:var(--hwm-text-primary);border:1px solid var(--hwm-color-primary);border-radius:var(--hwm-radius);font-weight:600;text-decoration:none;cursor:pointer;transition:background .15s ease,color .15s ease}.demo-hint-chip .bi{color:var(--hwm-color-primary)}.demo-hint-chip:hover,.demo-hint-chip:focus{background:var(--hwm-color-primary);color:#fff}.demo-hint-chip:hover .bi,.demo-hint-chip:focus .bi{color:#fff}.demo-hints-close{position:absolute;top:var(--hwm-space-2);right:var(--hwm-space-2);min-width:var(--hwm-touch-target-min);min-height:var(--hwm-touch-target-min);display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--hwm-text-muted);font-size:1.25rem;line-height:1;border-radius:var(--hwm-radius-sm);cursor:pointer}.demo-hints-close:hover,.demo-hints-close:focus{color:var(--hwm-text-primary);background:var(--hwm-surface-inset)}.demo-scroll-flash{animation:demoScrollFlash 1.6s ease}@keyframes demoScrollFlash{0%{box-shadow:0 0 #0d6efd00}20%{box-shadow:0 0 0 4px #0d6efd59}to{box-shadow:0 0 #0d6efd00}}.demo-expiry-overlay{position:fixed;inset:0;display:none;z-index:var(--hwm-z-modal);justify-content:center;align-items:center;background:#000000d9;backdrop-filter:blur(4px)}.demo-expiry-overlay.is-visible{display:flex}.demo-expiry-card{max-width:480px;width:90%;border-radius:var(--hwm-radius-lg);overflow:hidden;box-shadow:var(--hwm-shadow-modal);animation:demoFadeInUp .4s ease}.demo-expiry-header{background:linear-gradient(135deg,var(--hwm-color-dark) 0%,var(--hwm-color-dark-2) 100%);padding:1.5rem 2rem;text-align:center}.demo-expiry-icon{width:56px;height:56px;border-radius:50%;background:#ffffff1a;display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--hwm-space-2)}.demo-expiry-icon .bi{font-size:1.5rem;color:var(--hwm-color-warning)}.demo-expiry-header h4{color:#fff;margin:0;font-weight:700;font-size:var(--hwm-font-size-xl)}.demo-expiry-body{background:var(--hwm-surface-card);color:var(--hwm-text-primary);padding:2rem;text-align:center}.demo-expiry-lead{font-weight:600;font-size:var(--hwm-font-size-lg);margin-bottom:var(--hwm-space-2);color:var(--hwm-text-primary)}.demo-expiry-sub{color:var(--hwm-text-secondary);margin-bottom:1.75rem;font-size:var(--hwm-font-size-base)}.demo-expiry-actions{display:inline-flex;flex-direction:column;gap:var(--hwm-space-2)}.demo-expiry-actions .btn-outline-demo{background:transparent;border:2px solid var(--hwm-border-default);color:var(--hwm-text-primary);font-weight:500}.demo-expiry-actions .btn-outline-demo:hover,.demo-expiry-actions .btn-outline-demo:focus{background:var(--hwm-surface-inset);border-color:var(--hwm-border-strong);color:var(--hwm-text-primary)}.demo-expiry-page{min-height:100vh;background:var(--hwm-surface-page)}@keyframes demoFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}