:root{
  --bg: #050510;
  --bg-2: #11131a;
  --panel: #141720;
  --border: rgba(255,255,255,.06);
  --text: #d9dbe8;
  --muted: #9aa0ad;
  --crimson: rgb(140,70,98);
--accent: linear-gradient(
  90deg,
  rgb(170, 90, 120),
  rgb(120, 55, 82)
);
  --green: #4dff8a;
  --shadow: 0 10px 30px rgba(0,0,0,.4);
  --radius: 16px;
    --hero-glow-color: rgba(0, 0, 0, 0.75);  
  --hero-glow-soft: 10px;  
}



@font-face {
  font-family: "Manrope";
  src: url("fonts/manrope/Manrope-Regular.woff2") format("woff2"),
       url("fonts/manrope/Manrope-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("fonts/manrope/Manrope-Medium.woff2") format("woff2"),
       url("fonts/manrope/Manrope-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("fonts/manrope/Manrope-SemiBold.woff2") format("woff2"),
       url("fonts/manrope/Manrope-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("fonts/manrope/Manrope-Bold.woff2") format("woff2"),
       url("fonts/manrope/Manrope-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("fonts/manrope/Manrope-ExtraBold.woff2") format("woff2"),
       url("fonts/manrope/Manrope-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}



*{box-sizing: border-box}
html, body{height: 100%}
body{
  margin:0;
  background-color: var(--bg);
  color: var(--text);
  font-style: normal;
  font-variant-ligatures: normal;
  font-variant-caps: normal;
  font-variant-numeric: normal;
  font-variant-east-asian: normal;
  font-weight: 500;
  font-stretch: normal;
  font-size: 16px;
  line-height: 1.6;
font-family: 'Manrope', Inter, system-ui, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.container{
  max-width: 1160px;
  margin:0 auto;
  padding:0 20px;
}

.row{display:flex;align-items:center}
.row.between{justify-content:space-between}
.row.center{align-items:center}
.row.wrap{flex-wrap:wrap;row-gap:.75rem;column-gap:.75rem}
.row.gap{row-gap:.75rem;column-gap:.75rem}
.row.end{justify-content:flex-end}

a{color:inherit;text-decoration:none}
a:hover{opacity:.92}
em{opacity:.7;font-style:normal}

h1{
  font-size: clamp(32px, 6vw, 60px);
  line-height: 1.15;
  margin:.4rem 0 1rem 0;
  font-weight: 800;
  letter-spacing: -0.02em;
}
h2{font-size:clamp(24px,4vw,36px);margin:0 0 2rem 0}
h3{font-size:24px;margin:.29rem 0 .5rem 0}
.nowrap{white-space:nowrap}


.site-header{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
  background-color: transparent;
  background-image: none;
  border-bottom: 1px solid transparent;


  transition:
    background-color 0.24s ease,
    background-image 0.24s ease,
    border-color 0.24s ease,
    padding 0.24s ease,
    transform 0.35s ease;
}
.site-header--bg{
  background-image: linear-gradient(180deg, rgba(8, 8, 26, 0.78), rgba(5, 5, 16, 0.62));
  background-color: rgba(8, 8, 24, 0.38);
  backdrop-filter: blur(6px);
}

.site-header--compact{
  transform: translateY(-4px);
}



.hero {
  position: relative;
  padding: 110px 0 52px;
  text-align: center;
}

.hero-grid.hero-grid--center {
  max-width: 760px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.hero-left {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.subhead {
  max-width: 640px;
  margin: .5rem auto 1.2rem;
  text-align: center;
}

.downloads {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: .8rem;
  column-gap: .8rem;
}

.trust {
  justify-content: center;
  margin-top: 1.4rem;
}

.hero-badges {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  align-items: center;
  justify-content: center;
  margin-bottom: .8rem;
}

.hero-right,
.device-preview {
  display: none !important;
}


.section-divider{
  max-width: 1200px;
  margin: 0 auto 2.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 10px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--muted);
}

.section-divider span{
  white-space: nowrap;
}

.section-divider::before,
.section-divider::after{
  content: "";
  flex: 1;
  height: 1px;
}

.section-divider::before{
  background: linear-gradient(to left,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0)
  );
}

.section-divider::after{
  background: linear-gradient(to right,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0)
  );
}

#features .features-kicker{
  position: relative;
  z-index: 3;
  display: inline-block;
  padding: .28rem .62rem;
  border-radius: 10px;
  background: #faf7fa;
}

#features .section-divider.section-divider--features {
  margin: 0 auto 0rem;
}



.brand{display:flex;align-items:center;column-gap:.6rem;padding:.8rem 0}
.brand-logo{width:22px;height:22px;border-radius:6px;display:block}
.brand-text{font-weight:700;letter-spacing:.2px}

.nav a{padding:1.2rem .85rem;border-radius:0px}
.nav a:hover{background-color: rgba(255,255,255,.03)}

.btn.code{
  display:inline-flex;align-items:center;column-gap:.65rem;
  border:1px solid var(--border);border-radius:5px;padding:.20rem .80rem;background:transparent
}
.btn.code svg{width:16px;height:16px}

.hero{position:relative;padding:96px 0 48px;overflow-x:hidden;overflow-y:visible}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;align-items:start}
.hero-right .device-preview{margin-top:0}
.badge{
  display:inline-block;border:1px solid var(--border);padding:.35rem .6rem;border-radius:999px;
  background-color: rgba(255,255,255,.03); color: var(--muted); font-size:.85rem
}
.subhead{max-width:740px;opacity:1;margin:.6rem 0 1.2rem 0}
.free{color:#88c0ac;display:block;margin-top:.1rem}

.accent{
  background-image: var(--accent);
  background-origin: padding-box;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}



.hero.hero--light {
  position: relative;
  padding: 90px 0 90px;
  text-align: center;
  background: #faf7fa;
  background-repeat: no-repeat;
  background-size: auto;
  z-index: 1;

  background-image:
    linear-gradient(
      rgba(0, 0, 0, 0.20),
      rgba(0, 0, 0, 0.35)
    ),
    url("img/hero-bg.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.hero.hero--light .subhead {
  font-size: 1.12rem;             
  line-height: 1.58;
  max-width: 760px;
  margin: 0.65rem auto 1.4rem;
  color: rgba(255, 255, 255, 0.99) !important;
  letter-spacing: 0.005em;  
  font-weight: 500;         
  text-shadow: 0 1px 2px rgba(0,0,0,0.18);
}



.hero.hero--light .hero-card {
  width: 100%;
  max-width: 1150px;
  margin: 40px auto 0;
  padding: 85px 50px;
  border-radius: 0px;

  position: relative;
  overflow: hidden; 
}


@media (max-width: 768px) {
  .hero.hero--light .hero-card {
    padding: 40px 24px;
  }

.hero.hero--light {
  padding: 80px 0 0;
}
}


.hero.hero--light,
.hero.hero--light h1,
.hero.hero--light h2,
.hero.hero--light h3,
.hero.hero--light p,
.hero.hero--light .subhead,
.hero.hero--light .muted {
  color: rgba(255, 255, 255, 0.98) !important;
}
.hero.hero--light .subhead {
    color: rgba(255, 255, 255, 0.98) !important;

}

.hero.hero--light h1,
.hero.hero--light .subhead {
  text-shadow: 0 0 14px rgba(0, 0, 0, 0.5);

}


.hero.hero--light .muted {
  color: rgba(255, 255, 255, 0.75) !important;
}

.hero.hero--light .accent {
  color: transparent !important;
  background-image: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.95),
    rgba(255, 255, 255, 0.85)
  ) !important;
  -webkit-background-clip: text;
  background-clip: text;
}

.hero.hero--light .badge {
  color: rgba(255, 255, 255, 0.85) !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.hero.hero--light .badge--version {
  background: rgba(77, 255, 138, 0.18) !important;
  color: #eafff0 !important;
  border-color: rgba(77, 255, 138, 0.55) !important;
}

.hero.hero--light .trust-pill {
  border-color: rgba(255, 255, 255, 0.28) !important;
  color: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.hero.hero--light .trust-icon {
  background-color: rgba(255, 255, 255, 0.35) !important;
  color: rgba(250, 250, 250, 0.75) !important;
}


.hero.hero--light .btn.primary {
  color: #ffffff !important;
}

.hero.hero--light .btn.ghost,
.hero.hero--light .btn.outline,
.hero.hero--light .btn.code {
  color: rgba(255, 255, 255, 0.92) !important;
  border-color: rgba(255, 255, 255, 0.40) !important;
}

.hero.hero--light .btn.code:hover {
  background-color: rgba(255, 255, 255, 0.15) !important;
}




.u-carousel-section {
  position: relative;
  width: 100%;
  padding: 25px 16px 0px;
  box-sizing: border-box;
}


.u-carousel-shell {
  position: absolute;
  left: 50%;
  bottom: -57px;
  transform: translateX(-50%);
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  box-sizing: border-box;

    padding-top: 8px;
  padding-bottom: 8px;
}

.u-carousel-shell::before,
.u-carousel-shell::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 106px;
  pointer-events: none;
  z-index: 2;
}

.u-carousel-shell::before {
  left: 0;
  background: linear-gradient(
    to right,
    rgba(6, 10, 32, 1) 0%,
    rgba(33, 64, 135, 0.15) 40%,
    rgba(33, 64, 135, 0) 100%
  );
}

.u-carousel-shell::after {
  right: 0;
  background: linear-gradient(
    to left,
    rgba(6, 10, 32, 1) 0%,
    rgba(33, 64, 135, 0.15) 40%,
    rgba(33, 64, 135, 0) 100%
  );
}


.u-carousel-track {
  --u-carousel-span: 1600px;

  display: flex;
  flex-wrap: nowrap;
  width: calc(2 * var(--u-carousel-span));
  animation: u-carousel-marquee 20s linear infinite;
  will-change: transform;
}

.u-carousel-row {
  display: flex;
  flex: 0 0 auto;
  width: var(--u-carousel-span);
  align-items: center;
  gap: 48px;
  padding-inline: 8px;
}

.u-carousel-logo {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 100px;
  opacity: 0.95;
}

.u-carousel-logo svg {
  display: block;
  height: 32px;
  width: auto;
}

.u-carousel-logo svg,
.u-carousel-logo svg * {
  fill: #fff !important;
  stroke: #fff !important;
}

@keyframes u-carousel-marquee {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(calc(-1 * var(--u-carousel-span)), 0, 0);
  }
}

@media (max-width: 768px) {
  .u-carousel-section {
    padding: 16px 12px 80px;
  }

  .u-carousel-shell {
    bottom: 16px;
  }

  .u-carousel-row {
    gap: 32px;
  }

  .u-carousel-logo {
    min-width: 80px;
  }

  .u-carousel-logo svg {
    height: 24px;
  }

  .u-carousel-track {
    animation-duration: 16s;
  }

  .u-carousel-shell::before,
  .u-carousel-shell::after {
    width: 64px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .u-carousel-track {
    animation: none;
    transform: translateX(0);
  }
}






.site-header:not(.site-header--bg) + .hero.hero--light {
  --header-fg: #2b2f38;
  --header-hover: rgba(0,0,0,0.04);
  --header-border: rgba(0,0,0,0.12);
}

.site-header:not(.site-header--bg) .brand-text,
.site-header:not(.site-header--bg) .nav a,
.site-header:not(.site-header--bg) .btn.code span {
  color: var(--header-fg, #cbd4e9) !important;
}

.site-header:not(.site-header--bg) .brand-logo {
  filter: none !important;
}

.site-header:not(.site-header--bg) .btn.code {
  border-color: var(--header-border, rgba(0,0,0,0.12)) !important;
}

.site-header:not(.site-header--bg) .nav a:hover,
.site-header:not(.site-header--bg) .btn.code:hover {
  background-color: var(--header-hover, rgba(0,0,0,0.04)) !important;
}

.site-header--bg .brand-text,
.site-header--bg .nav a,
.site-header--bg .btn.code span {
  color: var(--text) !important;
}

.site-header--bg .btn.code {
  border-color: var(--border) !important;
}

.site-header:not(.site-header--bg) .brand-word-primary,
.site-header:not(.site-header--bg) .brand-word-tagline {
  color: var(--header-fg, #cbd4e9);
}


.site-header--bg .brand-word-primary,
.site-header--bg .brand-word-tagline {
  color: var(--text);
}


.nav {
  display: flex;
  align-items: center;
}

.nav a {
  display: inline-flex;
  align-items: center;
}
.nav .btn.code {
  margin-left: .35rem;
}



.downloads{
  display:flex;flex-direction:row;flex-wrap:wrap;row-gap:.8rem;column-gap:.8rem;margin-top:1.2rem
}

.dl.pill{
  position:relative;display:flex;align-items:center;column-gap:.8rem;
  border:1px solid var(--border);border-radius:999px;padding:.7rem 1.4rem .7rem .7rem;
  background-image: linear-gradient(180deg, rgba(20,23,32,.9), rgba(20,23,32,.7));
  box-shadow:0 4px 16px rgba(0,0,0,.25)
}
.dl .icon{width:28px;height:28px;display:grid;place-items:center}
.dl .icon img{display:block;width:28px;height:28px}
.dl .txt{display:flex;flex-direction:column;font-size:.95rem}
.dl .txt b{font-weight:700}
.dl .arrow{margin-left:.2rem;opacity:.6}
.dl .verify{
  margin-left:.6rem;font-size:.8rem;background:transparent;border:1px solid var(--border);color:var(--muted);
  padding:.2rem .5rem;border-radius:999px;cursor:pointer
}


.device-preview{
  margin:28px 0 8px 0;border-radius:20px;padding:14px;
  background-image: linear-gradient(180deg, #0f1217, #0b0d11);
  border:1px solid var(--border); box-shadow: var(--shadow)
}
.screen{
  border-radius:12px;background-color:#0a0d12;padding:0;border:1px solid #1a1f2a
}
.titlebar.mac{
  display:flex;column-gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid #151a25
}
.titlebar .dot{width:12px;height:12px;border-radius:50%}
.titlebar .dot.red{background-color: rgb(140,70,98)}
.titlebar .dot.yellow{background-color: #ffbd2e}
.titlebar .dot.green{background-color: #27c93f}

.window{padding:12px}
.chart{
  position:relative;height:130px;margin:0 0 10px 0;border-radius:10px;border:1px solid #1b2130;
  background-image: linear-gradient(180deg, #0f141d, #0a0e13); overflow:hidden
}
.chart.no-line{overflow:hidden}
#freegas-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}

.tx-feed{
  max-height:176px;overflow:auto;background-color:#0b0f14;border-radius:10px;border:1px solid #1b2130
}
.tx-feed.static .tx-item{animation-name:none;animation-duration:0s;animation-timing-function:linear;animation-delay:0s;animation-iteration-count:0;animation-direction:normal;animation-fill-mode:none;animation-play-state:paused}
.tx-item{
  display:grid;grid-template-columns:80px 1fr 1.2fr 56px;column-gap:10px;padding:8px 10px;border-bottom:1px solid #121723
}
.tx-item:last-child{border-bottom:none}
.tx-item .dir{font-weight:700}
.tx-item .dir.send{color: rgb(140,70,98)}
.tx-item .dir.recv{color:#6bff9f}
.tx-item .amt{color:#dfe3ee}
.tx-item .meta{color:#8c93a3;font-size:.85rem}
.tx-item .time{color:#8c93a3;font-variant-numeric:tabular-nums}

.section{padding:92px 0}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:14px;row-gap:14px}

.card{
  background-image: linear-gradient(180deg, #11141b, #0e1117);
  border-radius: 3px;
  border:1px solid var(--border);
  padding:18px;
  box-shadow:0 6px 18px rgba(0,0,0,.25);
}

.card.feat .ico{
  width:45px;height:45px;border-radius:10px;display:grid;place-items:center;margin:0 0 8px 0;
  color: rgb(140,70,98);
  background-color:#121723;border:1px solid #1d2330
}

.sec-metrics{
  display:grid;grid-template-columns:repeat(4,1fr);column-gap:12px;row-gap:12px;margin:6px 0 14px 0
}
.sec-metrics .metric{
  display:flex;align-items:center;column-gap:8px;
  background-image: linear-gradient(180deg, #11141b, #0f1219);
  border:1px solid var(--border);border-radius: 7px;padding:10px 12px
}
.sec-metrics .metric .ico{flex:0 0 22px}
.sec-metrics .metric .ico svg{width:22px;height:22px}
.sec-metrics .metric .k{font-weight:800;letter-spacing:.2px;white-space:nowrap;margin:0 6px 0 0}
.sec-metrics .metric .l{white-space:nowrap;line-height:1.05;font-size:.85rem;color:#aeb6c6}

.sec-grid.tight{display:grid;grid-template-columns:1fr .9fr;column-gap:14px;align-items:start}
.bullets.compact{margin:0 0 10px 1rem}
.bullets.compact li{margin:.25rem 0}

.sec-table.dense{
  border-collapse:separate;border-spacing:0;
  border-radius: 8px;
  background-image: linear-gradient(180deg, #11141b, #0f1219);
}
.sec-table.dense th,.sec-table.dense td{padding:8px 10px;border-bottom:1px solid #1b2130}
.sec-table.dense tr:last-child th,.sec-table.dense tr:last-child td{border-bottom:none}
.sec-table.dense th{width:38%;text-align:left;color:#cbd2e0}
.sec-table.dense td{color:#aeb6c6; font-size: 12.5px;}

#download .sec-table.dense{
  border-collapse:separate;
  border-spacing:0;
  background-image: linear-gradient(180deg, #11141b, #0f1219);
}
#download .sec-table.dense th,
#download .sec-table.dense td{
  padding:5px 10px;
  border-bottom:1px solid #1b2130;
}
#download .sec-table.dense tr:last-child th,
#download .sec-table.dense tr:last-child td{
  border-bottom:none;
}
#download .sec-table.dense th{
  width:38%;
  text-align:left;
  color:#cbd2e0;
}
#download .sec-table.dense td{
  color:#aeb6c6;
  font-size:12.5px;
}



.muted{color:var(--muted);font-size:.98rem}
.accordion details{
  background-image: linear-gradient(180deg, #11141b, #0f1219);
  border:1px solid var(--border);border-radius:12px;padding:12px;margin:10px 0
}
.accordion summary{cursor:pointer;font-weight:700}

.newsletter{margin-top:18px}
.newsletter label{display:block;margin:0 0 .4rem 0}
.newsletter .row{row-gap:.5rem;column-gap:.5rem}
.newsletter input{
  flex:1 1 auto;min-width:220px;background-color:#0b0e13;color:#ffffff;border:1px solid #2a2f3a;border-radius:10px;padding:.7rem .8rem
}



dialog{
  border:none;
  padding:0;
  background:transparent;
  color:#ffffff;
}
dialog::backdrop{
  background-color:rgba(0,0,0,.55);
}

.modal-card{
  width:min(720px, 100vw - 32px);
  max-height:85vh;
  overflow:auto;
  margin:0 auto;

  background-image: linear-gradient(180deg, #11141b, #0f1219);
  border:1px solid var(--border);
  border-radius:5px;
  padding:14px 16px 12px;
  box-shadow:var(--shadow);
}

.modal-header{
  padding:4px 0 10px;
  border-bottom:1px solid rgba(255,255,255,.04);
  margin-bottom:10px;
}
.modal-header h3{
  margin:0 0 2px 0;
}
.modal-subtitle{
  margin:0;
  font-size:.85rem;
}

.modal-body{
  padding:4px 0 8px;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.modal-footer{
  padding-top:8px;
  border-top:1px solid rgba(255,255,255,.04);
  margin-top:4px;
}

.checksums{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
  gap:10px;
}

.sum{
  background-color:#0b0f14;
  border-radius:7px;
  border:1px solid #1b2130;
  padding:10px 10px 8px;
  display:flex;
  flex-direction:column;
  gap:6px;
}

.sum-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}

.sum-header h4{
  margin:0;
  font-size:.9rem;
}

.sum-actions{
  display:flex;
  align-items:center;
  gap:6px;
}

.sum-body{
  overflow:hidden;
  max-height:0;
  opacity:0;
  transform:translateY(-4px);
  transition:
    max-height .24s ease,
    opacity .18s ease,
    transform .24s ease;
}

.sum.sum--open .sum-body{
  max-height:80px; 
  opacity:1;
  transform:translateY(0);
  margin-top:4px;
}

.sum-input{
  width:100%;
  background-color:#0a0e13;
  color:#e2e7f3;
  border:1px solid #202939;
  border-radius:7px;
  padding:.45rem .55rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size:.78rem;
  line-height:1.4;
  white-space:nowrap;
  overflow-x:auto;
}

.pgp{
  margin-top:2px;
}

.pgp-block pre{
  margin:0;
  padding:.5rem .6rem;
  background-color:#0a0e13;
  border:1px solid #202939;
  border-radius:8px;
  font-size:.78rem;
  line-height:1.4;
  max-height:160px;
  overflow:auto;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.icon-btn{
  background:transparent;border-radius:8px;border:1px solid #2a2f3a;padding:.3rem .6rem;color:#cbd2e0;cursor:pointer
}


.btn.tiny{
  padding:.357rem .55rem;
  border-radius: 7px;
  font-weight:600;
  font-size:.78rem;
}

.btn.tiny.ghost{
  background:transparent;
  border-color:var(--border);
  color:var(--muted);
}


#toast,
.modal-toast{
  position:fixed;
  left:50%;
  bottom:22px;
  transform:translateX(-50%);
  background-image: linear-gradient(180deg, #131824, #0f131a);
  border-radius:10px;
  border:1px solid #2a2f3a;
  padding:.6rem .8rem;
  box-shadow:0 10px 30px rgba(0,0,0,.4);
  opacity:0;
  pointer-events:none;
  transition:opacity .25s ease;
  font-size:.85rem;
}

#toast.show,
.modal-toast.show{
  opacity:1;
}

.modal-card{
  position:relative;
}


.download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:16px;row-gap:16px}
.dlcard{
  background-image: linear-gradient(180deg, #11141b, #0f1219);
  border-radius: 7px;
  border:1px solid var(--border);
  padding:24.5px
}
.dlcard[data-os].highlight{box-shadow:0 0 0 2px rgba(140,70,98,0.125), 0 12px 34px rgba(140,70,98,0.12)}

.btn{
  display:inline-flex;align-items:center;justify-content:center;column-gap:.5rem;
  padding:.75rem 1.3rem;border-radius:4px;border:1px solid transparent;cursor:pointer;
  transition:transform .15s ease, background-color .2s ease, border-color .2s ease;font-weight:700
}
.btn.primary{
  background-image: var(--accent); color:#f4f6f8; box-shadow:0 8px 30px rgba(140,70,98,.25)
}




.btn.ghost{background:transparent;border-color:var(--border);color:#ffffff}
.btn.outline{background:transparent;border-color:#3a3f4d; color: #fff; border-radius: 6px; padding:9px 15px;}
.btn.tiny{padding:.35rem .55rem;border-radius:8px;font-weight:600;font-size:.8rem}







#features.section{
  padding: 45px 0 45px;
}

#features.section--features-light{
  position: relative;
  overflow: hidden;
  background:#faf7fa;
  color:#111827;
}

#features.section--features-light::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;

  left: 50%;
  margin-left: -50vw;
  width: 100vw;

  pointer-events:none;
  z-index: 2;

  background: url("/img/features.webp") left center / auto 100% no-repeat;
  opacity: .70;
}

#features.section--features-light .container{
  position: relative;
}

#features.section--features-light h2,
#features.section--features-light h3,
#features.section--features-light p,
#features.section--features-light .muted,
#features.section--features-light .feat-tag{
  color:#111827;
}
#features.section--features-light .muted{ color:#6b7280; }
#features.section--features-light .feat-line{ color:#6b7280; }

#features .section-divider.section-divider--features{
  color:#6b7280;
}
#features .section-divider.section-divider--features::before{
  background: linear-gradient(to left, rgba(15,23,42,0.32), rgba(15,23,42,0));
}
#features .section-divider.section-divider--features::after{
  background: linear-gradient(to right, rgba(15,23,42,0.32), rgba(15,23,42,0));
}



#features .features-kicker{
  position: relative;
  z-index: 3;
  display: inline-block;
  padding: .28rem .62rem;
  border-radius: 10px;
  background: #faf7fa;
}

#features .features-head{
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: end;
  justify-items: end;
  text-align: right;

  position: relative;
  z-index: 3;
}

#features .features-head h2{ margin-bottom:.25rem; }
#features .features-head-copy{ max-width:760px; }

#features .features-head-frame{
  display: inline-block;
  padding: .15rem .95rem;
 background: rgba(250,247,250,0.70) !important;
    border: none !important;
    box-shadow: none !important;

    -webkit-backdrop-filter: blur(14px) saturate(1.05);
    backdrop-filter: blur(14px) saturate(1.05);
}

#features .features-stage{
  position: relative;
  z-index: 1;
}

#features .features-layout{
  display:grid;
  grid-template-columns:minmax(0, 1.5fr) minmax(0, 1.5fr);
  align-items:stretch;
}

#features.section--features-light .card{
  background:#faf7fa !important;
  background-image:none !important;
  border:none !important;
  box-shadow:none !important;
}

#features .feat-stack{
  position: relative;
}

#features .feat-stack-list{
  list-style:none;
  margin:1rem 0 0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:12px;
  font-size:.9rem;
}

#features .feat-stack-list li{
  position:relative;
  padding-left:36px;
}

#features .feat-stack-list li::before{
  content:"";
  position:absolute;
  left:16px;
  top:.7rem;
  width:9px;
  height:9px;
  border-radius:999px;
  background: rgba(140,70,98,1);
  box-shadow: 0 0 0 4px rgba(140,70,98,0.18);
}

#features .feat-tag{
  display:inline-block;
  font-size:.92rem;
  text-transform:uppercase;
  letter-spacing:.16em;
  color:#6b7280;
  margin-bottom:.12rem;
}

#features .feat-stack-list strong{ display:block; }
#features .feat-line{ display:block; margin-top:.05rem; }

#features .feat-footnote{ margin-top:.9rem; font-size:.9rem; }
#features .feat-footnote-s{ margin-top:1.9rem; font-size:.9rem; margin-left:1rem; }

#features .features-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap:14px;
}

#features .feat-layer h3{
  margin-bottom:.3rem;
  font-size:1.22rem;
}

#features .feat-list{
  margin:.4rem 0 0 1.1rem;
  padding:0;
  list-style:disc;
  font-size:.95rem;
  color:#4b5563;
}
#features .feat-list li{ margin:.2rem 0; }

