:root {
  --bg: #15242B;          /* Deep Slate Teal Main Background */
  --bg-deep: #0F1B20;     /* Deepest Shadow Background */
  --panel: #1C2F38;       /* Card / Container Background */
  --line: #2C434C;        /* Divider Border Line */
  --paper: #EDE6D8;       /* Primary Text (Warm Paper) */
  --paper-dim: #B9B0A0;   /* Muted Text */
  --amber: #D9A441;       /* Focal Points & CTAs (Golden Amber) */
  --rust: #C25B3A;        /* Warning Accent / Eyebrow */
  --teal: #5C8A85;        /* Secondary Link Accent */
}

* { box-sizing: border-box; }

body { 
  margin: 0; 
  background: var(--bg); 
  background-image: radial-gradient(circle at 50% 0%, #1b2f37 0%, #15242B 55%);
  color: var(--paper); 
  font-family: 'IBM Plex Sans', sans-serif; 
  min-height: 100vh; 
}

.wrap { 
  max-width: 680px; 
  margin: 0 auto; 
  padding: 64px 20px 90px; 
}

.eyebrow { 
  font-family: 'IBM Plex Mono', monospace; 
  letter-spacing: .18em; 
  font-size: 11px; 
  color: var(--rust); 
  text-transform: uppercase; 
  text-align: center; 
}

h1 { 
  font-family: 'Fraunces', serif; 
  font-weight: 700; 
  font-size: clamp(32px, 6vw, 50px); 
  line-height: 1.05; 
  text-align: center; 
  margin: 12px 0 18px; 
}

.sub { 
  color: var(--paper-dim); 
  font-size: 16px; 
  text-align: center; 
  max-width: 520px; 
  margin: 0 auto 40px; 
  line-height: 1.6; 
}

.gauge { 
  width: 100%; 
  height: 48px; 
  margin-bottom: 40px; 
}

.gauge svg { 
  width: 100%; 
  height: 100%; 
  display: block; 
}

.card { 
  background: var(--panel); 
  border: 1px solid var(--line); 
  border-radius: 4px; 
  padding: 34px 30px; 
  margin-bottom: 24px; 
}

.card h2 { 
  font-family: 'Fraunces', serif; 
  font-size: 22px; 
  margin: 0 0 12px; 
}

.card p { 
  color: var(--paper-dim); 
  font-size: 15px; 
  line-height: 1.6; 
  margin: 0 0 10px; 
}

ul.includes { 
  margin: 16px 0 0; 
  padding-left: 0; 
  list-style: none; 
}

ul.includes li { 
  font-size: 14.5px; 
  color: var(--paper); 
  padding: 8px 0 8px 22px; 
  border-bottom: 1px solid var(--line); 
  position: relative; 
}

ul.includes li:last-child { 
  border-bottom: none; 
}

ul.includes li::before { 
  content: "→"; 
  position: absolute; 
  left: 0; 
  color: var(--amber); 
}

.price-row { 
  display: flex; 
  align-items: baseline; 
  justify-content: center; 
  gap: 10px; 
  margin: 28px 0 6px; 
}

.price { 
  font-family: 'Fraunces', serif; 
  font-size: 46px; 
  font-weight: 700; 
  color: var(--amber); 
}

.price-note { 
  font-family: 'IBM Plex Mono', monospace; 
  font-size: 12px; 
  color: var(--paper-dim); 
  text-align: center;
}

.cta-btn { 
  display: block; 
  width: 100%; 
  max-width: 340px; 
  margin: 18px auto 0; 
  text-align: center;
  background: var(--amber); 
  color: #1c1404; 
  font-weight: 600; 
  font-size: 16px; 
  padding: 16px 24px;
  border-radius: 3px; 
  text-decoration: none; 
  border: none; 
  cursor: pointer; 
  transition: background-color 0.15s ease-in-out;
}

.cta-btn:hover { 
  background: #e8b75a; 
}

.cta-sub { 
  text-align: center; 
  font-size: 12px; 
  color: var(--paper-dim); 
  margin-top: 10px; 
  font-family: 'IBM Plex Mono', monospace; 
}

.disclaimer { 
  font-size: 13px; 
  color: var(--paper-dim); 
  text-align: center; 
  max-width: 460px; 
  margin: 40px auto 0; 
  line-height: 1.6; 
}

footer { 
  margin-top: 60px; 
  text-align: center; 
  color: var(--paper-dim); 
  font-size: 12px; 
  font-family: 'IBM Plex Mono', monospace; 
}

footer a { 
  color: var(--teal); 
  text-decoration: none; 
}

.brand-header { 
  display: flex; 
  justify-content: center; 
  margin-bottom: 36px; 
}

.brand-link { 
  display: inline-flex; 
  align-items: center; 
  gap: 12px; 
  text-decoration: none; 
  opacity: .92; 
  transition: opacity .15s ease; 
}

.brand-link:hover { 
  opacity: 1; 
}

.brand-mark { 
  display: block; 
  height: 24px; 
  width: auto; 
  background: transparent !important; /* Forces logo transparency over teal body */
  mix-blend-mode: screen; /* Seamlessly blends out dark box artifacts */
}

.brand-word { 
  font-family: 'IBM Plex Mono', monospace; 
  font-size: 13px; 
  letter-spacing: .16em; 
  color: var(--paper-dim); 
}