.mirra-public-header { position: sticky; top: 0; z-index: 1000; padding: 14px 20px; width: 100%; box-sizing: border-box; }
.mirra-public-nav { position: relative; display: flex; align-items: center; gap: 6px; width: 100%; max-width: 1140px; height: 58px; margin: 0 auto; padding: 0 10px 0 18px; box-sizing: border-box; border: 1px solid rgba(255,255,255,.1); border-radius: 999px; background: rgba(14,14,14,.92); box-shadow: 0 14px 40px rgba(0,0,0,.28); backdrop-filter: blur(18px); color: #fff; font-family: 'DM Sans', sans-serif; }
.mirra-public-nav a { text-decoration: none; color: #aaa; font-size: 13px; font-weight: 500; white-space: nowrap; line-height: 1.4; }
.mirra-public-nav a:hover { color: #00E676; }
.mirra-public-nav .mirra-public-brand { display: flex; align-items: center; gap: 9px; color: #fff; margin-right: auto; }
.mirra-public-brand img { width: 32px; height: 32px; object-fit: contain; }
.mirra-public-brand span { font-size: 14px; font-weight: 700; letter-spacing: .18em; }
.mirra-public-links { display: flex; align-items: center; gap: 2px; }
.mirra-public-links a, .mirra-public-pricing { padding: 8px 10px; border-radius: 20px; }
.mirra-public-nav .mirra-public-start { background: #00E676; color: #050505; padding: 9px 18px; border-radius: 22px; font-weight: 700; }
.mirra-public-nav .mirra-public-start:hover { color: #050505; }
.mirra-public-nav a:focus-visible, .mirra-public-menu summary:focus-visible { outline: 2px solid #00E676; outline-offset: 3px; }
.mirra-public-menu { display: none; }
.mirra-public-menu summary { padding: 8px 10px; cursor: pointer; font-size: 12px; list-style: none; border-radius: 20px; }
.mirra-public-menu summary::-webkit-details-marker { display: none; }
.mirra-public-menu-links { position: absolute; top: 66px; left: 0; right: 0; padding: 14px; border-radius: 16px; border: 1px solid #333; background: #121212; box-shadow: 0 14px 40px #0008; }
.mirra-public-menu-links a { display: block; padding: 12px; }
@media (max-width: 1000px) { .mirra-public-links { display: none; } .mirra-public-menu { display: block; } }
@media (max-width: 420px) { .mirra-public-header { padding: 10px 12px; } .mirra-public-nav { padding-left: 12px; gap: 2px; } .mirra-public-brand img { width: 26px; height: 26px; } .mirra-public-brand span { font-size: 12px; } .mirra-public-nav .mirra-public-start { padding: 9px 12px; font-size: 12px; } .mirra-public-pricing { padding: 8px; } }

@media (max-width: 360px) { .mirra-public-brand span { display: none; } }