*{box-sizing:border-box}
body{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;background:#f6f7f9;color:#1b1b1b}
.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 12px;background:#222;color:#fff;text-align:center}
.logo{width:92px;height:auto;margin:6px 0 8px}
h1{margin:0 0 4px;font-size:28px}
.app-frame{padding:10px}
iframe{width:100%;height:78vh;border:none;border-radius:10px;box-shadow:0 6px 30px rgba(0,0,0,.15);background:#fff}
.footer{padding:10px 12px;text-align:center;color:#666;font-size:12px}
@media (max-width:680px){iframe{height:80vh}}