#features .feat-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.14rem .7rem;
  border-radius:999px;
  border:1px solid rgba(15,23,42,0.12);
  background: rgba(15,23,42,0.03);
  color:#4b5563;
  font-size:.78rem;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.12em;
  margin-bottom:.65rem;
}

@media (max-width: 960px){
  #features.section--features-light::before{
    z-index: 0;
    opacity: .75;
  }

  #features .features-layout{ grid-template-columns:1fr; }
  #features .feat-stack::before{ left:18px; }

  #features .features-head{
    justify-items:start;
    text-align:left;
  }
  #features .features-head-copy{
    max-width:none;
  }
  #features .features-head-frame {
    margin: 10px 0;
  }
}


@media (max-width: 1690px){
  #features.section--features-light::before{
    z-index: 0;
  }

  #features .features-stage{
    z-index: 2;
  }

  #features.section--features-light .card{
    background: rgba(250,247,250,0.70) !important;
    border: none !important;
    box-shadow: none !important;

    -webkit-backdrop-filter: blur(14px) saturate(1.05);
    backdrop-filter: blur(14px) saturate(1.05);
  }

  #features .features-kicker,
  #features .features-head{
    z-index: 3;
  }
}



#features .feat-stack{
  --angle-step: 30px;
  --angle-base: 04px;
  --angle-cap: 140px; 
  overflow: visible;    
}

