waitlist/404.html at main · DettaSystems/waitlist · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'unsafe-inline' https://plausible.io; style-src 'self' 'unsafe-inline'; img-src 'self' data:; font-src 'self'; connect-src 'self' https://plausible.io https://formspree.io; form-action 'self' https://formspree.io; base-uri 'self'; object-src 'none'; upgrade-insecure-requests" />
  <meta name="referrer" content="strict-origin-when-cross-origin" />
  <title>Page not found | Detta&trade;</title>
  <meta name="robots" content="noindex, follow" />
  <meta name="theme-color" content="#0D4F4F" />
  <link rel="icon" type="image/x-icon" href="/favicon.ico?v=2" />
  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png?v=2" />
  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=2" />
  <link rel="manifest" href="/site.webmanifest" />
  <link rel="preload" href="/fonts/fraunces.woff2" as="font" type="font/woff2" crossorigin />
  <link rel="preload" href="/fonts/dmsans.woff2" as="font" type="font/woff2" crossorigin />
  <style>
    @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 300 600; font-display: swap;
      src: url(/fonts/fraunces.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
    @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 300 600; font-display: swap;
      src: url(/fonts/dmsans.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
    :root { --font-display:'Fraunces',Georgia,serif; --font-body:'DM Sans',system-ui,sans-serif;
      --teal:#0D4F4F; --teal-mid:#1A7070; --ink:#1A2B2B; --ink-soft:#4A5C5C; --line:#D9E5E5; --bg:#FBFDFD; }
    * { box-sizing:border-box; }
    body { margin:0; font-family:var(--font-body); color:var(--ink); background:var(--bg); line-height:1.7;
      -webkit-font-smoothing:antialiased; }
    a { color:var(--teal-mid); }
    .topbar { border-bottom:1px solid var(--line); }
    .topbar-inner { max-width:760px; margin:0 auto; padding:18px 24px; }
    .brand img { height:24px; width:auto; display:block; }
    main { max-width:680px; margin:0 auto; padding:72px 24px; text-align:center; }
    .code { font-family:var(--font-display); font-weight:600; color:var(--teal); font-size:56px; line-height:1; letter-spacing:-0.02em; margin:0; }
    h1 { font-family:var(--font-display); font-weight:600; color:var(--teal); font-size:30px; margin:14px 0 10px; }
    p { color:var(--ink-soft); font-size:17px; margin:0 auto 26px; max-width:520px; }
    .btn { display:inline-block; background:linear-gradient(135deg,#0D4F4F,#1A7070); color:#fff;
      text-decoration:none; font-weight:600; font-size:15px; padding:12px 24px; border-radius:10px;
      box-shadow:0 2px 10px rgba(13,79,79,0.22); }
    .links { margin-top:30px; font-size:15px; }
    .links a { margin:0 10px; }
    footer { border-top:1px solid var(--line); margin-top:24px; }
    .footer-inner { max-width:760px; margin:0 auto; padding:24px; color:var(--ink-soft); font-size:13px; text-align:center; }
  </style>
</head>
<body>
  <div class="topbar"><div class="topbar-inner"><a class="brand" href="/"><img src="/brand/detta-wordmark.png" alt="Detta" width="77" height="24" /></a></div></div>
  <main>
    <p class="code">404</p>
    <h1>This page took a wrong turn</h1>
    <p>The page you're looking for moved or doesn't exist. Let's get you back to something useful.</p>
    <a class="btn" href="/">Back to home</a>
    <div class="links">
      Or try: <a href="/learn/">free guides</a> &middot;
      <a href="/learn/debt-collector-rights/">your rights</a> &middot;
      <a href="/learn/do-i-need-a-debt-settlement-company/">do I need a settlement company?</a> &middot;
      <a href="/#calculator">payoff calculator</a>
    </div>
  </main>
  <footer><div class="footer-inner">
    Detta&trade; is self-help software, not a law firm, debt settlement company, or credit-counseling agency.
  </div></footer>
  <script src="/waitlist-modal.js" defer></script>
</body>
</html>