/* DotConn navigation: original native implementation inspired by Modal's hierarchy. */
:root{--navigation-height:80px;--nav-motion:170ms;--nav-ease:cubic-bezier(.16,1,.3,1)}
.dc-navigation{position:sticky;top:0;z-index:70;border:0;background:#080808;backdrop-filter:none}
.dc-navigation [hidden]{display:none!important}
.dc-navigation .nav-inner{position:relative;z-index:3;height:var(--navigation-height);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px}
.dc-navigation .brand{justify-self:start;min-width:0}
.dc-navigation .nav-end{justify-self:end}
.dc-navigation .dc-nav-links{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:14px}
.dc-navigation .dc-nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:0;border-radius:999px;background:transparent;color:var(--muted);font:400 14px/20px Helvetica,Arial,sans-serif;white-space:nowrap;transition:color 120ms,background 120ms}
.dc-navigation .dc-nav-link:is(:hover,:focus-visible,[aria-expanded="true"],[aria-current="page"],[data-current="true"]){color:var(--ink);background:#ffffff0a}
.dc-mobile-toggle{display:none;position:relative;width:44px;height:44px;padding:10px;border:0;border-radius:50%;background:transparent;color:var(--ink);flex-shrink:0}
.dc-mobile-toggle span{position:absolute;left:12px;top:18px;width:20px;height:1.5px;background:currentColor;transition:transform var(--nav-motion) var(--nav-ease)}
.dc-mobile-toggle span+span{top:25px}
.dc-mobile-toggle[aria-expanded="true"] span{transform:translateY(3.5px) rotate(45deg)}
.dc-mobile-toggle[aria-expanded="true"] span+span{transform:translateY(-3.5px) rotate(-45deg)}
.dc-nav-panel{position:absolute;top:100%;left:0;right:0;z-index:3;max-height:calc(100dvh - var(--navigation-height) - 16px);overflow:auto;overscroll-behavior:contain;background:#111111;box-shadow:0 24px 48px #0007;opacity:0;transform:translateY(-6px);transition:opacity var(--nav-motion) var(--nav-ease),transform var(--nav-motion) var(--nav-ease)}
.dc-nav-panel[data-motion="open"]{opacity:1;transform:none}
.dc-nav-panel-inner{width:min(1184px,calc(100% - 96px));margin-inline:auto;padding-block:32px 36px;min-height:366px;display:grid;gap:56px}
.dc-nav-services-layout{grid-template-columns:minmax(0,2fr) minmax(260px,1fr)}
.dc-nav-resources-layout{grid-template-columns:minmax(0,1fr) minmax(0,.85fr) minmax(260px,1fr)}
.dc-nav-label{margin:0 0 16px;color:var(--muted);font-size:12px;line-height:20px;font-weight:400}
.dc-nav-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:8px}
.dc-navigation .dc-nav-topic{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:12px;padding:12px;border-radius:10px;color:#bdbdbd;min-width:0;transition:background 120ms,color 120ms}
.dc-navigation .dc-nav-topic:hover,.dc-navigation .dc-nav-topic:focus-visible{background:#ffffff06;color:var(--ink)}
.dc-nav-topic>span{min-width:0}
.dc-nav-topic strong{display:block;font-size:14px;line-height:24px;font-weight:500;color:inherit}
.dc-nav-topic small{display:block;margin-top:5px;color:var(--muted);font-size:12px;line-height:1.6}
.dc-navigation .dc-nav-topic .geo{width:24px!important;height:24px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.5!important;color:inherit!important;stroke-linecap:round;stroke-linejoin:round;margin:0}
.dc-navigation .dc-nav-topic[data-active-topic="true"]{color:var(--ink)}
.dc-navigation .dc-nav-topic[data-active-topic="true"] .geo{color:var(--brand-solid)!important}
.dc-nav-all{display:inline-flex;align-items:center;min-height:44px;padding:10px 12px;margin-top:12px;color:var(--ink);font-size:13px;line-height:20px;border-radius:8px}
.dc-nav-all:hover{background:#ffffff06}
.dc-nav-feature{min-width:0}
.dc-nav-feature-link{display:block;border-radius:10px;color:var(--ink)}
.dc-nav-feature-art{aspect-ratio:16/9;overflow:hidden;background:#080808;border-radius:8px;margin-bottom:16px}
.dc-nav-feature-art img{display:block;width:100%;height:100%;object-fit:contain;transition:transform 220ms var(--nav-ease)}
.dc-nav-feature-workspace img{object-fit:cover;object-position:50% 0}
.dc-nav-feature-link:hover img{transform:scale(1.025)}
.dc-nav-feature-link strong{display:block;color:var(--ink);font-weight:500;font-size:15px;line-height:1.5;margin-bottom:7px}
.dc-nav-feature-link>span{display:block;color:var(--muted);font-size:12px;line-height:1.65;max-width:340px}
.dc-nav-group .dc-nav-topic{margin-bottom:4px}
.dc-nav-backdrop{position:fixed;inset:var(--navigation-height) 0 0;z-index:1;border:0;padding:0;background:#0009;backdrop-filter:blur(3px);cursor:default;opacity:0;transition:opacity var(--nav-motion) var(--nav-ease)}
.dc-nav-backdrop[data-motion="open"]{opacity:1}
.dc-nav-mobile{display:none}
@media(max-width:1050px) and (min-width:801px){
 .dc-navigation .nav-inner{gap:12px}
 .dc-navigation .dc-nav-link{padding-inline:10px;font-size:13px}
 .dc-nav-panel-inner{width:calc(100% - 64px);gap:32px}
 .dc-nav-services-layout{grid-template-columns:minmax(0,1.8fr) minmax(230px,1fr)}
 .dc-nav-resources-layout{grid-template-columns:1fr .8fr 1fr}
 .dc-nav-topics{column-gap:8px}
 .dc-navigation .dc-nav-topic{padding:10px 8px;gap:10px}
}
@media(max-width:800px){
 :root{--navigation-height:74px}
 .dc-navigation .nav-inner{display:flex;justify-content:space-between;gap:16px}
 .dc-navigation .dc-nav-links{display:none}
 .dc-mobile-toggle{display:block}
 .dc-navigation .nav-end{gap:10px}
 .dc-navigation[data-mobile-open] .dc-nav-cta{display:none}
 .dc-nav-panel{display:none}
 .dc-nav-mobile{position:fixed;inset:var(--navigation-height) 0 0;z-index:3;display:flex;flex-direction:column;background:#080808;opacity:0;transform:translateY(-5px);transition:opacity var(--nav-motion) var(--nav-ease),transform var(--nav-motion) var(--nav-ease)}
 .dc-nav-mobile[data-motion="open"]{opacity:1;transform:none}
 .dc-nav-mobile-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:4px 32px 28px}
 .dc-nav-accordion,.dc-nav-mobile-link{display:flex;align-items:center;justify-content:space-between;min-height:60px;width:100%;padding:16px 0;border:0;background:transparent;color:var(--muted);font-size:17px;line-height:28px;font-weight:400;text-align:left}
 .dc-nav-accordion:hover,.dc-nav-accordion[aria-expanded="true"],.dc-nav-mobile-link:hover,.dc-nav-mobile-link[aria-current="page"]{color:var(--ink)}
 .dc-nav-expand-mark{position:relative;width:24px;height:24px;flex-shrink:0;color:inherit}
 .dc-nav-expand-mark:before,.dc-nav-expand-mark:after{content:"";position:absolute;left:6px;top:11px;width:12px;height:1.5px;background:currentColor}
 .dc-nav-expand-mark:after{transform:rotate(90deg);transition:transform var(--nav-motion) var(--nav-ease)}
 .dc-nav-accordion[aria-expanded="true"] .dc-nav-expand-mark:after{transform:none}
 .dc-nav-mobile-panel{padding:10px 0 24px}
 .dc-nav-mobile-panel .dc-nav-label{margin-bottom:10px}
 .dc-navigation .dc-nav-mobile-panel .dc-nav-topic{padding:14px 8px;margin-bottom:7px;gap:12px}
 .dc-nav-mobile-panel .dc-nav-topic strong{font-size:15px}
 .dc-nav-mobile-panel .dc-nav-topic small{font-size:13px;line-height:1.6}
 .dc-nav-mobile-group{padding-top:24px}
 .dc-nav-mobile-action{flex-shrink:0;padding:16px 32px max(18px,env(safe-area-inset-bottom));background:#080808}
 .dc-nav-mobile-action .button{width:100%}
}
@media(max-width:560px){.dc-nav-mobile-scroll{padding-inline:20px}.dc-nav-mobile-action{padding-inline:20px}.dc-navigation .nav-end{gap:6px}}
@media(prefers-reduced-motion:reduce){.dc-nav-panel,.dc-nav-mobile,.dc-nav-backdrop,.dc-mobile-toggle span,.dc-nav-expand-mark:after,.dc-nav-feature-art img,.dc-navigation .dc-nav-link,.dc-navigation .dc-nav-topic{transition:none!important}}