#features .feat-stack .feat-stack-title,
#features .feat-stack > p.muted,
#features .feat-stack .feat-stack-sub,
#features .feat-stack .feat-footnote-s,
#features .feat-stack .feat-stack-foot,
#features .feat-stack .feat-stack-list li{
  transition: transform .25s ease;
  will-change: transform;
}

#features .feat-stack .feat-stack-title{
  transform: translateX(clamp(calc(var(--angle-cap) * -1), calc(var(--angle-base) * -1), 0px));
}

#features .feat-stack > p.muted,
#features .feat-stack .feat-stack-sub{
  transform: translateX(clamp(calc(var(--angle-cap) * -1), calc(var(--angle-base) * -1), 0px));
}

#features .feat-stack .feat-stack-list li:nth-child(1){
  transform: translateX(clamp(
    calc(var(--angle-cap) * -1),
    calc((var(--angle-base) + var(--angle-step) * 1) * -1),
    0px
  ));
}

#features .feat-stack .feat-stack-list li:nth-child(2){
  transform: translateX(clamp(
    calc(var(--angle-cap) * -1),
    calc((var(--angle-base) + var(--angle-step) * 2) * -1),
    0px
  ));
}

#features .feat-stack .feat-stack-list li:nth-child(3){
  transform: translateX(clamp(
    calc(var(--angle-cap) * -1),
    calc((var(--angle-base) + var(--angle-step) * 1) * -1),
    0px
  ));
}
#features .feat-stack .feat-footnote-s,
#features .feat-stack .feat-stack-foot{
  margin-left: 0 !important;
  transform: translateX(clamp(calc(var(--angle-cap) * -1), calc(var(--angle-base) * -1), 0px));
}



