/* ENTER_SHARED_PUBLIC_HEADER_CSS_V1_BEGIN */

/*
 * Generated from the current ENTER landing header rules.
 * Loaded by every PUBLIC shell.
 *
 * landing-v3.css itself remains untouched.
 */

.topbar,
.topbar * {
  box-sizing: border-box;
}

.topbar {
  font-family:
    Inter,
    ui-sans-serif,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}

.topbar a {
  color: inherit;
  text-decoration: none;
}

.topbar img {
  display: block;
  max-width: 100%;
}

:root {
--bg:#07080d;--bg2:#0a0c13;--surface:#0d1018;--surface2:#121623;
  --text:#f1f4fb;--muted:#a0a9ba;--muted2:#737d92;
  --line:rgba(146,165,230,.12);--blue:#4a8cff;--cyan:#55ddff;
  --violet:#7a5cff;--purple:#b052ff;--green:#6de0b1;--amber:#e6b861;
  --w:1240px;--ease:cubic-bezier(.2,.7,.2,1)
}

.topbar {
position:fixed;z-index:1000;top:14px;left:50%;transform:translateX(-50%);width:min(1190px,calc(100% - 30px));height:64px;padding:0 14px 0 18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:26px;border:1px solid transparent;border-radius:18px;transition:.25s
}

.topbar.scrolled {
top:9px;background:rgba(7,9,15,.80);border-color:var(--line);backdrop-filter:blur(20px) saturate(1.25);box-shadow:0 18px 60px rgba(0,0,0,.42)
}

.brand {
display:inline-flex;align-items:center;gap:11px
}

.brand-symbol {
position:relative;width:33px;height:33px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(89,205,255,.24);background:radial-gradient(circle at 30% 25%,rgba(84,226,255,.21),transparent 35%),radial-gradient(circle at 72% 74%,rgba(171,70,255,.23),transparent 42%),#0c1120;box-shadow:0 0 28px rgba(90,92,255,.08),inset 0 0 22px rgba(99,64,255,.07)
}

.brand-symbol b {
font-size:9px;letter-spacing:-.08em;background:linear-gradient(120deg,#6be5ff,#6687ff 50%,#bd56ff);-webkit-background-clip:text;background-clip:text;color:transparent
}

.brand-symbol .ring {
position:absolute;border:1px solid rgba(119,105,255,.18);border-radius:50%
}

.brand-symbol .r1 {
inset:5px
}

.brand-symbol .r2 {
inset:9px
}

.brand-symbol .dot {
position:absolute;width:4px;height:4px;border-radius:50%
}

.brand-symbol .d1 {
left:2px;bottom:8px;background:#4d5cff;box-shadow:0 0 8px #4d5cff
}

.brand-symbol .d2 {
right:3px;bottom:6px;background:#52d9d8;box-shadow:0 0 8px #52d9d8
}

.brand-type {
display:flex;flex-direction:column
}

.brand-type strong {
font-size:13px;letter-spacing:.08em
}

.brand-type small {
margin-top:5px;font-size:8px;letter-spacing:.18em;color:#7e899d
}

.topnav {
display:flex;gap:30px;color:#adb5c4;font-size:13px
}

.topnav a {
transition:.18s
}

.topnav a:hover {
color:#fff
}

.top-actions {
display:flex;justify-content:flex-end;align-items:center;gap:11px
}

.signin {
padding:10px 8px;color:#aab2c0;font-size:13px
}

.top-cta {
min-height:38px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.05);font-size:12px;font-weight:650;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)
}

.brand-symbol.small {
width:29px;height:29px
}

@media(max-width:1100px) {
.topnav {
display:none
}

.topbar {
grid-template-columns:1fr 1fr
}
}

@media(max-width:800px) {
.topbar {
width:calc(100% - 20px);height:56px;top:8px
}

.brand-type small,.signin {
display:none
}
}

:root {
--bg: #030408;
  --bg2: #06070c;
  --surface: #0a0d14;
  --surface2: #0f131d;
}

:root {
--ec-scroll: 0;
  --ec-mouse-x: 0;
  --ec-mouse-y: 0;
}

.ec-real-logo-mark,
.ec-hero-logo,
.ec-final-real-logo {
position: relative;

  overflow: visible !important;

  background: transparent !important;

  border: 0 !important;
}

.ec-real-logo-mark img,
.ec-hero-logo img,
.ec-final-real-logo img {
position: static !important;

  display: block !important;

  width: 100% !important;
  height: 100% !important;

  max-width: 100% !important;

  object-fit: contain !important;

  transform: none !important;

  filter:
    saturate(1.08)
    drop-shadow(
      0 0 11px
      rgba(65, 145, 255, .22)
    )
    drop-shadow(
      0 0 17px
      rgba(153, 64, 255, .12)
    );
}

.brand-symbol.ec-real-logo-mark {
width: 36px;
  height: 36px;

  flex:
    0 0 36px;

  box-shadow: none !important;
}

.ec-real-logo-mark::before,
.ec-hero-logo::after,
.ec-final-real-logo::after {
display: none !important;
}

:root {
--w: 1420px;
}

.topbar {
width:
    min(
      1370px,
      calc(100% - 36px)
    );

  height:
    70px;

  padding:
    0 18px
    0 20px;

  gap:
    32px;
}

.brand {
gap: 13px;
}

.brand-symbol.ec-real-logo-mark {
width: 42px !important;
  height: 42px !important;

  flex-basis: 42px !important;
}

