.cc-topbar{background:#fdfbf7;border-bottom:1px solid rgba(7,17,31,.10);width:100vw;height:88px;display:flex;align-items:flex-start;padding:0 18px 0 0;margin:0 calc(50% - 50vw) 16px;position:sticky;top:0;z-index:100;border-radius:0;box-shadow:none}
.shell:has(>.cc-topbar:first-child){overflow:visible}
.cc-topbar-inner{display:flex;align-items:center;gap:8px;width:100%;margin:0;transform:translateY(-18px)}
.cc-topbar-logo{display:grid;gap:2px;justify-items:start;white-space:nowrap;text-decoration:none;color:inherit}
.cc-topbar-logo img{width:auto!important;height:122px!important;max-width:none!important;object-fit:contain!important;display:block!important;border-radius:0!important;filter:drop-shadow(0 8px 14px rgba(6,16,31,.10))}
.cc-topbar-tagline{display:block;margin-top:-42px;padding-left:16px;color:#05070c;font-size:13px;font-weight:400;letter-spacing:.02em;text-align:left;line-height:1.2}
.cc-topbar-nav{display:flex;align-items:center;gap:4px;margin-left:0;flex-wrap:nowrap}
.cc-topbar-nav a,.cc-topbar-nav button,.cc-topbar-actions a,.cc-topbar-actions button{min-height:34px;padding:0 14px;border:0;border-radius:8px;background:transparent;color:#05070c;font:inherit;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;box-shadow:none;cursor:pointer;transition:.15s}
.cc-topbar-nav a:hover,.cc-topbar-nav button:hover,.cc-topbar-actions a:hover,.cc-topbar-actions button:hover{background:rgba(7,17,31,.10);color:#05070c;transform:none;box-shadow:none}
.cc-topbar-nav a.is-active,.cc-topbar-nav button.active,.cc-topbar-nav button.is-active{background:rgba(31,99,255,.10);color:#1f63ff}
.cc-topbar-nav .nav-pro:hover,.cc-topbar-actions .nav-pro:hover{background:rgba(31,99,255,.10)!important;color:#1f63ff!important}
.cc-topbar-nav .nav-perso:hover,.cc-topbar-actions .nav-perso:hover{background:rgba(124,58,237,.12)!important;color:#7c3aed!important}
.cc-topbar-nav .nav-client:hover,.cc-topbar-actions .nav-client:hover{background:rgba(22,163,74,.12)!important;color:#16a34a!important}
.cc-topbar-actions{display:flex;align-items:center;gap:6px;margin-left:auto;padding-left:12px;border-left:1px solid rgba(7,17,31,.10)}
.cc-topbar-actions .cc-theme{width:34px;padding:0;font-size:16px}
body[data-theme="dark"] .cc-topbar{background:#161b2e;border-color:rgba(255,255,255,.10)}
body[data-theme="dark"] .cc-topbar-tagline,body[data-theme="dark"] .cc-topbar-nav a,body[data-theme="dark"] .cc-topbar-nav button,body[data-theme="dark"] .cc-topbar-actions a,body[data-theme="dark"] .cc-topbar-actions button{color:#fff}
body[data-theme="dark"] .cc-topbar-nav a:hover,body[data-theme="dark"] .cc-topbar-nav button:hover,body[data-theme="dark"] .cc-topbar-actions a:hover,body[data-theme="dark"] .cc-topbar-actions button:hover{background:rgba(255,255,255,.08);color:#fff}
body[data-theme="dark"] .cc-topbar-nav .nav-pro:hover,body[data-theme="dark"] .cc-topbar-actions .nav-pro:hover{background:rgba(31,99,255,.20)!important;color:#8fc7ff!important}
body[data-theme="dark"] .cc-topbar-nav .nav-perso:hover,body[data-theme="dark"] .cc-topbar-actions .nav-perso:hover{background:rgba(124,58,237,.24)!important;color:#d8c8ff!important}
body[data-theme="dark"] .cc-topbar-nav .nav-client:hover,body[data-theme="dark"] .cc-topbar-actions .nav-client:hover{background:rgba(22,163,74,.22)!important;color:#8cf1bd!important}
body[data-theme="dark"] .cc-topbar-actions{border-color:rgba(255,255,255,.12)}
@media(max-width:1080px){.cc-topbar{height:78px}.cc-topbar-logo img{height:82px!important}.cc-topbar-tagline{margin-top:-31px;padding-left:12px;font-size:12px}.cc-topbar-nav a,.cc-topbar-nav button,.cc-topbar-actions a,.cc-topbar-actions button{padding:0 10px;font-size:12px}}
.topbar-menu-button{display:none!important}.mobile-menu{display:none}body[data-theme="dark"] .topbar-menu-button{color:#fff}body[data-theme="dark"] .mobile-menu button,body[data-theme="dark"] .mobile-menu a{background:rgba(255,255,255,.08);color:#fff}body[data-theme="dark"] .mobile-menu button.is-active,body[data-theme="dark"] .mobile-menu a.is-active{border-color:rgba(31,99,255,.34);background:rgba(31,99,255,.20);color:#8fc7ff}
@media(max-width:900px){.topbar-menu-button{display:grid!important;width:28px;height:28px;place-items:center;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#05070c;cursor:pointer;grid-column:2;justify-self:start}.topbar-menu-button span{display:block;width:13px;height:2px;border-radius:999px;background:currentColor;box-shadow:0 5px 0 currentColor,0 -5px 0 currentColor}.cc-topbar-nav{display:none!important}.mobile-menu{grid-column:1/-1;display:none;grid-template-columns:1fr 1fr;gap:6px;padding-top:4px}.mobile-menu.is-open{display:grid}.mobile-menu button,.mobile-menu a{display:flex;align-items:center;justify-content:center;min-height:32px;padding:0 10px;border:1px solid rgba(7,17,31,.10);border-radius:999px;background:rgba(255,255,255,.66);color:#05070c;font-size:11px;font-weight:800;cursor:pointer;font:inherit;white-space:nowrap}.mobile-menu button.is-active{background:rgba(31,99,255,.10);color:#1f63ff;border-color:rgba(31,99,255,.28)}}
@media(max-width:720px){.cc-topbar{height:auto;padding:5px 8px;position:relative}.cc-topbar-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;transform:none}.cc-topbar-logo{min-width:0;justify-items:start}.cc-topbar-logo img{width:auto!important;max-width:132px!important;height:44px!important}.cc-topbar-tagline{margin-top:-17px;padding-left:6px;text-align:left;font-size:8.5px}.cc-topbar-actions{grid-column:3;grid-row:1;justify-self:end;gap:4px;margin-left:0;padding-left:0;border-left:0}.cc-topbar-nav a,.cc-topbar-nav button,.cc-topbar-actions a,.cc-topbar-actions button{min-height:26px;height:26px;font-size:9.5px;padding:0 6px}.topbar-menu-button{width:24px;height:24px}}