#features .feat-stack{
  --angle-step: 40px;
  --angle-base: 10px;
  --angle-edge: 8px;    
  --angle-cap: 140px;

  overflow: visible;
}

#features .feat-stack .feat-stack-title{
  transform: translateX(clamp(calc(var(--angle-cap) * -1), calc(var(--angle-edge) * -1), 0px));
}

#features .feat-stack > p.muted,
#features .feat-stack .feat-stack-sub{
  transform: translateX(clamp(calc(var(--angle-cap) * -1), calc(var(--angle-edge) * -1), 0px));
}

#features .feat-stack .feat-footnote-s,
#features .feat-stack .feat-stack-foot{
  margin-left: 0 !important;
  transform: translateX(clamp(calc(var(--angle-cap) * -1), calc(var(--angle-edge) * -1), 0px));
}

@media (max-width: 960px){
  #features .feat-stack{
    --angle-step: 0px;
    --angle-base: 0px;
    --angle-edge: 0px;
  }
}

@media (min-width: 1690px) and (max-width: 1799.98px){
  #features .feat-stack{
    --angle-step: 30px;
    --angle-base: 10px;
    --angle-edge: 4px;
    --angle-cap: 140px;
  }
}

@media (min-width: 1800px) and (max-width: 2129.9px){
  #features .feat-stack{
    --angle-step: 52px;
    --angle-base: 58px;
    --angle-edge: 54px;
    --angle-cap: 260px;
  }
}

@media (min-width: 2130px) and (max-width: 2499.98px){
  #features .feat-stack{
    --angle-step: 72px;
    --angle-base: 176px;
    --angle-edge: 174px;
    --angle-cap: 360px;
  }
}

@media (min-width: 2500px){
  #features .feat-stack{
    --angle-step: 86px;
    --angle-base: 216px;
    --angle-edge: 212px;
    --angle-cap: 440px;
  }
}

@media (max-width: 1690px){
  #features .feat-stack{
    --angle-step: 0px;
    --angle-base: 0px;
        --angle-edge: 0px;
  }
}



#features .feat-stack{
  --inner-step-1: 18px; 
  --inner-step-2: 36px;

  --inner-op-line-nudge: 32px; 
}

#features .feat-stack .feat-stack-list li > .feat-tag,
#features .feat-stack .feat-stack-list li > strong,
#features .feat-stack .feat-stack-list li > .feat-line{
  transition: transform .25s ease;
  will-change: transform;
}

#features .feat-stack .feat-stack-list li:nth-child(1) > .feat-tag{
  transform: translateX(0);
}
#features .feat-stack .feat-stack-list li:nth-child(1) > strong{
  transform: translateX(calc(var(--inner-step-1) * -1));
}
#features .feat-stack .feat-stack-list li:nth-child(1) > .feat-line{
  transform: translateX(calc(var(--inner-step-2) * -1));
}

#features .feat-stack .feat-stack-list li:nth-child(2) > .feat-tag,
#features .feat-stack .feat-stack-list li:nth-child(2) > strong,
#features .feat-stack .feat-stack-list li:nth-child(2) > .feat-line{
  transform: none;
}

#features .feat-stack .feat-stack-list li:nth-child(3) > .feat-tag{
  transform: translateX(0);
}
#features .feat-stack .feat-stack-list li:nth-child(3) > strong{
  transform: translateX(calc(var(--inner-step-1) * -1));
}
#features .feat-stack .feat-stack-list li:nth-child(3) > .feat-line{
  transform: translateX(calc((var(--inner-step-2) - var(--inner-op-line-nudge)) * -1));
}

@media (max-width: 960px){
  #features .feat-stack{
    --inner-step-1: 0px;
    --inner-step-2: 0px;
    --inner-op-line-nudge: 0px;
  }
}


#features .feat-stack{
  --sub-deep-shift: 18px;    
  --foot-a-shift: 16px;  
  --foot-b-shift: 34px;  
}

#features .feat-stack .feat-stack-sub .feat-sub-line,
#features .feat-stack .feat-stack-foot .feat-foot-line{
  display: block;
  transition: transform .25s ease;
  will-change: transform;
}

#features .feat-stack .feat-stack-sub .feat-sub-line--deep{
  transform: translateX(calc(var(--sub-deep-shift) * -1));
}

#features .feat-stack .feat-stack-foot .feat-foot-line--a{
  transform: translateX(var(--foot-a-shift));
}

#features .feat-stack .feat-stack-foot .feat-foot-line--b{
  transform: translateX(var(--foot-b-shift));
}

@media (max-width: 960px){
  #features .feat-stack{
    --sub-deep-shift: 0px;
    --foot-a-shift: 0px;
    --foot-b-shift: 0px;
  }
}




.download-head{
  margin-bottom:1.5rem;
}
.download-head h2{
  margin-bottom:.2rem;
}
.download-meta-inline{
  display:flex;
  align-items:center;
  gap:.5rem;
  font-size:.88rem;
  color:var(--muted);
}
.download-version{
  opacity:.9;
}

.download-layout{
  display:grid;
  grid-template-columns:minmax(0, 1.7fr) minmax(0, 1fr);
  gap:18px;
}
.download-main{
  display:flex;
  flex-direction:column;
  gap:16px;
}
.download-side{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.dlcard--primary{
  position:relative;
  padding:18px 18px 16px;
  border-radius: 7px;
  border:1px solid rgba(140,70,98,.55);
  background-image:
    radial-gradient(520px 320px at 0% 0%, rgba(140,70,98,.20), transparent 60%),
    linear-gradient(180deg, #11141b, #0c0f17);
  box-shadow:
    0 0 0 1px rgba(140,70,98,0.12),
    0 16px 40px rgba(0,0,0,.60);
}

.dlcard-primary-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:1rem;
}

.dlcard-os{
  display:flex;
  align-items:center;
  gap:.75rem;
}
.dlcard-os-text{
  display:flex;
  flex-direction:column;
  gap:.1rem;
}
.dlcard-label{
  margin:0;
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  opacity:.8;
}
.dlcard-title{
  margin:0;
  font-weight:700;
  font-size:1.05rem;
}
.dlcard-meta{
  margin:0;
  font-size:.85rem;
  color:var(--muted);
}

.dlcard-badge{
  align-self:flex-start;
}

.dlcard-primary-actions{
  margin-bottom:.55rem;
}

.dlcard-note{
  margin:0;
  font-size:.85rem;
}

#download .download-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
  gap:14px 16px;
}

.dlcard-header{
  margin-bottom:.35rem;
}
.dlcard-header h3{
  margin-bottom:.1rem;
}
.dlcard-list{
  margin:.7rem 0 .9rem 1rem;
  padding:0;
  list-style:disc;
  font-size:.88rem;
  color:var(--muted);
}
.dlcard-list li{
  margin:.3rem 0;
}

