:root{
  --bg-start:#ffffff;
  --bg-end:#F5F5F7;
  --text:#141414;
  --muted:#585e6b;
  --accent:#627EEA; 
  --ring: rgba(98,126,234,.35);
  --card:#FFFFFF;
  --border:#E7E7EA;
  --code-bg:#FBFBFD;
  --code-border:#ECECF1;
  --shadow: 0 10px 30px rgba(18, 23, 39, 0.06);
  --radius: 5px;
  --hdr-h: 56px;
  --hdr-radius: 5px;
   --text-strong: #111; 
  --text-light: color-mix(in oklab, var(--text-strong) 65%, #777); 
}

:root{
  --container: 1200px;         
  --page-padding: 24px;        
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  color:var(--text);
  background: linear-gradient(180deg,var(--bg-start),var(--bg-end));
  font: 15px/1.55 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji";
  letter-spacing:.2px;
}

.container{
  width: min(100% - 2*var(--page-padding), var(--container));
  margin-inline: auto;
}


.site-header {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 50;
  background: transparent;
  border-bottom: 1px solid transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition:
    background-color .35s ease,
    border-color .35s ease,
    box-shadow .35s ease,
    backdrop-filter .35s ease,
    -webkit-backdrop-filter .35s ease;
}

.site-header.is-scrolled {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 3px 10px rgba(0,0,0,0.05);
}

.header-grid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 0;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  font-size: 17px;
  color: var(--text);
  text-decoration: none;
  letter-spacing: 0.01em;
}
.brand-tag { color: var(--muted); font-weight: 500; font-size: 12px; margin-left: 4px; }

.brand-logo-box {
  width: 28px; height: 28px;
  display: grid; place-items: center;
  border-radius: 6px;
  background: color-mix(in oklab, var(--accent) 8%, #fff);
  border: 1px solid color-mix(in oklab, var(--accent) 22%, #E7E9F4);
}
.brand-logo { width: 20px; height: 20px; display: block; }

.site-header:not(.is-scrolled) .brand { color: #58679b; }
.site-header:not(.is-scrolled) .brand-tag { color: #59689c; }
.site-header:not(.is-scrolled) .brand-logo-box {
  border-color: rgba(255,255,255,.4);
  background: rgba(255,255,255,.15);
}

.main-nav {
  display: flex;
  align-items: center;
  gap: 2.4rem;
}

.nav-links {
  display: flex;
  gap: 1.6rem;
  margin: 0;
  padding: 0;
  list-style: none;
  background: none;
  border: none;
  box-shadow: none;
}

.nav-item {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 36px;
  padding: 0 2px;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.05em;
  color: var(--text);
  text-decoration: none;
  transition: color 0.25s ease, transform 0.15s ease;
}

.nav-item:hover {
  color: var(--accent); 
}

.nav-item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 0%;
  height: 2px;
  background: var(--accent);
  transition: width .25s ease;
}

.nav-item:hover::after {
  width: 100%;
}


.site-header:not(.is-scrolled) .nav-item {
  color: #fff;
}
.site-header:not(.is-scrolled) .nav-item::after {
  background: #59689c;
}


.nav-actions {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}

.gh-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.05em;
  color: var(--text);
  text-decoration: none;
  border: 1px solid var(--border);
  border-radius: 5px;
  padding: 7px 12px;
  background: #fff;
  transition: all 0.25s ease;
}

.gh-link:hover {
  color: var(--accent);
  border-color: color-mix(in oklab, var(--accent) 25%, #E7E9F4);
}

.site-header:not(.is-scrolled) .gh-link {
  background: rgba(255,255,255,.2);
  color: #fff;
  border-color: rgba(255,255,255,.4);
}
.site-header:not(.is-scrolled) .gh-link:hover {
  background: rgba(255,255,255,.3);
}

.gh-link .gh-icon {
  width: 18px;
  height: 18px;
  color: currentColor;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.gh-link .gh-icon::before {
  content: "";
  width: 18px;
  height: 18px;
  background: currentColor;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="%23000" d="M8 0C3.58 0 0 3.58 0 8a8 8 0 0 0 5.47 7.59c.4.07.55-.17.55-.38l-.01-1.33c-2.23.49-2.7-1.07-2.7-1.07-.36-.92-.89-1.16-.89-1.16-.73-.5.05-.49.05-.49.81.06 1.24.83 1.24.83.72 1.23 1.9.88 2.36.67.07-.52.28-.88.5-1.09-1.78-.2-3.65-.89-3.65-3.95 0-.87.31-1.58.82-2.14-.08-.2-.36-1.01.08-2.1 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.03 2.2-.82 2.2-.82.44 1.09.16 1.9.08 2.1.51.56.82 1.27.82 2.14 0 3.07-1.87 3.75-3.65 3.95.28.24.53.71.53 1.43l-.01 2.12c0 .21.15.45.55.38A8.01 8 0 0 0 16 8c0-4.42-3.58-8-8-8Z"/></svg>') no-repeat 50% 50%;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="%23000" d="M8 0C3.58 0 0 3.58 0 8a8 8 0 0 0 5.47 7.59c.4.07.55-.17.55-.38l-.01-1.33c-2.23.49-2.7-1.07-2.7-1.07-.36-.92-.89-1.16-.89-1.16-.73-.5.05-.49.05-.49.81.06 1.24.83 1.24.83.72 1.23 1.9.88 2.36.67.07-.52.28-.88.5-1.09-1.78-.2-3.65-.89-3.65-3.95 0-.87.31-1.58.82-2.14-.08-.2-.36-1.01.08-2.1 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.03 2.2-.82 2.2-.82.44 1.09.16 1.9.08 2.1.51.56.82 1.27.82 2.14 0 3.07-1.87 3.75-3.65 3.95.28.24.53.71.53 1.43l-.01 2.12c0 .21.15.45.55.38A8.01 8 0 0 0 16 8c0-4.42-3.58-8-8-8Z"/></svg>') no-repeat 50% 50%;
}
.nav-item {
  text-shadow: 0 0.5px 1px rgba(0,0,0,0.17);
}
.gh-link {
  text-shadow: 0 0.5px 1px rgba(0,0,0,0.15);
}

.site-header.is-scrolled .nav-item {
  color: var(--text-light);
  text-shadow: none;
}
.site-header.is-scrolled .nav-item:hover {
  color: var(--accent);
}

.site-header.is-scrolled .gh-link {
  color: var(--text-light);
  
  background: rgba(255,255,255,0.4);
  border-color: rgba(0,0,0,0.07);
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
.site-header.is-scrolled .gh-link:hover {
  color: var(--accent);
  border-color: color-mix(in oklab, var(--accent) 18%, #E7E9F4);
}
.site-header.is-scrolled .brand {
  color: var(--text-light);

}



.site-header:not(.is-scrolled) .nav-item,
.site-header:not(.is-scrolled) .gh-link {
color: #59689c;
}

.site-header,
.site-header * {
  transition:
    color .45s ease,
    background-color .45s ease,
    border-color .45s ease,
    text-shadow .45s ease,
    box-shadow .45s ease;
}



.site-header .brand,
.site-header .nav-links,
.site-header .gh-link{
  background: rgba(255,255,255,.54);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: none;
  border-radius: 15px;
}
.site-header .brand{ padding: 6px 10px; gap: 10px; }
.site-header .nav-links{ padding: 6px 10px; }
.site-header .gh-link{ padding: 8px 14px; border-radius: 15px; }

.brand-logo-box{
  border-radius: 10px;
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(0,0,0,.06);
}

.site-header .nav-item,
.site-header .gh-link{ text-shadow: none; }
.site-header .nav-item{
  color: var(--text-light);
  height: 34px;
  padding: 0 10px;
  border-radius: 5px;
}
.site-header .nav-item:hover{
  background: rgba(0,0,0,.04);
  color: var(--accent);
}

.site-header.is-scrolled .brand,
.site-header.is-scrolled .nav-links,
.site-header.is-scrolled .gh-link {
  box-shadow: 0 4px 16px rgba(12,18,32,.08);
}



.menu-toggle {
  display: none;
}


@media (max-width: 1200px) {
  .site-header {
    background: transparent;
    border-bottom-color: transparent;
    box-shadow: none;
  }

  .header-grid {
    padding: 10px 0;
    gap: 8px;
  }

  .brand {
    flex: 0 1 auto;
  }

  .menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    margin-left: auto;

    width: 35px;
    height: 35px;
    padding: 0;

    border-radius: 4px;
    border: 1px solid rgba(148,163,253,0.7);
    background:
      radial-gradient(circle at 0 0, rgba(255,255,255,1), rgba(229,231,235,0.98));
    cursor: pointer;
    transition: all .22s cubic-bezier(.25,.8,.25,1);
  }

  .menu-toggle-bar,
  .menu-toggle-bar::before,
  .menu-toggle-bar::after {
    content: "";
    display: block;
    width: 18px;
    height: 2px;
    background: #111827;
    border-radius: 999px;
    transition: all .22s cubic-bezier(.25,.8,.25,1);
  }

  .menu-toggle-bar {
    position: relative;
  }

  .menu-toggle-bar::before {
    position: absolute;
    left: 0;
    transform: translateY(-6px);
  }

  .menu-toggle-bar::after {
    position: absolute;
    left: 0;
    transform: translateY(6px);
  }

  .menu-toggle:hover {
    box-shadow: 0 10px 26px rgba(15,23,42,0.26);
    transform: translateY(-1px);
  }

  .menu-toggle.is-open {
    background: radial-gradient(circle at 0 0,
                 rgba(15,23,42,1),
                 rgba(37,55,107,1));
    border-color: rgba(129,140,248,1);
  }

  .menu-toggle.is-open .menu-toggle-bar {
    background: transparent;
  }

  .menu-toggle.is-open .menu-toggle-bar::before {
    transform: rotate(45deg);
    background: #EEF2FF;
  }

  .menu-toggle.is-open .menu-toggle-bar::after {
    transform: rotate(-45deg);
    background: #EEF2FF;
  }


  .main-nav {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;

    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;

    padding: 12px 16px 14px;

    background:
      radial-gradient(circle at top, rgba(255,255,255,0.98), rgba(246,248,255,0.98));
    border-radius: 0 0 20px 20px;
    border: 1px solid rgba(226,232,255,0.9);
    border-top: none;

    box-shadow: 0 16px 40px rgba(15,23,42,0.22);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);

    z-index: 40;
  }

  .main-nav.is-open {
    display: flex;
  }

  .main-nav .nav-links {
    flex-direction: column;
    gap: 4px;
    padding: 0;
    margin: 0;
    background: transparent;
    box-shadow: none;
  }

  .main-nav .nav-links .nav-item {
    display: block;
    width: 100%;
    padding: 9px 10px;
    border-radius: 9px;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;

    color: #111827;
    text-decoration: none;
    text-shadow: none;

    background: transparent;
    transition: all .16s ease;
  }

  .main-nav .nav-links .nav-item:hover {
    background: rgba(98,126,234,0.06);
    color: var(--accent);
  }

  .main-nav .nav-actions {
    margin-top: 8px;
    width: 100%;
    display: flex;
  }

  .main-nav .nav-actions .gh-link {
    width: 100%;
    justify-content: center;
    padding: 10px 14px;

    border-radius: 11px;
    border: none;

    background: linear-gradient(
      90deg,
      var(--accent),
      color-mix(in oklab, var(--accent) 40%, #90A4FF)
    );
    box-shadow: 0 10px 26px rgba(98,126,234,0.4);

    color: #fff !important;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    text-shadow: 0 1px 2px rgba(15,23,42,0.35);
  }

  .site-header .brand {
    background: rgba(255,255,255,0.98);
    box-shadow: 0 6px 16px rgba(15,23,42,0.15);
    padding-inline: 9px;
  }

  .site-header .nav-links,
  .site-header .gh-link {
    background: none;
    box-shadow: none;
    backdrop-filter: none;
  }
}






.hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  text-align: center;
  padding: clamp(60px, 8vh, 100px) 0 55px;
  background: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.6));
}


.hero-image {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  margin-top: 0px;
}

.hero-image img {
  width: 100%;
  max-width: 1150px;
  max-height: 425px;
  opacity: 0.74;
  object-fit: cover;
  border-radius: 5px;
  object-position: 100% 30%;
}

.hero-logo {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}

.eth-logo {
  width: var(--eth-logo-size, 132px);
  height: auto;
  margin-top: 30px;
  opacity: 0.75;
  filter:
    drop-shadow(0 4px 10px rgba(137, 186, 255, 0.35))
    drop-shadow(0 0 20px rgba(183, 163, 255, 0.25));
  transition: transform 0.6s ease, filter 0.6s ease, opacity 0.6s ease;
}



.hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  align-items: start;
  gap: 28px;
  text-align: center;
  position: relative;
  z-index: 1;
}

