.hero .hero-grid{min-height:0;padding-block:12px 36px;gap:40px}
.hero-visual.product-visual{display:block;min-width:0;min-height:0}
.product-visual .glow{max-width:100%;pointer-events:none}
.product-popup{position:relative;width:100%;max-width:500px;margin:auto;border:1px solid #dfe6ec;border-radius:20px;background:#fff;box-shadow:0 28px 70px #071a3229;overflow:hidden}
.product-popup .window-bar{height:42px;padding:0 18px;background:#fff}
.product-popup iframe{display:block;width:100%;height:565px;border:0;background:#f8fafd}
.product-caption{position:relative;margin:14px auto 0;text-align:center;font-size:.8rem;color:var(--muted);max-width:46ch}
.product-caption a{font-weight:750}
.product-demo{background:linear-gradient(180deg,#fff,#f2f6fb)}
.demo-heading{align-items:center;margin-bottom:26px}
.demo-heading h2{font-size:clamp(2rem,3.4vw,2.9rem)}
.demo-heading>p{font-size:.95rem;max-width:400px}
.demo-player{overflow:hidden;border:1px solid #ccd7e3;border-radius:20px;background:#fff;box-shadow:var(--shadow)}
.demo-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 20px;background:var(--navy);color:#fff}
.demo-toolbar strong{font-size:.9rem}.demo-toolbar small{display:block;color:#b5c5dc;font-size:.75rem}
.demo-toolbar button{flex:none;border:1px solid #61748e;background:transparent;border-radius:99px;color:#fff;padding:8px 15px;font:inherit;font-size:.8rem;cursor:pointer}
.demo-playback{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.demo-toolbar button:hover{background:#ffffff18}.demo-toolbar button:focus-visible{outline:2px solid #fff;outline-offset:3px}.demo-toolbar button:disabled{opacity:.5;cursor:wait}
.demo-viewport{overflow-x:auto;overscroll-behavior-x:contain;background:#f1f5f9}
.demo-viewport iframe{display:block;width:100%;height:690px;border:0;min-width:960px}

/* Jadval 960px dan tor joyda kesilib, tushunarsiz ko'rinadi. Demo mazmunini
   siqish o'rniga kichik ekranlarda butun bo'limni yashiramiz. */
@media(max-width:1020px){.product-demo,.product-caption{display:none}}
.demo-timeline{padding:16px 20px;display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:center;font-size:.82rem;color:var(--muted)}
.demo-timeline span:first-child{font-weight:750;color:var(--navy);min-height:1.7em}
.demo-timeline progress{width:100%;height:5px;grid-column:1/-1;accent-color:var(--mint-dark);border:0}
.demo-footnote{margin:16px 0 0;color:var(--muted);font-size:.82rem}
@media(max-width:620px){.product-popup iframe{height:590px}.demo-toolbar{padding:13px;align-items:start}.demo-toolbar strong{font-size:.8rem}.demo-toolbar button{padding:7px 10px}.demo-timeline{padding:13px;font-size:.75rem}.demo-viewport iframe{height:620px}.product-demo .section-heading{gap:18px}.demo-player{border-radius:14px}}
[data-theme="dark"] .product-popup{background:#111b2a;border-color:var(--line);box-shadow:0 28px 70px #0007}
[data-theme="dark"] .product-popup .window-bar{background:#111b2a}
[data-theme="dark"] .product-popup iframe{background:#0b1220}
[data-theme="dark"] .product-demo{background:linear-gradient(180deg,#0b1220,#0e1828)}
[data-theme="dark"] .demo-player{background:#111b2a;border-color:var(--line)}
[data-theme="dark"] .demo-viewport{background:#0b1220}
[data-theme="dark"] .demo-timeline span:first-child{color:#edf3fb}
[data-theme="dark"] .demo-timeline progress{color-scheme:dark}