1|:root {
     2|  --bg: #0d1017;
     3|  --panel: #171c27;
     4|  --panel-alt: #10141d;
     5|  --text: #f4f7fb;
     6|  --muted: #a7b0c2;
     7|  --accent: #c8a468;
     8|  --accent-dark: #a98445;
     9|  --border: rgba(255, 255, 255, 0.08);
    10|}
    11|
    12|* { box-sizing: border-box; }
    13|
    14|body {
    15|  margin: 0;
    16|  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    17|  background: linear-gradient(180deg, #0b0e14 0%, #121826 100%);
    18|  color: var(--text);
    19|}
    20|
    21|.nav,
    22|.footer {
    23|  display: flex;
    24|  justify-content: space-between;
    25|  align-items: center;
    26|  gap: 16px;
    27|  padding: 20px 28px;
    28|  border-bottom: 1px solid var(--border);
    29|  background: rgba(13, 16, 23, 0.85);
    30|  backdrop-filter: blur(12px);
    31|}
    32|
    33|.footer {
    34|  border-top: 1px solid var(--border);
    35|  border-bottom: 0;
    36|  margin-top: 40px;
    37|}
    38|
    39|.nav a,
    40|.footer a,
    41|.back-link {
    42|  color: var(--muted);
    43|  text-decoration: none;
    44|}
    45|
    46|.brand { font-weight: 700; letter-spacing: 0.04em; }
    47|
    48|.hero,
    49|.section,
    50|.legal-page {
    51|  max-width: 1120px;
    52|  margin: 0 auto;
    53|  padding: 72px 28px;
    54|}
    55|
    56|.hero {
    57|  display: grid;
    58|  grid-template-columns: 1.5fr 1fr;
    59|  gap: 28px;
    60|  align-items: center;
    61|}
    62|
    63|.eyebrow {
    64|  color: var(--accent);
    65|  text-transform: uppercase;
    66|  letter-spacing: 0.1em;
    67|  font-size: 0.78rem;
    68|  font-weight: 700;
    69|}
    70|
    71|h1, h2, h3 { margin-top: 0; }
    72|
    73|h1 {
    74|  font-size: clamp(2.3rem, 4vw, 4.5rem);
    75|  line-height: 1.03;
    76|  margin-bottom: 18px;
    77|}
    78|
    79|h2 {
    80|  font-size: clamp(1.8rem, 3vw, 3rem);
    81|  margin-bottom: 20px;
    82|}
    83|
    84|.subcopy,
    85|.card p,
    86|.contact-copy,
    87|li,
    88|.footer p,
    89|.legal-page p,
    90|.legal-page li {
    91|  color: var(--muted);
    92|  line-height: 1.6;
    93|}
    94|
    95|.cta-row {
    96|  display: flex;
    97|  gap: 14px;
    98|  margin: 28px 0;
    99|  flex-wrap: wrap;
   100|}
   101|
   102|.button {
   103|  display: inline-flex;
   104|  align-items: center;
   105|  justify-content: center;
   106|  padding: 14px 20px;
   107|  border-radius: 999px;
   108|  text-decoration: none;
   109|  font-weight: 600;
   110|}
   111|
   112|.button.primary { background: var(--accent); color: #101218; }
   113|.button.secondary { border: 1px solid var(--border); color: var(--text); }
   114|
   115|.hero-card,
   116|.card {
   117|  border: 1px solid var(--border);
   118|  background: var(--panel);
   119|  border-radius: 20px;
   120|  padding: 24px;
   121|}
   122|
   123|.hero-card { display: grid; gap: 18px; }
   124|.label { display: block; color: var(--muted); font-size: 0.84rem; margin-bottom: 6px; }
   125|.grid { display: grid; gap: 18px; }
   126|.grid.three { grid-template-columns: repeat(3, 1fr); }
   127|.grid.two { grid-template-columns: repeat(2, 1fr); }
   128|.alt {
   129|  background: rgba(255, 255, 255, 0.02);
   130|  border-top: 1px solid var(--border);
   131|  border-bottom: 1px solid var(--border);
   132|}
   133|.proof-list {
   134|  display: flex;
   135|  flex-wrap: wrap;
   136|  gap: 18px;
   137|  padding: 0;
   138|  list-style: none;
   139|}
   140|.price {
   141|  font-size: 3rem;
   142|  font-weight: 700;
   143|  margin: 0 0 10px;
   144|}
   145|.price span { font-size: 1rem; color: var(--muted); font-weight: 500; }
   146|.pricing-card { display: grid; gap: 20px; }
   147|.footer-links { display: flex; gap: 16px; flex-wrap: wrap; }
   148|.legal-page { max-width: 860px; }
   149|.legal-page h1 { margin-top: 12px; }
   150|.legal-page h2 { margin-top: 28px; font-size: 1.35rem; }
   151|
   152|@media (max-width: 900px) {
   153|  .hero,
   154|  .grid.three,
   155|  .grid.two,
   156|  .nav,
   157|  .footer {
   158|    grid-template-columns: 1fr;
   159|    flex-direction: column;
   160|    align-items: flex-start;
   161|  }
   162|}
   163|