/* Static pages (About / FAQ / Privacy / Terms) — responsive desktop+mobile */

body.static-page-body{
  background:radial-gradient(circle at 25% 8%, #0c1a32 0%, #06101f 55%, #03070d 100%);
  color:#f9fffb;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", sans-serif;
  min-height:100vh;
  padding:0;
  margin:0;
}

.static-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:20px 32px;
  border-bottom:1px solid rgba(255,255,255,.08);
  flex-wrap:wrap;
  gap:14px;
}
.static-brand{
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  color:#f9fffb;
  font-weight:900;
  font-size:18px;
  letter-spacing:-.02em;
}
.static-brand img{width:32px;height:32px;border-radius:8px;filter:drop-shadow(0 0 10px rgba(71,227,210,.36))}
.static-brand span{background:linear-gradient(95deg,#f4fffc 0%,#9affe1 50%,#dac0ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}

.static-nav{display:flex;gap:18px}
.static-nav a{
  color:rgba(255,255,255,.7);
  text-decoration:none;
  font-size:13px;
  font-weight:700;
  letter-spacing:.02em;
  padding:6px 0;
  border-bottom:2px solid transparent;
  transition:all .2s ease;
}
.static-nav a:hover{color:#7bfbe8}
.static-nav a.active{color:#7bfbe8;border-bottom-color:#7bfbe8}

.static-main{
  max-width:680px;
  margin:0 auto;
  padding:48px 32px 80px;
}
.static-main h1{
  font-size:42px;
  font-weight:950;
  letter-spacing:-.04em;
  margin:0 0 16px;
  line-height:1.05;
  background:linear-gradient(95deg,#f4fffc 0%,#9affe1 50%,#dac0ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.static-main .lede{
  font-size:17px;
  line-height:1.55;
  color:rgba(255,255,255,.78);
  margin:0 0 36px;
  font-style:italic;
}
.static-main h2{
  font-size:18px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#aef4dc;
  margin:32px 0 12px;
}
.static-main p{
  font-size:15px;
  line-height:1.7;
  color:rgba(255,255,255,.85);
  margin:0 0 14px;
}
.static-main ul,
.static-main ol{
  margin:8px 0 18px;
  padding-left:24px;
}
.static-main li{
  font-size:14.5px;
  line-height:1.65;
  color:rgba(255,255,255,.82);
  margin-bottom:6px;
}
.static-main li strong{color:#7bfbe8}
.static-main a{color:#7bfbe8;text-decoration:none;border-bottom:1px solid rgba(123,251,232,.4)}
.static-main a:hover{color:#fff;border-bottom-color:#fff}

.not-list li{color:rgba(255,255,255,.74)}

.bond-stages-static{counter-reset:bondstage;list-style:none;padding:0}
.bond-stages-static li{
  position:relative;
  padding:12px 16px 12px 48px;
  margin-bottom:10px;
  background:rgba(110,85,255,.06);
  border:1px solid rgba(110,85,255,.24);
  border-radius:12px;
  font-size:14px;
  line-height:1.5;
  color:rgba(255,255,255,.85);
}
.bond-stages-static li::before{
  counter-increment:bondstage;
  content:counter(bondstage);
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  width:24px;
  height:24px;
  border-radius:50%;
  background:#6e55ff;
  color:#fff;
  font-size:11px;
  font-weight:900;
  display:flex;
  align-items:center;
  justify-content:center;
}

.disclaimer-block{
  background:rgba(255,200,113,.06);
  border:1px solid rgba(255,200,113,.32);
  border-radius:14px;
  padding:24px;
  margin:24px 0;
}
.disclaimer-block h2{color:#ffe071;margin-top:0}

details{
  margin-bottom:14px;
  padding:14px 18px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  cursor:pointer;
}
details[open]{background:rgba(123,251,232,.06);border-color:rgba(123,251,232,.32)}
details summary{
  font-size:15px;
  font-weight:800;
  color:#fff;
  cursor:pointer;
  list-style:none;
  padding-right:24px;
  position:relative;
}
details summary::-webkit-details-marker{display:none}
details summary::after{
  content:"+";
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  color:#7bfbe8;
  font-size:20px;
  font-weight:400;
}
details[open] summary::after{content:"−"}
details summary:hover{color:#7bfbe8}
details p{margin-top:10px;font-size:14px;color:rgba(255,255,255,.78);line-height:1.6}

.footer-cta{
  margin:42px 0 0;
  text-align:center;
}
.btn-link{
  display:inline-block;
  padding:14px 28px;
  border-radius:99px;
  background:linear-gradient(110deg,#d8ff72 0%,#2ff1d1 50%,#b7a1ff 100%);
  color:#071328;
  font-weight:900;
  font-size:15px;
  text-decoration:none;
  border:none;
  box-shadow:0 18px 38px rgba(24,230,194,.32);
  transition:transform .15s ease;
}
.btn-link:hover{transform:translateY(-2px);border:none}

.static-footer{
  border-top:1px solid rgba(255,255,255,.08);
  padding:24px 32px;
  text-align:center;
  font-size:12px;
  color:rgba(255,255,255,.5);
}
.static-footer p{margin:4px 0}
.static-footer a{color:rgba(174,244,220,.7);text-decoration:none;border-bottom:none}
.static-footer a:hover{color:#7bfbe8}

@media (max-width:520px){
  .static-main{padding:32px 22px 60px}
  .static-main h1{font-size:32px}
  .static-header{padding:16px 22px}
  .static-nav{gap:14px}
  .static-brand span{font-size:16px}
}
