@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#05061f;--bg2:#080922;--card:#151936;--line:rgba(62,193,243,.16);--cyan:#3ec1f3;--blue:#008ffe;--text:#fff;--muted:#9da9c8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Montserrat,Arial,sans-serif}a{color:inherit}.shell{width:min(1400px,calc(100% - 42px));margin:auto}
.site-header{position:relative;z-index:1000;background:rgba(4,5,28,.94);border-bottom:1px solid rgba(255,255,255,.06)}
.site-header:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(62,193,243,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(62,193,243,.035) 1px,transparent 1px);background-size:56px 56px;pointer-events:none}
.topbar{position:relative;border-bottom:1px solid rgba(255,255,255,.07)}.topbar-inner{height:50px;display:flex;align-items:center;justify-content:space-between;gap:20px}.announcement{font-size:12px;font-weight:700;color:#d9e2ff}.announcement span{display:inline-flex;margin-right:10px;padding:7px 12px;border-radius:999px;background:rgba(255,166,0,.12);color:#ffb400;font-size:9px}.utility-nav{display:flex;gap:22px}.utility-nav a{color:#9eabd0;text-decoration:none;font-size:11px}.utility-nav a:hover{color:var(--cyan)}
.nav-wrap{position:relative}.nav-inner{height:112px;display:flex;align-items:center;gap:34px}.brand{width:205px;height:78px;display:flex;align-items:center;overflow:hidden}.brand img{width:100%;height:100%;object-fit:contain}.main-nav{display:flex;align-items:center;gap:28px;flex:1}.main-nav>a,.dropdown-toggle{border:0;background:none;color:#fff;font:800 12px Montserrat;cursor:pointer;text-decoration:none;padding:18px 0}.main-nav>a:hover,.dropdown-toggle:hover{color:var(--cyan)}.dropdown{position:relative}.dropdown-toggle span{margin-left:6px}.small-menu,.mega-menu{position:absolute;top:calc(100% + 15px);opacity:0;visibility:hidden;transform:translateY(12px);pointer-events:none;transition:.2s;background:#08072c;border:1px solid rgba(62,193,243,.2);box-shadow:0 30px 80px rgba(0,0,0,.5)}.dropdown.open>.small-menu,.dropdown.open>.mega-menu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.small-menu{left:0;width:230px;padding:12px;border-radius:12px}.small-menu a{display:block;padding:13px 14px;border-radius:8px;text-decoration:none;color:#b7c2df;font-size:11px;font-weight:700}.small-menu a:hover{background:rgba(62,193,243,.08);color:#fff}.mega-menu{left:50%;width:735px;padding:25px 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;border-radius:10px;transform:translate(-50%,12px)}.mega-dropdown.open>.mega-menu{transform:translate(-50%,0)}.mega-menu section+section{border-left:1px solid rgba(255,255,255,.08);padding-left:28px}.mega-menu h3{margin:0 0 16px;text-transform:uppercase;font-size:10px}.mega-menu a{display:flex;align-items:center;gap:12px;padding:9px 0;text-decoration:none}.mega-menu b{width:40px;height:40px;display:grid;place-items:center;border-radius:9px;background:rgba(0,143,254,.16);color:var(--cyan)}.mega-menu span,.mega-menu strong,.mega-menu small{display:block}.mega-menu strong{font-size:11px}.mega-menu small{margin-top:4px;color:#7480a1;font-size:7px}.launch-btn{padding:17px 22px;border-radius:10px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#03111c;text-decoration:none;text-transform:uppercase;font-size:9px;font-weight:900;white-space:nowrap}.menu-toggle{display:none}
.static-footer{background:#060822;border-top:1px solid rgba(62,193,243,.12)}.footer-top{padding:70px 0 50px;display:grid;grid-template-columns:1.2fr 2fr;gap:70px}.footer-brand img{width:270px;max-width:100%;height:100px;object-fit:contain}.footer-brand p{max-width:470px;color:var(--muted);font-size:11px;line-height:1.8}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.footer-links h3{margin:0 0 20px;font-size:11px}.footer-links h3:after{content:"";display:block;width:25px;height:2px;margin-top:10px;background:var(--cyan)}.footer-links a{display:block;margin:13px 0;color:#8995b5;text-decoration:none;font-size:9px}.footer-links a:hover{color:var(--cyan)}.footer-bottom{border-top:1px solid rgba(255,255,255,.06);background:#030415}.footer-bottom .shell{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#687493;font-size:8px}
.page-hero{position:relative;padding:120px 22px 90px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(62,193,243,.13),transparent 42%),#05061f}.page-hero span{color:var(--cyan);font-size:11px;font-weight:900;letter-spacing:2px}.page-hero h1{margin:18px auto;font-size:clamp(42px,6vw,72px);max-width:950px}.page-hero p{max-width:760px;margin:auto;color:var(--muted);font-size:15px;line-height:1.8}.page-content{padding:90px 22px;background:#080922}.content-grid{width:min(1200px,100%);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.info-card{padding:30px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#171a3c,#0d102b)}.info-card h2,.info-card h3{margin:0 0 13px}.info-card p{color:var(--muted);font-size:12px;line-height:1.8}.info-card a{color:var(--cyan);font-weight:800;text-decoration:none;font-size:11px}
@media(max-width:1050px){.utility-nav{display:none}.main-nav{position:absolute;top:100%;left:0;right:0;display:none;padding:20px;background:#070823;flex-direction:column;align-items:stretch}.site-header.mobile .main-nav{display:flex}.nav-inner{height:90px}.menu-toggle{display:grid;margin-left:auto;width:42px;height:42px;padding:10px;border:1px solid var(--line);border-radius:8px;background:none}.menu-toggle span{height:2px;background:#fff}.launch-btn{display:none}.small-menu,.mega-menu{position:static;width:auto!important;transform:none!important;margin:5px 0 10px;display:none}.dropdown.open>.small-menu,.dropdown.open>.mega-menu{display:block}.mega-menu{grid-template-columns:1fr}.mega-menu section+section{border-left:0;padding-left:0}.footer-top{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.shell{width:calc(100% - 28px)}.announcement{font-size:9px}.brand{width:165px}.footer-links,.content-grid{grid-template-columns:1fr}.footer-bottom .shell{padding:18px 0;align-items:flex-start;flex-direction:column}.page-hero{padding-top:85px}}


/* =========================================================
   HORIZONNODE PREMIUM HEADER V2
   Matches the proportions of the supplied hosting reference.
   ========================================================= */
.site-header{
  position:relative;
  z-index:1000;
  background:
    radial-gradient(circle at 78% 100%,rgba(48,19,76,.22),transparent 27%),
    radial-gradient(circle at 18% 115%,rgba(0,143,254,.09),transparent 26%),
    #05051d;
  border-bottom:1px solid rgba(79,91,154,.16);
}
.site-header:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(73,87,145,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(73,87,145,.055) 1px,transparent 1px);
  background-size:55px 55px;
  pointer-events:none;
}
.site-header .shell{
  width:min(1400px,calc(100% - 44px));
}

/* announcement / utility bar */
.topbar{
  position:relative;
  z-index:2;
  border-bottom:0;
}
.topbar-inner{
  height:50px;
  padding:0 19px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border-left:1px solid rgba(108,101,160,.19);
  border-right:1px solid rgba(108,101,160,.19);
  border-bottom:1px solid rgba(108,101,160,.19);
  border-radius:0 0 22px 22px;
  background:rgba(5,5,29,.28);
}
.announcement{
  display:flex;
  align-items:center;
  font-size:12px;
  font-weight:700;
  color:#dbe3fb;
}
.announcement span{
  display:inline-flex;
  align-items:center;
  margin-right:12px;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(255,163,0,.14);
  color:#ffb000;
  font-size:9px;
  line-height:1;
}
.utility-nav{
  display:flex;
  align-items:center;
  gap:22px;
}
.utility-nav a{
  color:#aeb9d8;
  text-decoration:none;
  font-size:11px;
  font-weight:500;
}
.utility-nav a:hover{color:#fff}

/* primary navigation */
.nav-wrap{
  position:relative;
  z-index:3;
  background:rgba(4,4,28,.18);
}
.nav-inner{
  height:114px;
  display:flex;
  align-items:center;
  gap:26px;
}
.brand{
  position:relative;
  width:205px;
  height:58px;
  padding-right:25px;
  margin-right:2px;
  display:flex;
  align-items:center;
  overflow:visible;
  flex:0 0 auto;
}
.brand:after{
  content:"";
  position:absolute;
  right:0;
  top:9px;
  bottom:9px;
  width:1px;
  background:rgba(255,255,255,.12);
}
.brand img{
  width:180px;
  height:50px;
  object-fit:contain;
  transform:scale(1.36);
  transform-origin:left center;
}
.main-nav{
  display:flex;
  align-items:center;
  gap:31px;
  flex:1;
  min-width:0;
}
.main-nav>a,.dropdown-toggle{
  position:relative;
  border:0;
  background:none;
  color:#fff;
  font:800 13px Montserrat,Arial,sans-serif;
  cursor:pointer;
  text-decoration:none;
  padding:18px 0;
  white-space:nowrap;
}
.main-nav>a:hover,.dropdown-toggle:hover{color:#3ec1f3}
.dropdown-toggle span{
  margin-left:7px;
  font-size:11px;
}
.launch-btn{
  min-width:168px;
  height:52px;
  padding:0 22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:11px;
  background:linear-gradient(135deg,#29baff,#008ffe);
  box-shadow:0 10px 30px rgba(0,143,254,.12);
  color:#020d17;
  text-decoration:none;
  text-transform:uppercase;
  font-size:9px;
  font-weight:900;
  white-space:nowrap;
}
.launch-btn:hover{
  transform:translateY(-2px);
  filter:brightness(1.05);
}

/* dropdown position feels connected to the navbar */
.small-menu,.mega-menu{
  top:calc(100% + 9px);
}
.mega-menu{
  left:50%;
  width:735px;
}

/* scrolled header */
.site-header.hn-scrolled .nav-wrap{
  background:rgba(5,5,29,.93);
  backdrop-filter:blur(15px);
}

/* responsive */
@media(max-width:1050px){
  .site-header .shell{width:calc(100% - 28px)}
  .topbar-inner{border-radius:0 0 16px 16px}
  .nav-inner{height:88px}
  .brand{
    width:185px;
    height:50px;
    padding-right:0;
  }
  .brand:after{display:none}
  .brand img{
    width:165px;
    height:44px;
    transform:scale(1.25);
  }
  .utility-nav{display:none}
  .main-nav{
    position:absolute;
    top:100%;
    left:0;
    right:0;
    display:none;
    padding:20px;
    background:#070823;
    border-top:1px solid rgba(62,193,243,.11);
    flex-direction:column;
    align-items:stretch;
    gap:4px;
  }
  .site-header.mobile .main-nav{display:flex}
  .menu-toggle{display:grid}
  .launch-btn{display:none}
}
@media(max-width:620px){
  .announcement{font-size:9px}
  .announcement span{padding:6px 9px}
  .brand{width:160px}
  .brand img{width:145px}
}


/* =========================================================
   HORIZONNODE - FINAL HN2 FOOTER OVERRIDE
   MUST BE AT THE VERY BOTTOM OF THE CSS FILE
   ========================================================= */

footer.hn2-footer {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #05061f !important;
    color: #9faecc !important;
    border-top: 1px solid rgba(62,193,243,.12) !important;
    font-family: Montserrat, Arial, sans-serif !important;
}

footer.hn2-footer,
footer.hn2-footer * {
    box-sizing: border-box !important;
}


/* MAIN WIDTH */
footer.hn2-footer .hn2-shell {
    width: min(1400px, calc(100% - 64px)) !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 70px 0 25px !important;
}


/* =========================================================
   COLUMNS
   ========================================================= */

footer.hn2-footer .hn2-footer-grid {
    display: grid !important;

    grid-template-columns:
        1.5fr
        1fr
        1fr
        1fr !important;

    gap: 70px !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    align-items: start !important;
}


/* =========================================================
   BRAND
   ========================================================= */

footer.hn2-footer .hn2-footer-brand {
    min-width: 0 !important;
}

footer.hn2-footer .hn2-footer-logo {
    display: inline-flex !important;
    align-items: center !important;

    margin: 0 0 28px !important;
    padding: 0 !important;
}

footer.hn2-footer .hn2-footer-brand img {
    display: block !important;

    width: auto !important;
    height: 55px !important;
    max-width: 280px !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;
}

footer.hn2-footer .hn2-footer-brand p {
    display: block !important;

    max-width: 380px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #9faecc !important;

    font-size: 14px !important;
    line-height: 1.7 !important;
}


/* =========================================================
   COLUMN TITLES
   ========================================================= */

footer.hn2-footer .hn2-footer-column h4,
footer.hn2-footer section h4 {
    margin: 0 0 20px !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-size: 13px !important;
    font-weight: 800 !important;

    text-transform: uppercase !important;
    letter-spacing: .4px !important;
}


/* =========================================================
   LINKS
   ========================================================= */

footer.hn2-footer .hn2-footer-links {
    display: flex !important;

    flex-direction: column !important;
    align-items: flex-start !important;

    gap: 13px !important;

    margin: 0 !important;
    padding: 0 !important;
}

footer.hn2-footer .hn2-footer-links a {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #9faecc !important;

    font-size: 14px !important;
    font-weight: 400 !important;

    line-height: 1.4 !important;

    text-decoration: none !important;
}

footer.hn2-footer .hn2-footer-links a:hover {
    color: #3ec1f3 !important;
}


/* =========================================================
   SOCIALS
   ========================================================= */

footer.hn2-footer .hn2-socials {
    display: flex !important;

    align-items: center !important;

    gap: 10px !important;

    margin: 20px 0 0 !important;
    padding: 0 !important;
}

footer.hn2-footer .hn2-socials a {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 38px !important;
    height: 38px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #171932 !important;

    border: 1px solid rgba(62,193,243,.18) !important;
    border-radius: 9px !important;

    color: #ffffff !important;

    text-decoration: none !important;
}

footer.hn2-footer .hn2-socials a:hover {
    background: #111d3d !important;
    border-color: #3ec1f3 !important;
    color: #3ec1f3 !important;
}

footer.hn2-footer .hn2-socials svg {
    width: 19px !important;
    height: 19px !important;

    margin: 0 !important;
    padding: 0 !important;

    fill: currentColor !important;
    color: currentColor !important;
}


/* Instagram */
footer.hn2-footer .hn2-socials a:nth-child(3) svg {
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
}


/* =========================================================
   PAYMENT METHODS
   ========================================================= */

footer.hn2-footer .hn2-payments {
    display: flex !important;

    align-items: center !important;
    flex-wrap: wrap !important;

    gap: 10px !important;

    width: 100% !important;

    margin: 50px 0 0 !important;
    padding: 25px 0 0 !important;

    border-top: 1px solid rgba(255,255,255,.07) !important;
}

footer.hn2-footer .hn2-payments span {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-width: 60px !important;
    height: 32px !important;

    margin: 0 !important;
    padding: 0 12px !important;

    background: #171932 !important;

    border: 1px solid rgba(62,193,243,.16) !important;
    border-radius: 7px !important;

    color: #3ec1f3 !important;

    font-size: 10px !important;
    font-weight: 700 !important;

    white-space: nowrap !important;
}


/* =========================================================
   NEWSLETTER
   ========================================================= */

footer.hn2-footer .hn2-news {
    display: flex !important;

    align-items: center !important;
    justify-content: space-between !important;

    gap: 40px !important;

    width: 100% !important;

    margin: 35px 0 0 !important;
    padding: 30px 0 !important;

    border-top: 1px solid rgba(255,255,255,.07) !important;
    border-bottom: 1px solid rgba(255,255,255,.07) !important;
}

footer.hn2-footer .hn2-news h4 {
    margin: 0 0 8px !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-size: 15px !important;
    font-weight: 800 !important;
}

footer.hn2-footer .hn2-news p {
    margin: 0 !important;
    padding: 0 !important;

    color: #8997b5 !important;

    font-size: 13px !important;
}


/* NEWSLETTER FORM */

footer.hn2-footer .hn2-news-form {
    display: flex !important;

    align-items: center !important;

    gap: 10px !important;

    margin: 0 !important;
    padding: 0 !important;
}

footer.hn2-footer .hn2-news-form input {
    width: 290px !important;
    height: 44px !important;

    margin: 0 !important;
    padding: 0 14px !important;

    background: #0b0d24 !important;

    border: 1px solid rgba(62,193,243,.16) !important;
    border-radius: 7px !important;

    color: #ffffff !important;

    font-family: Montserrat, Arial, sans-serif !important;
}

footer.hn2-footer .hn2-news-form button {
    height: 44px !important;

    margin: 0 !important;
    padding: 0 22px !important;

    background: linear-gradient(
        135deg,
        #3ec1f3,
        #008ffe
    ) !important;

    border: 0 !important;
    border-radius: 7px !important;

    color: #04111b !important;

    font-weight: 800 !important;
}


/* =========================================================
   BOTTOM
   ========================================================= */

footer.hn2-footer .hn2-footer-bottom {
    display: flex !important;

    align-items: center !important;
    justify-content: space-between !important;

    gap: 25px !important;

    margin: 0 !important;
    padding: 22px 0 0 !important;

    border: 0 !important;
}

footer.hn2-footer .hn2-footer-bottom > span {
    margin: 0 !important;
    padding: 0 !important;

    color: #7887a6 !important;

    font-size: 12px !important;
}

footer.hn2-footer .hn2-footer-bottom nav {
    display: flex !important;

    align-items: center !important;

    gap: 22px !important;
}

footer.hn2-footer .hn2-footer-bottom nav a {
    color: #7887a6 !important;

    font-size: 12px !important;

    text-decoration: none !important;
}

footer.hn2-footer .hn2-footer-bottom nav a:hover {
    color: #3ec1f3 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 900px) {

    footer.hn2-footer .hn2-footer-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 45px !important;
    }

    footer.hn2-footer .hn2-footer-brand {
        grid-column: 1 / -1 !important;
    }

    footer.hn2-footer .hn2-news {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    footer.hn2-footer .hn2-news-form {
        width: 100% !important;
    }

    footer.hn2-footer .hn2-news-form input {
        flex: 1 !important;
        width: auto !important;
    }
}


@media (max-width: 600px) {

    footer.hn2-footer .hn2-shell {
        width: calc(100% - 32px) !important;
        padding: 45px 0 22px !important;
    }

    footer.hn2-footer .hn2-footer-grid {
        grid-template-columns: 1fr !important;
    }

    footer.hn2-footer .hn2-footer-brand {
        grid-column: auto !important;
    }

    footer.hn2-footer .hn2-news-form {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    footer.hn2-footer .hn2-news-form input,
    footer.hn2-footer .hn2-news-form button {
        width: 100% !important;
    }

    footer.hn2-footer .hn2-footer-bottom {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
}

/* HorizonNode Footer Logo Size Fix */
footer.hn2-footer .hn2-footer-brand img {
    width: auto !important;
    height: 70px !important;
    max-width: 320px !important;
    object-fit: contain !important;
    display: block !important;
}