.dl-meta-card{
  background-image: linear-gradient(180deg, #11141b, #0f1219);
  border-radius: 7px;
  border:1px solid var(--border);
  padding:14px 14px 12px;
  box-shadow:0 6px 18px rgba(0,0,0,.25);
}
.dl-meta-card h3{
  margin:.0rem;
}
.dl-steps{
  margin:.4rem 0 .8rem 1.7rem;
  padding:0;
  font-size:.86rem;
  color:var(--muted);
}
.dl-steps li{
  margin:.1rem 0;
}
.dl-meta-foot{
  margin:0;
  font-size:.8rem;
  color:var(--muted);
  word-break:break-all;
}

@media (max-width: 960px){
  .download-layout{
    grid-template-columns:1fr;
  }
  .download-side{
    flex-direction:column;
  }
}
@media (max-width: 720px){
  .download-head{
    flex-direction:column;
    align-items:flex-start;
    gap:.5rem;
  }
  .download-meta-inline{
    align-self:flex-start;
  }
}

.section--download-light{
  position:relative;
  background:
    radial-gradient(900px 520px at 10% 0%, rgba(89,157,255,0.05), transparent 70%),
    radial-gradient(900px 520px at 90% 0%, rgba(255,122,194,0.04), transparent 70%),
    linear-gradient(180deg, #050414, #05070d);
  border-bottom:1px solid rgba(255,255,255,.04);
}


.download-subtitle{
  margin:.4rem 0 .3rem;
  font-size:.92rem;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:var(--muted);
}

.dlcard.is-hidden{
  display:none !important;
}






.changelog-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:1.5rem;
}
.changelog-head h2{
  margin-bottom:.25rem;
}
.changelog-head .muted{
  max-width:820px;
}

.changelog-layout{
  display:grid;
  grid-template-columns:minmax(0, 1.25fr) minmax(0, 1.25fr);
  gap:0rem;
  align-items:center;
}

.changelog-main{
  display:flex;
  flex-direction:column;
  gap:.7rem;
}
.changelog-main > .changelog-year:first-of-type{
  margin-top:0;
}

.changelog-link{
  white-space:nowrap;
  font-size:.9rem;
}

.changelog-year{
  margin-top:.2rem;
  margin-bottom:.35rem;
  font-size:.76rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.16em;
  color:var(--muted);
  opacity:.85;
}





.changelog-unified{
  position:relative;
  padding:18px 18px 20px;
  border-radius:4px;
}

.cl-year-block{
  position:relative;
}

.cl-year-block + .cl-year-block{
  margin-top:1rem;
  padding-top:.85rem;
  border-top:1px solid rgba(15,23,42,0.08);
}

.cl-entry{
  padding:0;
}

.cl-entry-head{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:.65rem;
  align-items:start;
  margin-bottom:.35rem;
}

.cl-entry-meta{
  display:flex;
  flex-direction:column;
  gap:.08rem;
}

.cl-entry-meta .ver{
  font-weight:700;
  letter-spacing:.02em;
}

.cl-entry-meta .date{
  font-size:.8rem;
  color:var(--muted);
  opacity:.95;
}

.cl-entry-tags{
  margin:0 !important;
  padding:0;
  list-style:none;
}

.changelog-tags{
  display:flex;
  flex-wrap:wrap;
  gap:.2rem;
  margin:0 0 .55rem 0;
  padding:0;
  list-style:none;
}
.changelog-tags li{
  padding:.26rem .62rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.06);
  background-color:rgba(10,12,18,.9);
  font-size:.76rem;
  color:#cbd2e0;
}
.changelog-tags.small li{
  padding:.24rem .6rem;
  font-size:.73rem;
}

.changelog-list{
  margin:0;
  padding-left:1.05rem;
  display:flex;
  flex-direction:column;
  gap:.28rem;
  font-size:.88rem;
}
.changelog-list.compact{
  font-size:.86rem;
}
.changelog-list li{
  position:relative;
}

.badge-mini{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.08rem .45rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  font-size:.7rem;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.06em;
  margin-right:.35rem;
  opacity:.9;
}
.badge-mini.badge-new{
  border-color:rgba(77,255,138,.8);
  color:#6bff9f;
}
.badge-mini.badge-perf{
  border-color:rgba(140,70,98,.9);
  color:rgba(255,255,255,.92);
}
.badge-mini.badge-sec{
  border-color:rgba(140,70,98,.8);
  color:#fca5a5;
}
.badge-mini.badge-ux{
  border-color:rgba(148,163,184,.9);
  color:#e5e7eb;
}

.cl-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0.1rem 0.5rem;
  border-radius:999px;
  font-size:0.7rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.06em;
  margin-right:0.4rem;
  border:1px solid transparent;
  background:rgba(0,0,0,0.05);
  color:#1f2937;
}
.cl-badge-improved{
  background:rgba(34,197,94,0.16);
  border-color:rgba(34,197,94,0.45);
  color:#047857;
}
.cl-badge-ux{
  background:rgba(139,92,246,0.16);
  border-color:rgba(139,92,246,0.45);
  color:#5b21b6;
}
.cl-badge-perf{
  background:rgba(59,130,246,0.18);
  border-color:rgba(59,130,246,0.50);
  color:#1e3a8a;
}
.cl-badge-sec{
  background:rgba(248,113,113,0.18);
  border-color:rgba(248,113,113,0.50);
  color:#b91c1c;
}


.changelog-visual{
  position:relative;
  align-self:stretch;
  display:flex;
  align-items:center;
  justify-content:center;
}

.changelog-visual-figure{
  position:relative;
  width:100%;
  height:clamp(520px, 62vh, 620px); 

  display:block;
  overflow:hidden;
}

.changelog-visual-figure.is-image{
  padding:0;
}
.changelog-visual-figure.is-image img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;    
  object-position:center;
  transform:none;

   transform:scale(1.40); 
  transform-origin:center;
}


.changelog-visual-note{
  padding:1rem 1.2rem;
  border-radius:12px;
  background:rgba(255,255,255,0.88);
  border:1px solid rgba(17,24,39,0.04);
  box-shadow:0 16px 40px rgba(15,23,42,0.12);
  color:#374151;
  font-size:.92rem;
  line-height:1.5;
  text-align:center;
  max-width:240px;
}

.changelog-timeline{
  position:relative;
  margin-top:.25rem;
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
  gap:.7rem .9rem;
}

.changelog-item{
  position:relative;
  padding:24px 20px 24px 20px;
  border-radius:8px;
  border:1px solid var(--border);
  background-image:linear-gradient(180deg, #10131b, #0d1017);
  box-shadow:0 8px 24px rgba(0,0,0,.30);
}
.changelog-item.is-muted{
  opacity:.9;
  border-style:dashed;
}

.changelog-item::before{
  content:"";
  position:absolute;
  left:8px;
  top:14px;
  width:7px;
  height:7px;
  border-radius:999px;
  background:rgba(140,70,98,1);
  box-shadow:0 0 0 4px rgba(140,70,98,.18);
}

.changelog-item-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:.75rem;
  margin-bottom:.4rem;
}
.changelog-item-ver{
  font-weight:700;
}
.changelog-item-date{
  display:block;
  font-size:.8rem;
  color:var(--muted);
}

.changelog-older{
  margin-top:1.5rem;
  border-radius:12px;
  border:1px solid var(--border);
  background-image:linear-gradient(180deg, #11141b, #0f1219);
  padding:10px 12px;
}
.changelog-older summary{
  cursor:pointer;
  font-weight:600;
}
.changelog-older-body{
  margin-top:.5rem;
  padding-top:.35rem;
  border-top:1px solid rgba(255,255,255,.04);
}

@media (max-width: 1100px){
  .changelog-layout{
    grid-template-columns:minmax(0, 1.25fr) minmax(0, 1fr);
    gap:1.6rem;
  }
  .changelog-visual-figure{
    height:clamp(480px, 56vh, 740px);
  }
}

@media (max-width: 960px){
  .changelog-layout{
    grid-template-columns:1fr;
    gap:1.4rem;
    align-items:stretch;
  }
  .changelog-visual{
    align-self:auto;
  }
  .changelog-visual-figure{
    height:clamp(380px, 44vh, 560px);
  }
}

@media (max-width: 720px){
  .changelog-head{
    flex-direction:column;
    align-items:flex-start;
  }
  .changelog-link{
    align-self:flex-start;
  }
  .changelog-unified{
    padding:16px 16px 18px;
  }
  .changelog-visual-figure{
    height:clamp(300px, 38vh, 460px);
  }
}



#changelog.section{
  background:#faf7fa;
  color:#111827;
  padding:55px 0 70px;
  border-bottom:1px solid rgba(15,23,42,0.06);
}

#changelog h2,
#changelog h3,
#changelog p,
#changelog .muted,
#changelog .changelog-year{
  color:#111827;
}
#changelog .muted,
#changelog .changelog-year{
  color:#6b7280;
}

#changelog .btn.ghost.changelog-link{
  color:#374151 !important;
  border-color:rgba(15,23,42,0.18) !important;
  background:rgba(255,255,255,0.6);
}
#changelog .btn.ghost.changelog-link:hover{
  background:rgba(15,23,42,0.06);
}

#changelog .card,
#changelog .changelog-item{
  background:#faf7fa;
  border:1px solid rgba(15,23,42,0.08) !important;
  box-shadow:
    0 14px 35px rgba(15,23,42,0.04),
    0 1px 0 rgba(255,255,255,0.9) !important;
  color:#111827 !important;
}

#changelog .changelog-item.is-muted{
  opacity:1;
  border-style:dashed !important;
}

#changelog .changelog-item::before{
  background:rgb(140,70,98) !important;
  box-shadow:0 0 0 4px rgba(140,70,98,0.18) !important;
}

#changelog .changelog-list{
  color:#374151;
}
#changelog .changelog-list li{
  color:#374151 !important;
}

