/* Cricap unified navbar (identical across www, developer, API) */
/* Shared header styles — linked by every page so the cnav header is byte-for-byte identical. */

nav.cnav, .store nav.cnav { position: fixed; top: 0; left: 0; right: 0; z-index: 1030; background: linear-gradient(135deg, #0f172a 0%, #14532d 100%); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; text-transform: none; letter-spacing: normal; }
.cnav-container { max-width: 1140px; margin: 0 auto; padding: 12px 16px; display: flex; align-items: center; justify-content: space-between; position: relative; }
.cnav-brand { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.cnav-brand img { border-radius: 8px; display: block; }
.cnav-brand span { color: #fff; font-weight: 700; font-size: 24px; }
.cnav-links { list-style: none; display: flex; align-items: center; gap: 8px; margin: 0; padding: 0; }
.cnav-links a { color: rgba(255,255,255,0.9); text-decoration: none; padding: 8px 16px; border-radius: 6px; font-size: 16px; line-height: 1; transition: all .2s; display: inline-block; }
.cnav-links a:hover { color: #fff; background: rgba(255,255,255,0.1); }
.cnav-links a.cnav-cta { background: #fff; color: #14532d; font-weight: 700; box-shadow: 0 8px 22px rgba(0,0,0,.16); }
.cnav-links a.cnav-cta:hover { background: #f0fdf4; color: #052e16; transform: translateY(-1px); }
.cnav-toggle { display: none; background: transparent; border: none; color: #fff; font-size: 24px; line-height: 1; cursor: pointer; padding: 4px 8px; }
@media (max-width: 1100px) {
    .cnav-toggle { display: block; }
    .cnav-links { display: none; position: absolute; top: 100%; left: 0; right: 0; flex-direction: column; align-items: stretch; gap: 4px; background: linear-gradient(135deg, #0f172a 0%, #14532d 100%); padding: 8px 16px 16px; border-top: 1px solid rgba(255,255,255,0.1); }
    .cnav-links.cnav-open { display: flex; }
    .cnav-links a { padding: 12px; }
}


/* Isolate shared navigation from page-specific nav, button and list styles. */
nav.cnav,.store nav.cnav{display:block;padding:0;border:0;box-sizing:border-box;line-height:1.5}
.cnav *{box-sizing:border-box}
.cnav .cnav-container{width:100%}
.cnav .cnav-brand{flex-shrink:0;margin:0}
.cnav .cnav-brand img{width:40px;height:40px;object-fit:contain}
.cnav .cnav-links{list-style:none}
.cnav .cnav-links li{margin:0;padding:0;font-size:16px;line-height:1.5}
.cnav .cnav-links a{font-family:inherit;font-size:16px;line-height:1;font-weight:400;white-space:nowrap}
.cnav .cnav-links a.cnav-cta{font-weight:700}
.cnav .cnav-toggle{border-radius:0;box-shadow:none;font-family:inherit;font-weight:400;min-width:44px;min-height:40px}
.cnav a:focus-visible,.cnav button:focus-visible{outline:2px solid #bef264;outline-offset:3px}
body.ecosystem-page{padding-top:64px}
html{scroll-padding-top:80px}