.hero-copy {
  max-width: 720px;
  margin: 0 auto;
  opacity: 0;
  transform: translateY(30px);
  animation: heroFadeIn 1.1s cubic-bezier(.25, .8, .25, 1) forwards;
  animation-delay: 0.45s;
}

@keyframes heroFadeIn {
  from { opacity: 0; transform: translateY(30px); }
  to   { opacity: 1; transform: translateY(0); }
}

.hero-belt {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0px;
  margin-bottom: 4px;
  opacity: 0.8;
}

.hero-belt .belt-img {
  width: 37px;
  height: 37px;
  object-fit: contain;
  filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.15));
}

.hero-belt .belt-img--right {
  transform: scaleX(-1);
}

.hero-belt .belt-text {
  text-align: center;
  font-weight: 600;
  font-size: 11.5px;
  color: #000;
  line-height: 1.3;
}

.hero-belt .belt-text::before {
  content: "★★★★★";
  display: block;
  margin-bottom: 4px;
  color: #000;
  font-weight: 700;
  font-size: 10px;
  letter-spacing: 0.05em;
}

.hero-title {
  font-size: clamp(28px, 4.2vw, 49px);
  line-height: 1.2;
  margin: 0 0 12px;
  font-weight: 800;
  letter-spacing: -0.04em;
  color: color-mix(in oklab, #182c3a 88%, #8fc7ff 12%);
  position: relative;
  padding-bottom: 20px;
}

.hero-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 210px;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, #2563eb, #a6b7ff);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.hero-subtitle {
  color: color-mix(in oklab, #141a26 92%, #ffffff 8%);
  font-size: clamp(17px, 1.6vw, 19px);
  line-height: 1.4;
  max-width: 520px;
  margin: 8px auto 20px;
  font-weight: 400;
}

.subhead {
  color: #34376d;
  font-size: 16px;
  margin: 8px auto 18px;
  max-width: 720px;
}

.hero-downloads.chips-v3 {
  display: flex;
  gap: 8px;
  margin-top: 27px;
  flex-wrap: wrap;
  justify-content: center;
}

.os-btn {
  display: inline-flex;
  align-items: center;
  height: 36px;
  border-radius: 5px;
  overflow: hidden;
  font-size: 13.5px;
  font-weight: 800;
  color: #fff;
  text-decoration: none;
  background: rgba(0, 0, 0, 0.45);
  transition: all 0.2s ease;
}

.os-btn:hover { filter: brightness(1.1); }

.os-main {
  display: flex;
  align-items: center;
  padding: 0 9px;
  font-weight: 500;
}

.os-tag {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: rgba(255, 255, 255, 0.9);
  color: var(--os-color);
  padding: 0 10px 0 8px;
  height: 100%;
  font-weight: 500;
  font-size: 13.3px;
  border-color: rgba(0, 0, 0, 0.45);
  border-left: 1px solid rgba(255, 255, 255, 0.6);
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
  border-radius: 5px;
}
.os-tag {
  border: 1px solid rgba(0,0,0,0.2);
}
/* 
.os-tag {
  background: linear-gradient(135deg, var(--os-color), color-mix(in srgb, var(--os-color) 60%, white 40%));
  color: #fff;
  border-left: none;
  border-radius: 6px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.25);
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
.os-btn {
  background: rgba(0, 0, 0, 0.45);
  border-radius: 8px;
  overflow: hidden;
}

*/


.os-ico {
  width: 18px;
  height: 18px;
  background: currentColor;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  opacity: 0.9;
}

.os-win { --os-color: #2563EB; }
.os-mac { --os-color: #7C3AED; }
.os-linux { --os-color: #D97706; }

.os-win .os-ico {
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path fill="white" d="M0 44.5 118 28.5V120H0V44.5ZM138 25.9 256 9.8V120H138V25.9ZM0 136h118v92L0 212V136Zm138 0h118v110.2L138 230V136Z"/></svg>');
}

.os-mac .os-ico {
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path fill="white" d="M170.6 136.3c-.1-17.6 7.8-30.9 24-40.6-9-12.9-22.5-20.1-40.3-21.9-16.9-1.6-35.2 9.8-41.5 9.8-6.6 0-22.2-9.3-34.4-9.3-25.3.4-51.4 20-51.4 60.1 0 12.1 2.2 24.3 6.7 36.6 6 16.9 27.7 58.4 50.4 57.7 11.8-.3 20.1-8.4 35.2-8.4 14.8 0 22.7 8.4 35.4 8.4 22.9-.3 42.4-37.2 48.1-54.2-30.6-14.4-31.8-41.7-32.2-38.2Z"/><path fill="white" d="M157.6 49.3c8.6-10.4 12.9-22.3 12-35.6-12.2.8-23.3 5.6-31.1 14.6-7.6 8.6-12.7 20.4-11.7 32.7 12.5 1 23.9-5.1 30.8-11.7Z"/></svg>');
}

.os-linux .os-ico {
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path fill="white" d="M176.2 198.3c-5.7 18.5-21 31.9-39.2 36-11.9 2.5-24 2.5-35.9 0-18.2-4.1-33.5-17.5-39.2-36-3.1-10.7-2.3-22.1 3.4-31.9 6-10.2 9.2-21.7 8.7-33.4-.2-19.2 6.7-38.4 18.2-54 7.1-9.7 16.6-17.2 27.8-21.7 12.9-5.2 27-5.2 39.9 0 11.1 4.5 20.7 12 27.8 21.7 11.5 15.6 18.4 34.8 18.2 54-.4 11.7 2.7 23.2 8.7 33.4 5.6 9.8 6.5 21.2 3.4 31.9ZM105.5 104.5a10 10 0 1 0-20 0 10 10 0 0 0 20 0Zm64 0a10 10 0 1 0-20 0 10 10 0 0 0 20 0Z"/></svg>');
}

@media (max-width: 960px) {
  .hero-image img { max-width: 92%; max-height: 360px; }
  .eth-logo { display: none };
}

@media (max-width: 640px) {
  .hero-image img { max-height: 280px; }
  .eth-logo { width: var(--eth-logo-size, 120px); }
}


.hero {
  position: relative;
  width: 100%;
  height: 560px; 
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #111;
}


.hero-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}

.hero-bg img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;       
  object-position: center 40%; 
  opacity: 0.78;
  min-width: 100%;
  min-height: 100%;
}

.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    rgba(255, 255, 255, 0.3),
    rgba(255, 255, 255, 0.2)
  );
  z-index: 1;
}

