/* Shared styling for /terms and /privacy.
   Same face, ground and tokens as the rest of Certy — a legal page that looks like a
   different product reads as boilerplate somebody pasted in, which is exactly the
   impression a paying customer should not get at the moment they are deciding to trust you. */
@font-face{
  font-family:'Archivo';
  src:url('/fonts/Archivo.woff2') format('woff2');
  font-weight:400 900; font-style:normal; font-display:swap;
}
:root{
  --bg:#05060A; --panel:rgba(255,255,255,.042);
  --edge:rgba(255,255,255,.10); --edge-hi:rgba(255,255,255,.22);
  --tx:#fff; --tx2:rgba(232,236,244,.66); --tx3:rgba(232,236,244,.36);
  --green:#2BE86A; --amber:#FFD60A;
  --sf:'Archivo',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
*{box-sizing:border-box}
body{
  margin:0;background:var(--bg);color:var(--tx);font-family:var(--sf);
  -webkit-font-smoothing:antialiased;line-height:1.6;
}
.wrap{max-width:720px;margin:0 auto;padding:44px 20px 96px}
a{color:var(--green)}
.back{display:inline-block;font-size:13px;font-weight:650;color:var(--tx3);
  text-decoration:none;margin-bottom:26px}
.back:hover{color:var(--tx2)}
h1{font-size:34px;font-weight:850;letter-spacing:-.035em;margin:0 0 6px;text-wrap:balance}
.sub{font-size:14px;color:var(--tx3);margin:0 0 30px;font-weight:600}
h2{font-size:17px;font-weight:800;letter-spacing:-.015em;margin:34px 0 10px}
p,li{font-size:14.5px;color:var(--tx2);margin:0 0 12px}
strong{color:var(--tx);font-weight:700}
ul{padding-left:20px;margin:0 0 12px}
li{margin-bottom:7px}
.note{border:.5px solid var(--edge-hi);background:var(--panel);border-radius:14px;
  padding:15px 17px;margin:0 0 28px}
.note p:last-child{margin-bottom:0}
.warn{border-color:rgba(255,214,10,.3);background:rgba(255,214,10,.06)}
.warn strong{color:var(--amber)}
.foot{margin-top:44px;padding-top:20px;border-top:.5px solid var(--edge);
  font-size:12.5px;color:var(--tx3)}
