/* Full-site night navy. The hero film (phone, taglines, blueprint dust) is not restyled here. */
html { color-scheme: dark; }

body {
  background: #07111f;
  color: #f4efe6;
}

.hero::before { display: none; }

h1, h2, h3 { color: #fbf7ef; }

.lede,
.price-period,
.price-note,
.fine-print,
.card p,
.example-list p,
.include-list p,
.proof-note,
.hint,
.form-note {
  color: #e4dccb;
}

.kicker,
.section-dark .kicker,
.section-quote .kicker,
.proof-kicker,
.proof-tile .proof-kicker,
.example-label {
  color: #e7cf98;
}

.price-value { color: #fbf7ef; }

.section { background: #07111f; color: #f4efe6; }
#proof.section { background: #081422; }
#work.section { background: #07111f; }
#included.section {
  background: #f7f1e6;
  color: #1c160c;
}
#included h2,
#included h3,
#included .price-value { color: #1c160c; }
#included .kicker { color: #8a6232; }
#included .price-period,
#included .price-note,
#included .fine-print,
#included .include-list p,
#included figcaption { color: #4a4034; }
#included .include-list li::before { background-color: #c4a15a; }
#included .fine-print { border-top-color: rgb(28 22 12 / .16); }
#how.section-dark { background: #0c1b30; }
#results.section-tint { background: #081422; color: #f4efe6; }
.section-quote { background: #07111f; }
.site-footer { background: #05080f; }

.card,
.proof-card,
.example-list article,
.quote-form {
  background: #102033;
  color: #f4efe6;
  border-color: rgb(231 207 152 / .28);
  box-shadow: 0 18px 40px -28px rgb(0 0 0 / .7);
}

.proof-tile-media,
.shot {
  border-color: rgb(231 207 152 / .22);
  background: #07111f;
}

.card h3,
.example-list h3,
.proof-tile h3,
.include-list h3 { color: #fbf7ef; }

.example-flag {
  background: rgb(231 207 152 / .1);
  border-color: rgb(231 207 152 / .45);
  color: #f6ead0;
}

.work-package { border-top-color: rgb(231 207 152 / .22); }

.hero-points li::before,
.include-list li::before {
  background-color: #e7cf98;
}

.btn-primary {
  background: #e7cf98;
  background-image: linear-gradient(180deg, #fbf1dd 0%, #e7cf98 46%, #d2b16d 100%);
  color: #1a1408;
  box-shadow: 0 12px 24px -16px rgb(231 207 152 / .7);
}
.btn-primary:hover {
  background: #f3e6c4;
  background-image: linear-gradient(180deg, #fffaf0 0%, #f0e0b4 50%, #ddc07a 100%);
  color: #1a1408;
}

.quote-form { color: #f4efe6; }
.field label { color: #fbf7ef; }
.req { color: #e7cf98; }

.field input,
.field select,
.field textarea {
  color: #fbf7ef;
  background-color: #07111f;
  border-color: rgb(231 207 152 / .38);
  color-scheme: dark;
}
.field select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' stroke='%23e7cf98' stroke-width='2.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.field input::placeholder,
.field textarea::placeholder { color: #b7ab96; }
.field input:focus,
.field select:focus,
.field textarea:focus {
  background: #0c1b30;
  border-color: #e7cf98;
  box-shadow: 0 0 0 4px rgb(231 207 152 / .22);
}
.field.has-error input,
.field.has-error select,
.field.has-error textarea {
  border-color: #e7a0a0;
  background: #2a1518;
}

.fine-print { border-top-color: rgb(231 207 152 / .22); }