#amp-product-demo{display:flex;justify-content:center;padding:1.25rem 0 2.5rem}.amp-demo-browser{width:100%;max-width:960px;background:#f8f8f6;border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.04);overflow:hidden;font-family:Inter,system-ui,-apple-system,sans-serif;position:relative}.amp-demo-toolbar{display:flex;align-items:center;gap:.75rem;padding:.65rem 1rem;background:#f0f0ec;border-bottom:1px solid rgba(0,0,0,.06)}.amp-demo-dots{display:flex;gap:6px;flex-shrink:0}.amp-demo-dots span{width:10px;height:10px;border-radius:50%;background:rgba(0,0,0,.1)}.amp-demo-url{flex:1;background:#fff;border-radius:6px;padding:.35rem .75rem;font-size:.75rem;color:#6b7280;border:1px solid rgba(0,0,0,.06);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.amp-demo-dashboard{padding:1.25rem}.amp-demo-hero{display:flex;align-items:center;gap:1rem;background:#fffde7;border:1px solid rgba(0,0,0,.06);border-radius:10px;padding:1rem 1.25rem;margin-bottom:1rem;opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .4s ease}.amp-demo-hero.visible{opacity:1;transform:translateY(0)}.amp-demo-hero-avatar{width:52px;height:52px;flex-shrink:0}.amp-demo-hero-avatar svg{width:100%;height:100%}.amp-demo-hero-content{flex:1}.amp-demo-hero-title{font-size:.95rem;font-weight:700;color:#000;line-height:1.3;margin-bottom:.25rem}.amp-demo-hero-number{font-weight:800}.amp-demo-hero-meta{display:flex;align-items:center;gap:.4rem;font-size:.7rem;color:#6b7280;margin-bottom:.25rem}.amp-demo-hero-change{font-weight:600;padding:.1rem .35rem;border-radius:4px;font-size:.65rem}.amp-demo-hero-change.up{color:#16a34a;background:rgba(22,163,74,.08)}.amp-demo-hero-change.down{color:#dc2626;background:rgba(220,38,38,.08)}.amp-demo-hero-dot{color:#9ca3af}.amp-demo-hero-desc{font-size:.65rem;color:#9ca3af;line-height:1.3}.amp-demo-cards-row{display:flex;gap:.75rem;margin-bottom:.75rem}.amp-demo-cards-row:last-child{margin-bottom:0}.amp-demo-card{flex:1;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:10px;padding:.85rem 1rem;text-align:center;opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease}.amp-demo-card.visible{opacity:1;transform:translateY(0)}.amp-demo-card-top .amp-demo-card-value{font-size:1.75rem;font-weight:800;color:#000;line-height:1.2;margin-bottom:.15rem}.amp-demo-card-top .amp-demo-card-label{font-size:.65rem;color:#6b7280;font-weight:500;margin-bottom:.3rem}.amp-demo-card-bottom .amp-demo-card-label-top{font-size:.65rem;color:#6b7280;font-weight:500;margin-bottom:.2rem}.amp-demo-card-bottom .amp-demo-card-value{font-size:1.5rem;font-weight:800;color:#000;line-height:1.2;margin-bottom:.2rem}.amp-demo-card-change{font-size:.6rem;font-weight:600;margin-bottom:.15rem}.amp-demo-card-change.up{color:#16a34a}.amp-demo-card-change.down{color:#dc2626}.amp-demo-card-sub{font-size:.58rem;color:#9ca3af;font-weight:400}.amp-demo-browser.fading{animation:amp-demo-fade-out .8s ease forwards}@keyframes amp-demo-fade-out{to{opacity:0;transform:translateY(10px)}}.amp-demo-browser.fading-in{animation:amp-demo-fade-in .6s ease forwards}@keyframes amp-demo-fade-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.amp-demo-browser{border-radius:10px}.amp-demo-dashboard{padding:.75rem}.amp-demo-cards-row{flex-wrap:wrap;gap:.5rem}.amp-demo-card{flex:1 1 calc(50% - 0.25rem);min-width:calc(50% - 0.25rem);padding:.6rem .75rem}.amp-demo-card-top .amp-demo-card-value{font-size:1.35rem}.amp-demo-card-bottom .amp-demo-card-value{font-size:1.15rem}.amp-demo-hero{flex-direction:column;text-align:center;padding:.75rem 1rem;gap:.6rem}.amp-demo-hero-title{font-size:.85rem}.amp-demo-hero-meta{justify-content:center;flex-wrap:wrap}.amp-demo-hero-desc{font-size:.6rem}.amp-demo-stats-row{margin-bottom:.75rem}}@media (max-width:480px){.amp-demo-card{flex:1 1 100%;min-width:100%}.amp-demo-toolbar{padding:.5rem .75rem}.amp-demo-url{font-size:.65rem}}