.brand-type strong {
font-size: 14px !important;

  font-weight: 720;

  letter-spacing: .105em;
}

.brand-type small {
margin-top: 5px;

  font-size: 8.6px !important;

  letter-spacing: .18em;
}

.topnav {
gap: 34px;

  font-size: 14px;
}

.top-actions {
gap: 14px;
}

.signin {
font-size: 13.5px;
}

.top-cta {
min-height: 42px;

  padding:
    0 16px;

  font-size: 13px;
}

@media (max-width: 800px) {
.topbar {
height:
      60px;
}
}

.button,
.top-cta {
transition:
    transform .24s cubic-bezier(.22, 1, .36, 1),
    box-shadow .24s ease,
    filter .24s ease
    !important;
}

@media (hover: hover) and (pointer: fine) {
.button:hover,
  .top-cta:hover {
transform:
      translateY(-2px);

    filter:
      brightness(1.08);
}
}

.topbar {
left: 0 !important;
  right: 0 !important;

  margin-left: auto !important;
  margin-right: auto !important;

  top: 10px !important;

  transform: none !important;

  filter: none !important;

  -webkit-backdrop-filter:
    none !important;

  backdrop-filter:
    none !important;

  text-rendering:
    geometricPrecision;

  -webkit-font-smoothing:
    antialiased;

  transition:
    background-color .22s ease,
    border-color .22s ease,
    box-shadow .22s ease
    !important;
}

.topbar:not(.scrolled) {
background:
    linear-gradient(
      180deg,
      rgba(5, 6, 11, .70),
      rgba(5, 6, 11, .50)
    )
    !important;

  border-color:
    rgba(140, 156, 215, .045)
    !important;

  box-shadow:
    0 10px 40px
    rgba(0, 0, 0, .12)
    !important;
}

.topbar.scrolled {
top:
    10px !important;

  background:
    linear-gradient(
      180deg,
      rgba(7, 9, 15, .975),
      rgba(5, 7, 12, .96)
    )
    !important;

  border-color:
    rgba(135, 151, 215, .115)
    !important;

  -webkit-backdrop-filter:
    none !important;

  backdrop-filter:
    none !important;

  box-shadow:
    0 16px 48px
    rgba(0, 0, 0, .34),

    0 1px 0
    rgba(255, 255, 255, .018),

    0 0 42px
    rgba(79, 72, 255, .022)
    !important;
}

.topbar .brand,
.topbar .topnav,
.topbar .top-actions {
position:
    relative;

  z-index:
    2;

  transform:
    none !important;

  filter:
    none !important;

  will-change:
    auto !important;

  -webkit-font-smoothing:
    antialiased;

  backface-visibility:
    visible;
}

.topbar a,
.topbar span,
.topbar strong,
.topbar small {
transform:
    none;

  filter:
    none !important;

  will-change:
    auto;
}

.topbar .ec-real-logo-mark img {
transform:
    none !important;

  filter:
    none !important;

  image-rendering:
    auto;
}

@media (max-width: 800px) {
.topbar {
top:
      8px !important;
}

.topbar.scrolled {
top:
      8px !important;
}
}

/* ENTER_SHARED_PUBLIC_HEADER_CSS_V1_END */

/* ENTER_PUBLIC_BRAND_V1568_START */


/* ============================================================
   ENTER PUBLIC HEADER
   Real brand mark instead of generated atom symbol.
   ============================================================ */

.ec-public-brand {
  display:
    inline-flex !important;

  align-items:
    center !important;

  gap:
    11px !important;

  min-width:
    0;

  text-decoration:
    none;
}


.ec-public-brand-mark {
  position:
    relative;

  width:
    40px;

  height:
    40px;

  flex:
    0 0 40px;

  display:
    grid;

  place-items:
    center;

  overflow:
    visible;

  background:
    transparent;

  border:
    0;

  border-radius:
    0;

  box-shadow:
    none;

  transform:
    translateY(-1px);
}


.ec-public-brand-mark img {
  display:
    block;

  width:
    100%;

  height:
    100%;

  max-width:
    none;

  object-fit:
    contain;

  /*
     The PNG has some transparent breathing room.
     Slight scale makes the visible E-mark fit the header
     rather than looking smaller than its nominal 40px box.
  */
  transform:
    scale(1.12);

  transform-origin:
    center;

  filter:
    saturate(1.10)
    drop-shadow(
      0 0 8px
      rgba(57, 145, 255, .25)
    )
    drop-shadow(
      0 0 13px
      rgba(157, 66, 255, .14)
    );
}


.ec-public-brand-copy {
  display:
    flex;

  flex-direction:
    column;

  justify-content:
    center;

  min-width:
    0;
}


.ec-public-brand-copy strong {
  display:
    block;

  color:
    #f2f4fb;

  font-size:
    13px;

  font-weight:
    700;

  line-height:
    1;

  letter-spacing:
    .085em;
}


.ec-public-brand-copy small {
  display:
    block;

  margin-top:
    6px;

  color:
    #7e899d;

  font-size:
    8px;

  font-weight:
    500;

  line-height:
    1;

  letter-spacing:
    .18em;
}


@media (max-width: 720px) {

  .ec-public-brand {
    gap:
      9px !important;
  }


  .ec-public-brand-mark {
    width:
      35px;

    height:
      35px;

    flex-basis:
      35px;
  }


  .ec-public-brand-copy strong {
    font-size:
      12px;
  }


  .ec-public-brand-copy small {
    font-size:
      7.5px;
  }

}


/* ENTER_PUBLIC_BRAND_V1568_END */