#changelog .changelog-tags li{
  background:rgba(15,23,42,0.06) !important;
  color:#374151 !important;
  border-color:rgba(15,23,42,0.1) !important;
}

#changelog .changelog-pill{
  background:rgba(140,70,98,0.12) !important;
  border-color:rgba(140,70,98,0.45) !important;
  color:#4b5563 !important;
}

#changelog .changelog-version,
#changelog .changelog-latest-meta{
  color:#6b7280 !important;
}

#changelog .changelog-title{
  color:#111827 !important;
}

#changelog .changelog-older{
  background:#ffffff !important;
  border:1px solid rgba(15,23,42,0.08) !important;
  color:#374151 !important;
}
#changelog .changelog-older summary{
  color:#111827 !important;
}

#changelog .changelog-year{
  font-weight:700;
  letter-spacing:.16em;
  opacity:.9;
}

#changelog .changelog-timeline{
  color:#111827;
}

#changelog .changelog-visual-figure{
  border-color:rgba(15,23,42,0.14);

}
#changelog .changelog-visual-note{
  background:rgba(255,255,255,0.95);
  color:#374151;
  border-color:rgba(15,23,42,0.08);
}














.metrics3 {
  padding: 32px 0 52px;
  background: radial-gradient(circle at top, rgba(89, 157, 255, 0.15) 0, transparent 55%)
              , #050414;
}

.metrics3-shell {
  max-width: 1160px;
  margin: 0 auto;
  padding: 18px 28px;
  border-radius: 12px;
  background:
    radial-gradient(circle at top left, rgba(255, 91, 204, 0.16), transparent 55%),
    radial-gradient(circle at top right, rgba(93, 255, 199, 0.12), transparent 55%),
    rgba(9, 9, 26, 0.72);
  box-shadow:
    0 24px 80px rgba(0, 0, 0, 0.8),
    0 0 0 1px rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(18px);
}

.metrics3-row {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: center;
  text-align: center;
  column-gap: 24px;
}

.m3-item {
  padding: 4px 0;
}

.m3-label {
  font-size: 1.3rem;
  color: rgba(214, 220, 255, 0.72);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.m3-value {
  font-size: clamp(30px, 4vw, 40px);
  font-weight: 800;
  letter-spacing: -0.03em;
  background-image: linear-gradient(90deg, #ff7ac2, #7af2c9);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.m3-divider {
  width: 2px;
  height: 100px;
  margin: 0 auto;
  background: linear-gradient(
    to bottom,
    rgba(255,255,255,0),
    rgba(255,255,255,0.4),
    rgba(255,255,255,0)
  );
  opacity: 0.45;
}

@media (max-width: 960px) {
  .metrics3-shell {
    padding: 18px 20px;
  }

  .metrics3-row {
    grid-template-columns: 1fr;
    row-gap: 22px;
  }

  .m3-divider {
    display: none;
  }

  .m3-item {
    padding: 4px 0 10px;
    border-bottom: 1px solid rgba(255,255,255,0.04);
  }

  .m3-item:last-child {
    border-bottom: none;
  }
}


.m3-item {
  display: grid;
  grid-template-rows: auto auto;
  align-items: end;
  text-align: center;
  padding: 10px 0;
}

.m3-value {
  min-height: 48px; 
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.icon-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 16px;
  border-radius: 12px;
  background: rgba(255,255,255,0.04);
  backdrop-filter: blur(8px);
  font-size: 0.88rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: rgba(255,255,255,0.8);
}

.icon-badge .icon {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ff7ac2, #7af2c9);
  box-shadow: 0 0 8px rgba(140,120,255,0.9);
}


.metrics3 .container {
  display: flex;
  flex-direction: column;
  align-items: center; 
}



#security.section {
  padding: 25px 0 70px;
}

#features.section {
  padding: 28px 0 90px;
}

#faq.section {
  padding: 50px 0 55px;
}

.hero-badges{
  display:flex;
  flex-wrap:wrap;
  gap:.4rem;
  align-items:center;
  margin-bottom:.9rem;
}

.badge{
  display:inline-flex;
  align-items:center;
  border:1px solid var(--border);
  padding:.32rem .7rem;
  border-radius:999px;
  background-color:rgba(255,255,255,.03);
  color:var(--muted);
  font-size:.82rem;
  line-height:1.2;
  white-space:nowrap;
}

.badge--version{
  border-color:rgba(77,255,138,.75);
  background:radial-gradient(circle at 0% 0%, rgba(77,255,138,.16), transparent 60%),
              rgba(6, 34, 20, .95);
  color:#d9ffe9;
  font-weight:600;
  letter-spacing:.02em;
}

.badge--ghost{
  border-style:dashed;
  background-color:rgba(11,14,20,.9);
  color:#b6bccb;
}

.badge-dot{
  width:7px;
  height:7px;
  border-radius:999px;
  flex:0 0 auto;
}
.badge-dot--green{
  background:radial-gradient(circle, #6bff9f 0, #35d26a 55%, #0d2016 100%);
  box-shadow:0 0 0 3px rgba(77,255,138,.25);
}

.trust{
  margin:1.4rem 0 0;
  padding:0;
  list-style:none;
}

.trust-pill{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding:.3rem .7rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.06);
  background-color:rgba(5,8,14,.3);
  font-size:.8rem;
  color:#c4cada;
  backdrop-filter:blur(10px);
}

.trust-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:14px;
  height:14px;
  border-radius:999px;
  font-size:.7rem;
  font-weight:700;
  background-color:rgba(77,255,138,.14);
  color:#6bff9f;
}

.hero{
  padding:96px 0 40px;
}
.subhead{
  margin:.5rem 0 1.1rem;
}
@media (max-width: 960px){
  .hero-badges{
    gap:.3rem;
    margin-bottom:.7rem;
  }
  .trust{
    margin-top:1rem;
  }
}



.faq-head {
  margin-bottom: 1.75rem;
}
.faq-head h2 {
  margin-bottom: 0.25rem;
}
.faq-badge {
  flex-shrink: 0;
}

.faq-split {
  margin-bottom: 22px;
}

.faq-accordion {
  position: relative;
  padding: 6px 14px 22px;
  border-radius: 12px;
  border: 1px solid var(--border);
  background-image: linear-gradient(180deg, #11141b, #0f1219);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

.faq-accordion-inner {
  max-height: 260px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.faq-accordion-inner[data-clamped="false"] {
  max-height: none;
}

.faq-fade {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 32px;
  height: 42px;
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(17, 20, 27, 0),
    rgba(17, 20, 27, 1)
  );
}

.faq-accordion-inner[data-clamped="false"] + .faq-fade {
  display: none;
}

.faq-item {
  border-bottom: 1px solid rgba(148, 163, 184, 0.18);
  padding: 0;
}
.faq-item:last-child {
  border-bottom: none;
}

.faq-question {
  width: 100%;
  padding: 0.65rem 0;
  background: none;
  border: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  font-size: 0.98rem;
  line-height: 1.4;
  color: #e5e7eb;
  text-align: left;
  cursor: pointer;
}

.faq-question span:first-child {
  flex: 1 1 auto;
}

.faq-question:hover {
  color: #f9fafb;
}

.faq-question-icon {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.55);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  line-height: 1;
}

.faq-question-icon::before {
  content: "+";
  transform: translateY(-1px);
}

.faq-item.is-open .faq-question-icon::before {
  content: "–";
}

.faq-answer {
  padding: 0 0 0.75rem;
  font-size: 0.96rem;
  line-height: 1.78;
  color: #d1d5db;
}

.faq-answer h3 {
  font-size: 1rem;
  margin: 0 0 0.25rem 0;
}

.faq-answer p {
  margin: 0;
}

.faq-answer p + p {
  margin-top: 0.35rem;
}

.faq-more-btn {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
  padding: 0.25rem 0.8rem;
  border-radius: 999px;
  border: 1px solid var(--border);
  background-color: #11141b;
  color: #e5e7eb;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
}
.faq-more-btn:hover {
  background-color: #151824;
}

.faq-answer[hidden] {
  display: none !important;
}

.newsletter-card {
  position: relative;
  overflow: hidden;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  margin-top: 20px;
  padding: 48px 30px 36px;
}

.newsletter-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("img/newsletter.webp") center/cover no-repeat;
  z-index: 0;
}

.newsletter-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(15, 17, 23, 0.7);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  z-index: 0;
}

.newsletter-card > * {
  position: relative;
  z-index: 1;
}




.newsletter-main {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.4fr);
  gap: 18px;
  align-items: flex-start;
}

.newsletter-copy h3 {
  margin-top: 0;
  margin-bottom: 0.3rem;
}
.newsletter-copy .muted {
  margin-bottom: 0.5rem;
}
.newsletter-bullets {
  margin: 0;
  padding-top: 15px;
  padding-left: 1.3rem;
  font-size: 0.94rem;
  color: var(--muted);
}
.newsletter-bullets li {
  margin: 0.15rem 0;
}

.newsletter--stack {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  margin-top: 0.2rem;
}
.newsletter--stack label {
  font-size: 0.88rem;
}
.newsletter--stack input[type="email"] {
  width: 100%;
  background-color: #0b0e13;
  color: #ffffff;
  border: 1px solid #2a2f3a;
  border-radius: 10px;
  padding: 0.65rem 0.8rem;
  transition: border-color 0.16s ease, box-shadow 0.16s ease;
}
.newsletter--stack input[type="email"]:focus-visible {
  outline: 2px solid rgba(140, 70, 98, 0.9);
  outline-offset: 1px;
}


