/* Offshore Hub unified header/frame cleanup - v20260607b */
:root{
  --oh-bg:#030c15;
  --oh-panel:#061523;
  --oh-blue:rgba(0,137,216,.92);
  --oh-blue-soft:rgba(92,182,255,.36);
  --oh-orange:#ff6a00;
  --oh-orange-soft:rgba(255,106,0,.22);
  --oh-text:#f5f8ff;
  --oh-muted:#b9c7d7;
  --oh-green:#20e895;
}

/* One clean side rail only */
.page,
.site-shell{
  position:relative !important;
  border-top:0 !important;
  border-bottom:0 !important;
  border-left:1px solid var(--oh-blue) !important;
  border-right:1px solid var(--oh-blue) !important;
  border-radius:0 !important;
  overflow:hidden !important;
  box-shadow:none !important;
}
.page::before,
.page::after,
.site-shell::before,
.site-shell::after,
.topnav::before,
.topnav::after,
.oh-real-header::before,
.oh-real-header::after,
.oh-real-inner::before,
.oh-real-inner::after{
  content:none !important;
  display:none !important;
}

/* Flush header to frame */
.oh-real-header{
  position:relative !important;
  z-index:50 !important;
  margin:0 !important;
  padding:0 !important;
  background:linear-gradient(180deg,rgba(4,11,19,.985),rgba(2,8,15,.96)) !important;
  border:0 !important;
  border-bottom:1px solid rgba(255,106,0,.68) !important;
  box-shadow:inset 0 -1px 0 rgba(0,124,255,.15), 0 14px 36px rgba(0,0,0,.18) !important;
}
.oh-real-inner{
  min-height:72px !important;
  display:grid !important;
  grid-template-columns:auto 1px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:26px !important;
  padding:0 34px !important;
  width:100% !important;
}
.oh-real-logo{
  display:flex !important;
  align-items:center !important;
  min-width:0 !important;
  text-decoration:none !important;
}
.oh-real-logo img{
  display:block !important;
  width:auto !important;
  height:44px !important;
  max-width:240px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 0 12px rgba(255,106,0,.14)) !important;
}
.oh-real-sep{
  display:block !important;
  width:1px !important;
  height:30px !important;
  background:linear-gradient(180deg,transparent,rgba(123,182,227,.48),transparent) !important;
  box-shadow:0 0 12px rgba(0,140,255,.12) !important;
}

.oh-real-nav{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  min-width:0 !important;
}
.oh-real-nav a{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  min-height:72px !important;
  padding:0 20px !important;
  color:var(--oh-text) !important;
  text-decoration:none !important;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;
  white-space:nowrap !important;
  opacity:.95 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.oh-real-nav a + a::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:1px !important;
  height:28px !important;
  background:rgba(120,146,172,.36) !important;
  box-shadow:0 0 10px rgba(0,174,255,.10) !important;
}
.oh-real-nav a:hover,
.oh-real-nav a.active{
  color:#ff861c !important;
  opacity:1 !important;
}
.oh-real-nav a.active::after,
.oh-real-nav a:hover::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  bottom:10px !important;
  width:42px !important;
  height:3px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,#ff6a00,#ff9c37) !important;
  box-shadow:0 0 18px rgba(255,106,0,.55) !important;
}
.oh-real-nav svg{
  width:15px !important;
  height:15px !important;
  fill:currentColor !important;
  opacity:.92 !important;
  flex:0 0 auto !important;
}

