:root {
  --ink: #111111;
  --black: #111111;
  --paper: #F7F4EF;
  --white: #FFFFFF;
  --amber: #C9A45C;
  --amber-soft: #D8B86A;
  --line: #D8D1C7;
  --muted: #6F6A63;
}

body {
  background: #F7F4EF;
  color: #111111;
}

.nav {
  background: rgba(247, 244, 239, .92);
  border-bottom-color: #D8D1C7;
}
.nav-cta { border-bottom-color: #C9A45C; }

.hero {
  background:
    radial-gradient(circle at 82% 22%, rgba(201, 164, 92, .17), transparent 29%),
    #111111;
  color: #F7F4EF;
}
.hero .label, .hero-caption, .hero-copy > p, .art-note { color: #D6D0C8; }
.hero-caption { border-top-color: rgba(247, 244, 239, .2); }
.hero h1 em { color: #C9A45C; }
.button {
  background: #C9A45C;
  color: #111111;
}
.button:hover { background: #D8B86A; }
.button span { color: #111111; }
.screen {
  border: 1px solid rgba(201, 164, 92, .48);
  box-shadow: 0 30px 90px rgba(0,0,0,.48);
}
.screen-content {
  background: linear-gradient(135deg, #111111 0%, #29231a 55%, #755f37 100%);
}
.light { background: linear-gradient(rgba(216, 184, 106, .5), transparent); }
.screen-copy small, .screen-copy em { color: #D8B86A; }
.art-stamp { background: #C9A45C; color: #111111; }

.pain {
  background: #F7F4EF;
  color: #111111;
}
.pain .section-index { color: #6F6A63; }
.pain-main h2 em { color: #111111; }
.pain-main p { color: #2A2A2A; }
.pain-statement {
  border-top: 0;
  border-left: 3px solid #C9A45C;
  padding: 5px 0 5px 24px;
}
.pain-statement span { color: #8F7138; }
.pain-statement strong { color: #C9A45C; }

.solution { background: #E8E2D8; }
.solution-head p { color: #2A2A2A; }
.feelings { border-top-color: #D0C7BA; }
.feeling {
  background: #F7F4EF;
  border-right-color: #D0C7BA;
  border-bottom-color: #D0C7BA;
}
.feeling b { color: #A78343; }

.example {
  background:
    radial-gradient(circle at 78% 35%, rgba(201, 164, 92, .13), transparent 26%),
    #111111;
  color: #F7F4EF;
}
.example .section-index, .example-head p { color: #D6D0C8; }
.choice { border: 1px solid #34322E; }
.choice.muted { background: #1B1B1A; color: #96918A; }
.chat i { background: #302F2C; }
.chat i:nth-child(2) { background: #48453F; }
.choice.social { background: #25231F; color: #D6D0C8; }
.social-grid i { background: #3A3731; }
.choice.site {
  background: #F7F4EF;
  color: #111111;
  border-color: #C9A45C;
  box-shadow: 0 20px 70px rgba(0,0,0,.35);
}
.site-preview { background: linear-gradient(140deg, #111111, #6F5931); }
.site-preview em { color: #D8B86A; }
.site-shows { border-top-color: #3B3934; }
.site-shows li { border-bottom-color: #3B3934; color: #D6D0C8; }
.site-shows li:before { color: #C9A45C; }
.conclusion {
  background: transparent;
  border: 1px solid #C9A45C;
  color: #F7F4EF;
}
.conclusion span { color: #C9A45C; }

.prices { background: #F7F4EF; }
.price-card {
  background: #FFFFFF;
  border-color: #D8D1C7;
}
.price-card li:before { color: #A78343; }
.price-card.featured {
  background: #FFFFFF;
  color: #111111;
  border: 2px solid #C9A45C;
  box-shadow: 0 22px 60px rgba(56, 44, 23, .11);
}
.price-card.featured .price-top span,
.price-card.featured p,
.price-card.featured li { color: #6F6A63; }
.price-card.featured a {
  color: #111111;
  border-color: #D8D1C7;
}
.popular { background: #C9A45C; color: #111111; }

.contact {
  background:
    radial-gradient(circle at 12% 84%, rgba(201, 164, 92, .14), transparent 28%),
    #111111;
  color: #F7F4EF;
}
.contact .section-index, .contact-copy > p { color: #D6D0C8; }
.formula { border-top-color: rgba(247, 244, 239, .2); }
.contact-messengers {
  background: #F7F4EF;
  color: #111111;
  border-radius: 18px;
  padding: 32px;
  align-self: start;
}
.contact-messengers-label {
  display: block;
  color: #6F6A63;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.contact-messengers > strong {
  display: block;
  font-family: Unbounded, sans-serif;
  font-size: 19px;
  line-height: 1.45;
  letter-spacing: -.04em;
  margin: 35px 0;
}
.messenger-links { display: grid; gap: 10px; }
.messenger-link {
  min-height: 76px;
  border-radius: 14px;
  padding: 0 20px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 16px;
  align-items: center;
  color: #111111;
  text-decoration: none;
  font-family: Unbounded, sans-serif;
  font-size: 14px;
  transition: transform .2s ease, background .2s ease;
}
.messenger-link:hover { transform: translateY(-2px); }
.messenger-link.telegram { background: #C9A45C; }
.messenger-link.telegram:hover { background: #D8B86A; }
.messenger-link.max { background: #E8E2D8; }
.messenger-link.max:hover { background: #DED5C8; }
.messenger-icon {
  width: 40px;
  height: 40px;
  border: 1px solid rgba(17, 17, 17, .18);
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 10px;
  font-weight: 800;
}
.messenger-link small {
  display: block;
  margin-bottom: 5px;
  color: #6F6A63;
  font-family: Manrope, sans-serif;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.messenger-link b { color: #111111; }
.messenger-note {
  display: block;
  margin-top: 14px;
  color: #6F6A63;
  font-size: 8px;
  line-height: 1.5;
  text-align: center;
}

@media(max-width:560px) {
  .contact-messengers { padding: 25px 18px; }
  .contact-messengers > strong { font-size: 16px; margin: 28px 0; }
}

footer { background: #F7F4EF; }