.newsletter--stack input[type="email"].has-error {
  border-color: #f97373;
  box-shadow: 0 0 0 1px rgba(248, 113, 113, 0.7);
}

.newsletter-prefs {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  margin-top: 0.4rem;
  font-size: 0.92rem;
}

.newsletter-check {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  cursor: pointer;
  padding: 0.1rem 0;
}

.newsletter-check input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 0;
  border: 1px solid var(--border);
  background-color: rgba(8, 10, 16, 0.9);
  position: relative;
  margin: 0;
  flex-shrink: 0;
}

.newsletter-check input[type="checkbox"]:focus-visible {
  outline: 2px solid rgba(140, 70, 98, 0.9);
  outline-offset: 2px;
}

.newsletter-check input[type="checkbox"]:checked {
  border-color: rgba(140, 70, 98, 0.95);
  background-image: var(--accent);
}

.newsletter-check input[type="checkbox"]::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 2px;
  width: 6px;
  height: 10px;
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  transform: rotate(40deg) scale(0.6);
  opacity: 0;
  transition: opacity 0.14s ease;
}

.newsletter-check input[type="checkbox"]:checked::after {
  opacity: 1;
}

.newsletter-check-text {
  opacity: 0.9;
  line-height: 1.4;
}


.newsletter-actions {
  gap: 0.5rem;
  margin-top: 0.45rem;
}
.newsletter-footnote {
  max-width: 420px;
  font-size: 0.87rem;
}

@media (max-width: 960px) {
  .faq-split {
    grid-template-columns: minmax(0, 1fr);
  }
  .faq-questions {
    order: -1;
  }
  .newsletter-main {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 720px) {
  .faq-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.4rem;
  }
  .faq-badge {
    align-self: flex-start;
  }
}

.newsletter-prefs {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-top: 0.35rem;
  font-size: 0.86rem;
}

.newsletter-check {
  position: relative;
  display: block;
  cursor: pointer;
}

.newsletter-check input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.newsletter-check-text {
  position: relative;
  padding-left: 32px;
  line-height: 1.4;
  opacity: 0.9;
}

.newsletter-prefs {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-top: 0.35rem;
  font-size: 0.86rem;
}

.newsletter-check {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  cursor: pointer;
  position: relative;
}

.newsletter-check input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.newsletter-check-box {
  width: 24px;
  height: 24px;
  border-radius: 0;
  border: 1px solid var(--border);
  background-color: rgba(8, 10, 16, 0.9);
  box-sizing: border-box;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.newsletter-check-icon {
  width: 14px;
  height: 14px;
  stroke: #ffffff;
  stroke-width: 2;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;

  opacity: 0;
  transform: scale(0.8);
  transform-origin: center;
  transition: opacity 0.16s ease, transform 0.16s ease;
}

.newsletter-check input[type="checkbox"]:checked + .newsletter-check-box {
  border-color: rgba(140, 70, 98, 0.95);
  background-image: var(--accent);
}

.newsletter-check input[type="checkbox"]:checked + .newsletter-check-box .newsletter-check-icon {
  opacity: 1;
  transform: scale(1);
}

.newsletter-check input[type="checkbox"]:focus-visible + .newsletter-check-box {
  box-shadow: 0 0 0 2px rgba(140, 70, 98, 0.9);
}

.newsletter-check-text {
  opacity: 0.9;
  line-height: 1.4;
}


.footer {
  padding: 76px 0 20px;
  border-top: 1px solid var(--border);
  background-image: linear-gradient(180deg, rgba(8, 9, 12, 0.5), #050609);
}

.footer-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.4fr) minmax(0, 1.3fr);
  column-gap: 28px;
  row-gap: 18px;
  align-items: flex-start;
}

.footer-brand-link {
  padding: 0;
}

.footer-brand .brand-text {
  font-size: 1.4rem;
}

.footer-tagline {
  margin: 0.4rem 0 0.8rem;
  max-width: 360px;
  font-size: 0.95rem;
}

.footer .trust {
  margin: 0.9rem 0 0;
  justify-content: flex-start;
}
.footer .trust-pill {
  background-color: rgba(5, 8, 14, 0.8);
}

.footer-nav {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 16px;
  row-gap: 12px;
}

.footer-col {
  display: flex;
  flex-direction: column;
  gap: 0.38rem;
}

.footer-heading {
  margin: 0 0 0.25rem;
  font-size: 0.94rem;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: var(--muted);
}

.footer-nav a {
  font-size: 0.97rem;
  color: #cbd2e0;
  opacity: 0.9;
  padding: 0.1rem 0;
}
.footer-nav a:hover {
  opacity: 1;
}


.footer-corp {
  font-style: normal;
  font-size: 0.95rem;
  color: var(--muted);
  line-height: 1.5;
}
.footer-corp a {
  color: inherit;
  text-decoration: none;
}
.footer-corp a:hover {
  opacity: 1;
}


.footer-bottom {
  margin-top: 48px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  font-size: 0.85rem;
  color: var(--muted);
}

.footer-copy {
  opacity: 0.9;
  font-size: 0.80rem;
}

.footer-bottom-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.footer-bottom-links a {
  color: #cbd2e0;
  opacity: 0.85;
  text-decoration: none;
}
.footer-bottom-links a:hover {
  opacity: 1;
}


@media (max-width: 960px) {
  .footer-grid {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.6fr);
  }
  .footer-corp {
    grid-column: 1 / -1;
  }
}

@media (max-width: 720px) {
  .footer-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 0.4rem;
  }
}



.brand {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
}

.brand-mark {
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.brand-mark-glow {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle at 30% 0,
    rgba(96,165,250,0.35),
    transparent 60%);
  opacity: 0.7;
  pointer-events: none;
}

.brand-logo {
  position: relative;
  width: 20px;
  height: 20px;
  display: block;
}

.brand-word {
  display: flex;
  flex-direction: column;
  line-height: 1.1;
}

.brand-word-primary {
  font-size: 0.94rem;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.brand-word-tagline {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  opacity: 0.7;
}



.multisig-cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 15px;
  font-weight: 600;
  padding: 8px 14px;
  border-radius: 4px;
  color: #374151;
  border: 1px solid rgba(15,23,42,0.14);
  transition: background 0.2s ease, border-color 0.2s ease;
  text-decoration: none;
  cursor: pointer;
}

.multisig-cta:hover {
  background: rgba(15,23,42,0.06);
  border-color: rgba(15,23,42,0.22);
}

.multisig-cta svg {
  width: 14px;
  height: 14px;
  stroke-width: 2;
  opacity: 0.75;
}


a.link-inline {
  color: #4f46e5;
  text-decoration: underline;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.14em;
  font-weight: 500;
}

a.link-inline:hover {
  color: #6366f1;
  text-decoration: underline;
}


a.link-soft {
  color: #5a63c7;            
  text-decoration: underline;
  text-decoration-thickness: 0.06em;
  text-underline-offset: 0.16em;
  font-weight: 450;
  transition: color 0.15s ease, text-decoration-color 0.2s ease;
}

a.link-soft:hover {
  color: #6d75d8; 
  text-decoration-color: #6d75d8;
}





:root {
  --header-height-mobile: 60px;
}

.nav-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 14px;
  margin-left: 10px;
  border-radius: 9px;
  border: 1px solid var(--border);
  background:
    radial-gradient(circle at 0 0, rgba(140,70,98,0.18), transparent 55%),
    rgba(8, 10, 16, 0.94);
  color: #e5e7f3;
  font-size: 0.82rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  cursor: pointer;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.12s ease;
}

.nav-toggle:hover {
  background-color: rgba(11, 14, 22, 0.98);
  border-color: rgba(140,70,98,0.7);
}

.nav-toggle:active {
  transform: scale(0.96);
}

.nav-toggle-label {
  display: inline-block;
}


.nav-toggle-icon {
  position: relative;
  width: 20px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.nav-toggle-bar {
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, #ffffff, #d1d5ff);
  box-shadow: 0 0 6px rgba(175, 190, 255, 0.15);
  transition:
    transform 0.18s ease,
    opacity 0.18s ease,
    width 0.18s ease,
    background 0.18s ease,
    box-shadow 0.18s ease;
}

.nav-toggle-bar:nth-child(1) {
  top: 1px;
  width: 100%;
}
.nav-toggle-bar:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
  width: 65%;
}
.nav-toggle-bar:nth-child(3) {
  bottom: 1px;
  width: 85%;
}


.nav-toggle.is-active .nav-toggle-bar {
  box-shadow: 0 0 10px rgba(140,70,98,0.2);
  background: linear-gradient(90deg, #ff7ac2, #7af2c9);
}

.nav-toggle.is-active .nav-toggle-bar:nth-child(1) {
  top: 50%;
  transform: translateY(-50%) rotate(40deg);
  width: 100%;
}

.nav-toggle.is-active .nav-toggle-bar:nth-child(2) {
  opacity: 0;
}

.nav-toggle.is-active .nav-toggle-bar:nth-child(3) {
  bottom: auto;
  top: 50%;
  transform: translateY(-50%) rotate(-40deg);
  width: 100%;
}


.mobile-nav {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  box-sizing: border-box;
  padding: calc(var(--header-height-mobile) + 16px) 20px 24px;

  background:
    radial-gradient(circle at top,
      rgba(89,157,255,0.18),
      transparent 58%),
    radial-gradient(circle at bottom,
      rgba(140,70,98,0.16),
      transparent 60%),
    rgba(5, 5, 16, 0.98);

  display: flex;
  justify-content: flex-start;
  align-items: flex-start;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;

  z-index: 40;

  transition:
    opacity 0.22s ease,
    visibility 0s linear 0.22s;
}

.mobile-nav-inner {
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
}


.mobile-nav--open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition:
    opacity 0.22s ease;
}


