:root{
  --navy:#1E293B;
  --sky:#0EA5E9;
  --teal:#1FC075;
  --deepblue:#10A7E0;
  --amber:#FB923C;
  --bg:#F8FAFC;
  --muted:#64748B;
  --white:#FFFFFF;
  --border:#E2E8F0;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--bg);
  color:var(--navy);
  font-family:'Inter',system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,.display{
  font-family:'Poppins',system-ui,sans-serif;
  font-weight:800;
  letter-spacing:-0.01em;
}
a{color:var(--sky);}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px;}

/* header / logo */
header.site{
  display:flex;align-items:center;justify-content:space-between;
  padding:22px 0;
}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
.logo-badge{
  width:40px;height:40px;border-radius:12px;
  background:linear-gradient(135deg,var(--teal),var(--deepblue));
  display:flex;align-items:center;justify-content:center;
  position:relative;flex-shrink:0;
}
.logo-badge svg{width:22px;height:22px;}
.logo-check{
  position:absolute;right:-4px;bottom:-4px;
  width:15px;height:15px;border-radius:50%;
  background:var(--amber);
  display:flex;align-items:center;justify-content:center;
  border:2px solid var(--bg);
}
.logo-check svg{width:8px;height:8px;}
.logo-word{font-size:1.4rem;font-weight:800;}
.logo-word .bai{color:var(--navy);}
.logo-word .buy{color:var(--sky);}
.logo-img{height:34px;width:auto;display:block;}

nav.site a{
  color:var(--navy);text-decoration:none;font-weight:600;font-size:.95rem;
  margin-left:28px;
}
nav.site a:hover{color:var(--sky);}

footer.site{
  border-top:1px solid var(--border);
  margin-top:64px;padding:32px 0 48px;
  color:var(--muted);font-size:.9rem;
}
footer.site a{color:var(--muted);text-decoration:underline;}
footer.site .links{margin-top:8px;}
footer.site .links a{margin-right:16px;}

.pill{
  display:inline-block;padding:12px 24px;border-radius:999px;
  font-weight:600;text-decoration:none;font-size:.95rem;
  transition:transform .15s ease, box-shadow .15s ease;
}
.pill:hover{transform:translateY(-1px);}
.pill-primary{background:var(--navy);color:var(--white);}
.pill-primary:hover{box-shadow:0 8px 20px rgba(30,41,59,.25);}
.pill-outline{background:var(--white);color:var(--navy);border:1.5px solid var(--border);}
.pill-outline:hover{border-color:var(--sky);color:var(--sky);}

/* legal pages */
main.legal{padding:24px 0 40px;}
main.legal h1{font-size:2rem;margin-bottom:4px;}
main.legal .stand{color:var(--muted);font-weight:600;margin-bottom:32px;}
main.legal h2{font-size:1.2rem;margin-top:36px;border-bottom:1px solid var(--border);padding-bottom:8px;}
main.legal p,main.legal li{line-height:1.65;color:#334155;}
main.legal ul{padding-left:20px;}
main.legal .card{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:36px 40px;}

@media (max-width:640px){
  main.legal .card{padding:24px;}
  nav.site a{margin-left:16px;font-size:.85rem;}
}