.oh-real-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  min-width:max-content !important;
}
.oh-real-lang{
  display:inline-flex !important;
  align-items:center !important;
  gap:4px !important;
  padding:4px !important;
  border:1px solid rgba(255,106,0,.42) !important;
  border-radius:10px !important;
  background:rgba(5,16,28,.92) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.oh-real-lang button{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  height:32px !important;
  padding:0 10px !important;
  border:0 !important;
  border-radius:8px !important;
  background:transparent !important;
  color:#eef6ff !important;
  cursor:pointer !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
  box-shadow:none !important;
}
.oh-real-lang button img{
  width:18px !important;
  height:18px !important;
  border-radius:50% !important;
  display:block !important;
}
.oh-real-lang button.active,
.oh-real-lang button:hover{
  background:linear-gradient(135deg,#ff6a00,#ff8a22) !important;
  color:#fff !important;
  box-shadow:0 0 14px rgba(255,106,0,.26) !important;
}

.oh-real-live{
  height:40px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:0 16px !important;
  border-radius:10px !important;
  border:1px solid rgba(0,137,216,.55) !important;
  background:linear-gradient(180deg,rgba(4,20,34,.94),rgba(4,15,24,.92)) !important;
  text-decoration:none !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 0 16px rgba(0,124,255,.06) !important;
}
.oh-real-live i{
  width:8px !important;
  height:8px !important;
  border-radius:50% !important;
  background:var(--oh-green) !important;
  box-shadow:0 0 12px var(--oh-green) !important;
  flex:0 0 auto !important;
}
.oh-real-live b{
  color:#fff !important;
  font-size:13px !important;
  font-weight:950 !important;
}
.oh-real-live span{
  color:var(--oh-green) !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.03em !important;
}

.oh-real-cta{
  height:44px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  padding:0 24px !important;
  border-radius:10px !important;
  background:linear-gradient(135deg,#ff6a00,#ff8a22) !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:950 !important;
  text-decoration:none !important;
  letter-spacing:.02em !important;
  box-shadow:0 0 24px rgba(255,106,0,.28), inset 0 1px 0 rgba(255,255,255,.16) !important;
}
.oh-real-cta:hover{
  filter:brightness(1.06) !important;
  transform:translateY(-1px) !important;
}

/* Main pages footer should align with the same frame */
.footer,
.bottom,
.oh-footer-credit{
  margin-left:0 !important;
  margin-right:0 !important;
  width:100% !important;
  border-left:0 !important;
  border-right:0 !important;
  border-radius:0 !important;
}

@media (max-width:1320px){
  .oh-real-inner{grid-template-columns:auto 1px minmax(0,1fr) auto !important; gap:18px !important; padding:0 22px !important;}
  .oh-real-logo img{height:40px !important; max-width:210px !important;}
  .oh-real-nav a{padding:0 15px !important; font-size:12px !important;}
  .oh-real-actions{gap:8px !important;}
  .oh-real-live{padding:0 12px !important;}
  .oh-real-cta{padding:0 18px !important;}
}

@media (max-width:1120px){
  .oh-real-inner{grid-template-columns:1fr !important; gap:12px !important; padding:14px 18px !important;}
  .oh-real-sep{display:none !important;}
  .oh-real-logo{justify-content:center !important;}
  .oh-real-nav{justify-content:center !important; flex-wrap:wrap !important;}
  .oh-real-nav a{min-height:46px !important; padding:0 14px !important;}
  .oh-real-nav a + a::before{display:none !important;}
  .oh-real-actions{justify-content:center !important; flex-wrap:wrap !important;}
}


/* ==========================================================
   v15 top-line / side-rail fix
   Restore the frame starting at the very top of the page.
   Do not alter the hero layout.
   ========================================================== */
@media (min-width:901px){
  html,
  body{
    margin-top:0 !important;
    padding-top:0 !important;
  }

  body{
    top:0 !important;
  }

  body > .skiptranslate,
  iframe.skiptranslate,
  .goog-te-banner-frame,
  .goog-te-gadget,
  #google_translate_element{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    height:0 !important;
    min-height:0 !important;
    overflow:hidden !important;
    pointer-events:none !important;
  }

  body .page,
  body.home-index .page,
  html body .page,
  body .site-shell,
  html body .site-shell{
    margin-top:0 !important;
    padding-top:0 !important;
    border-top:0 !important;
    border-left:1px solid rgba(0,174,255,.86) !important;
    border-right:1px solid rgba(0,174,255,.86) !important;
    border-bottom:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    overflow:hidden !important;
  }

  body .page::before,
  body .page::after,
  body .site-shell::before,
  body .site-shell::after{
    display:none !important;
    content:none !important;
  }

  .oh-real-header{
    margin-top:0 !important;
    border-top:0 !important;
  }

  .oh-real-header + section,
  .oh-real-header + main{
    margin-top:0 !important;
  }
}


/* ==========================================================
   v36 SINGLE HERO STANDARD
   One hero size and image behavior on all desktop pages.
   No injected img layers. No orange filler. Content stays visible.
   ========================================================== */
@media (min-width:901px){
  :root{
    --oh-hero-h:360px;
  }

  body.home-index .hero,
  body.news-page .hero,
  body.news-page .article-hero,
  body.about-page .hero,
  body.contact-page .hero,
  body.legal-page .legal-hero,
  body.jobs-page .jobs-as-news-hero,
  body.jobs-page .jobs-cinematic-hero,
  body.jobs-page .hero-enterprise,
  body.jobs-page .jobs-hero-panel{
    position:relative !important;
    height:var(--oh-hero-h) !important;
    min-height:var(--oh-hero-h) !important;
    max-height:var(--oh-hero-h) !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    margin:0 !important;
    background-color:#020912 !important;
    background-size:100% 100%, 100% 100%, cover !important;
    background-position:center center, center center, center center !important;
    background-repeat:no-repeat, no-repeat, no-repeat !important;
    border-top:0 !important;
  }

  /* Shared real background images, directly on hero sections */
  body.home-index:not(.news-page):not(.about-page):not(.contact-page) .hero{
    background-image:
      linear-gradient(90deg,rgba(2,7,13,.97) 0%,rgba(2,7,13,.86) 28%,rgba(2,7,13,.48) 52%,rgba(2,7,13,.12) 78%,rgba(2,7,13,0) 100%),
      linear-gradient(180deg,rgba(2,7,13,.03) 0%,rgba(2,7,13,.34) 100%),
      url('/assets/Hero/hero3.png?v=hero36') !important;
  }

  body.jobs-page .jobs-as-news-hero,
  body.jobs-page .jobs-cinematic-hero,
  body.jobs-page .hero-enterprise,
  body.jobs-page .jobs-hero-panel{
    background-image:
      linear-gradient(90deg,rgba(2,7,13,.97) 0%,rgba(2,7,13,.86) 28%,rgba(2,7,13,.48) 52%,rgba(2,7,13,.12) 78%,rgba(2,7,13,0) 100%),
      linear-gradient(180deg,rgba(2,7,13,.03) 0%,rgba(2,7,13,.34) 100%),
      url('/assets/Hero/hero3.png?v=hero36') !important;
  }

  body.news-page .hero,
  body.news-page .article-hero{
    background-image:
      linear-gradient(90deg,rgba(2,7,13,.97) 0%,rgba(2,7,13,.86) 28%,rgba(2,7,13,.48) 52%,rgba(2,7,13,.12) 78%,rgba(2,7,13,0) 100%),
      linear-gradient(180deg,rgba(2,7,13,.03) 0%,rgba(2,7,13,.34) 100%),
      url('/assets/Hero/hero1.png?v=hero36') !important;
  }

  body.about-page .hero{
    background-image:
      linear-gradient(90deg,rgba(2,7,13,.97) 0%,rgba(2,7,13,.86) 28%,rgba(2,7,13,.48) 52%,rgba(2,7,13,.12) 78%,rgba(2,7,13,0) 100%),
      linear-gradient(180deg,rgba(2,7,13,.03) 0%,rgba(2,7,13,.34) 100%),
      url('/assets/Hero/hero4.png?v=hero36') !important;
  }

  body.contact-page .hero{
    background-image:
      linear-gradient(90deg,rgba(2,7,13,.97) 0%,rgba(2,7,13,.86) 28%,rgba(2,7,13,.48) 52%,rgba(2,7,13,.12) 78%,rgba(2,7,13,0) 100%),
      linear-gradient(180deg,rgba(2,7,13,.03) 0%,rgba(2,7,13,.34) 100%),
      url('/assets/Hero/hero5.png?v=hero36') !important;
  }

  body.legal-page .legal-hero{
    background-image:
      linear-gradient(90deg,rgba(2,7,13,.97) 0%,rgba(2,7,13,.86) 28%,rgba(2,7,13,.48) 52%,rgba(2,7,13,.12) 78%,rgba(2,7,13,0) 100%),
      linear-gradient(180deg,rgba(2,7,13,.03) 0%,rgba(2,7,13,.34) 100%),
      url('/assets/Hero/hero3.png?v=hero36') !important;
  }

  /* Keep old pseudo effects from adding second image/filler panels */
  body.home-index .hero::before,
  body.news-page .hero::before,
  body.news-page .article-hero::before,
  body.about-page .hero::before,
  body.contact-page .hero::before,
  body.legal-page .legal-hero::before,
  body.jobs-page .jobs-as-news-hero::before,
  body.jobs-page .jobs-cinematic-hero::before,
  body.jobs-page .hero-enterprise::before,
  body.jobs-page .jobs-hero-panel::before,
  body.home-index .hero::after,
  body.news-page .hero::after,
  body.news-page .article-hero::after,
  body.about-page .hero::after,
  body.contact-page .hero::after,
  body.legal-page .legal-hero::after,
  body.jobs-page .jobs-as-news-hero::after,
  body.jobs-page .jobs-cinematic-hero::after,
  body.jobs-page .hero-enterprise::after,
  body.jobs-page .jobs-hero-panel::after{
    display:none !important;
    content:none !important;
    background:none !important;
    background-image:none !important;
    opacity:0 !important;
    visibility:hidden !important;
  }

  body .hero-inner,
  body .legal-hero-inner,
  body .jobs-hero-inner,
  body.news-page .article-hero .hero-inner,
  body.jobs-page .jobs-as-news-hero .hero-inner,
  body.jobs-page .jobs-cinematic-hero .jobs-hero-inner{
    height:var(--oh-hero-h) !important;
    min-height:var(--oh-hero-h) !important;
    max-height:var(--oh-hero-h) !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    align-items:center !important;
  }

  /* Keep content visible */
  body.home-index .hero > *,
  body.news-page .hero > *,
  body.news-page .article-hero > *,
  body.about-page .hero > *,
  body.contact-page .hero > *,
  body.legal-page .legal-hero > *,
  body.jobs-page .jobs-as-news-hero > *,
  body.jobs-page .jobs-cinematic-hero > *,
  body.jobs-page .hero-enterprise > *,
  body.jobs-page .jobs-hero-panel > *{
    position:relative !important;
    z-index:2 !important;
  }

  /* Prevent any old decorative right panel from appearing */
  .hero-bg,
  .hero-art,
  .hero-visual-bg,
  .hero-image-fill,
  .hero-right-fill,
  .visual-fill{
    background:transparent !important;
    background-image:none !important;
  }

  /* Consistent card size inside hero */
  .hero .stat-card,
  .article-hero .stat-card,
  .legal-hero .hero-card,
  .jobs-as-news-hero .stat-card,
  .jobs-cinematic-hero .jobs-live-card{
    max-height:252px !important;
    overflow:hidden !important;
  }
}


/* v42 current design unique heroes external */


/* v42: keep the current/new design, only set correct unique hero images.
   This does NOT replace the page markup and does NOT bring back the old header. */
@media (min-width:901px){
  :root{ --oh-hero-h:360px; }

  body.home-index:not(.news-page):not(.about-page):not(.contact-page) .hero,
  body.jobs-page .jobs-as-news-hero,
  body.news-page .article-hero,
  body.about-page .hero,
  body.contact-page .hero,
  body.legal-page .legal-hero{
    height:var(--oh-hero-h) !important;
    min-height:var(--oh-hero-h) !important;
    max-height:var(--oh-hero-h) !important;
    overflow:hidden !important;
    background-color:#020912 !important;
    background-size:100% 100%,100% 100%,cover !important;
    background-position:center center,center center,center center !important;
    background-repeat:no-repeat,no-repeat,no-repeat !important;
  }

  /* Different images per main page */
  body.home-index:not(.news-page):not(.about-page):not(.contact-page) .hero{
    background-image:
      linear-gradient(90deg,rgba(2,7,13,.97) 0%,rgba(2,7,13,.86) 28%,rgba(2,7,13,.48) 52%,rgba(2,7,13,.12) 78%,rgba(2,7,13,0) 100%),
      linear-gradient(180deg,rgba(2,7,13,.03) 0%,rgba(2,7,13,.34) 100%),
      url('/assets/Hero/hero6.png?v=v42-home') !important;
  }

  body.jobs-page .jobs-as-news-hero{
    background-image:
      linear-gradient(90deg,rgba(2,7,13,.97) 0%,rgba(2,7,13,.86) 28%,rgba(2,7,13,.48) 52%,rgba(2,7,13,.12) 78%,rgba(2,7,13,0) 100%),
      linear-gradient(180deg,rgba(2,7,13,.03) 0%,rgba(2,7,13,.34) 100%),
      url('/assets/Hero/hero3.png?v=v42-jobs') !important;
  }

  body.news-page .article-hero,
  body.news-page .hero{
    background-image:
      linear-gradient(90deg,rgba(2,7,13,.97) 0%,rgba(2,7,13,.86) 28%,rgba(2,7,13,.48) 52%,rgba(2,7,13,.12) 78%,rgba(2,7,13,0) 100%),
      linear-gradient(180deg,rgba(2,7,13,.03) 0%,rgba(2,7,13,.34) 100%),
      url('/assets/Hero/hero1.png?v=v42-news') !important;
  }

  body.about-page .hero{
    background-image:
      linear-gradient(90deg,rgba(2,7,13,.97) 0%,rgba(2,7,13,.86) 28%,rgba(2,7,13,.48) 52%,rgba(2,7,13,.12) 78%,rgba(2,7,13,0) 100%),
      linear-gradient(180deg,rgba(2,7,13,.03) 0%,rgba(2,7,13,.34) 100%),
      url('/assets/Hero/hero4.png?v=v42-about') !important;
  }

  body.contact-page .hero{
    background-image:
      linear-gradient(90deg,rgba(2,7,13,.97) 0%,rgba(2,7,13,.86) 28%,rgba(2,7,13,.48) 52%,rgba(2,7,13,.12) 78%,rgba(2,7,13,0) 100%),
      linear-gradient(180deg,rgba(2,7,13,.03) 0%,rgba(2,7,13,.34) 100%),
      url('/assets/Hero/hero2.png?v=v42-contact') !important;
  }

  /* Legal pages also get image */
  body.legal-page .legal-hero{
    background-image:
      linear-gradient(90deg,rgba(2,7,13,.97) 0%,rgba(2,7,13,.86) 28%,rgba(2,7,13,.48) 52%,rgba(2,7,13,.12) 78%,rgba(2,7,13,0) 100%),
      linear-gradient(180deg,rgba(2,7,13,.03) 0%,rgba(2,7,13,.34) 100%),
      url('/assets/Hero/hero5.png?v=v42-legal') !important;
  }

  /* Stop old pseudo layers from covering direct backgrounds */
  body.home-index:not(.news-page):not(.about-page):not(.contact-page) .hero::before,
  body.home-index:not(.news-page):not(.about-page):not(.contact-page) .hero::after,
  body.jobs-page .jobs-as-news-hero::before,
  body.jobs-page .jobs-as-news-hero::after,
  body.news-page .article-hero::before,
  body.news-page .article-hero::after,
  body.about-page .hero::before,
  body.about-page .hero::after,
  body.contact-page .hero::before,
  body.contact-page .hero::after,
  body.legal-page .legal-hero::before,
  body.legal-page .legal-hero::after{
    display:none !important;
    content:none !important;
    background:none !important;
    background-image:none !important;
    opacity:0 !important;
    visibility:hidden !important;
  }

  body.home-index .hero > *,
  body.jobs-page .jobs-as-news-hero > *,
  body.news-page .article-hero > *,
  body.about-page .hero > *,
  body.contact-page .hero > *,
  body.legal-page .legal-hero > *{
    position:relative !important;
    z-index:2 !important;
  }

  body .hero-inner,
  body .legal-hero-inner,
  body.jobs-page .jobs-as-news-hero .hero-inner{
    height:var(--oh-hero-h) !important;
    min-height:var(--oh-hero-h) !important;
    max-height:var(--oh-hero-h) !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    align-items:center !important;
  }
}



/* v43 legal hero bg fix */
@media (min-width:901px){
  body.legal-page .legal-hero{position:relative !important;overflow:hidden !important;background:#020912 !important;}
  body.legal-page .legal-hero::before{content:"" !important;display:block !important;position:absolute !important;inset:0 !important;background:linear-gradient(90deg,rgba(2,7,13,.97) 0%,rgba(2,7,13,.86) 30%,rgba(2,7,13,.46) 56%,rgba(2,7,13,.14) 79%,rgba(2,7,13,0) 100%),linear-gradient(180deg,rgba(2,7,13,.04) 0%,rgba(2,7,13,.34) 100%),url('/assets/Hero/hero5.png?v=v43-legal') center center / cover no-repeat !important;opacity:1 !important;visibility:visible !important;filter:none !important;transform:none !important;z-index:0 !important;}
  body.legal-page .legal-hero::after{content:"" !important;display:block !important;position:absolute !important;inset:0 !important;background:linear-gradient(90deg,rgba(2,8,14,.92) 0%,rgba(2,8,14,.72) 35%,rgba(2,8,14,.30) 68%,rgba(2,8,14,.12) 100%) !important;opacity:1 !important;visibility:visible !important;z-index:1 !important;}
  body.legal-page .legal-hero > *,body.legal-page .legal-hero .legal-hero-inner{position:relative !important;z-index:2 !important;}
}


/* v44 final footer external */


/* v44 footer inspired by modern dark multi-column layout */
.oh-final-footer{
  width:min(var(--wrap,1480px),calc(100% - 48px));
  margin:34px auto 22px;
  position:relative;
  border:1px solid rgba(0,137,216,.58);
  border-radius:18px;
  overflow:hidden;
  background:
    radial-gradient(circle at 13% 0%,rgba(0,137,216,.18),transparent 32%),
    radial-gradient(circle at 90% 10%,rgba(255,106,0,.14),transparent 28%),
    linear-gradient(180deg,rgba(5,18,31,.97),rgba(2,9,16,.99));
  box-shadow:0 0 42px rgba(0,137,216,.12), inset 0 1px 0 rgba(255,255,255,.05);
  color:#d8e7f5;
}
.oh-final-footer:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent,rgba(255,106,0,.10),transparent);
  opacity:.55;
}
.oh-footer-topline{
  height:3px;
  background:linear-gradient(90deg,transparent,rgba(0,198,255,.85),rgba(255,106,0,.95),rgba(0,198,255,.85),transparent);
}
.oh-footer-inner{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1.55fr .75fr .85fr .85fr 1.1fr;
  gap:34px;
  padding:36px 40px 30px;
}
.oh-footer-brand{min-width:0}
.oh-footer-logo{
  display:inline-flex;
  align-items:center;
  margin-bottom:16px;
  text-decoration:none;
}
.oh-footer-logo img{
  width:230px;
  max-width:100%;
  height:auto;
  display:block;
  filter:drop-shadow(0 0 18px rgba(0,137,216,.18));
}
.oh-footer-lead{
  margin:0 0 18px;
  color:#b9c9d8;
  font-weight:750;
  line-height:1.55;
  max-width:450px;
}
.oh-footer-badges{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.oh-footer-badges span{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 12px;
  border:1px solid rgba(0,137,216,.45);
  border-radius:999px;
  background:rgba(3,17,30,.72);
  color:#dff4ff;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.oh-footer-badges i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#18f2a5;
  box-shadow:0 0 12px rgba(24,242,165,.95);
}
.oh-footer-col,
.oh-footer-contact{
  min-width:0;
}
.oh-final-footer h4{
  margin:0 0 15px;
  color:#fff;
  font-size:13px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.oh-footer-col a,
.oh-footer-contact a.oh-footer-mail{
  display:block;
  color:#b9c9d8;
  text-decoration:none;
  font-weight:850;
  font-size:14px;
  line-height:1.2;
  padding:8px 0;
  border-bottom:1px solid rgba(79,123,163,.14);
  transition:color .18s ease,transform .18s ease,border-color .18s ease;
}
.oh-footer-col a:hover,
.oh-footer-contact a.oh-footer-mail:hover{
  color:#ff7a18;
  transform:translateX(4px);
  border-color:rgba(255,106,0,.35);
}
.oh-footer-contact p{
  margin:10px 0 18px;
  color:#b9c9d8;
  line-height:1.55;
  font-weight:750;
  font-size:14px;
}
.oh-footer-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.oh-footer-cta,
.oh-footer-ghost{
  height:40px;
  padding:0 16px!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:950!important;
  text-transform:uppercase;
  border:1px solid rgba(255,106,0,.65)!important;
}
.oh-footer-cta{
  color:#fff!important;
  background:linear-gradient(135deg,#ff6a00,#ff7e24)!important;
  box-shadow:0 0 22px rgba(255,106,0,.22);
}
.oh-footer-ghost{
  color:#fff!important;
  background:rgba(255,106,0,.06)!important;
}
.oh-footer-bottom{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  padding:16px 40px;
  border-top:1px solid rgba(0,137,216,.35);
  background:rgba(1,8,15,.72);
  color:#9fb2c5;
  font-size:13px;
  font-weight:800;
}
.oh-footer-dev a{
  color:#ff7a18;
  text-decoration:none;
  font-weight:950;
}
.oh-footer-dev a:hover{text-decoration:underline}
.footer,
.bottom{
  display:none!important;
}
@media(max-width:1200px){
  .oh-footer-inner{
    grid-template-columns:1.3fr 1fr 1fr;
  }
  .oh-footer-brand,
  .oh-footer-contact{
    grid-column:span 3;
  }
}
@media(max-width:760px){
  .oh-final-footer{
    width:calc(100% - 24px);
    margin:24px auto 16px;
    border-radius:14px;
  }
  .oh-footer-inner{
    grid-template-columns:1fr;
    gap:24px;
    padding:28px 22px 24px;
  }
  .oh-footer-brand,
  .oh-footer-contact{
    grid-column:auto;
  }
  .oh-footer-logo img{width:200px}
  .oh-footer-bottom{
    display:block;
    text-align:center;
    padding:16px 20px;
    line-height:1.8;
  }
}



/* v45 reference footer external */


/* v45 footer: closer to requested reference */
.oh-reference-footer{
  width:100%;
  margin:46px 0 0;
  position:relative;
  overflow:hidden;
  color:#f5f8fb;
  background:
    radial-gradient(circle at 9% 15%,rgba(0,137,216,.18),transparent 32%),
    radial-gradient(circle at 82% 3%,rgba(255,106,0,.10),transparent 28%),
    linear-gradient(180deg,#061726 0%,#03101d 48%,#020a13 100%);
  border-top:1px solid rgba(0,137,216,.42);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.oh-reference-footer:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,transparent,rgba(0,198,255,.06),transparent),
    radial-gradient(circle at center,rgba(255,255,255,.025),transparent 58%);
  pointer-events:none;
}
.oh-ref-top{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1.15fr .72fr 1.07fr;
  gap:54px;
  padding:72px 68px 64px;
  align-items:center;
}
.oh-ref-brand{
  min-width:0;
  padding-right:46px;
  border-right:1px solid rgba(145,177,208,.25);
}
.oh-ref-logo{
  display:block;
  width:min(430px,100%);
  margin:0 0 26px;
  text-decoration:none;
}
.oh-ref-logo img{
  display:block;
  width:100%;
  height:auto;
  filter:drop-shadow(0 0 22px rgba(0,137,216,.18));
}
.oh-ref-brand p{
  margin:0;
  max-width:430px;
  color:#d9e2eb;
  font-size:20px;
  line-height:1.48;
  font-weight:520;
}
.oh-ref-socials{
  display:flex;
  gap:18px;
  margin-top:30px;
}
.oh-ref-socials a{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border:1px solid rgba(136,168,198,.34);
  border-radius:12px;
  color:#fff;
  background:rgba(2,12,22,.48);
  text-decoration:none;
  font-size:22px;
  font-weight:900;
  transition:.18s ease;
}
.oh-ref-socials a:hover{
  color:#ff6a00;
  border-color:rgba(255,106,0,.75);
  transform:translateY(-2px);
}
.oh-ref-nav h3,
.oh-ref-alert h3{
  margin:0;
  color:#fff;
  text-transform:uppercase;
  letter-spacing:.02em;
  font-size:25px;
  line-height:1;
}
.oh-ref-nav h3{
  display:flex;
  align-items:center;
  gap:15px;
  margin-bottom:30px;
}
.oh-ref-icon,
.oh-ref-bell{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,106,0,.75);
  border-radius:12px;
  color:#ff6a00;
  background:rgba(255,106,0,.07);
  box-shadow:0 0 22px rgba(255,106,0,.10);
}
.oh-ref-nav a{
  display:flex;
  align-items:center;
  gap:26px;
  color:#eef4fa;
  text-decoration:none;
  font-size:20px;
  font-weight:520;
  padding:14px 0;
  transition:.18s ease;
}
.oh-ref-nav a .oh-ref-arrow{
  color:#ff6a00;
  font-size:42px;
  line-height:.6;
  font-weight:300;
}
.oh-ref-nav a:hover{
  color:#ff7a18;
  transform:translateX(4px);
}
.oh-ref-alert{
  border:1px solid rgba(137,169,199,.30);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(4,20,35,.78),rgba(3,12,23,.72));
  padding:34px 38px 32px;
  box-shadow:0 0 38px rgba(0,137,216,.10),inset 0 1px 0 rgba(255,255,255,.04);
}
.oh-ref-alert-head{
  display:flex;
  align-items:center;
  gap:24px;
  margin-bottom:24px;
}
.oh-ref-alert p{
  margin:0 0 30px;
  color:#f1f5f8;
  font-size:20px;
  line-height:1.52;
  font-weight:520;
}
.oh-ref-form{
  display:grid;
  grid-template-columns:1fr 72px;
  gap:18px;
  margin-bottom:26px;
}
.oh-ref-form input{
  width:100%;
  height:68px;
  box-sizing:border-box;
  border:1px solid rgba(142,168,195,.38);
  border-radius:13px;
  background:rgba(2,11,20,.62);
  color:#fff;
  padding:0 24px;
  font-size:20px;
  outline:none;
}
.oh-ref-form input::placeholder{color:#aeb8c3}
.oh-ref-form button{
  height:68px;
  border:0;
  border-radius:13px;
  color:#fff;
  background:linear-gradient(135deg,#ff6a00,#ff7a18);
  font-size:42px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 0 24px rgba(255,106,0,.28);
}
.oh-ref-lock{
  display:flex;
  align-items:center;
  gap:14px;
  color:#dce5ee;
  font-size:16px;
  font-weight:520;
}
.oh-ref-lock:first-letter{color:#fff}
.oh-ref-sources{
  position:relative;
  z-index:1;
  padding:0 0 38px;
  border-top:1px solid rgba(137,169,199,.20);
  border-bottom:1px solid rgba(137,169,199,.18);
}
.oh-ref-source-title{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  transform:translateY(-14px);
  color:#fff;
  letter-spacing:.38em;
  font-size:18px;
  font-weight:500;
}
.oh-ref-source-title i{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#ff6a00;
  box-shadow:0 0 14px rgba(255,106,0,.95);
  position:relative;
}
.oh-ref-source-title i:before{
  content:"";
  position:absolute;
  top:50%;
  width:32px;
  height:1px;
  background:rgba(255,106,0,.45);
}
.oh-ref-source-title i:first-child:before{right:14px}
.oh-ref-source-title i:last-child:before{left:14px}
.oh-ref-source-row{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  align-items:center;
  gap:0;
  padding:22px 58px 10px;
}
.source-logo{
  min-height:74px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  color:#fff;
  border-right:1px solid rgba(137,169,199,.24);
  text-align:center;
}
.source-logo:last-child{border-right:0}
.source-logo strong{
  display:block;
  font-size:24px;
  line-height:1;
  letter-spacing:.02em;
}
.source-logo small{
  display:block;
  color:#d8e3ed;
  font-size:11px;
  letter-spacing:.36em;
  margin-top:4px;
}
.source-logo b{
  color:#ff6a00;
  font-size:34px;
  line-height:.8;
}
.source-logo.bluecrew strong{letter-spacing:.24em;font-size:19px}
.source-logo.rtc strong{font-size:18px}
.source-logo.offshorecrew strong{font-size:19px;font-weight:500}
.source-logo.offshorecrew b{color:#4fb3ff}
.source-logo.personalhuset strong{font-size:21px;text-transform:lowercase}
.source-logo.acroboat strong{font-size:26px}
.oh-ref-bottom{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:26px;
  align-items:center;
  padding:40px 68px;
}
.oh-ref-copy{
  display:flex;
  align-items:center;
  gap:20px;
  color:#d9e2eb;
  font-size:17px;
  line-height:1.5;
  font-weight:520;
}
.oh-ref-copy em{
  color:#aebdcc;
  font-style:normal;
  font-size:13px;
}
.oh-ref-copy a,
.oh-ref-legal a{
  color:#ff7a18;
  text-decoration:none;
}
.oh-ref-copy a:hover,
.oh-ref-legal a:hover{text-decoration:underline}
.oh-ref-shield{
  width:52px;
  height:52px;
  flex:0 0 52px;
  display:grid;
  place-items:center;
  border:1px solid rgba(0,255,170,.58);
  border-radius:12px;
  color:#19f4a7;
  background:rgba(0,255,170,.06);
  box-shadow:0 0 22px rgba(0,255,170,.13);
  font-size:22px;
  font-weight:900;
}
.oh-ref-legal{
  display:flex;
  align-items:center;
  gap:0;
}
.oh-ref-legal a{
  color:#d9e2eb;
  font-size:16px;
  font-weight:520;
  padding:0 30px;
  border-right:1px solid rgba(137,169,199,.18);
}
.oh-ref-legal a:last-child{border-right:0}
.oh-ref-status{
  justify-self:end;
  height:48px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:0 28px;
  border:1px solid rgba(137,169,199,.25);
  border-radius:999px;
  color:#d9e2eb;
  background:rgba(2,12,22,.46);
  font-size:17px;
  font-weight:520;
}
.oh-ref-status i{
  width:13px;
  height:13px;
  border-radius:50%;
  background:#00e887;
  box-shadow:0 0 18px rgba(0,232,135,.95);
}
.footer,
.bottom,
.oh-final-footer,
.oh-footer-credit{
  display:none!important;
}
@media(max-width:1180px){
  .oh-ref-top{grid-template-columns:1fr;gap:38px;padding:48px 34px}
  .oh-ref-brand{border-right:0;padding-right:0;border-bottom:1px solid rgba(137,169,199,.20);padding-bottom:34px}
  .oh-ref-source-row{grid-template-columns:repeat(3,1fr);padding:18px 28px}
  .source-logo:nth-child(3){border-right:0}
  .source-logo:nth-child(n+4){border-top:1px solid rgba(137,169,199,.18)}
  .oh-ref-bottom{grid-template-columns:1fr;justify-items:center;text-align:center;padding:34px}
  .oh-ref-status{justify-self:center}
}
@media(max-width:700px){
  .oh-ref-top{padding:36px 22px}
  .oh-ref-logo{width:280px}
  .oh-ref-brand p,.oh-ref-alert p{font-size:17px}
  .oh-ref-socials a{width:46px;height:46px}
  .oh-ref-nav h3,.oh-ref-alert h3{font-size:21px}
  .oh-ref-nav a{font-size:18px}
  .oh-ref-alert{padding:26px 20px}
  .oh-ref-form{grid-template-columns:1fr 58px;gap:10px}
  .oh-ref-form input,.oh-ref-form button{height:58px}
  .oh-ref-source-title{font-size:13px;letter-spacing:.26em}
  .oh-ref-source-row{grid-template-columns:1fr 1fr;padding:14px 18px}
  .source-logo{border-top:1px solid rgba(137,169,199,.18)}
  .source-logo:nth-child(odd){border-right:1px solid rgba(137,169,199,.18)}
  .source-logo:nth-child(even){border-right:0}
  .oh-ref-legal{flex-wrap:wrap;justify-content:center}
  .oh-ref-legal a{padding:8px 14px}
}




/* v46 footer nav fix */
.oh-ref-nav a{
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr)!important;
  align-items:center!important;
  gap:20px!important;
  color:#eef4fa!important;
  text-decoration:none!important;
  font-size:20px!important;
  font-weight:520!important;
  padding:14px 0!important;
  line-height:1.2!important;
}
.oh-ref-nav a b{
  display:block!important;
  color:inherit!important;
  font:inherit!important;
  font-weight:520!important;
  letter-spacing:0!important;
  text-transform:none!important;
  line-height:1.2!important;
}
.oh-ref-nav a span:not(.oh-ref-arrow){
  color:inherit!important;
  font:inherit!important;
  font-size:inherit!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
  text-transform:none!important;
}
.oh-ref-nav a .oh-ref-arrow{
  display:block!important;
  color:#ff6a00!important;
  font-size:42px!important;
  line-height:.6!important;
  font-weight:300!important;
  transform:none!important;
}
.oh-ref-nav a:hover b{color:#ff7a18!important;}