.mainNav img{max-width:unset} .mainNav,.techFooter{--ink:#0d1b2a;--muted:#657487;--line:#e3eaef;--brand:#2387ad;--brand2:#62c9cd;--deep:#082f3d;--soft:#eef9fb;--off:#f7fafb;--green:#07c75d;--warning:#fff8e9;--shadow:0 18px 55px rgba(15,23,42,.08);font-family:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;font-size:15px;line-height:1.6;color:rgb(13, 27, 42)}
.mainNav .wrap,.techFooter .wrap{width: min(1200px, 100% - 40px); margin: auto;}
.mainNav{position: sticky; top: 0px; z-index: 50; background: rgba(255, 255, 255, 0.96); backdrop-filter: blur(12px); border-bottom: 1px solid var(--line);}
.navIn{height: 76px; display: grid; grid-template-columns: minmax(0px, 1fr) auto minmax(0px, 1fr); align-items: center; gap: 24px;}
.brandLogo{justify-self: start;}
.brandLogo img{display: block; width: 188px; height: auto;}
.links{display: flex; align-items: center; justify-content: center; gap: 22px; margin: 0px; color: rgb(83, 99, 118); font-size: 13px; font-weight: 750; white-space: nowrap;}
.links a:hover{color: var(--brand);}
.actions{display: flex; justify-self: end; gap: 9px; white-space: nowrap;}
.btn{display: inline-flex; align-items: center; justify-content: center; min-height: 43px; padding: 0px 17px; border-radius: 11px; border: 1px solid var(--line); background: rgb(255, 255, 255); font-weight: 800; font-size: 13px; cursor: pointer;}
.btn.primary{background: linear-gradient(100deg,var(--brand),#1f9cb7); border-color: transparent; color: rgb(255, 255, 255);}
.btn.dark{background: rgb(32, 42, 61); color: rgb(255, 255, 255); border-color: rgb(32, 42, 61);}
.btn.ghost{background: transparent; color: rgb(255, 255, 255); border-color: rgba(255, 255, 255, 0.25);}
.plan .btn{width: 100%;}
.techFooter{background: rgb(38, 53, 69); color: rgb(220, 229, 237); padding: 54px 0px 26px;}
.techFooter a{color: rgb(220, 229, 237);}
.techFooter a:hover{color: rgb(115, 213, 197);}
.footerGrid{display: grid; grid-template-columns: 1.45fr 1fr 1fr 1.15fr; gap: 45px;}
.footerLogo{width: 158px; display: block; margin: 0px 0px 7px;}
.footerLead{font-size: 14px; line-height: 1.7; max-width: 410px; color: rgb(228, 235, 241); margin: 0px;}
.footerEy{font-size: 11px; letter-spacing: 0.14em; color: rgb(185, 196, 207); margin: 18px 0px 10px;}
.eventLogos{display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px 18px; align-items: center; max-width: 520px;}
.eventLogos img{width: 100%; max-height: 48px; object-fit: contain; filter: grayscale(1) brightness(0) invert(1); opacity: 0.64;}
.footerCol h3{font-size: 16px; color: rgb(255, 255, 255); margin: 4px 0px 18px;}
.footerList{display: grid; gap: 13px; font-size: 13px;}
.contactRow{display: grid; grid-template-columns: 22px 1fr; gap: 7px; align-items: start;}
.contactIcon{color: rgb(92, 205, 195);}
.footerBottom{border-top: 1px solid rgba(255, 255, 255, 0.08); margin-top: 42px; padding-top: 24px; display: flex; justify-content: space-between; color: rgb(203, 213, 223); font-size: 12px;}
.socials{display: flex; gap: 10px;}
.socials a{width: 35px; height: 35px; border-radius: 50%; display: grid; place-items: center; background: rgba(255, 255, 255, 0.07); font-weight: 900;}
@media (max-width: 1000px){.footerGrid{grid-template-columns: 1.4fr 1fr 1fr;}
.footerBrand{grid-column: 1 / -1;}
.navIn{height: auto; min-height: 76px; grid-template-columns: 1fr auto; gap: 12px 20px; padding: 14px 0px;}
.links{grid-area: 2 / 1 / auto / -1; flex-wrap: wrap; gap: 8px 22px;}}
@media (max-width: 650px){.mainNav .wrap,.techFooter .wrap{width: min(100% - 26px, 1200px);}
.brandLogo img{width: clamp(112px, 29vw, 160px);}
.navIn{column-gap: 10px;}
.actions{gap: 6px;}
.actions .btn{min-height: 38px; padding: 0px 12px; font-size: 12px;}
.links{gap: 8px 16px; font-size: 12px;}
.footerGrid{grid-template-columns: 1fr 1fr;}
.footerBrand{grid-column: 1 / -1;}
.footerBottom{display: grid; gap: 15px;}
.ctaBox .btn{margin-top: 18px;}}
.navIn{grid-template-columns: 160px minmax(0px, 1fr) auto auto; gap: 18px;}
.links{gap: 18px; justify-content: center;}
.actions{white-space: nowrap;}
.languagePicker{position: relative; justify-self: end;}
.languageButton{display: flex; align-items: center; gap: 6px; min-height: 42px; padding: 0px 10px; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-weight: 750; font-size: 13px; border: 1px solid var(--line); border-radius: 10px; background: rgb(255, 255, 255); color: var(--ink); cursor: pointer;}
.languageButton > span:first-child{font-size: 18px;}
.languageChevron{font-size: 16px; color: var(--muted);}
.languageMenu{position: absolute; inset-inline-end: 0px; top: calc(100% + 10px); width: 230px; max-height: min(70vh, 540px); overflow: auto; background: rgb(255, 255, 255); padding: 7px; border: 1px solid var(--line); border-radius: 14px; box-shadow: rgba(24, 36, 58, 0.14) 0px 18px 50px; z-index: 50;}
.languageMenu[hidden]{display: none;}
.languageOption{display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 43px; text-align: start; padding: 9px 12px; background: transparent; border: 0px; border-radius: 8px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 14px; color: var(--ink); cursor: pointer;}
.languageOption:hover,.languageOption[aria-current="page"]{background: rgb(231, 246, 242); color: rgb(0, 120, 99);}
.languageOption small{font-size: 10px; color: var(--muted); direction: ltr;}
.languageButton:focus-visible,.languageOption:focus-visible{outline: rgb(242, 182, 64) solid 3px; outline-offset: 3px;}
@media (max-width: 1150px){.navIn{grid-template-columns: 160px 1fr auto; gap: 12px;}
.links{grid-area: 2 / 1 / auto / -1; flex-wrap: wrap; gap: 9px 20px;}
.actions{justify-self: end;}
.languagePicker{grid-area: 1 / 3;}
.navIn{height: auto; padding-top: 14px; padding-bottom: 14px;}}
@media (max-width: 760px){.navIn{grid-template-columns: minmax(85px, 1fr) auto auto; gap: 8px;}
.brandLogo img{max-width: 140px; width: 100%;}
.actions .btn{padding: 0px 9px; min-height: 36px; font-size: 11px;}
.languageButton{min-height: 36px; padding: 0px 7px; font-size: 11px; gap: 4px;}
.languageButton > span:first-child{font-size: 16px;}
.languageChevron{display: none;}
.links{font-size: 11px; gap: 7px 13px;}
.footerGrid{gap: 24px;}}
.navIn{direction: ltr;}
.eventLogos{grid-template-columns: repeat(4, minmax(0px, 1fr));}
.eventLogos img,.footerCol{min-width: 0px; max-width: 100%;}
.footerCol{overflow-wrap: anywhere;}
.links{min-width: 0px; white-space: normal;}
.links a{overflow-wrap: anywhere;}
@media (max-width: 460px){.navIn{grid-template-columns: minmax(0px, 1fr) auto; row-gap: 9px;}
.brandLogo{width: 140px; max-width: 100%; min-width: 0px;}
.languagePicker{grid-area: 1 / 2;}
.actions{grid-area: 2 / 1 / auto / -1; justify-self: start;}
.links{grid-area: 3 / 1 / auto / -1; justify-content: flex-start;}
.actions .btn{min-height: 33px; font-size: 11px;}}
.languageButton{width: 36px; height: 40px; min-height: 40px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0px; gap: 2px; border: 0px; border-radius: 0px; background: transparent; box-shadow: none; transition: filter 0.15s;}
.languageButton:hover{filter: brightness(0.94);}
.languageFlag{display: block; width: 22px; height: 22px; box-sizing: border-box; padding: 1px; border-radius: 50%; background: linear-gradient(100deg,var(--brand),#1f9cb7); object-fit: cover;}
.languageOption{display: grid; grid-template-columns: 24px minmax(0px, 1fr) auto; gap: 11px; direction: ltr; min-height: 38px; padding: 8px 10px;}
.languageOptionFlag{display: block; width: 24px; height: 18px; object-fit: contain;}
.languageOption > span{text-align: start;}
.languageOption small{font-size: 9px;}
.languageMenu{width: 224px;}
.languageButton [hidden]{display: none;}
.mainNav .links [aria-current="page"]{color:var(--brand)}
.toc{top:calc(var(--dc-nav-height,92px) + 10px)}
