/* HEVU public demo. The existing design, navigation and app styles stay intact. */
#hogyan {scroll-margin-top:110px}
.hevu-demo {margin:32px 0 0;min-width:0;overflow:hidden;border:1px solid var(--line,#dce0d9);border-radius:16px;background:#fff;box-shadow:0 18px 64px #1019230b}
.hevu-demo-bar {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px;border-bottom:1px solid var(--line,#dce0d9);font-size:14px;line-height:1.5}
.hevu-demo-heading {display:flex;align-items:center;gap:10px;font-weight:600;color:var(--ink,#141a18)}
.hevu-demo-dot {flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#b2d83c}
.hevu-demo-duration {font-size:13px;font-weight:500;color:var(--muted,#59645f)}
.hevu-demo-video {display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#f5f4f0}
.hevu-demo figcaption {padding:16px 24px;font-size:14px;font-weight:500;line-height:1.6;color:var(--muted,#59645f);border-top:1px solid var(--line,#dce0d9)}
.demo-workflow {margin-top:32px}
.demo-steps {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.demo-steps li+li {margin-top:0}
.demo-steps h3 {font-size:20px;line-height:1.4}
.demo-steps p {font-size:15px;line-height:1.65;margin-top:10px}
@media(max-width:760px) {
 #hogyan {scroll-margin-top:90px}
 .hevu-demo {margin-top:24px;border-radius:12px}
 .hevu-demo-bar {flex-wrap:wrap;padding:14px 16px;gap:6px 12px}
 .hevu-demo figcaption {padding:14px 16px;font-size:13px}
 .demo-steps {grid-template-columns:1fr;gap:24px}
 .demo-workflow {margin-top:24px}
}