/* Shared styles for the standalone pages (privacy, terms, 404). */

.page-hero{
  background:linear-gradient(115deg,#071a2b,#0b3f4a);
  color:#fff;
  padding:56px 0 48px;
}
.page-hero h1{font-size:clamp(30px,5vw,46px);font-weight:700;letter-spacing:-.04em;color:#fff}
.page-hero p{color:#b9cbd4;margin-top:12px;max-width:60ch}
.page-hero .sec-eyebrow{color:#92efdf;background:rgba(10,165,143,.11);border-color:rgba(114,227,210,.28);margin-bottom:14px}

.legal{padding:56px 0 84px;max-width:820px}
.legal h2{
  font-family:'Sora',sans-serif;
  font-size:22px;
  font-weight:700;
  letter-spacing:-.03em;
  color:var(--ink);
  margin:38px 0 10px;
  padding-top:18px;
  border-top:1px solid var(--line);
}
.legal h2:first-of-type{border-top:none;padding-top:0;margin-top:0}
.legal h3{font-family:'Sora',sans-serif;font-size:16px;font-weight:700;color:var(--ink-2);margin:22px 0 6px}
.legal p,.legal li{color:#41586b;font-size:15.5px;line-height:1.75}
.legal p{margin:0 0 12px}
.legal ul{margin:0 0 14px;padding-left:20px}
.legal li{margin-bottom:6px}
.legal a{color:#087e6e;font-weight:600}
.legal strong{color:var(--ink)}
.legal .updated{
  display:inline-block;
  font-size:13px;
  font-weight:700;
  color:#087e6e;
  background:rgba(10,165,143,.09);
  border:1px solid rgba(10,165,143,.22);
  border-radius:999px;
  padding:7px 14px;
  margin-bottom:30px;
}
.legal .callout{
  background:#f4fafb;
  border:1px solid var(--line);
  border-left:3px solid var(--gold);
  border-radius:12px;
  padding:18px 20px;
  margin:18px 0 22px;
}
.legal .callout p:last-child{margin-bottom:0}

/* 404 */
.notfound{text-align:center;padding:80px 0 96px}
.notfound .code{
  font-family:'Sora',sans-serif;
  font-size:clamp(80px,18vw,150px);
  font-weight:800;
  line-height:1;
  letter-spacing:-.06em;
  background:linear-gradient(135deg,var(--gold),var(--accent));
  -webkit-background-clip:text;background-clip:text;
  color:transparent;
}
.notfound h1{font-size:clamp(26px,4vw,38px);font-weight:700;letter-spacing:-.04em;margin:6px 0 12px}
.notfound p{color:var(--muted);max-width:52ch;margin:0 auto 28px;font-size:16px;line-height:1.75}
.notfound .hero-cta{justify-content:center}
.notfound .logo-anim{width:230px;max-width:70%;margin:0 auto 30px}
.notfound .logo-anim>img{width:100%;height:auto}