@font-face {
  font-family: "Press Start 2P";
  src: url("/fonts/PressStart2P-Regular.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

:root {
  --ink: #08111f;
  --night: #0d1c2d;
  --navy: #152b42;
  --cream: #fff3d6;
  --teal: #4dd2c8;
  --pink: #f06b8d;
  --gold: #f7b955;
  color: var(--cream);
  background: var(--ink);
  font-family: Georgia, "Times New Roman", serif;
}

* { box-sizing: border-box; }
html { min-width: 320px; background: var(--ink); }
body {
  min-width: 320px;
  min-height: 100vh;
  margin: 0;
  background:
    linear-gradient(rgba(77, 210, 200, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(77, 210, 200, 0.05) 1px, transparent 1px),
    radial-gradient(circle at 50% 0, #183653, var(--ink) 54%);
  background-size: 32px 32px, 32px 32px, auto;
}

a { color: var(--teal); }
a:hover, a:focus-visible { color: var(--pink); }

.legal-shell {
  width: min(100% - 28px, 920px);
  margin: 0 auto;
  padding: clamp(24px, 5vw, 64px) 0 54px;
}

.brand {
  display: inline-grid;
  margin-bottom: 24px;
  color: var(--cream);
  font-family: "Press Start 2P", monospace;
  font-size: clamp(17px, 3.5vw, 28px);
  line-height: 0.82;
  text-decoration: none;
  text-shadow: 3px 3px 0 var(--pink);
}

.brand b { color: var(--teal); font-weight: 400; }
.brand small { margin-top: 8px; color: var(--pink); font-size: 0.38em; letter-spacing: 0.28em; }

.legal-card {
  padding: clamp(22px, 5vw, 56px);
  border: 4px solid var(--teal);
  color: var(--ink);
  background: var(--cream);
  box-shadow: 9px 9px 0 var(--pink);
}

.eyebrow, h1, h2, .effective, .legal-footer {
  font-family: "Press Start 2P", monospace;
}

.eyebrow { color: #a5395a; font-size: 9px; line-height: 1.7; letter-spacing: 0.08em; }
h1 { margin: 14px 0 10px; font-size: clamp(28px, 6vw, 54px); line-height: 1.14; letter-spacing: -0.06em; }
.effective { margin: 0 0 28px; color: #4b6570; font-size: 8px; line-height: 1.7; }
h2 { margin: 34px 0 12px; color: #173b50; font-size: clamp(13px, 2.5vw, 18px); line-height: 1.5; }
p, li { font-size: clamp(17px, 2.2vw, 20px); line-height: 1.52; }
li + li { margin-top: 8px; }

.plain-language {
  margin: 24px 0 30px;
  padding: 15px 18px;
  border-left: 5px solid var(--pink);
  background: #f7dfbd;
}

.plain-language strong {
  display: block;
  margin-bottom: 6px;
  font-family: "Press Start 2P", monospace;
  font-size: 9px;
  line-height: 1.5;
}

.legal-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 30px;
  padding: 18px 4px 0;
  color: rgba(255, 243, 214, 0.65);
  font-size: 8px;
  line-height: 1.7;
  gap: 16px;
}

.legal-footer nav { display: flex; gap: 14px; }
.legal-footer a { text-decoration: none; }

@media (max-width: 560px) {
  .legal-card { border-width: 3px; box-shadow: 6px 6px 0 var(--pink); }
  .legal-footer { flex-direction: column; }
}