/* nav.css — the ONE nav of omniachart.com (10/11/2026). Generated from the home page's CSS by
   tools/nav_sync.py --build-css; every page links it last in <head>. Scoped under
   `html body nav.oc-nav` so no page's own rules can change the bar. Do not edit pages' nav CSS:
   edit this file (and partials/nav.html), then run tools/nav_sync.py. */
@font-face{font-family:'OC Nav Inter';src:url(/fonts/inter-latin-var.woff2) format('woff2');font-weight:100 900;font-style:normal;font-display:optional;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Arial reshaped to Inter's metrics: if the font is not ready at first paint the bar keeps this, same size */
@font-face{font-family:'OC Nav Inter Fallback';src:local('Arial'),local('ArialMT'),local('Helvetica');ascent-override:90.44%;descent-override:22.52%;line-gap-override:0%;size-adjust:107.12%}
html body nav.oc-nav{--bg-primary: #0a0a0f; --bg-secondary: #12121a; --bg-card: #1a1a24; --text-primary: #ffffff; --text-secondary: #a1a1aa; --text-muted: #71717a; --accent: #6366f1; --accent-hover: #818cf8; --gradient-start: #6366f1; --gradient-end: #8b5cf6; --border: #27272a; --success: #22c55e; --teal: #14b8a6; --amber: #f59e0b;font-family:'OC Nav Inter','OC Nav Inter Fallback','Inter',-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;color:var(--text-primary);box-sizing:border-box;text-align:left}
html body nav.oc-nav *,html body nav.oc-nav *::before,html body nav.oc-nav *::after{box-sizing:border-box;margin:0;padding:0}
html body nav.oc-nav{position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 100;
            padding: 1.75rem 4rem;
            background: rgba(10, 10, 15, 0.8);
            backdrop-filter: blur(20px);
            border-bottom: 1px solid var(--border);}
html body nav.oc-nav .nav-container{max-width: 100%;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;}
html body nav.oc-nav .logo{text-decoration: none;
            flex-shrink: 0;
            display: flex;
            align-items: center;}
html body nav.oc-nav .logo img{height: 58px;
            width: auto;
            filter: hue-rotate(30deg) saturate(1.2);
            vertical-align: middle;}
html body nav.oc-nav .nav-cta{padding: 0.75rem 1.5rem;
            background: linear-gradient(135deg, var(--gradient-start), var(--gradient-end));
            color: white;
            text-decoration: none;
            border-radius: 8px;
            font-weight: 600;
            font-size: 0.95rem;
            line-height: 1.4;
            font-size: 0.875rem;
            transition: transform 0.2s, box-shadow 0.2s;}
html body nav.oc-nav .nav-cta:hover{transform: translateY(-2px);
            box-shadow: 0 10px 30px rgba(99, 102, 241, 0.3);}
html body nav.oc-nav .nav-menu-auth{display: none !important;}
@media (max-width: 1024px){
  html body nav.oc-nav .nav-links.show .nav-menu-auth{display: block !important; min-height: 44px; line-height: 44px;}
  html body nav.oc-nav .nav-links.show .nav-menu-signup{text-align: center; border-radius: 9999px; font-weight: 600; color: #fff !important;
                background: linear-gradient(135deg, #14b8a6, #6366f1);}
}
html body nav.oc-nav .nav-hamburger{display: none; background: none; border: none; cursor: pointer; padding: 4px; z-index: 101;}
html body nav.oc-nav .nav-hamburger span{display: block; width: 22px; height: 2px; background: #fff; margin: 5px 0; transition: 0.3s; border-radius: 2px;}
html body nav.oc-nav .nav-hamburger.open span:nth-child(1){transform: rotate(45deg) translate(5px, 5px);}
html body nav.oc-nav .nav-hamburger.open span:nth-child(2){opacity: 0;}
html body nav.oc-nav .nav-hamburger.open span:nth-child(3){transform: rotate(-45deg) translate(5px, -5px);}
@media (max-width: 1024px){
  html body nav.oc-nav .nav-hamburger{display: block;}
  html body nav.oc-nav .nav-links{display: none !important;
                position: absolute; top: 100%; left: 0; right: 0;
                background: rgba(10, 10, 15, 0.97); backdrop-filter: blur(20px);
                -webkit-backdrop-filter: blur(20px);
                flex-direction: column; padding: 1rem 1.5rem; gap: 0.75rem;
                border-bottom: 1px solid rgba(255,255,255,0.08);}
  html body nav.oc-nav .nav-links.show{display: flex !important;}
  html body nav.oc-nav{padding: 0.75rem 1rem; position: relative;}
  html body nav.oc-nav .nav-container{padding: 0; gap: 0.5rem;}
  html body nav.oc-nav .logo img{height: 34px !important;}
  html body nav.oc-nav .nav-hamburger{margin-right: auto;}
  html body nav.oc-nav .nav-signin{font-size: 0.75rem !important; white-space: nowrap;}
  html body nav.oc-nav .nav-cta{padding: 0.4rem 0.7rem !important; font-size: 0.75rem !important; white-space: nowrap;}
  html body nav.oc-nav .nav-container > div:last-child{gap: 0.5rem !important;}
  html body nav.oc-nav .nav-container > div:last-child > span{display: none !important;}
  html body nav.oc-nav .nav-container > div:last-child > a[href*="x.com"]{display: none !important;}
}
html body nav.oc-nav .nav-links{display: flex;
            align-items: center;
            gap: 1.5rem;}
html body nav.oc-nav .nav-link{color: var(--text-secondary);
            text-decoration: none;
            font-size: 0.875rem;
            font-weight: 500;
            transition: color 0.2s;}
html body nav.oc-nav .nav-link:hover{color: var(--text-primary);}
html body nav.oc-nav .nav-link-page{color: var(--text-primary) !important;
            font-weight: 600;}
html body nav.oc-nav .nav-signin{color: var(--text-secondary);
            text-decoration: none;
            font-size: 0.875rem;
            font-weight: 500;
            transition: color 0.2s;}
html body nav.oc-nav .nav-signin:hover{color: var(--text-primary);}
@media (max-width: 768px){
  html body nav.oc-nav{padding: 0.75rem 1rem;}
  html body nav.oc-nav .nav-links{display: none;}
  html body nav.oc-nav .nav-container{padding: 0;
                gap: 0.5rem;}
  html body nav.oc-nav .nav-container > div{gap: 0.5rem;}
  html body nav.oc-nav .logo img{height: 34px !important;}
  html body nav.oc-nav .nav-signin{font-size: 0.75rem;}
  html body nav.oc-nav .nav-cta{padding: 0.4rem 0.75rem;
                font-size: 0.8rem;}
}
html body nav.oc-nav .oc-lang-switcher-desktop{display: flex;
            align-items: center;
            gap: 1px;
            background: rgba(255,255,255,0.04);
            border: 1px solid var(--border);
            border-radius: 8px;
            padding: 3px;}
html body nav.oc-nav .oc-lang-btn{background: transparent;
            border: none;
            color: var(--text-muted);
            padding: 5px 9px;
            border-radius: 6px;
            font-size: 11px;
            font-weight: 700;
            cursor: pointer;
            transition: all 0.15s;
            letter-spacing: 0.05em;
            line-height: 1;
            font-family: inherit;}
html body nav.oc-nav .oc-lang-btn:hover{color: var(--text); background: rgba(255,255,255,0.06);}
html body nav.oc-nav .oc-lang-btn.active{color: #fff; background: var(--accent);}
html body nav.oc-nav .oc-lang-switcher-mobile{display: none;
            position: relative;}
html body nav.oc-nav #oc-lang-mobile-btn{display: flex;
            align-items: center;
            gap: 4px;
            background: transparent;
            border: 1px solid var(--border);
            color: var(--text-secondary);
            padding: 4px 8px;
            border-radius: 6px;
            font-size: 11px;
            font-weight: 700;
            cursor: pointer;
            font-family: inherit;
            letter-spacing: 0.06em;}
html body nav.oc-nav #oc-lang-mobile-dropdown{display: none;
            position: absolute;
            top: calc(100% + 6px);
            right: 0;
            background: var(--bg-card);
            border: 1px solid var(--border);
            border-radius: 10px;
            padding: 6px;
            min-width: 90px;
            z-index: 200;
            box-shadow: 0 8px 24px rgba(0,0,0,0.4);}
html body nav.oc-nav #oc-lang-mobile-dropdown.open{display: block;}
html body nav.oc-nav .oc-lang-option{display: block;
            width: 100%;
            text-align: left;
            background: transparent;
            border: none;
            color: var(--text-secondary);
            padding: 7px 10px;
            border-radius: 6px;
            font-size: 12px;
            font-weight: 600;
            cursor: pointer;
            font-family: inherit;}
html body nav.oc-nav .oc-lang-option:hover{background: rgba(255,255,255,0.06); color: var(--text);}
html body nav.oc-nav .oc-lang-option.active{color: var(--accent); font-weight: 700;}
@media (max-width: 1024px){
  html body nav.oc-nav .oc-lang-switcher-desktop{display: none;}
  html body nav.oc-nav .oc-lang-switcher-mobile{display: block;}
}
html body nav.oc-nav[aria-label="Main navigation"]{position: fixed;
            top: 1.25rem;
            left: 50%;
            transform: translateX(-50%);
            right: auto;
            z-index: 100;
            padding: 0;
            background: transparent;
            backdrop-filter: none;
            border-bottom: none;
            width: min(96vw, 1400px);}
html body nav.oc-nav .nav-pill{background-color: rgba(26, 26, 36, 0.65);
            backdrop-filter: blur(24px) saturate(160%);
            -webkit-backdrop-filter: blur(24px) saturate(160%);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 9999px;
            box-shadow:
                0 1px 0 rgba(255, 255, 255, 0.06) inset,
                0 8px 28px rgba(0, 0, 0, 0.35);
            padding: 0.5rem 0.75rem 0.5rem 1rem;}
html body nav.oc-nav[aria-label="Main navigation"] .nav-container{padding: 0; gap: 1rem;}
html body nav.oc-nav[aria-label="Main navigation"] .logo img{height: 40px;}
html body nav.oc-nav[aria-label="Main navigation"] .nav-link,html body nav.oc-nav[aria-label="Main navigation"] .nav-link-page{padding: 0.4rem 0.875rem;
            border-radius: 9999px;
            transition: color 0.18s ease, background-color 0.18s ease;}
html body nav.oc-nav[aria-label="Main navigation"] .nav-link:hover,html body nav.oc-nav[aria-label="Main navigation"] .nav-link-page:hover{background-color: rgba(255, 255, 255, 0.06);}
@media (max-width: 1024px){
  html body nav.oc-nav[aria-label="Main navigation"]{top: 0.75rem; width: 94vw;}
  html body nav.oc-nav .nav-pill{padding: 0.35rem 0.85rem 0.35rem 0.75rem;
                border-radius: 28px;
                border-color: rgba(255, 255, 255, 0.14);}
}
@media (max-width: 768px){
  html body nav.oc-nav[aria-label="Main navigation"] .nav-cta{border-radius: 9999px;
                padding: 0.4rem 0.75rem;
                font-size: 0.75rem;
                line-height: 1;}
  html body nav.oc-nav[aria-label="Main navigation"] .nav-signin{font-size: 0.75rem;}
  html body nav.oc-nav[aria-label="Main navigation"] .nav-container{gap: 0.5rem;}
  html body nav.oc-nav[aria-label="Main navigation"] .nav-container > div:last-child{gap: 0.45rem !important;}
  html body nav.oc-nav[aria-label="Main navigation"] .nav-container > div:last-child > a[href*="instagram"],html body nav.oc-nav[aria-label="Main navigation"] .nav-container > div:last-child > span{display: none !important;}
}
@media (max-width: 480px){
  html body nav.oc-nav[aria-label="Main navigation"] .nav-signin{display: none !important;}
  html body nav.oc-nav[aria-label="Main navigation"] .nav-cta{padding: 0.4rem 0.85rem;}
}
@media (min-width:1025px){
  html.oc-nw body nav.oc-nav .nav-links{visibility:hidden}
}
html body nav.oc-nav .oc-lang-switcher-desktop{display:none!important}
html body nav.oc-nav .oc-lang-switcher-mobile{display:block!important;position:relative;flex-shrink:0}
html body nav.oc-nav #oc-lang-mobile-btn{display:flex;align-items:center;gap:6px;padding:6px 11px;border-radius:9999px;border:1px solid rgba(255,255,255,.12);background:transparent;color:var(--text-secondary,#9ca3af);font-size:12px;font-weight:700;letter-spacing:.06em;cursor:pointer;font-family:inherit;line-height:1}
html body nav.oc-nav .nav-container>div:last-child>a[href*="x.com/OmniaChart"],html body nav.oc-nav .nav-container>div:last-child>a[href*="instagram.com/omniachart"]{display:none!important}
html body nav.oc-nav .oc-lang-switcher-desktop{display:none!important}
html body nav.oc-nav .oc-lang-switcher-mobile{display:block!important;position:relative;flex-shrink:0}
html body nav.oc-nav #oc-lang-mobile-btn{display:flex;align-items:center;gap:6px;padding:6px 11px;border-radius:9999px;border:1px solid rgba(255,255,255,.12);background:transparent;color:var(--text-secondary,#9ca3af);font-size:12px;font-weight:700;letter-spacing:.06em;cursor:pointer;font-family:inherit;line-height:1;transition:color .15s,background-color .15s}
html body nav.oc-nav #oc-lang-mobile-btn:hover,html body nav.oc-nav #oc-lang-mobile-btn[aria-expanded="true"]{color:var(--text-primary,var(--text,#fff));background:rgba(255,255,255,.06)}
html body nav.oc-nav #oc-lang-mobile-btn svg{flex-shrink:0}
html body nav.oc-nav #oc-lang-mobile-btn[aria-expanded="true"] .oc-lang-chev{transform:rotate(180deg)}
html body nav.oc-nav .oc-lang-chev{transition:transform .15s}
html body nav.oc-nav #oc-lang-mobile-dropdown{top:calc(100% + 14px);right:0;left:auto;min-width:160px;padding:6px;border-radius:14px;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 32px rgba(0,0,0,.45);z-index:200}
html body nav.oc-nav .oc-lang-option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border-radius:9px;font-size:13px;font-weight:500;color:var(--text-secondary,#9ca3af);white-space:nowrap}
html body nav.oc-nav .oc-lang-option:hover,html body nav.oc-nav .oc-lang-option:focus-visible{background:rgba(255,255,255,.07);color:var(--text-primary,var(--text,#fff));outline:none}
html body nav.oc-nav .oc-lang-option.active{color:var(--accent,#818cf8);font-weight:600}
html body nav.oc-nav .oc-lang-option .oc-lang-check{visibility:hidden;font-size:12px}
html body nav.oc-nav .oc-lang-option.active .oc-lang-check{visibility:visible}
/* CSS that nav-tidy.js and nav-social.js inject at run time, captured so /nav.css has it from the first
   paint (10/11/2026). Regenerate if those scripts' CSS changes. */
.oc-social-nav{position:relative;display:flex;align-items:center;flex-shrink:0}.oc-social-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;border-radius:9999px;background:transparent;color:var(--text-secondary,var(--sub,#9ca3af));cursor:pointer;transition:color .2s,background-color .2s}.oc-social-btn:hover,.oc-social-btn:focus-visible,.oc-social-nav.open .oc-social-btn{color:var(--text-primary,var(--text,#fff));background-color:rgba(255,255,255,.08)}.oc-social-btn svg{width:17px;height:17px;display:block}.oc-social-pop{position:absolute;top:50%;right:calc(100% + 6px);transform:translateY(-50%);display:flex;align-items:center;gap:2px;padding:4px;border-radius:9999px;background:rgba(26,26,36,.96);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 24px rgba(0,0,0,.4);overflow:hidden;max-width:0;opacity:0;visibility:hidden;pointer-events:none;transition:max-width .2s ease,opacity .2s ease,visibility 0s linear .2s;z-index:210}.oc-social-nav.open .oc-social-pop{max-width:220px;opacity:1;visibility:visible;pointer-events:auto;transition:max-width .2s ease,opacity .2s ease,visibility 0s}.oc-social-nav::before{content:"";position:absolute;top:0;bottom:0;right:100%;width:8px}.oc-social-nav a,.oc-social-menu a{display:flex;align-items:center;justify-content:center;color:var(--text-secondary,var(--sub,#9ca3af));transition:color .2s,background-color .2s;border-radius:9999px}.oc-social-pop a{width:28px;height:28px;flex-shrink:0}.oc-social-pop a:hover,.oc-social-menu a:hover,.oc-social-pop a:focus-visible,.oc-social-menu a:focus-visible{color:var(--text-primary,var(--text,#fff));background-color:rgba(255,255,255,.08)}.oc-social-pop svg,.oc-social-menu svg{width:17px;height:18px;display:block;fill:currentColor}.oc-social-menu{display:none}@media(max-width:1024px){.oc-social-nav{display:none!important}.oc-social-menu{display:flex!important;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 0 .25rem;margin-top:.25rem;border-top:1px solid rgba(255,255,255,.08)}.oc-social-menu a{width:44px;height:44px}.oc-social-menu svg{width:20px;height:20px}}
.oc-prod{display:none;position:relative}@media(min-width:1025px){nav.oc-tidy .oc-prod{display:block}nav.oc-tidy .nav-links .oc-prod-src,nav.oc-tidy .nav-links>span{display:none!important}nav.oc-tidy .nav-pill{padding:.55rem 1.1rem .55rem 1.3rem}nav.oc-tidy .nav-container{gap:2rem!important}nav.oc-tidy .nav-links{gap:.5rem!important}nav.oc-tidy .nav-links .nav-link,nav.oc-tidy .oc-prod-btn{padding:.45rem .9rem!important}nav.oc-tidy .nav-container>div:last-child{gap:1.5rem!important}nav.oc-tidy .nav-container>div:last-child>span{display:none!important}}@media(max-width:480px){nav.oc-tidy:not([aria-label]){padding-left:1rem!important;padding-right:1rem!important}nav.oc-tidy:not([aria-label]) .logo img{height:30px!important;width:auto}nav.oc-tidy:not([aria-label]) .nav-container{gap:.4rem!important}nav.oc-tidy .nav-container>div:last-child{gap:.5rem!important}nav.oc-tidy .oc-lang-globe{display:none}nav.oc-tidy #oc-lang-mobile-btn{padding:6px 8px!important}}@media(max-width:480px){nav.oc-tidy:not([aria-label]) .nav-container>div:last-child>.nav-signin{display:none!important}}@media(min-width:481px){nav.oc-tidy .nav-links .nav-menu-signin{display:none!important}}nav.oc-tidy .nav-links .nav-menu-signin{order:8}nav.oc-tidy .nav-links .oc-social-menu{order:9}nav.oc-tidy .oc-prod-btn{display:flex;align-items:center;gap:6px;background:transparent;border:0;border-radius:9999px;cursor:pointer;font:inherit;font-size:.875rem;font-weight:500;color:var(--text-secondary,#9ca3af);transition:color .18s,background-color .18s}nav.oc-tidy .oc-prod-btn:hover,nav.oc-tidy .oc-prod-btn[aria-expanded="true"],nav.oc-tidy .oc-prod-btn.active{color:var(--text-primary,var(--text,#fff));background-color:rgba(255,255,255,.06)}nav.oc-tidy .oc-prod-btn svg{transition:transform .15s}nav.oc-tidy .oc-prod-btn[aria-expanded="true"] svg{transform:rotate(180deg)}nav.oc-tidy .oc-prod-menu{display:none;position:absolute;top:calc(100% + 14px);left:0;min-width:190px;padding:6px;border-radius:14px;background:var(--bg-card,#1a1a24);border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 32px rgba(0,0,0,.45);z-index:200;flex-direction:column;gap:2px}nav.oc-tidy .oc-prod-menu.open{display:flex}nav.oc-tidy .oc-prod-menu a{display:block!important;padding:9px 12px!important;border-radius:9px!important;color:var(--text-secondary,#9ca3af)!important;font-size:.875rem!important;font-weight:500!important;text-decoration:none;white-space:nowrap}nav.oc-tidy .oc-prod-menu a:hover,nav.oc-tidy .oc-prod-menu a:focus-visible{background:rgba(255,255,255,.07)!important;color:var(--text-primary,var(--text,#fff))!important;outline:none}nav.oc-tidy .oc-prod-menu a.active{color:var(--accent,#818cf8)!important}
@media (min-width:1025px){
  html body nav.oc-nav[aria-label="Main navigation"]{width:calc(min(1200px, 100vw - 4rem) + 2.4rem + 2px)}
  html body nav.oc-nav[aria-label="Main navigation"] .nav-pill{padding-left:1.2rem;padding-right:1.2rem}
}