/* Shared primary navigation only. No page-content, account-form or global font rules. */
body .nav-container:has(#hostiko_main_menu),body #header>.navbar>.container:has(#mainNavbar){position:relative!important}
body :is(#hostiko_main_menu,#mainNavbar),body :is(#hostiko_main_menu,#mainNavbar)>ul,body #header .main-navbar-wrapper{position:static!important}
body :is(#hostiko_main_menu,#mainNavbar) .hh-nav-item{position:static!important}
body :is(#hostiko_main_menu,#mainNavbar) .hh-nav-disclosure{position:static;display:block;margin:0;padding:0;border:0;background:none;box-shadow:none}
body :is(#hostiko_main_menu,#mainNavbar) .hh-nav-trigger{display:flex;align-items:center;justify-content:center;gap:7px;list-style:none;margin:0;padding:20px 0;border:0;background:transparent;color:#f0f5ff;font-family:inherit;font-size:14px;font-weight:600;line-height:1.25;text-transform:uppercase;cursor:pointer;white-space:nowrap;outline-offset:4px}
body :is(#hostiko_main_menu,#mainNavbar) .hh-nav-trigger::-webkit-details-marker{display:none}
body #mainNavbar .hh-nav-trigger{padding-left:12px;padding-right:12px}
body :is(#hostiko_main_menu,#mainNavbar) .hh-nav-trigger::before,body :is(#hostiko_main_menu,#mainNavbar) .hh-nav-trigger::after{display:none!important}
body :is(#hostiko_main_menu,#mainNavbar) .hh-nav-trigger:hover,body :is(#hostiko_main_menu,#mainNavbar) .hh-nav-disclosure[open]>.hh-nav-trigger{color:#8ec6ff}
body :is(#hostiko_main_menu,#mainNavbar) .hh-nav-chevron{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none;transition:transform .18s}
body :is(#hostiko_main_menu,#mainNavbar) .hh-nav-disclosure[open]>.hh-nav-trigger .hh-nav-chevron{transform:rotate(180deg)}
body :is(#hostiko_main_menu,#mainNavbar) .hh-mega{position:absolute!important;top:calc(100% + 9px)!important;left:-1px!important;right:-1px!important;width:auto!important;max-width:none!important;min-width:0!important;z-index:100;margin:0!important;padding:0!important;transform:none!important;text-align:left;max-height:var(--hh-nav-panel-max,calc(100dvh - 175px));overflow:auto;overscroll-behavior:contain;border-radius:14px;box-shadow:0 26px 65px #02081799;scrollbar-width:thin;scrollbar-color:#3c5879 #0d1930}
body :is(#hostiko_main_menu,#mainNavbar) .hh-nav-disclosure:not([open])>.hh-mega{display:none!important}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu{display:block;min-width:0;width:100%;margin:0;padding:0;border:1px solid #354c6b;border-radius:14px;overflow:hidden;background:radial-gradient(ellipse at 100% 0%,#1b356153,transparent 50%),#0d1930;color:#e7f0ff;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.6;text-align:left;text-transform:none!important;letter-spacing:normal;box-sizing:border-box}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu *,body :is(#hostiko_main_menu,#mainNavbar) .hh-menu *::before,body :is(#hostiko_main_menu,#mainNavbar) .hh-menu *::after{box-sizing:border-box}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu :is(h2,h3,p){font-family:inherit;text-align:left;text-transform:none;font-style:normal;margin:0;padding:0;float:none;text-shadow:none;letter-spacing:normal}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu a{width:auto;margin:0;border:0;box-shadow:none;color:#e7f0ff!important;font-family:inherit!important;font-weight:500;font-size:13px!important;line-height:1.5!important;text-decoration:none!important;text-transform:none!important;letter-spacing:normal!important;white-space:normal;float:none}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu a::before,body :is(#hostiko_main_menu,#mainNavbar) .hh-menu a::after{display:none!important}
body :is(#hostiko_main_menu,#mainNavbar) :is(.hh-menu a,.hh-nav-trigger):focus-visible{outline:2px solid #91caff;outline-offset:3px;border-radius:6px}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-icon{display:block;flex:none;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px 28px 22px;border-bottom:1px solid #2c3f59}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-eyebrow{display:block;font-size:9px;font-weight:600;color:#7fa4d0;letter-spacing:1.6px;line-height:1.6}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-heading h2{color:#f0f6ff;font-size:22px;font-weight:700;line-height:1.3;letter-spacing:-.5px;margin-top:7px}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-heading-note{color:#8fa7c7;font-size:12px;line-height:1.6}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;padding:24px 28px}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0;align-content:start}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu a.hh-menu-card{display:flex!important;align-items:center;gap:15px;padding:20px 17px!important;min-width:0;min-height:112px;border:1px solid #2a405c!important;border-radius:10px;background:linear-gradient(125deg,#172b4590,#12213880)!important;transition:background .18s,border-color .18s}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu a.hh-menu-card:hover{background:#1c3553!important;border-color:#4a76a5!important}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-glyph{display:grid;place-items:center;flex:0 0 46px;height:46px;border:1px solid #385778;border-radius:10px;background:linear-gradient(140deg,#254b72,#173352);color:#91c9ff}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-copy{display:block;min-width:0;flex:1}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-card-title{display:flex;align-items:center;gap:8px;color:#edf5ff;font-size:15px;font-weight:650;line-height:1.4;margin:0 0 6px}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-card-title small{display:none}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-note{display:block;color:#97aecc;font-size:12px;font-weight:400;line-height:1.65}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-card-arrow{width:16px;height:16px;color:#6995c2;transition:transform .18s}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-card:hover .hh-menu-card-arrow{color:#b2d8ff;transform:translateX(3px)}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-aside{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;padding:23px 25px;border:1px solid #37618c;border-radius:11px;background:radial-gradient(ellipse at 100% 0%,#4169ac4d,transparent 70%),linear-gradient(125deg,#1a426d,#142c4f)}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-aside-icon{color:#a4d5ff;width:32px;height:32px;margin-bottom:20px}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-aside .hh-menu-eyebrow{font-size:8px;letter-spacing:1.1px;color:#8eb7df}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-aside h3{margin:10px 0 12px;color:#f2f7ff;font-size:24px;font-weight:700;letter-spacing:-.6px;line-height:1.2}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-aside p{color:#a9c0dc;font-size:12px;line-height:1.7;margin-bottom:17px}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu a.hh-menu-aside-link{display:inline-flex!important;align-items:center;justify-content:space-between;gap:15px;width:100%;padding:12px 0 0!important;border-top:1px solid #477397!important;border-radius:0;background:none!important;font-size:12px!important;font-weight:650}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-aside-link .hh-menu-icon{width:17px;height:17px}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-server-layout{grid-template-columns:1fr 1fr 310px;gap:20px}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-platform{min-width:0;display:grid;gap:12px;align-content:start}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-platform-title{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:30px;padding:0 3px 4px}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-platform-title>span{color:#d3e7ff;font-size:19px;font-weight:700;letter-spacing:-.5px}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-platform-title b{font-size:11px;font-weight:500;letter-spacing:1px;color:#8ab0d9;margin-left:5px}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-platform-title small{font-size:8px;letter-spacing:1.2px;color:#7896b8}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-platform--amd .hh-menu-platform-title>span{color:#d4c7ff}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-platform--amd .hh-menu-glyph{color:#c0b0f3;border-color:#514b79;background:linear-gradient(135deg,#353960,#262c4c)}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-rack{width:130px;display:grid;gap:5px;margin:0 0 22px;transform:perspective(400px) rotateY(-12deg);color:#8bbdff}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-rack>span{display:flex;align-items:center;gap:5px;height:23px;padding:0 10px;border:1px solid #5a82af;border-radius:4px;background:linear-gradient(180deg,#3b5f87,#243f63);box-shadow:3px 3px 0 #0c1f3b}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-rack i{width:3px;height:3px;background:#75dacb;border-radius:50%}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-rack b{height:9px;flex:1;margin-left:10px;background:repeating-linear-gradient(90deg,#101f39 0 2px,transparent 2px 5px)}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-policies{padding:18px 20px;border:1px solid #2d4663;border-radius:10px;background:#102139}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-policy-heading{display:flex;align-items:center;gap:10px;color:#86a5cb;font-size:8px;letter-spacing:1.1px;font-weight:600;margin-bottom:10px}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-policy-heading .hh-menu-icon{width:19px;height:19px}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-policies a{display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:11px 0!important;border-bottom:1px solid #2a405b!important;background:none!important;border-radius:0;font-size:12px!important;color:#b9cfe9!important}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-policies a:last-child{border-bottom:0!important;padding-bottom:3px!important}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-policies a:hover{color:#f0f7ff!important}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-policies a .hh-menu-icon{width:14px;height:14px;color:#6e99c5}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 28px;border-top:1px solid #2a3e56;background:#091528}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-footer>span{display:flex;align-items:center;gap:8px;color:#83a0be;font-size:10px}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-footer i{width:5px;height:5px;flex:none;background:#58d7b6;border-radius:50%}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-footer a{display:flex!important;align-items:center;gap:13px;padding:0!important;background:none!important;color:#8ca8c9!important;font-size:10px!important}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-footer strong{color:#fff;font-size:15px;letter-spacing:.2px;font-weight:700}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-footer .hh-menu-icon{width:16px;height:16px;color:#91bdf0}
body .hh-nav-toggle .hh-toggle-icon{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
body .hh-nav-toggle .hh-toggle-close{display:none}
body .hh-nav-toggle[aria-expanded=true] .hh-toggle-open{display:none}
body .hh-nav-toggle[aria-expanded=true] .hh-toggle-close{display:block}
@media(min-width:1200px){body .hh-nav-toggle{display:none!important}}
@media(max-width:1399px) and (min-width:1200px){body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-layout{grid-template-columns:1fr 270px;gap:18px;padding:22px}body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-server-layout{grid-template-columns:1fr 1fr 270px}body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-card-title{font-size:13px}body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-note{font-size:11px}body :is(#hostiko_main_menu,#mainNavbar) .hh-menu a.hh-menu-card{gap:11px;padding:17px 13px!important}body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-glyph{flex-basis:40px;height:42px}body :is(#hostiko_main_menu,#mainNavbar) .hh-nav-trigger{font-size:13px;gap:5px}}
@media(max-width:1199px){
body .hh-nav-toggle{display:flex!important;align-items:center;justify-content:center;position:static!important;flex:none;width:34px;height:34px;margin:0!important;padding:5px!important;border:1px solid #6a89b355!important;border-radius:7px!important;background:#25426066!important;color:#e9f4ff!important;box-shadow:none!important}
body .nav-container:has(#hostiko_main_menu) .responsive-mobile-menu{display:flex;align-items:center;gap:12px;width:auto;position:static}
body :is(#hostiko_main_menu,#mainNavbar).hh-nav-collapse{display:none!important;position:absolute!important;top:calc(100% + 9px)!important;left:0!important;right:0!important;width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;max-height:var(--hh-nav-mobile-max,72dvh)!important;overflow:auto!important;overscroll-behavior:contain;padding:12px!important;margin:0!important;border:1px solid #39516f!important;border-radius:12px!important;background:#0d1930!important;box-shadow:0 22px 50px #02081799;z-index:100;scrollbar-width:thin;scrollbar-color:#3c5879 #0d1930}
body :is(#hostiko_main_menu,#mainNavbar).hh-mobile-open{display:block!important}
body :is(#hostiko_main_menu,#mainNavbar)>ul{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important;width:100%!important;max-height:none!important;padding:0!important;margin:0!important;background:none!important;border:0!important}
body :is(#hostiko_main_menu,#mainNavbar)>ul>li{display:block!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;background:none!important;text-align:left!important}
body :is(#hostiko_main_menu,#mainNavbar)>ul>li>a,body :is(#hostiko_main_menu,#mainNavbar) .hh-nav-trigger{display:flex!important;align-items:center;justify-content:space-between;gap:15px;width:100%;padding:14px 13px!important;margin:0!important;min-height:44px;font-size:13px!important;line-height:1.3!important;font-weight:600!important;border:0!important;border-radius:7px!important;background:#172a4280!important;color:#e5f0ff!important;text-align:left!important;text-transform:uppercase!important}
body :is(#hostiko_main_menu,#mainNavbar) .hh-nav-disclosure[open]>.hh-nav-trigger{background:#22456c!important;color:#a9d4ff!important}
body :is(#hostiko_main_menu,#mainNavbar) .hh-mega{position:static!important;max-height:none!important;width:100%!important;padding:0!important;margin:8px 0!important;overflow:visible!important;box-shadow:none;border-radius:9px}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu{border-radius:9px;background:#0b172b;border-color:#2b415c}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-heading{padding:19px 17px;gap:12px}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-heading h2{font-size:19px;margin-top:6px}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-heading-note{display:none}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-layout{display:block;padding:15px;gap:14px}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-aside{display:none}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-server-layout{display:grid;grid-template-columns:1fr 1fr}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-cards{gap:10px}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu a.hh-menu-card{min-height:92px;padding:15px 13px!important;gap:12px}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-card-title{font-size:14px}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-note{font-size:11px}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-glyph{flex-basis:40px;height:42px}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-footer{padding:14px 16px}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-footer>span{display:none}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-footer a{width:100%;justify-content:space-between}
body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-policies{margin-top:14px;padding:17px}
body #header .main-navbar-wrapper:has(.hh-nav-collapse){display:block!important;position:static!important;min-width:0!important;max-width:none!important;width:auto!important;padding:0!important;margin:0!important;border:0!important;background:none!important;flex:0 0 0!important;box-shadow:none!important}
body #header .toolbar:has(.hh-nav-toggle){display:flex!important}
body #header .toolbar:has(.hh-nav-toggle)>li{display:block!important}
}
@media(max-width:600px){body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-cards,body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-server-layout{grid-template-columns:1fr}body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-heading h2{font-size:17px}body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-eyebrow{font-size:8px;letter-spacing:1.1px}body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-platform+.hh-menu-platform{margin-top:7px}body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-card-arrow{width:13px;height:13px}body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-layout{padding:12px}body :is(#hostiko_main_menu,#mainNavbar) .hh-menu a.hh-menu-card{padding:13px 11px!important;gap:10px;min-height:84px}body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-card-title{font-size:13px}body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-note{font-size:11px}body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-glyph{flex-basis:34px;height:38px;border-radius:8px}body :is(#hostiko_main_menu,#mainNavbar) .hh-menu-glyph .hh-menu-icon{width:21px;height:21px}}
@media(max-width:600px){body .nav-container:has(#hostiko_main_menu) .responsive-mobile-menu{gap:8px}body .nav-container:has(#hostiko_main_menu) .logo{width:auto!important;min-width:0}body .nav-container:has(#hostiko_main_menu) .custom-logo-link{display:block;width:130px!important;min-width:0;height:auto!important}body .nav-container:has(#hostiko_main_menu) img.custom-logo{width:100%!important;max-width:100%!important;height:auto!important}}
@media(max-width:360px){body .nav-container:has(#hostiko_main_menu) .custom-logo-link{width:100px!important}body .nav-container:has(#hostiko_main_menu) .hh-nav-toggle{width:32px}}
@media(prefers-reduced-motion:reduce){body :is(#hostiko_main_menu,#mainNavbar) :is(.hh-nav-chevron,.hh-menu-card,.hh-menu-card-arrow){transition:none}}