.hero-wrap { gap:32px; }
.hero-product video { object-fit:contain; }
.demo-controls { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:12px; margin-top:16px; }
.demo-controls button { font:600 15px var(--body); color:var(--text); background:var(--surface,#121c30); border:1px solid var(--border); border-radius:10px; padding:10px 18px; cursor:pointer; }
.demo-controls button:focus-visible { outline:3px solid var(--accent); outline-offset:4px; }
#how,#features,#testimonial,#pricing,#faq { padding-block:64px; }
.allocation-preview { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.allocation-preview span { border:1px solid var(--border); padding:8px 12px; border-radius:8px; font-size:14px; color:var(--text2); }
@media(max-width:900px) { #how,#features,#testimonial,#pricing,#faq { padding-block:44px; } .hero-wrap { gap:24px; } }