/* Demo reference handoff into website-order flow */
.az-order-demo-ref{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:18px;align-items:center;margin:0 0 20px;padding:13px 15px;border:1px solid rgba(135,108,255,.2);border-radius:18px;background:radial-gradient(circle at 10% 0,rgba(119,91,255,.11),transparent 34%),linear-gradient(145deg,#111824,#0b111a);box-shadow:0 16px 42px rgba(0,0,0,.14)}
.az-order-demo-ref__media{position:relative;overflow:hidden;aspect-ratio:16/11;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#080c12}.az-order-demo-ref__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.az-order-demo-ref__copy>span{display:block;color:#8a7bbf;font-size:8px;font-weight:900;letter-spacing:1.3px}.az-order-demo-ref__copy strong{display:block;margin-top:4px;color:#f0f3f8;font-size:13px;line-height:1.7}.az-order-demo-ref__copy p{margin:3px 0 0;color:#8390a4;font-size:9px;line-height:1.8}.az-order-demo-ref__action{display:inline-flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid rgba(255,255,255,.09);border-radius:10px;color:#aeb9ca;text-decoration:none;font-size:9px;white-space:nowrap}.az-order-demo-ref__action:hover{border-color:rgba(145,119,255,.35);color:#fff}
@media(max-width:720px){.az-order-demo-ref{grid-template-columns:70px minmax(0,1fr);gap:12px}.az-order-demo-ref__action{grid-column:1/-1;justify-content:center}}
.az-order-demo-ref__meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.az-order-demo-ref__meta span{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:rgba(255,255,255,.025);color:#a9b5c8;font-size:8px;font-weight:800}
.az-order-demo-type-lock{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;margin:16px 0 18px;padding:15px 16px;border:1px solid rgba(124,101,255,.24);border-radius:16px;background:linear-gradient(135deg,rgba(117,91,255,.09),rgba(12,18,28,.92));box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.az-order-demo-type-lock__icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(125,97,255,.12);color:#aa9bff}.az-order-demo-type-lock small,.az-order-demo-type-lock strong,.az-order-demo-type-lock p{display:block}.az-order-demo-type-lock small{color:#8276ab;font-size:8px;font-weight:900;letter-spacing:.7px}.az-order-demo-type-lock strong{margin-top:3px;color:#f3f5f9;font-size:12px;line-height:1.8}.az-order-demo-type-lock p{margin:2px 0 0;color:#8390a3;font-size:9px;line-height:1.8}.az-order-demo-type-lock>a{padding:8px 10px;border:1px solid rgba(255,255,255,.08);border-radius:9px;color:#aeb8ca;text-decoration:none;font-size:9px;white-space:nowrap}.az-order-demo-type-lock[data-state="ready"]{border-color:rgba(76,211,145,.25);background:linear-gradient(135deg,rgba(64,196,132,.07),rgba(12,18,28,.92))}.az-order-demo-type-lock[data-state="ready"] .az-order-demo-type-lock__icon{background:rgba(64,196,132,.1);color:#6fe0a5}.az-order-demo-type-lock[data-state="error"]{border-color:rgba(255,126,97,.27)}
#website-types-grid .modern-feature-card.is-demo-reference-locked{opacity:.34;filter:saturate(.55);cursor:not-allowed}#website-types-grid .modern-feature-card.is-demo-reference-target{border-color:rgba(80,214,149,.42);box-shadow:0 0 0 2px rgba(72,203,141,.08),0 14px 35px rgba(0,0,0,.12)}
@media(max-width:720px){.az-order-demo-type-lock{grid-template-columns:auto minmax(0,1fr)}.az-order-demo-type-lock>a{grid-column:1/-1;text-align:center}}