/* GSEIN visual identity: brand colours, G mark, focus and micro accents.
   Brand refresh only: no copy, layout or section sizes change here.
   Gold is the mark and small accents; mint is CTA, active navigation and focus. */
:root{
  --gsein-dark:#0B181A;
  --gsein-mint:#67DEC1;
  --gsein-gold:#EBB552;
  --gsein-gold-deep:#C8892F;
  --gsein-light:#FBFAF6;
  /* Polished metallic gold (light, shadow, second light), the same stops as the G mark in /brand/ */
  --gsein-gold-shine:linear-gradient(135deg,#FFF6D0 0%,#F3D27A 22%,#C9952F 48%,#F8DE8A 62%,#B07A1E 82%,#E7B95A 100%);
}

/* G mark in the header and footer (no taller header) */
html body .brand .brand-mark,
html body .site-header .brand-mark{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  display:inline-block!important;
  position:relative!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  flex:0 0 auto;
}
html body .brand .brand-mark:before,
html body .brand .brand-mark:after{content:none!important;display:none!important}
html body .brand .brand-mark img{display:block;width:100%;height:100%}
/* The old header mark was 23px wide; keep the brand text and navigation where they were */
html body .site-header .brand-mark{margin-inline-end:-5px!important}
/* Larger G mark: 36px desktop, 34px tablet, 32px mobile; header height is unchanged */
html body .site-header .brand-mark{width:36px!important;height:36px!important;min-width:36px!important}
/* The desktop navigation is centred between brand and actions: the 8px of extra mark width is taken back so it stays put */
@media(min-width:1041px){html body .site-header .brand{margin-inline-end:-8px!important}}
@media(max-width:1040px){html body .site-header .brand-mark{width:34px!important;height:34px!important;min-width:34px!important}}
@media(max-width:760px){html body .site-header .brand-mark{width:32px!important;height:32px!important;min-width:32px!important}}
html body .shell-footer .brand-mark{width:36px!important;height:36px!important;min-width:36px!important}

/* Primary CTA: mint with dark text; hover and focus stay readable */
html body .button-accent{background:var(--gsein-mint)!important;border-color:var(--gsein-mint)!important;color:var(--gsein-dark)!important}
html body .button-accent:hover{background:#86e6cf!important;border-color:#86e6cf!important;color:var(--gsein-dark)!important}

/* Focus: mint on dark surfaces, dark on light surfaces, so the ring is always visible */
html:not([data-page="company"]) body :is(a,button,select,input,textarea,summary):focus-visible{outline:2px solid var(--gsein-dark)!important;outline-offset:2px!important}
html body :is(.site-header,.shell-mobile-nav,footer,.hero) :is(a,button,select,input,textarea,summary):focus-visible{outline:2px solid var(--gsein-mint)!important;outline-offset:2px!important}
html body .site-header .shell-language select:focus-visible{border-color:var(--gsein-mint)!important;box-shadow:none!important}

/* Gold micro accents: hero eyebrow dot, a short rule before light-section kickers, a hairline above the footer */
html body .hero .eyebrow-dot{background:var(--gsein-gold-shine)!important}
html:not([data-page="company"]) body .section-kicker:before{content:"";display:inline-block;width:14px;height:2px;margin-inline-end:8px;vertical-align:middle;background:var(--gsein-gold-shine)}
html body .shell-footer{border-top:1px solid transparent!important;border-image:linear-gradient(90deg,transparent,rgba(235,181,82,.6) 30%,rgba(200,137,47,.6) 70%,transparent) 1!important}

/* Contact: the status line stays hidden until there is a message */
html body [data-contact-status][hidden]{display:none!important}

/* The GSEIN wordmark in the header and footer carries the same metallic gold as the G mark */
html body .brand .brand-copy strong,
html body .site-header .brand-copy strong{
  background:var(--gsein-gold-shine)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
}