.demo-page{background:var(--bg-primary);min-height:100vh;padding-top:calc(var(--promo-strip-h,0px) + var(--page-top))}.demo-cta{text-align:center;border-top:1px solid var(--border-subtle);padding:64px 0 96px}.demo-cta__container{max-width:640px;margin:0 auto;padding:0 24px}.demo-cta__title{font-family:var(--font-display);letter-spacing:-.5px;color:var(--text-primary);margin:0 0 12px;font-size:30px;font-weight:800}.demo-cta__sub{color:var(--text-secondary);margin:0 0 26px;font-size:15px}.demo-cta__actions{flex-wrap:wrap;justify-content:center;gap:10px;display:inline-flex}.demo-cta__btn{background:var(--accent);color:var(--bg-deep);font-family:var(--font-display);letter-spacing:.2px;border:1px solid var(--accent);border-radius:12px;align-items:center;gap:7px;padding:13px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:background .2s,transform .15s,box-shadow .2s;display:inline-flex;box-shadow:0 10px 28px -10px #3b82f68c}.demo-cta__btn:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 14px 36px -10px #3b82f6a6}.demo-cta__btn--ghost{color:var(--text-primary);border-color:var(--border-light);box-shadow:none;background:0 0}.demo-cta__btn--ghost:hover{background:var(--bg-elevated);box-shadow:none;border-color:#3b82f666;transform:translateY(-2px)}@media (max-width:640px){.demo-cta{padding:48px 0 72px}.demo-cta__title{font-size:24px}}.demo-hero{background:var(--bg-deep);border-bottom:1px solid var(--border-subtle);justify-content:center;padding:64px 24px 48px;display:flex;position:relative;overflow:hidden}.demo-hero:before{content:"";pointer-events:none;background:radial-gradient(700px 400px at 50% 0,#3b82f624 0%,#0000 70%);position:absolute;top:0;bottom:0;left:0;right:0}.demo-hero__card{text-align:center;flex-direction:column;align-items:center;gap:0;width:100%;max-width:440px;display:flex;position:relative}.demo-hero__badge{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;background:#3b82f61f;border:1px solid #3b82f640;border-radius:99px;align-items:center;gap:6px;margin-bottom:20px;padding:6px 14px;font-size:11px;font-weight:700;display:inline-flex}.demo-hero__title{font-family:var(--font-display);letter-spacing:-.5px;color:var(--text-primary);margin:0 0 12px;font-size:36px;font-weight:800;line-height:1.12}.demo-hero__title-accent{color:var(--accent);text-shadow:0 0 32px var(--accent-glow)}.demo-hero__sub{color:var(--text-secondary);max-width:320px;margin:0 0 24px;font-size:14px;line-height:1.5}.demo-hero__form{flex-direction:column;gap:10px;width:100%;margin-bottom:12px;display:flex}.demo-hero__input{background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast);box-sizing:border-box;outline:none;padding:14px 18px;font-family:inherit;font-size:15px}.demo-hero__input::placeholder{color:var(--text-muted)}.demo-hero__input:focus{border-color:var(--accent)}.demo-hero__btn{background:var(--accent);width:100%;color:var(--bg-deep);font-family:var(--font-display);border-radius:var(--radius-md);cursor:pointer;box-shadow:0 4px 24px var(--accent-glow);transition:opacity var(--transition-fast), transform var(--transition-fast);border:none;padding:15px 24px;font-size:16px;font-weight:700}.demo-hero__btn:hover{opacity:.9;transform:translateY(-1px)}.demo-hero__btn:active{transform:scale(.98)}.demo-hero__note{color:var(--text-muted);align-items:center;gap:5px;margin:0;font-size:12px;display:inline-flex}.demo-site-modal{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.22s demo-modal-in;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes demo-modal-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.demo-site-modal__window{border-radius:var(--radius-lg);border:1px solid var(--border-light);flex-direction:column;width:100%;max-width:1100px;height:min(82vh,780px);display:flex;overflow:hidden;box-shadow:0 32px 80px #0009}.demo-site-modal__chrome{border-bottom:1px solid var(--border-subtle);background:#1e1e1e;flex-shrink:0;align-items:center;gap:12px;padding:10px 16px;display:flex}.demo-site-modal__dots{flex-shrink:0;gap:6px;display:flex}.demo-site-modal__dots span{background:#ffffff26;border-radius:50%;width:11px;height:11px;display:block}.demo-site-modal__url{border:1px solid var(--border-subtle);background:#ffffff0d;border-radius:6px;flex:1;align-items:center;gap:6px;min-width:0;padding:5px 12px;display:flex}.demo-site-modal__lock{color:var(--text-muted);flex-shrink:0;display:flex}.demo-site-modal__url-text{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.demo-site-modal__close{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:#ffffff12;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.demo-site-modal__close:hover{color:var(--text-primary);background:#ffffff21}.demo-site-modal__iframe{background:#fff;border:none;flex:1;width:100%}@media (max-width:600px){.demo-hero__title{font-size:28px}.demo-hero{padding:48px 16px 36px}.demo-site-modal{padding:12px}.demo-site-modal__window{height:85vh}}