.hero-content {
  position: relative;
  z-index: 2;
  max-width: 720px;
  padding: 0 16px;
  margin-top: -30px; 
  animation: heroFadeIn 1.1s cubic-bezier(.25, .8, .25, 1) forwards;
}

.hero-title {
  font-size: 42px;
  line-height: 1.15;
  margin-bottom: 14px;
  font-weight: 800;
  color: color-mix(in oklab, #182c3a 88%, #8fc7ff 12%);
}

.hero-subtitle {
  color: color-mix(in oklab, #141a26 92%, #ffffff 8%);
  font-size: 18px;
  line-height: 1.45;
  margin: 10px auto 20px;
  max-width: 600px;
}

.subhead {
  color: #34376d;
  font-size: 15px;
  margin: 10px auto 22px;
}

.hero-downloads.chips-v3 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

@media (max-width: 1024px) {
  .hero {
    height: 460px;
  }
  .hero-content {
    margin-top: -20px;
  }
  .hero-title {
    font-size: 34px;
  }
}

@media (max-width: 768px) {
  .hero {
    height: 460px;
    align-items: flex-start;
    padding-top: 80px; 
  }
  .hero-content {
    margin-top: 0;
  }
  .hero-title {
    font-size: 30px;
  }
  .hero-subtitle {
    font-size: 16.5px;
  }
}

@media (max-width: 480px) {
  .hero {
    height: 400px; 
    align-items: flex-start;
    padding-top: 50px; 
  }
  .hero-bg img {
    object-position: center 45%;
  }
  .hero-content {
    margin-top: 20px; 
  }
  .hero-title {
    font-size: 26px;
  }
  .hero-subtitle {
    font-size: 15.5px;
  }
  .subhead {
    font-size: 14px;
  }
}

@media (max-width: 380px) {
  .hero {
    height: 400px;
    padding-top: 40px;
  }
  .hero-content {
    margin-top: 15px;
  }
}







:root{
  --ov-ink:#0A0A0A;
  --ov-muted:#616778;
  --ov-bg:#FFFFFF;
  --ov-pan:#FBFCFF;
  --ov-bd:#E5E8F2;
  --ov-r:6px;
  --ov-erg-rail: var(--accent);
  --ov-erg-tone: color-mix(in oklab, var(--accent) 11%, #fff);

  --ov-sec-rail: #10B981;      
  --ov-sec-tone: color-mix(in oklab, #10B981 12%, #fff);

  --ov-mc-rail: #7C3AED;        
  --ov-mc-tone: color-mix(in oklab, #7C3AED 12%, #fff);

  --ov-obs-rail:#D97706;        
  --ov-obs-tone:color-mix(in oklab, #D97706 12%, #fff);
}
.ov{
  background: linear-gradient(180deg, #fff, #F6F8FC);
  border-top: 1px solid var(--ov-bd);
  color: var(--ov-ink);
  padding-top: 20px;
  padding-bottom: 70px;
}
.section-head{
  --rail: var(--accent);
  text-align: center;
  margin: 36px 0 22px;
}
.section-eyebrow{
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px 6px 14px;     
  height: 28px;
  background: #fff;
  border: 1px solid var(--border);
  color: #0F172A;
  font: 800 11px/1 ui-sans-serif, system-ui, -apple-system, Segoe UI, Inter, Roboto, Arial;
  text-transform: uppercase;
  letter-spacing: .16em;
  border-radius: 0;
}
.section-eyebrow::before{
  content:"";
  position:absolute;
  left:-1px; top:-1px; bottom:-1px;
  width: 3px;
  background: var(--rail);
}
.section-eyebrow .dot{
  width:6px; height:6px; background: var(--rail);
  display:inline-block;
}
.section-title{
  position: relative;
  margin: 12px 0 0;
  padding-bottom: 16px;               
  font-size: clamp(27px, 3.4vw, 40px);
  line-height: 1.08;
  font-weight: 900;

  letter-spacing: -.02em;
  color: var(--text);
}
.section-title::after{
  content:"";
  position:absolute;
  left:50%; bottom:0;
  transform: translateX(-50%);     
  width: clamp(80px, 22%, 140px);
  height: 4px;
  margin-top: 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--accent), #A6B7FF);
  box-shadow: 0 2px 10px var(--ring);
}
.section-title .u{ display:inline; }
.section-title .u::after{ content:none !important; }

.section-sub{
  margin: 15px auto 0;
  max-width: 720px;
  color:#3E424B;
  font-size: 18px;
}
.section-head--badge-right{
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: start;
  text-align: center;
}
.section-head--badge-right .section-eyebrow{
  grid-column: 2;
  margin-top: 2px;
}
.section-head--badge-right .section-title,
.section-head--badge-right .section-sub{
  grid-column: 1 / -1;
}


.section-head {
  opacity: 0;
  transform: translateY(20px);
  animation: sectionHeadIn 0.8s ease-out forwards;
}
@keyframes sectionHeadIn {
  0% { opacity: 0; transform: translateY(20px) scale(0.98); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}


.section-eyebrow {
  opacity: 0;
  transform: translateY(8px) scale(0.96);
  animation: eyebrowIn 0.7s cubic-bezier(.3,.8,.3,1) forwards 0.2s;
}
@keyframes eyebrowIn {
  0% { opacity: 0; transform: translateY(8px) scale(0.96); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}


.section-title {
  opacity: 0;
  transform: translateY(14px);
  animation: titleIn 0.8s cubic-bezier(.3,.8,.3,1) forwards 0.4s;
}
@keyframes titleIn {
  0% { opacity: 0; transform: translateY(14px); letter-spacing: -0.03em; }
  100% { opacity: 1; transform: translateY(0); letter-spacing: -0.02em; }
}


.section-title::after {
  width: 0%;
  opacity: 0;
  animation: underlineGrow 0.8s ease-out forwards 0.7s;
}
@keyframes underlineGrow {
  0% { width: 0%; opacity: 0; }
  40% { opacity: 1; }
  100% { width: clamp(80px, 22%, 140px); opacity: 1; }
}

.section-sub {
  opacity: 0;
  transform: translateY(10px);
  animation: subIn 0.8s cubic-bezier(.25,.85,.25,1) forwards 0.8s;
}
@keyframes subIn {
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0); }
}



.ov-grid{
  display:grid;
  gap:14px;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  align-items: stretch;                 
}
.ov-frame{
  position: relative;
  display:flex;               
  flex-direction: column;
  padding:16px;
  border:1px solid var(--ov-bd);
  border-radius: var(--ov-r);
  background:
    linear-gradient(180deg, var(--ov-pan), #FFFFFF),
    radial-gradient(120% 80% at 0% 0%, var(--ov-tone, transparent), transparent 60%); 
  box-shadow: 0 10px 24px rgba(18,23,39,.06);
  overflow:hidden;
  min-height: 220px;          
}
.ov-frame::before{
  content:""; position:absolute; left:0; right:0; top:0; height:2px;
  background: linear-gradient(90deg, var(--ov-rail, #0F172A), color-mix(in oklab, var(--ov-rail, #0F172A) 30%, #fff));
  opacity:.95;
}
.ov-frame::after{
  content:""; position:absolute; left:-1px; top:-1px; bottom:-1px; width:3px;
  background: var(--ov-rail, #0F172A); opacity:.95;
}

.ov-body{ display:grid; align-content:start; gap:10px; flex: 1 1 auto; }
.ov-kicker{
  display:inline-block; font-weight:800; font-size:14px;
  letter-spacing:.14em; text-transform:uppercase; color: var(--ov-muted);
}
.ov-h3{ margin:0; font-size:19px; letter-spacing:.01em; }
.ov-small{ margin:0; color: var(--ov-muted); font-size:15px; }
.ov-list{ margin:8px 0 0; padding-left:16px; color: var(--ov-muted); }
.ov-list li{ font-size:14.5px; margin:4px 0; list-style: disc; }
.ov-badges{
  margin-top: 10px;
  display:flex; flex-wrap:wrap; gap:6px;
}
.ov-badge{
  display:inline-flex; align-items:center; height:22px; padding:0 8px;
  font-size:12.8px; font-weight:600;
  border-radius:6px; border:1px solid #E2E8F0; background:#FFFFFF; color:#0F172A;
}
.ov-badge.ok{ background:#ECFDF5; border-color:#BBF7D0; color:#065F46; }
.ov-badge.ov-accent{
  background: color-mix(in oklab, var(--ov-rail, var(--accent)) 16%, #fff);
  border-color: color-mix(in oklab, var(--ov-rail, var(--accent)) 42%, #E2E8F0);
}
.ov--erg{ --ov-rail: var(--ov-erg-rail); --ov-tone: var(--ov-erg-tone); }
.ov--sec{ --ov-rail: var(--ov-sec-rail); --ov-tone: var(--ov-sec-tone); }
.ov--mc { --ov-rail: var(--ov-mc-rail);  --ov-tone: var(--ov-mc-tone);  }
.ov--obs{ --ov-rail: var(--ov-obs-rail); --ov-tone: var(--ov-obs-tone); }
.ov-frame:hover{
  transition: transform .16s ease, box-shadow .16s ease;
}
@media (max-width: 640px){
  .ov{ padding-bottom: 64px; }
}
.ov-frame{
  --reveal-delay: 0ms;
  opacity: 0;
  transform: perspective(900px) translateY(14px) rotateX(6deg) scale(.985);
  filter: blur(8px);
  will-change: transform, opacity, filter;
}
.ov-frame.in{
  opacity: 1;
  transform: none;
  filter: none;
  transition:
    transform 720ms cubic-bezier(.2,.8,.2,1) var(--reveal-delay),
    opacity   720ms ease                      var(--reveal-delay),
    filter    620ms ease                      var(--reveal-delay);
}
.ov-frame::before,
.ov-frame::after{
  transition: transform 680ms cubic-bezier(.2,.8,.2,1) calc(var(--reveal-delay) + 140ms);
}
.ov-frame::before{ transform: scaleX(.2); transform-origin: left; }
.ov-frame.in::before{ transform: scaleX(1); }
.ov-frame::after{  transform: scaleY(0);  transform-origin: top;  }
.ov-frame.in::after{  transform: scaleY(1); }
.ov-frame .ov-badge,
.ov-frame .ov-list li{
  opacity: 0; transform: translateY(6px);
  transition: opacity 360ms ease, transform 360ms ease;
}
.ov-frame.in .ov-badge,
.ov-frame.in .ov-list li{ opacity:1; transform:none; }
.ov-frame.in .ov-badges .ov-badge:nth-child(1){ transition-delay: calc(var(--reveal-delay) + 200ms); }
.ov-frame.in .ov-badges .ov-badge:nth-child(2){ transition-delay: calc(var(--reveal-delay) + 260ms); }
.ov-frame.in .ov-badges .ov-badge:nth-child(3){ transition-delay: calc(var(--reveal-delay) + 320ms); }
.ov-frame.in .ov-badges .ov-badge:nth-child(4){ transition-delay: calc(var(--reveal-delay) + 380ms); }
.ov-frame.in .ov-list li:nth-child(1){ transition-delay: calc(var(--reveal-delay) + 140ms); }
.ov-frame.in .ov-list li:nth-child(2){ transition-delay: calc(var(--reveal-delay) + 200ms); }
.ov-frame.in .ov-list li:nth-child(3){ transition-delay: calc(var(--reveal-delay) + 260ms); }
.ov-frame.in .ov-list li:nth-child(4){ transition-delay: calc(var(--reveal-delay) + 320ms); }
.ov-frame.in .ov-list li:nth-child(5){ transition-delay: calc(var(--reveal-delay) + 380ms); }



:root{
  --dlx-bg:   #0B1220;
  --dlx-bg2:  #0F1628;
  --dlx-ink:  #E8EDF7;
  --dlx-muted:#A7B1C6;
  --dlx-bd:   #1E2A42;
  --dlx-rail: color-mix(in oklab, var(--accent) 85%, #6E86FF);
  --dlx-chip:#101B2F;
  --dlx-chip-bd:#23324D;
  --dlx-r:    5px;
}

#downloads .section-eyebrow{
  background: color-mix(in oklab, #fff 6%, var(--dlx-bg2));
  border-color: var(--dlx-bd);
  color: var(--dlx-ink);
}
#downloads .section-eyebrow::before,
#downloads .section-eyebrow .dot{ background: var(--dlx-rail); }


    #downloads .dlx-checksums{ margin-top:10px; border:1px solid var(--border); border-radius:6px; padding:10px; background: #7994ce; }
    #downloads .dlx-checksums .dlx-code code{ font-size:12px; }

.dlx{
  position:relative;
  padding:56px 0 64px;
  color:var(--dlx-ink);
  background: linear-gradient(80deg, var(--dlx-bg), var(--dlx-bg2));
  overflow:hidden;
}
.dlx .dlx-band{
  position:absolute; inset:0; pointer-events:none;
  background:
    repeating-linear-gradient(to right, rgba(255,255,255,.035) 0 1px, transparent 1px 24px),
    linear-gradient(115deg, rgba(255,255,255,.06) 0 41%, transparent 41% 59%, rgba(255,255,255,.05) 59% 100%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 28px, #000 calc(100% - 28px), transparent 100%);
          mask-image: linear-gradient(to bottom, transparent 0, #000 28px, #000 calc(100% - 28px), transparent 100%);
}
.dlx-head{ text-align:center; }

.dlx-kicker{
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px 6px 14px;     
  height: 28px;
  border: 1px solid var(--border);
  color: var(--dlx-muted);
  font: 800 11px/1 ui-sans-serif, system-ui, -apple-system, Segoe UI, Inter, Roboto, Arial;
  text-transform: uppercase;
  letter-spacing: .16em;
  border-radius: 0;
}
.dlx-kicker::before{
  content:"";
  position:absolute;
  left:-1px; top:-1px; bottom:-1px;
  width: 3px;
  background: var(--rail);
}


.dlx-title{
  margin:10px 0 8px; color:#fff; font-weight:900;
  font-size: clamp(27px, 3vw, 38px); letter-spacing:-.02em; line-height:1.12;
  position:relative; padding-bottom:12px;
}
.dlx-title::after{
  content:""; position:absolute; left:50%; bottom:0;
  width:82px; height:4px; border-radius:999px; transform:translateX(-50%);
  background: linear-gradient(90deg, var(--accent), #90A4FF);
  box-shadow: 0 2px 12px rgba(98,126,234,.35);
}
.dlx-sub{ margin:0 auto; max-width:720px; color:var(--dlx-muted); font-size:18px; }
.dlx-frame{
  position:relative; margin-top:18px; border:1px solid var(--dlx-bd);
  border-radius: var(--dlx-r);
  background: linear-gradient(180deg, #0E1627, #0B1322);
  box-shadow: 0 10px 24px rgba(2,6,23,.28), 0 1px 0 rgba(255,255,255,.03) inset;
  overflow:hidden;

}
.dlx-frame .dlx-accent{
  position:absolute; inset:0; pointer-events:none;
  background: linear-gradient(115deg, rgba(255,255,255,.06) 0 50%, transparent 50% 100%);
  -webkit-mask-image: linear-gradient(115deg, transparent 0, #000 16%, #000 84%, transparent 100%);
          mask-image: linear-gradient(115deg, transparent 0, #000 16%, #000 84%, transparent 100%);
  opacity:.9;
}
.dlx-grid{
  display:grid; grid-template-columns: 280px 1fr; gap:0;
}
@media (max-width: 880px){
  .dlx-grid{ grid-template-columns: 1fr; }
}
.dlx-nav{
  display:flex; flex-direction:column; gap:6px; padding:20px; background:#0A1325;
  border-right:1px solid var(--dlx-bd);
}
@media (max-width: 880px){
  .dlx-nav{ flex-direction:row; overflow:auto; border-right:none; border-bottom:1px solid var(--dlx-bd); }
}
.dlx-tab{
  appearance:none; border:1px solid var(--dlx-bd); border-radius:4px;
  background: color-mix(in oklab, var(--accent) 10%, #0C1527);
  color:#E6EEFF; height:36px; padding:0 10px;
  letter-spacing: 0.4px;
  display:flex; align-items:center; gap:8px; font-weight:600; font-size:15px; cursor:pointer;
  transition: background .15s ease, border-color .15s ease, transform .02s ease, box-shadow .12s ease, color .15s ease;
}
.dlx-tab .dlx-ico{ width:18px; height:18px; color:#C9D6FF; display:grid; place-items:center; }
.dlx-tab:hover{
  background: color-mix(in oklab, var(--accent) 16%, #0C1527);
  border-color: color-mix(in oklab, var(--dlx-bd) 60%, var(--accent));
  box-shadow: 0 6px 18px rgba(2,6,23,.28);
}
.dlx-tab[aria-selected="true"]{
  background: color-mix(in oklab, var(--accent) 24%, #0C1527);
  border-color: color-mix(in oklab, var(--dlx-bd) 50%, var(--accent));
  color:#0B1220;
}
.dlx-tab[aria-selected="true"] .dlx-ico{ color:#0B1220; }
.dlx-pane-wrap{ padding:20px; }
.dlx-pane{
  display:none; flex-direction:column; gap:10px; min-height:220px;
}
.dlx-pane.is-active{ display:flex; }

.dlx-pane-head{ display:flex; align-items:center; gap:8px; }
.dlx-pane-head h3{ margin:0; font-size:28px; color:#fff; letter-spacing:-.01em; }
.dlx-badge{
  display:inline-flex; align-items:center; height:20px; padding:0 8px;
  font-size:13.5px; font-weight:700; border-radius:4px;
  background: var(--dlx-chip); color:#E5EDFF; border:1px solid var(--dlx-chip-bd);
}
.dlx-badge-ok{ background:#0C1E14; color:#C7F3D2; border-color:#1B3A2A; }

.dlx-lead{ margin:0; color:#CFE0FF; font-size:17px; }
.dlx-points{ margin:2px 0 0; padding-left:16px; color:var(--dlx-muted); font-size:13px; }
.dlx-points li{ margin:4px 0; font-size: 14px;}

.dlx-code{
  margin:6px 0 0; background:#0A1322; border:1px dashed var(--dlx-bd);
  border-radius:5px; padding:8px 10px; overflow:auto;
  font:12.5px/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color:#E8F1FF;
}

.dlx-actions{
  display:flex; flex-wrap:wrap; gap:8px; margin-top:6px;
}
.dlx-btn{
  display:inline-flex; align-items:center; justify-content:center;
  height:40px; padding:0 10px; border-radius:5px; border:1px solid var(--dlx-bd);
  margin-top: 5px;
  z-index: 2;
  background:#0D172A; color:#E6EEFF; text-decoration:none; font-weight:600; font-size:15px;
  transition: background .15s ease, border-color .15s ease, transform .02s ease, box-shadow .12s ease;
}
.dlx-btn:hover{ background:#0F1C34;  }
.dlx-btn:active{ transform: translateY(1px); }
.dlx-btn.dlx-primary{
  background: color-mix(in oklab, var(--accent) 22%, #0D172A);
  border-color: color-mix(in oklab, var(--accent) 36%, var(--dlx-bd));
  color:#09122A;
  z-index: 2;
}
.dlx-link{
  align-self:center; color:#BFD0FF; font-weight:700; font-size:12.5px; text-decoration:none; border-bottom:1px solid transparent;
}
.dlx-link:hover{ border-bottom-color:#BFD0FF; }


@media (prefers-reduced-motion: reduce){
  .dlx-tab, .dlx-btn{ transition:none !important; }
}

.dlx-pane-grid{
  display:grid;
  grid-template-columns: 1fr 320px;
  gap:14px;
}
@media (max-width: 960px){
  .dlx-pane-grid{ grid-template-columns: 1fr; }
}
.dlx-main{ min-width: 0; }
.dlx-aside{
  min-width: 0;
  background: #0A1322;
  border:1px solid var(--dlx-bd);
  border-radius: 6px;
  padding: 10px;
}
.dlx-aside-title{
  margin:0 0 4px 0;
  font-size: 13.5px;
  font-weight: 800;
  letter-spacing:.02em;
  color:#E8F1FF;
}
.dlx-aside-note{ margin:0 0 6px 0; color: var(--dlx-muted); font-size:12.5px; }
.dlx-tab[aria-selected="true"]{
  background: color-mix(in oklab, var(--accent) 28%, #0C1527);
  border-color: color-mix(in oklab, var(--dlx-bd) 45%, var(--accent));
  color:#fff;
}
.dlx-tab[aria-selected="true"] .dlx-ico{ color:#fff; }
.dlx-btn.dlx-primary{
  background: linear-gradient(180deg,
              color-mix(in oklab, var(--accent) 28%, #10203D),
              color-mix(in oklab, var(--accent) 16%, #0C1B34));
  border-color: color-mix(in oklab, var(--accent) 52%, var(--dlx-bd));
  color:#fff; 
  z-index: 2;
}
.dlx-btn.dlx-primary:hover{
   border-color: color-mix(in oklab, var(--dlx-bd) 60%, var(--accent)); 
}
.dlx-dl-ico{
  width:14px; height:14px; margin-right:6px; flex:0 0 14px; background:#fff;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24"><path fill="%23000" d="M12 3v10l4-4 1.4 1.4L12 17.8 6.6 10.4 8 9l4 4V3h0zM5 20h14v2H5z"/></svg>') no-repeat 50% 50%;
          mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24"><path fill="%23000" d="M12 3v10l4-4 1.4 1.4L12 17.8 6.6 10.4 8 9l4 4V3h0zM5 20h14v2H5z"/></svg>') no-repeat 50% 50%;
}
.dlx-btn.dlx-copy{
  width:100%; justify-content:center; margin-top:6px;
  background:#0F1C34; color:#E6EEFF; border-color: color-mix(in oklab, var(--dlx-bd) 60%, var(--accent));
}
.dlx-btn.dlx-copy:hover{ background:#132543; }

#downloads .dlx-grid{ 
  --rail: var(--accent);
  --tone: color-mix(in oklab, var(--accent) 16%, transparent);
  --glow: rgba(98,126,234,.35);
}



#downloads .dlx-grid:has(#tab-win[aria-selected="true"])   { --rail:#3B82F6; --tone:color-mix(in oklab, #3B82F6 16%, transparent); --glow:rgba(59,130,246,.35); }
#downloads .dlx-grid:has(#tab-mac[aria-selected="true"])   { --rail:#7C3AED; --tone:color-mix(in oklab, #7C3AED 16%, transparent); --glow:rgba(124,58,237,.35); }
#downloads .dlx-grid:has(#tab-linux[aria-selected="true"]) { --rail:#F59E0B; --tone:color-mix(in oklab, #F59E0B 18%, transparent); --glow:rgba(245,158,11,.32); }
#downloads .dlx-grid:has(#tab-gh[aria-selected="true"])    { --rail:#10B981; --tone:color-mix(in oklab, #10B981 16%, transparent); --glow:rgba(16,185,129,.32); }
#downloads .dlx-grid:has(#tab-tr[aria-selected="true"])    { --rail:#F43F5E; --tone:color-mix(in oklab, #F43F5E 16%, transparent); --glow:rgba(244,63,94,.32); }

#downloads[data-skin="win"]  .dlx-grid{ --rail:#3B82F6; --tone:color-mix(in oklab, #3B82F6 16%, transparent); --glow:rgba(59,130,246,.35); }
#downloads[data-skin="mac"]  .dlx-grid{ --rail:#7C3AED; --tone:color-mix(in oklab, #7C3AED 16%, transparent); --glow:rgba(124,58,237,.35); }
#downloads[data-skin="linux"] .dlx-grid{ --rail:#F59E0B; --tone:color-mix(in oklab, #F59E0B 18%, transparent); --glow:rgba(245,158,11,.32); }
#downloads[data-skin="gh"]   .dlx-grid{ --rail:#10B981; --tone:color-mix(in oklab, #10B981 16%, transparent); --glow:rgba(16,185,129,.32); }
#downloads[data-skin="tr"]   .dlx-grid{ --rail:#F43F5E; --tone:color-mix(in oklab, #F43F5E 16%, transparent); --glow:rgba(244,63,94,.32); }


#downloads .dlx-title::after{
  background: linear-gradient(90deg, var(--rail), color-mix(in oklab, var(--rail) 60%, #A6B7FF));
  box-shadow: 0 2px 12px var(--glow);
}
#downloads .dlx-frame{ 
  position:relative; 
  box-shadow:
    0 10px 24px rgba(2,6,23,.28),
    0 0 0 1px color-mix(in oklab, var(--rail) 22%, var(--dlx-bd)) inset,
    0 0 46px var(--glow) inset;        
}
#downloads .dlx-frame::before{         
  content:""; position:absolute; left:0; right:0; top:0; height:2px;
  background: linear-gradient(90deg, var(--rail), color-mix(in oklab, var(--rail) 35%, #fff));
  opacity:.95;
}
#downloads .dlx-frame::after{       
  content:""; position:absolute; left:-1px; top:-1px; bottom:-1px; width:3px;
  background: var(--rail); opacity:.95;
}

#downloads .dlx-pane{ position:relative; }
#downloads .dlx-pane::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background: radial-gradient(120% 80% at 0% 0%, color-mix(in oklab, var(--rail) 12%, transparent), transparent 65%);
  opacity:.8;
}

#downloads .dlx-tab{ position:relative; }
#downloads .dlx-tab:hover{
  background: color-mix(in oklab, var(--rail) 20%, #0C1527);
  border-color: color-mix(in oklab, var(--rail) 44%, var(--dlx-bd));
}
#downloads .dlx-tab[aria-selected="true"]{
  background: color-mix(in oklab, var(--rail) 34%, #0C1527);
  border-color: color-mix(in oklab, var(--rail) 50%, var(--dlx-bd));
  color:#fff;
}
#downloads .dlx-tab[aria-selected="true"] .dlx-ico{ color:#fff; }
#downloads .dlx-tab[aria-selected="true"]::before{  
  content:""; position:absolute; left:-1px; top:-1px; bottom:-1px; width:3px;
  background: var(--rail); border-radius:4px 0 0 4px;
}

#downloads .dlx-pane .dlx-badge:not(.dlx-badge-ok){
  background: color-mix(in oklab, var(--rail) 22%, var(--dlx-chip));
  border-color: color-mix(in oklab, var(--rail) 48%, var(--dlx-chip-bd));
  color:#fff;
}

#downloads .dlx-pane {
  padding-left: 15px;
}

#downloads .dlx-checksums{
  background: color-mix(in oklab, var(--rail) 18%, #0A1322) !important;
  border-color: color-mix(in oklab, var(--rail) 44%, var(--dlx-bd));
}
#downloads .dlx-checksums .dlx-code{ border-color: color-mix(in oklab, var(--rail) 35%, var(--dlx-bd)); }
#downloads .dlx-aside{ position:relative; }
#downloads .dlx-aside::before{
  content:""; position:absolute; left:-1px; top:-1px; bottom:-1px; width:3px;
  background: var(--rail); border-radius:6px 0 0 6px;
}


#downloads .dlx-card--linux{ --rail:#F59E0B; }
#downloads .dlx-card--mac{   --rail:#7C3AED; }
#downloads .dlx-card--win{   --rail:#3B82F6; }

#downloads .dlx-card[data-os]{
  position: relative;

}

#downloads .dlx-card[data-os]::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,
      color-mix(in oklab, var(--rail) 18%, transparent) 0%,
      color-mix(in oklab, var(--rail) 5%, transparent) 22%,
      transparent 70%);
  opacity:.9;
  z-index: 1;
}

#downloads .dlx-card--compact,
#downloads .dlx-card--compact::before,
#downloads .dlx-compact-block,
#downloads .dlx-compact-block::before{
  background: none !important;
  box-shadow: none !important;
}















:root{
  --dk-start:#0C1024; --dk-end:#0A0F1E; --dk-card:#0F152B; --dk-soft:#0C1326;
  --dk-line:#1C2442; --dk-grid:#121833; --dk-text:#E8ECF8; --dk-muted:#9AA3B2;
}
#essentials.essentials{
  color: var(--dlx-ink);
  background: linear-gradient(180deg, var(--dlx-bg), var(--dlx-bg2));
  padding: 50px 0 70px; 
  border-top: 1px solid var(--dlx-bd);
  position: relative;
  isolation: isolate;
}
#essentials.essentials::before{
  content:"";
  position:absolute; inset:0; pointer-events:none; opacity:.12;
  background:
    linear-gradient(transparent 23px, var(--dlx-bd) 24px),
    linear-gradient(90deg, transparent 23px, var(--dlx-bd) 24px);
  background-size:24px 24px;
  -webkit-mask: linear-gradient(180deg, transparent, #000 12%, #000 88%, transparent);
          mask: linear-gradient(180deg, transparent, #000 12%, #000 88%, transparent);
}

#essentials .ess-head .section-eyebrow{
  background: color-mix(in oklab, #fff 6%, var(--dlx-bg2));
  border-color: var(--dlx-bd);
  color: var(--dlx-ink);
}
#essentials .ess-head .section-eyebrow::before,
#essentials .ess-head .section-eyebrow .dot{ background: var(--dlx-rail); }

#essentials .ess-head .section-title{
  color:#fff;
  font-weight:900;
  letter-spacing:-.02em;
  font-size: clamp(27px, 3vw, 38px); 
  margin:10px 0 8px;
}

#essentials .ess-head .section-title{
  position: relative;
  padding-bottom: 12px; 
}

#essentials .ess-head .section-title::after{
  content: "";
  position: absolute;
  left: 0;              
    margin-top: 10px;
  width: 140px;
  height: 4px;
  border-radius: 999px;
  transform: none;       
  background: linear-gradient(90deg, var(--accent), #90A4FF);
  box-shadow: 0 2px 12px rgba(98,126,234,.35);
}
#essentials .ess-head .section-title::after{
  right: auto;
  margin-left: 0;
}


#essentials .ess-head .section-sub{
  color: var(--dlx-muted);
  font-size: 18px; 
  margin: 0;
}

#essentials .ess-grid{ display:grid; gap:14px; grid-template-columns: 1.2fr .8fr; align-items:start; }
@media (max-width:1024px){
  #essentials .ess-grid{ grid-template-columns:1fr; }
}

#essentials .ess-card{
  position:relative;
  background: linear-gradient(180deg, #0E1627, #0B1322);
  border:1px solid var(--dlx-bd);
  border-radius: var(--dlx-r);
  box-shadow: 0 10px 24px rgba(2,6,23,.28), 0 1px 0 rgba(255,255,255,.03) inset;
  overflow:hidden;
  display:grid; grid-template-rows:auto 1fr;
}

#essentials .ess-card::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background: linear-gradient(115deg, rgba(255,255,255,.06) 0 50%, transparent 50% 100%);
  -webkit-mask-image: linear-gradient(115deg, transparent 0, #000 16%, #000 84%, transparent 100%);
          mask-image: linear-gradient(115deg, transparent 0, #000 16%, #000 84%, transparent 100%);
  opacity:.4;
}

#essentials .ess-tabs{
  display:flex; gap:6px; padding:8px;
  background: color-mix(in oklab, #fff 4%, var(--dlx-bg2));
  border-bottom:1px solid var(--dlx-bd);
}
#essentials .ess-tab{
  appearance:none;
  height:36px;
  padding:0 10px;
  display:flex; align-items:center; gap:8px;
  border:1px solid var(--dlx-bd);
  border-radius:4px;
  background: color-mix(in oklab, var(--accent) 10%, #0C1527);
  color:#E6EEFF;
  font-weight:600; font-size:16px; letter-spacing:.01em;
  cursor:pointer;
  transition: background .15s ease, border-color .15s ease, transform .02s ease, box-shadow .12s ease, color .15s ease;
}
#essentials .ess-tab:hover{
  background: color-mix(in oklab, var(--accent) 16%, #0C1527);
  border-color: color-mix(in oklab, var(--dlx-bd) 60%, var(--accent));
  box-shadow: 0 6px 18px rgba(2,6,23,.28);
}
#essentials .ess-tab.is-active{
  background: color-mix(in oklab, var(--accent) 28%, #0C1527);
  border-color: color-mix(in oklab, var(--dlx-bd) 45%, var(--accent));
  color:#fff;
}

#essentials .ess-panes{ position:relative; overflow:hidden; }
#essentials .ess-pane{
  display:none; grid-template-rows:auto auto 1fr auto;
  gap:10px; padding:12px; min-height:220px;
}
#essentials .ess-pane.is-active{ display:grid; }

#essentials .pane-head{ display:grid; gap:6px; text-align:center; }
#essentials .pane-kicker{
  font-weight:800; font-size:13px; letter-spacing:.14em; text-transform:uppercase;
  color: var(--dlx-muted);
  margin:0 auto;
}
#essentials .pane-title{
  margin:0; color:#fff; letter-spacing:-.01em;
  font-size:28px; 
}
#essentials .pane-sub{
  margin:0; color:#CFE0FF; font-size:18px; 
}

#essentials .code{
  margin:0; padding:10px 12px;
  background:#0A1322;
  border:1px dashed var(--dlx-bd);
  border-radius:5px;
  overflow:auto; max-height: 260px;
}
#essentials .code code{
  font:13px/1.55 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  color:#E8F1FF;
}

#essentials .bullets{
  margin:8px 0 0; padding-left:16px; color:var(--dlx-muted);
}
#essentials .bullets li{ font-size:15.5px; margin:4px 0; }


#essentials .ess-side{ display:grid; gap:20px; }
#essentials .side-card{
  background:#0A1322;
  border:1px solid var(--dlx-bd);
  border-radius: var(--dlx-r);
  padding:20px;
  box-shadow: 0 10px 22px rgba(2,6,23,.24);
}
#essentials .side-title{
  margin:0 0 6px; font-size:17.5px; font-weight:800; letter-spacing:.02em; color:#E8F1FF;
}

#essentials .matrix{ list-style:none; margin:0; padding:0; display:grid; gap:6px; }
#essentials .matrix li{
  display:grid; grid-template-columns:1fr auto; align-items:center; gap:8px;
  font-size:17.5px; color:#EAF1FF; 
}
#essentials .matrix .ok{
  display:inline-grid; place-items:center; width:18px; height:18px;
  border:1px solid color-mix(in oklab, var(--accent) 36%, var(--dlx-bd));
  border-radius:4px; color:#EAF1FF;
}
#essentials .matrix .ok::before{
  content:""; width:12px; height:12px; background: currentColor;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="%23000" d="M7.6 13.2 4.2 9.8l-1.2 1.2 4.6 4.6L17 6.2 15.8 5z"/></svg>') no-repeat 50% 50%;
          mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="%23000" d="M7.6 13.2 4.2 9.8l-1.2 1.2 4.6 4.6L17 6.2 15.8 5z"/></svg>') no-repeat 50% 50%;
}

#essentials .pkg-code{
  margin:0 0 8px; padding:8px 10px;
  background:#0A1322; border:1px dashed var(--dlx-bd);
  border-radius:5px; overflow:auto;
}
#essentials .pkg-code code{ font:13px/1.55 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color:#DDE7FF; }

#essentials .badges{ display:flex; flex-wrap:wrap; gap:6px; }
#essentials .badge{
  display:inline-flex; align-items:center; height:22px; padding:0 8px; border-radius:4px;
  background: var(--dlx-chip);
  border:1px solid var(--dlx-chip-bd);
  color:#E5EDFF; font-weight:700; font-size:12.8px;
}

#essentials .side-media{
  position:relative; width:100%; aspect-ratio: 4/3; 
  height: auto;
 overflow:hidden;

}
#essentials .side-media img{ width:100%; height:100%; object-fit:cover; display:block; opacity: 0.95;}

@media (prefers-reduced-motion: reduce){
  #essentials .ess-tab{ transition:none !important; }
}

#essentials .container,
#essentials .ess-head{
  max-width: 1200px;
  margin-inline: auto;
  padding-inline: 16px; 
}

#essentials .ess-head{
  text-align: left;
}
#essentials .ess-head .section-eyebrow{
  display: inline-flex;
  margin: 0 0 8px 0; 
}
#essentials .section-head--badge-right{
  display: block;
}


#essentials .ess-grid{ gap:14px; }

#essentials .pane-head{ text-align: left; align-items: start; }
#essentials .pane-kicker{ margin: 0; } 

#essentials .ess-tab{
  height:36px; font-size:15px; font-weight:600; letter-spacing:.01em;
}
#essentials .side-card,
#essentials .pkg-code,
#essentials .code{
  border-color: var(--dlx-bd);
}


#essentials .matrix li span:first-child{
  display:inline-flex; align-items:center; gap:8px;
}

#essentials .matrix li span:first-child::before{
  content:"";
  width:16px; height:16px;
  background: currentColor;
  opacity:.95;
  -webkit-mask-repeat:no-repeat; -webkit-mask-position:50% 50%; -webkit-mask-size:16px 16px;
          mask-repeat:no-repeat;         mask-position:50% 50%;         mask-size:16px 16px;
}




















:root{
  --gold: #D4AF37;              
  --networks-ink: var(--accent, #627EEA);
}

.assets-mini{
  position: relative;
  padding: 20px 0 50px;
  background: linear-gradient(180deg, #fff, #F6F8FC);
  border-top: 1px solid var(--ov-bd, var(--border));
  border-bottom: 1px solid var(--ov-bd, var(--border));
}

.section-title .title-coins{ color: var(--gold); }
.section-title .title-networks{ color: var(--networks-ink); }
.asset-list{
  list-style:none;
  margin:16px auto 10px;
  padding:0;
  display:flex; flex-wrap:wrap; justify-content:center;
  gap:14px 18px; max-width:1000px;
}
.asset-item{
  display:inline-flex; align-items:center; gap:10px;
  padding:4px 2px; color:var(--text);
  font-weight:600; font-size:13.5px; letter-spacing:.01em;
  border-radius:4px;
}
.asset-item .logo-img{
  width:30px; height:30px; display:block; border-radius:4px;
  
}
.asset-item .label{ white-space:nowrap; }
.asset-item:hover .label{
  text-decoration:underline; text-underline-offset:2px; text-decoration-thickness:.06em;
}
.asset-item:focus-within{ outline:3px solid var(--ring); outline-offset:2px; }

.asset-item--more .plus{
  display:inline-grid; place-items:center;
  width:20px; height:20px; border:1px dashed var(--border);
  border-radius:4px; font-weight:700;
}

.asset-note.note-simple{
  display: flex;                
  align-items: center;
  gap: 8px;
  margin-top: 27px;
  margin-inline: auto;
  width: fit-content;           
  width: -moz-fit-content;     
  inline-size: max-content;     
  max-width: calc(100% - 32px); 
  padding: 5px 12px;
  border: 2px solid transparent;
  border-radius: var(--radius, 5px);
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, color-mix(in oklab, var(--gold) 52%, #ffffff), var(--networks-ink)) border-box;
  box-shadow: 0 6px 18px rgba(18,23,39,.05);
  font-size: 13.5px; 
  color: var(--muted);
  text-align: left;          
}

.asset-note.note-simple .dot{
  width: 6px; height: 6px; border-radius: 2px;
  background: var(--networks-ink);
  display: inline-block;
}

@media (max-width:640px){
  .asset-list{ gap:12px 14px; }
  .asset-item .logo-img{ width:20px; height:20px; }
}











:root{
  --ft-bg:   #0B1220;
  --ft-bg2:  #0F1628;
  --ft-ink:  #E8EDF7;
  --ft-muted:#A7B1C6;
  --ft-bd:   #1E2A42;
}

.site-footer{
  position: relative;
  color: var(--ft-ink);
  background: linear-gradient(180deg, var(--ft-bg), var(--ft-bg2));
  border-top: 1px solid var(--ft-bd);
  padding: 36px 0 20px;
  isolation: isolate;
}
.site-footer::before{
  content:"";
  position:absolute; inset:0; pointer-events:none; opacity:.10;
  background:
    repeating-linear-gradient(to right, rgba(255,255,255,.05) 0 1px, transparent 1px 24px),
    linear-gradient(115deg, rgba(255,255,255,.06) 0 50%, transparent 50% 100%);
  -webkit-mask: linear-gradient(180deg, transparent 0, #000 24px, #000 calc(100% - 24px), transparent 100%);
          mask: linear-gradient(180deg, transparent 0, #000 24px, #000 calc(100% - 24px), transparent 100%);
}

.ft-grid{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 28px;
}
@media (max-width: 960px){
  .ft-grid{ grid-template-columns:1fr; }
}

.ft-brand{
  display:inline-flex; align-items:center; gap:10px;
  font-weight:800; letter-spacing:.01em; color:#fff; text-decoration:none;
}
.ft-logo{
  width:28px; height:28px; flex:0 0 28px; background: #fff; border-radius:6px;
  box-shadow: 0 8px 22px rgba(98,126,234,.25);
  -webkit-mask: url('data:image/svg+xml;utf8,\
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28">\
    <rect x="0" y="0" width="28" height="28" rx="6" ry="6" fill="%23000"/>\
    <path d="M8 6h4v6l5-6h5l-7 8 7 8h-5l-5-6v6H8z" fill="%23fff"/>\
  </svg>') no-repeat 50% 50%;
          mask: url('data:image/svg+xml;utf8,\
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28">\
    <rect x="0" y="0" width="28" height="28" rx="6" ry="6" fill="%23000"/>\
    <path d="M8 6h4v6l5-6h5l-7 8 7 8h-5l-5-6v6H8z" fill="%23fff"/>\
  </svg>') no-repeat 50% 50%;
}
.ft-name{ font-size:16px; }


.ft-sub{
  margin: 10px 0 14px;
  color: var(--ft-muted);
  font-size: 13.5px;
}

.ft-contacts{
  display:block;
  border-radius:6px;
  padding:12px;
}
.ft-contacts-grid{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap:12px;
}
@media (max-width: 720px){
  .ft-contacts-grid{ grid-template-columns:1fr; }
}
.ft-contacts .ft-h4{ margin-top:0; }
.ft-contacts .ft-list{ margin-bottom:8px; }

@media (max-width: 720px){
  .ft-contacts{ grid-template-columns:1fr; }
}
.ft-block{ background: rgba(255,255,255,.02); border:1px solid var(--ft-bd);
  border-radius:6px; padding:10px; ;}
.ft-h4{
  margin:45px 0 6px; font-size:14px; letter-spacing:.14em; text-transform:uppercase;
  color:#CFE0FF; font-weight:800;
}
.ft-list{ margin:0; padding-left:0; list-style:none; display:grid; gap:6px; }
.ft-list li{ font-size:14.5px; color:#E6EEFF; display:flex; align-items:flex-start; gap:8px; }
.ft-list a{ color:#E6EEFF; text-decoration:none;  }


.ft-columns{
  margin-left: 30px;
  display:grid; grid-template-columns: 1fr 1fr; gap:12px;
}
@media (max-width: 720px){
  .ft-columns{ grid-template-columns:1fr; }
}
.ft-menu{ margin:0; padding-left:0; list-style:none; display:grid; gap:14px; }
.ft-menu a{
  color:#E6EEFF; text-decoration:none; font-weight:600; font-size:15px;
}


.ft-social{ margin:0; padding-left:0; list-style:none; display:grid; gap:14px; }
.ft-soc{
  display:inline-flex; align-items:center; gap:8px;
  color:#E6EEFF; text-decoration:none; font-weight:600; font-size:15px;
}

.ft-sep{
  margin: 18px 0 12px;
  border: none; height:1px; background: color-mix(in oklab, #fff 8%, var(--ft-bd));
}
.ft-bottom{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  color: var(--ft-muted); font-size: 13.5px;
}
@media (max-width:640px){
  .ft-bottom{ flex-direction:column; align-items:flex-start; gap:6px; }
}
.ft-copy{ margin:0; }
.ft-legal{ margin:0; padding-left:0; list-style:none; display:flex; gap:12px; flex-wrap:wrap; }
.ft-legal a{ color: var(--ft-muted); text-decoration:none; }
.ft-legal a:hover{ color:#E6EEFF; }

.ico{
  width:16px; height:16px; background:#E6EEFF; opacity:.9; flex:0 0 16px;
  -webkit-mask-repeat:no-repeat; -webkit-mask-position:50% 50%; -webkit-mask-size:16px 16px;
          mask-repeat:no-repeat;         mask-position:50% 50%;         mask-size:16px 16px;
}
.ico-map{ -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="%23000" d="M10 2a6 6 0 0 0-6 6c0 4.5 6 10 6 10s6-5.5 6-10a6 6 0 0 0-6-6Zm0 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4Z"/></svg>'); mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="%23000" d="M10 2a6 6 0 0 0-6 6c0 4.5 6 10 6 10s6-5.5 6-10a6 6 0 0 0-6-6Zm0 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4Z"/></svg>'); }
.ico-phone{ -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="%23000" d="M2.5 3.5 6 2l3 5-2 1c1 2.5 2.5 4 5 5l1-2 5 3-1.5 3.5c-.5 1-1.7 1.3-2.8.9-7.2-2.9-11.6-7.3-14.5-14.5-.4-1.1-.1-2.3.8-2.8Z"/></svg>'); mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="%23000" d="M2.5 3.5 6 2l3 5-2 1c1 2.5 2.5 4 5 5l1-2 5 3-1.5 3.5c-.5 1-1.7 1.3-2.8.9-7.2-2.9-11.6-7.3-14.5-14.5-.4-1.1-.1-2.3.8-2.8Z"/></svg>'); }
.ico-mail{ -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="%23000" d="M2 4h16v12H2V4Zm8 6L3.5 6.5h13L10 10Z"/></svg>'); mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="%23000" d="M2 4h16v12H2V4Zm8 6L3.5 6.5h13L10 10Z"/></svg>'); }

.ico-tg{ -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M21.5 3.5 3.8 10.3c-1 .4-1 1.1-.2 1.4l4.5 1.4 1.7 5.4c.2.5.4.6.8.3l2.5-2.1 4.2 3.1c.5.3.8.2.9-.4l3.5-15c.2-.8-.3-1.2-1.2-.9Z"/></svg>'); mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M21.5 3.5 3.8 10.3c-1 .4-1 1.1-.2 1.4l4.5 1.4 1.7 5.4c.2.5.4.6.8.3l2.5-2.1 4.2 3.1c.5.3.8.2.9-.4l3.5-15c.2-.8-.3-1.2-1.2-.9Z"/></svg>'); }
.ico-discord{ -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M20 4.5A19 19 0 0 0 15.8 3l-.3.6a15 15 0 0 1 3.7 1.2 13 13 0 0 0-12.4 0A15 15 0 0 1 10.4 3L10 2.9A19 19 0 0 0 6 4.5C2.6 9.3 1.8 14 2.1 18.6 4.7 20.6 7.2 21.6 9.6 22l.9-1.8c-.5-.2-1-.5-1.5-.9.3.2.7.4 1.1.6 2.2 1 4.6 1 6.8 0 .4-.2.7-.4 1.1-.6-.5.4-1 .7-1.5.9l.9 1.8c2.4-.4 4.9-1.4 7.5-3.4.4-4.6-.5-9.3-3.9-14.1ZM9.9 15.7c-1.1 0-1.9-1-1.9-2.1s.9-2.1 1.9-2.1 1.9 1 1.9 2.1-.8 2.1-1.9 2.1Zm6.2 0c-1.1 0-1.9-1-1.9-2.1s.9-2.1 1.9-2.1 1.9 1 1.9 2.1-.9 2.1-1.9 2.1Z"/></svg>'); mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M20 4.5A19 19 0 0 0 15.8 3l-.3.6a15 15 0 0 1 3.7 1.2 13 13 0 0 0-12.4 0A15 15 0 0 1 10.4 3L10 2.9A19 19 0 0 0 6 4.5C2.6 9.3 1.8 14 2.1 18.6 4.7 20.6 7.2 21.6 9.6 22l.9-1.8c-.5-.2-1-.5-1.5-.9.3.2.7.4 1.1.6 2.2 1 4.6 1 6.8 0 .4-.2.7-.4 1.1-.6-.5.4-1 .7-1.5.9l.9 1.8c2.4-.4 4.9-1.4 7.5-3.4.4-4.6-.5-9.3-3.9-14.1ZM9.9 15.7c-1.1 0-1.9-1-1.9-2.1s.9-2.1 1.9-2.1 1.9 1 1.9 2.1-.8 2.1-1.9 2.1Zm6.2 0c-1.1 0-1.9-1-1.9-2.1s.9-2.1 1.9-2.1 1.9 1 1.9 2.1-.9 2.1-1.9 2.1Z"/></svg>'); }
.ico-x{ -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="m3 3 8.8 10.4L7.2 21h2.6l3.9-5 4.1 5H21l-9.3-11L17.6 3H15l-3.6 4.6L7.9 3H3z"/></svg>'); mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="m3 3 8.8 10.4L7.2 21h2.6l3.9-5 4.1 5H21l-9.3-11L17.6 3H15l-3.6 4.6L7.9 3H3z"/></svg>'); }
.ico-github{ -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="%23000" d="M8 0C3.58 0 0 3.58 0 8a8 8 0 0 0 5.47 7.59c.4.07.55-.17.55-.38l-.01-1.33c-2.23.49-2.7-1.07-2.7-1.07-.36-.92-.89-1.16-.89-1.16-.73-.5.05-.49.05-.49.81.06 1.24.83 1.24.83.72 1.23 1.9.88 2.36.67.07-.52.28-.88.5-1.09-1.78-.2-3.65-.89-3.65-3.95 0-.87.31-1.58.82-2.14-.08-.2-.36-1.01.08-2.1 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.03 2.2-.82 2.2-.82.44 1.09.16 1.9.08 2.1.51.56.82 1.27.82 2.14 0 3.07-1.87 3.75-3.65 3.95.28.24.53.71.53 1.43l-.01 2.12c0 .21.15.45.55.38A8.01 8 0 0 0 16 8c0-4.42-3.58-8-8-8Z"/></svg>'); mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="%23000" d="M8 0C3.58 0 0 3.58 0 8a8 8 0 0 0 5.47 7.59c.4.07.55-.17.55-.38l-.01-1.33c-2.23.49-2.7-1.07-2.7-1.07-.36-.92-.89-1.16-.89-1.16-.73-.5.05-.49.05-.49.81.06 1.24.83 1.24.83.72 1.23 1.9.88 2.36.67.07-.52.28-.88.5-1.09-1.78-.2-3.65-.89-3.65-3.95 0-.87.31-1.58.82-2.14-.08-.2-.36-1.01.08-2.1 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.03 2.2-.82 2.2-.82.44 1.09.16 1.9.08 2.1.51.56.82 1.27.82 2.14 0 3.07-1.87 3.75-3.65 3.95.28.24.53.71.53 1.43l-.01 2.12c0 .21.15.45.55.38A8.01 8 0 0 0 16 8c0-4.42-3.58-8-8-8Z"/></svg>'); }


.ft-col-right .ft-list li:first-child { margin-bottom: 12px; }

.ft-col-right .ft-list li:last-child { margin-top: 4px; }