@charset "utf-8";
/* CSS Document */

.policy-hero{padding:140px 0 100px;position:relative;overflow:hidden}
.policy-hero::before{
  content:'';position:absolute;top:-120px;right:-200px;
  width:600px;height:600px;border-radius:50%;
  background:radial-gradient(circle,rgba(0,212,170,.06) 0%,transparent 70%);
  pointer-events:none
}
.policy-hero::after{
  content:'';position:absolute;bottom:-80px;left:-100px;
  width:400px;height:400px;border-radius:50%;
  background:radial-gradient(circle,rgba(245,158,11,.04) 0%,transparent 70%);
  pointer-events:none
}
.hero-grid{display:grid;grid-template-columns:1fr ;align-items:center}
.policy-hero h1{font-family:var(--font-display);font-size:clamp(36px,4.5vw,56px);font-weight:700;line-height:1.08;letter-spacing:-.03em;margin-bottom:20px;text-align: center;}
.policy-hero h1 em{font-style:normal;color:var(--accent)}
.policy-hero h3 {color:var(--text-secondary);text-align: center;}
.policy-hero .hero-desc{font-size:17px;color:var(--text-secondary);line-height:1.7;margin-bottom:32px;max-width:480px}
#terms p{color:var(--text-secondary);}
#terms h5{color: var(--text-primary); margin:20px 0px 10px 0;}
.terms {padding-top:50px}
.terms h3 {text-align: left;}
.terms ol { color:var(--text-secondary);  padding-left: 20px;margin:10px 0; }
.terms ol li { margin-bottom: 8px; line-height: 1.2;}
.terms ul { color:var(--text-secondary);  padding-left: 20px;margin:10px 0;}
.terms ul li { margin-bottom: 8px; line-height: 1.2;}