.mobile-nav a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.95rem 1rem;
  border-radius: 12px;
  font-size: 1.02rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: #e5e7f3;
  background-color: rgba(15, 18, 29, 0.94);
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: 0 8px 18px rgba(0,0,0,0.6);
}

.mobile-nav a + a {
  margin-top: 4px;
}

.mobile-nav a::after {
  content: "›";
  font-size: 0.9rem;
  opacity: .55;
}


.mobile-nav a:nth-of-type(1) {
  background-image: linear-gradient(
    120deg,
    rgba(140,70,98,0.95),
    rgba(89,157,255,0.98)
  );
  border-color: rgba(255,255,255,0.24);
  box-shadow: 0 14px 32px rgba(0,0,0,0.9);
}


.mobile-nav-github {
  margin-top: 10px;
  width: 100%;
  justify-content: center;
  border-radius: 999px;
  padding: 0.9rem 1rem;
  font-size: 0.96rem;
  border-color: rgba(255,255,255,0.22) !important;
  background-image: linear-gradient(
    120deg,
    rgba(15,23,42,1),
    rgba(30,64,175,1)
  );
}

.mobile-nav-github::after {
  content: none;
}

.mobile-nav-github svg {
  width: 18px;
  height: 18px;
}


@media (max-width: 768px) {
  .nav-toggle {
    display: inline-flex;
  }

  .nav-desktop {
    display: none;
  }

  .site-header .container {
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: var(--header-height-mobile);
  }

  body.nav-open {
    overflow: hidden;
  }

  @media (max-width: 480px) {
    .nav-toggle-label {
      display: none;
    }
    .nav-toggle {
      padding-inline: 10px;
    }
  }
}

@media (min-width: 769px) {
  .mobile-nav {
    display: none;
  }
}

@media (max-width: 768px) {
  .mobile-nav {
    padding: calc(var(--header-height-mobile) + 32px) 20px 30px;
    background: rgba(5, 5, 16, 0.97);
  }

  .mobile-nav-inner {
    max-width: 520px;
    gap: 10px;
  }

  .mobile-nav a {
    padding: 1.05rem 1.15rem;
    border-radius: 5px;
    font-size: 1.06rem;
    font-weight: 600;
    background-color: rgba(15, 18, 29, 0.96);
    border: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.55);
  }

  .mobile-nav a + a {
    margin-top: 6px;
  }

  .mobile-nav a::after {
    content: "›";
    font-size: 0.9rem;
    opacity: 0.5;
  }

  .mobile-nav a:nth-of-type(1) {
    background-image: none;
    border-color: rgba(255, 255, 255, 0.06);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.55);
  }

  .mobile-nav-github {
    margin-top: 14px;
    padding: 1.05rem 1.2rem;
    font-size: 1rem;
  }
}

@media (max-width: 480px) {
  .nav-toggle-label {
    display: none;
  }
  .nav-toggle {
    padding-inline: 10px;
  }
}

.dl-meta-card--verify {
  margin-top: auto;
}


.download-layout--simple {
  display: block;
}

.section--download-stack {
  position: relative;
  padding: 62px 0 75px;
  background:
    radial-gradient(circle at top, rgba(89,157,255,0.18), transparent 55%),
    radial-gradient(900px 520px at 90% 0%, rgba(255,122,194,0.08), transparent 70%),
    #050414;
  border-top: 1px solid rgba(255,255,255,0.04);
  border-bottom: 1px solid rgba(255,255,255,0.04);
}

.download-head {
  margin-bottom: 1.7rem;
}

.download-head h2 {
  margin-bottom: .18rem;
}

.download-meta-inline {
  display: flex;
  align-items: center;
  gap: .5rem;
  font-size: .88rem;
  color: var(--muted);
}

.download-version {
  opacity: .9;
}

.download-os-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 1.3rem;
}

.download-os-card {
  position: relative;
  overflow: hidden;

  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 22px;
  border-radius: 7px;

  background:
    radial-gradient(circle at 0 0, rgba(140,70,98,0.05), transparent 55%),
    linear-gradient(180deg, rgba(9,11,20,0.96), rgba(7,9,16,0.98));
  border: 1px solid rgba(255,255,255,0.06);

  box-shadow:
    0 10px 26px rgba(0,0,0,0.55),
    0 0 0 1px rgba(140,70,98,0);

  transition:
    transform .22s cubic-bezier(.19,1,.22,1),
    border-color .28s ease-out,
    box-shadow .28s ease-out;
  
  contain: paint;
}

.download-os-card > * {
  position: relative;
  z-index: 1;
}
.download-os-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;

  background: radial-gradient(
    520px 260px at 0% 0%,
    rgba(140,70,98,0.45),
    transparent 60%
  );
  opacity: 0;
  filter: blur(2px);
  transition: opacity .28s ease;
  will-change: opacity;
}

.download-os-card::after {
  content: "";
  position: absolute;
  inset: -60% -40%;
  border-radius: inherit;
  pointer-events: none;

  background: linear-gradient(
    120deg,
    transparent 40%,
    rgba(255,255,255,0.12) 50%,
    transparent 60%
  );

  opacity: 0;
  transform: translateX(-18%) rotate(8deg);
  transition:
    transform .70s cubic-bezier(.19,1,.22,1),
    opacity .25s ease;
  will-change: transform, opacity;
}

.download-os-card:hover {
  border-color: rgba(140,70,98,0.35);
  box-shadow:
    0 14px 34px rgba(0,0,0,0.62),
    0 0 0 1px rgba(140,70,98,0.18);
}

.download-os-card:hover::before {
  opacity: 1;
}

.download-os-card:hover::after {
  opacity: 1;
  transform: translateX(18%) rotate(8deg);
}

@media (prefers-reduced-motion: reduce) {
  .download-os-card,
  .download-os-card::before,
  .download-os-card::after {
    transition: none !important;
  }
}


.download-os-icon {
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  border-radius: 12px;
  display: grid;
  place-items: center;
}

.download-os-icon img {
  display: block;
  max-width: 34px;
  max-height: 34px;
}

.download-os-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.download-os-label {
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: var(--muted);
}

.download-os-name {
  font-size: 1.12rem;
  font-weight: 700;
  letter-spacing: -.01em;
}

.download-os-meta {
  font-size: .86rem;
}

.download-note {
  margin: .4rem 0 0;
  font-size: .86rem;
  display: flex;
  align-items: center;
  gap: .5rem;
}

.download-note-btn {
  margin-left: .2rem;
}

@media (max-width: 960px) {
  .download-os-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .download-head {
    flex-direction: column;
    align-items: flex-start;
    gap: .5rem;
  }

  .download-meta-inline {
    align-self: flex-start;
  }

  .download-os-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .download-os-card {
    padding: 16px 18px;
  }

  .download-note {
    flex-direction: column;
    align-items: flex-start;
    gap: .35rem;
  }
}





.metrics3 {
  padding: 32px 0 44px;
  background:
    radial-gradient(circle at top center,
      rgba(102, 122, 160, 0.10) 0%,
      rgba(66, 80, 139, 0.55)40%,
      rgba(12, 14, 18, 0.90) 100%
    ),
    #0d0f12;
}


.metrics3 .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.m3-badge {
  margin-bottom: 20px;
}
.metrics3-flex {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 20px;
}

.m3-stat {
  padding: 10px 22px;
  max-width: 260px;
}

.m3-label {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: rgba(156,163,175,0.95);
  margin-bottom: 0.2rem;
}

.m3-num {
  font-size: clamp(40px, 3.6vw, 32px);
  font-weight: 800;
  letter-spacing: -0.03em;
  background-image: linear-gradient(90deg, #ff7ac2, #7af2c9);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  margin-bottom: 0.1rem;
}

.m3-note {
  margin: 0;
  font-size: 0.91rem;
  color: rgba(198,205,236,0.82);
}

.m3-divider {
  width: 2px;
  background: linear-gradient(
    to bottom,
    rgba(255,255,255,0),
    rgba(255,255,255,0.4),
    rgba(255,255,255,0)
  );
  opacity: 0.45;
}

@media (max-width: 720px) {
  .metrics3-flex {
    flex-direction: column;
    gap: 18px;
  }

  .m3-divider {
    width: 100%;
    height: 1px;
    background: linear-gradient(
      to right,
      rgba(255,255,255,0),
      rgba(255,255,255,0.35),
      rgba(255,255,255,0)
    );
  }

  .m3-stat {
    padding: 0 0 6px;
  }
}


.m3-num {
  position: relative;
  font-weight: 800;
  letter-spacing: -0.03em;
  background-image: linear-gradient(90deg, #ff7ac2, #7af2c9);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  margin-bottom: 0.9rem;
}

.m3-num::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -2px;
  transform: translateX(-50%);
  width: 38px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255,122,194,0.9), rgba(122,242,201,0.9));
  opacity: 0.9;
}