.topbar{width:100%;height:64px;min-height:64px;padding:0 max(22px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:flex-start;background:rgba(255,255,255,.94);border-bottom:1px solid #d9e5e5;position:sticky;top:0;z-index:5;box-sizing:border-box}
.topbar .brand{height:64px;display:flex;align-items:center;gap:10px;color:#172a2e;text-decoration:none;font:700 15px/1 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;white-space:nowrap}
.topbar .brand .brand-mark,.topbar .brand>span:first-child{width:36px;height:36px;min-width:36px;display:grid;place-items:center;border-radius:9px;color:#fff;background:linear-gradient(145deg,#54b5ac,#4b87ac);box-shadow:inset 0 1px rgba(255,255,255,.6),0 5px 12px rgba(47,126,137,.18);font-size:14px;font-weight:800}
.topbar .brand>span:last-child,.topbar .brand>strong{display:block;margin:0;padding:0;color:#172a2e;font:800 16px/20px Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
@media(max-width:900px){.topbar{padding:0 16px}}