:root{--brand:#ffb300;--bg:#ffffff;--green:#16a34a;--red:#ef4444;--max:1080px}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font:16px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg)}
.container{max-width:var(--max);margin:0 auto;padding:16px}
.frame{background:#fff;border:3px solid var(--brand);border-radius:18px;box-shadow:0 10px 40px rgba(0,0,0,.25)}
.header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:2px solid #f3f4f6;background:#fff;border-top-left-radius:16px;border-top-right-radius:16px}
.header .logo{width:40px;height:40px;border-radius:10px;border:1px solid #eee}
.header .brand{font-weight:800;font-size:18px;color:#111}
.nav{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.nav a{padding:8px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;box-shadow:0 1px 0 #f3f4f6;color:#111;text-decoration:none}
.hero-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;margin:18px auto}
.hero{width:100%;max-width:720px;border-radius:16px;border:2px solid #eee;box-shadow:0 6px 24px rgba(0,0,0,.15)}
.cta-col{width:100%;max-width:720px;display:grid;grid-template-columns:1fr;gap:10px}
.cta{display:inline-flex;align-items:center;justify-content:center;padding:14px;font-weight:800;border-radius:14px;border:1px solid transparent;color:#fff}
.cta.dl{background:var(--red)} .cta.lg{background:var(--green)}
.card{background:#fff;border:1px solid #eee;border-radius:14px;box-shadow:0 3px 16px rgba(0,0,0,.06);padding:16px;margin:16px}
.h2{font-weight:900;font-size:22px;margin:6px 0}
.lead{color:#4b5563}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-top:1px solid #f1f5f9;padding:12px 14px;text-align:left}
.table th{background:#fafafa;width:240px}
.carousel{display:flex;gap:10px;overflow:auto;scroll-snap-type:x mandatory;padding:10px}
.carousel .tip{flex:0 0 280px;background:#0f172a;color:#e5e7eb;border-radius:12px;padding:12px;scroll-snap-align:start}
.reviews{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.review{background:#fafafa;border:1px solid #eee;border-radius:12px;padding:12px}
.review .stars{color:#f59e0b;font-weight:900}
.footer{padding:16px;color:#6b7280;text-align:center}
@media (max-width:720px){ .nav{display:none} }

/* MU mobile nav visibility */
@media (max-width:720px){
  .nav{display:none}
  .mu-appbar,.mu-tabbar{display:block}
}
@media (min-width:721px){
  .mu-appbar,.mu-tabbar{display:none}
}